@charset "UTF-8";
/* CSS Document */
body{font-family:"Noto Sans TC","微軟正黑體",sans-serif;font-size:16px;line-height:1.6;color:#333;font-weight:300;letter-spacing:.1em;margin:0;padding:0}
a{color:#333;text-decoration:none;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
a:hover{color:#113f60}
img{max-width:100%;height:auto}

/*反白設定*/
::-moz-selection{background:#86c0ea;color:#fff}
::selection{background:#86c0ea;color:#fff}

/*顏色*/
.red{color:#d40023}
.blue{color:#86c0ea}
.gray{color:#d3d3d3}

/* 效果--縮放*/
.action2{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);transition:all 3s cubic-bezier(0.165,0.84,0.44,1)}
.action2:hover{-webkit-transform:scale(0.95);transform:scale(0.95)}

/*按鈕*/
.btnWrap{margin:2rem 0;text-align:center}
[class^="btn--"]{position:relative;z-index:1;overflow:hidden;display:inline-block;background:#02328d;color:#fff;border-radius:3rem;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
[class^="btn--"]::before{content:'';z-index:-1;position:absolute;bottom:0;right:0;width:0;height:100%;background:#f95a3b;-webkit-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transition:all 1s cubic-bezier(0.165,0.84,0.44,1)}
[class^="btn--"] i{margin-left:.5rem}
[class^="btn--"]:hover{color:#fff}
[class^="btn--"]:hover::before{left:0;width:100%}
.btn--style1{padding:.5rem 2rem}
.btn--line{padding:.5rem 3rem;background:transparent;color:#23465f;border:solid 1px #23465f}
.btn--style1Smail{padding:2px 1rem;font-size:.8rem}

/*主院*/
.homeMain{position:relative;min-height:100vh;display:flex;flex-wrap:wrap;align-items:center}
.homeHospital{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-self:flex-end;width:100%}
.homeHospital__item{width:50%;padding:0 .5rem}
.homeHospital__item .hosTitle{position:relative;z-index:1;color:#9CBCE3;margin:0;padding:.5rem 0;font-weight:400;font-size:1.75rem}
.homeHospital__item.hos02 .hosTitle{text-align:right}
.homeHospital__item .hosTitle small{display:block;font-size:70%}
.homeHospital__item__link{display:block;position:relative;overflow:hidden;background-position:center;background-size:auto 100%;background-repeat:no-repeat;-webkit-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-webkit-box-shadow:0 0 0 #000;box-shadow:0 0 0 #000}
.homeHospital__item__link figure{margin-bottom:0}
.homeHospital__item.hos01{padding-right:1px}
.homeHospital__item.hos02{padding-left:1px}
.homeHospital__item--leader{width:100%;max-width:600px;padding:2rem 1rem;text-align:center;display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;background:#fff;align-items:center}
.homeHospital__item--leader::before,.homeHospital__item--leader::after{display:none}
.homeHospital__item--leader .mjPic{width:50%;max-width:200px;margin-bottom:2rem}
.homeHospital__item--leader .subPic{width:80%}

/*小院*/
.homeHospatalMinor{width:100%;padding:1rem 0;text-align:center;display:flex;justify-content:center;flex-wrap:wrap;align-self:flex-end}
.homeHospatalMinor__item{display:inline-block;padding:1rem 0}
.homeHospatalMinor__item+.homeHospatalMinor__item .hosName{border-left:solid 1px #ccc}
.homeHospatalMinor__item .hosName{margin:0;padding:0 1rem;font-size:1rem;font-weight:300}
.homeHospatalMinor__item:hover{color:#02328d}

/*footer*/
.footer{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-wrap:wrap;padding:1rem;background:linear-gradient(135deg,#112849 0%,#16415e 100%);color:#fff;font-size:.9rem;}
.footer a{display: inline-block;color:#fff;}
.footer__brand{margin-bottom: .5rem;}
.footer__link a{text-decoration:underline;display:block}
.footer__copyright{width:100%;margin-top:.5rem}
@media screen and (min-width:992px){
  .homeHospital__item{width:50%;padding:0}
  .homeHospital__item--leader .mjPic{width:auto;max-width:210px;margin-bottom:2rem}
  .homeHospital__item--leader .subPic{max-width:400px;width:auto}
  .homeHospital__item--leader{width:100%;max-width:inherit;padding:2rem 1rem}
  .homeHospital__item__link figure{position:relative}
  .homeHospital__item__link figure::before,.homeHospital__item__link figure::after{content:'';position:absolute;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
  .homeHospital__item__link figure::before{content:'more';z-index:2;opacity:0;left:50%;top:50%;color:#fff;transform:translate(-3rem,-50%);letter-spacing:0;text-transform:uppercase;font-size: 1.5rem;}
  .hos01 .homeHospital__item__link figure::before{content:'中港';}
  .hos02 .homeHospital__item__link figure::before{content:'平等';}
  .homeHospital__item__link figure::after{opacity:0;left:0;top:0;right:0;bottom:0;background:linear-gradient(135deg,#b6e1ff 0%,#569acc 100%)}
  .homeHospital__item__link:hover{background-size:auto 105%}
  .homeHospital__item__link:hover figure::before{opacity:1;transform:translate(-50%,-50%);letter-spacing:.5em}
  .homeHospital__item__link:hover figure::after{opacity:.5}
  .homeHospital__item .hosTitle{display:flex;flex-direction:row;align-items:flex-end;padding:.5rem 1rem}
  .homeHospital__item.hos02 .hosTitle{flex-direction:row-reverse}
  .homeHospital__item .hosTitle small{margin:0 .5rem}

  /*footer*/
  .footer{flex-wrap:nowrap;font-size:.8rem}
  .footer__brand{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
  .footer__link{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
  .footer__link a{text-decoration:none;display:inline-block}
  .footer__copyright{width:auto;margin-top:0;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}

}