/*reset css*/ body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote, th, td { margin: 0;padding: 0;} img {border: 0;} :focus {outline: 0;} h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;} input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;} code, kbd, samp, tt {font-size: 100%;} /*purpose To enable resizing for IE */ /*branch For IE6-Win, IE7-Win */ input, button, textarea, select {*font-size: 100%; /* -webkit-appearance: none; Safari 和 Chrome，常用於iOS下移除內建樣式 *//*-moz-appearance: none; FireFox */ appearance: none;} body {line-height: 180%;} ol, ul, li {list-style: none;} :link, :visited , ins {text-decoration: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} /*HTML5 tag*/ section, article, aside, footer, header, nav, main {display:block;} /*HTML5 display-role reset for older browsers*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} ul {list-style: none;width: 100%;float:left;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} /*general*/ html, body {height: 100%;width: 100%;} body {color: #646464;font: normal 13px "Arial","PMingLiU","Meiryo";line-height: 24px;} body.lg-4 {font: normal 13px "Noto Sans CJK","Arial","MS Mincho","PingFang SC","Meiryo","PMingLiU";line-height: 24px;} div {width: 100%;float:left; padding:0;margin:0;} p , table {width: 100%; float:left; padding:0; margin:0;} /* #menu-13102 {color: #808080;} #menu-13102 .hos-group h7 span {color:#646464;font-size:13px;} #menu-13102 h7 {color:#808080;} #menu-13102 h7 span {font-size:15px;} #menu-13102 h6 {font-size: 20px;}*/ /*title*/ h1 , #menu-name {font-size:20px;font-weight:bold;line-height:30px;width:100%;float:left;color:#134285;padding:10px 0px;margin:12px 0;border-bottom: 1px solid #b8c7da;} h2 , .post-title {font-size:20px;font-weight:bold;line-height:42px;width:100%;float:left;color:#26a754;} h3 {font-size:18px;width:100%;float:left;color:#26a754;text-decoration:underline;} h4 {font-size:16px;font-weight: bold; color: #003366;width:100%;float:left;margin:10px 0;} h5 {width:100%;float:left;color:#000;margin:0px 0 5px;font-weight:700;} h6 {width:100%;float:left;color: #ff6600; font-size: 20px;margin:5px 0 10px;font-weight:700;line-height:30px;} h7 {width:100%;float:left;color:#646464;margin:0px 0 5px;} h7 span {float:left;font-weight:700;margin-right:5px;} /*link*/ a {color: #808080;text-decoration: none;-webkit-transition: color .5s, background .5s;transition: color .5s, background .5s;} a:hover {color:#f3981c;} a img {opacity: 1;} a img:hover {} /*li*/ ol {margin-left: 1em;width: calc(100% - 1em);} ol li {list-style: decimal;} /*iframe img*/ iframe {margin:0px;max-width: 100% !important;} img {height: auto;max-width: 100%;} .video-content img , .listing-ul .upc-picture img {max-width: calc(100% - 10px);} /*input*/ input {width:calc(100% - 10px);float:left;border:none;padding:8px 5px;border-radius: 6px;} textarea {width:calc(100% - 10px);float:left;border: 1px solid #b8c6da;padding:5px 5px;border-radius: 6px;height:100px;} input[type="submit"], input[type="button"], .go-back a {font-size: 12px;color: #ffffff;background:#124385;text-align: center;cursor: pointer;-webkit-transition: background .5s;transition: background .5s;} input[type="submit"]:hover , input[type="button"]:hover {background:#26a854;} input[type="radio"], input[type="checkbox"] {padding:0px;margin:5px 5px 5px 0;width:15px;border:none;} input[type="radio"] {padding:0; height:15px; appearance:button; border: 1px solid #b8c6da !important;} input[type="text"] {border: 1px solid #b8c6da;} select {padding:4px 5px;width:calc(100% - 12px);float:left;border:1px solid #d2d2d2;} .go-back a {width:70px;float:left;border:none;padding:3px 5px;border-radius: 6px;margin:0 calc(50% - 40px);} .go-back a:hover {background: #27a855;} /*pageselection*/ .pageselection {text-align:Center;} .pageselection li {display:inline-block;margin:5px;} .pageselection li a {color: #134285;display:block;padding: 5px;} .pageselection a:hover {background: #134285;color: #ffffff;} .pageselection li.activepage span {display:block;padding: 5px;background: #134285;color: #ffffff;} #page-top , .printer {display: none;} /*frame layout*/ #artboard {background: #fff;min-height: 100%;min-width: 1000px;} /*language*/ #language {background: #144486;text-align: right;} #language-inner {margin:0 calc(50% - 500px);width:1000px;} #language ul {width:395px;float:right;} #language ul li {float:left;margin:0 2px;} #language ul li a {color: #ffffff;width: auto;float:left;padding:8px 20px;} #language ul li a:hover, a.activelang {background: #27a855;} /*header*/ #header {height: 100px;background: url(graphics/header.jpg) bottom center repeat-x;} #header-inner {width: 1000px;margin: 0 calc(50% - 500px);} #logo {height: 100px;line-height: 100px;width: 715px;} #logo a { font: bold 25px "Microsoft JhengHei","\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4"; color: #144386;background: url(graphics/logo.png) left top 11px no-repeat; background-size: 210px;float:left;line-height: 98px;padding-left: 240px;width: 510px;} /*search-box*/ #search-box {width:calc(100% - 715px);float: left;padding: 35px 0;height: 30px;} #search-box-inner {width:calc(100% - 90px);} #search-box input {border-radius:0;} #search-box input[name="searchFor"] {background: #ffffff;width: 132px;float: left;padding:7px 5px;border:1px solid #b8c6da;border-right:none;} #search-box input[type="submit"] {background:#f3f5f8 url(graphics/search.png) left 7px top 7px no-repeat;width: 28px;float: left;border:1px solid #b8c6da;border-left:none;padding:7.5px 5px;} #search-box input[type="submit"]:hover {background:#b8c6da url(graphics/search-h.png) left 7px top 7px no-repeat;} a.sitem {background:#124385;color: #ffffff; float: right;font-size: 12px;text-align: center;width: 90px;padding:4px 0;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;} a.sitem:hover {background:#26a854;} /*mainmenu*/ #mainmenu {position:relative;z-index:99999;background: url(graphics/border.jpg) center center repeat;background-size:100%;height: 68px;font: bold 15px "Arial","PMingLiU";line-height: 63px;} #mainmenu-inner {background: url(graphics/mainmenu.jpg) center center repeat-x;height: 63px;} #mainmenu ul {margin: 0 calc(50% - 500px);width: 1000px;} #mainmenu ul li {float: left;} #mainmenu ul li:hover, #mainmenu ul li.activemenu {background: url(graphics/mainmenu-a.jpg) center center repeat-x;} #mainmenu a {color: #134285;display: block;padding: 0 23px;width: auto;-webkit-transition: color 0s, background 0s;transition: color 0s, background 0s;} body.lg-1 #mainmenu a {padding: 0 21px;} #mainmenu li:hover a, #mainmenu ul li.activemenu a {background: url(graphics/mainmenu-arrow.png) center 45px no-repeat;color: #ffffff;} #menu10403 , #menu13078 {display: none;} /*mainmenu ul li ul*/ #mainmenu ul li ul {display: none;background: rgba(20, 67, 134, .9); font:normal 13px "Arial","PMingLiU";line-height: 24px;margin: 0;padding: 5px 0;position: absolute;width: 260px;z-index: 50;} #mainmenu ul li:hover > ul {display: block;} #mainmenu ul li ul li {float: left;position: relative;width: 260px;} #mainmenu ul li ul li:hover ,#mainmenu ul li ul li.activemenu:hover {background: #26a854;} #mainmenu ul li ul li.activemenu {background: none;} #mainmenu ul li:hover ul li {background: url(graphics/dot-orange.png) 10px 13px no-repeat;padding:0px 20px;width: 220px;color:#fff;} #mainmenu ul li:hover ul li:hover {background: #26a854 url(graphics/dot-orange.png) 10px 13px no-repeat;} #mainmenu ul li:hover ul li a {padding:0;width: 100%;} #mainmenu ul li:hover ul li span {padding:3px 0;float:left;} #mainmenu ul li ul li ul {left: 260px;top: -5px;} /*navigation*/ #navigation {background: #f3f5f8;color: #134285;font-size: 12px;line-height: 30px;text-align: right;display:None;} #navigation a {color: #134285;} #navigation-inner {margin: 0 calc(50% - 500px);width: 1000px;} /*content*/ #content {} #content-inner {margin: 30px calc(50% - 500px);width: 1000px;min-height:64vh;} /*mainside*/ #mainside {width: 230px;margin-right:30px;} #mainside-title {background: url(graphics/mainside-title.jpg) center bottom no-repeat;color: #134285;font-size: 20px;font-weight: bold;line-height: 30px;padding: 15px 0;} /*side-menu*/ #side-menu ul li {border-bottom: 1px solid #dbe4ed;width: 100%;float:left;} #side-menu ul li a {color: #134285;float:left;padding: 10px;width:calc(100% - 20px);} #side-menu ul li a:hover, #side-menu ul li.menusubactive a, #side-menu ul li#menusubactive a {background: #144486;color: #ffffff;} #side-menu ul li ul {margin: 8px 0 15px;} #side-menu ul li ul li {background: url(graphics/dot-orange.png) 8px 8px no-repeat;border: none;line-height: 20px;padding: 0 0 0 4%;width: 96%; } #side-menu ul li ul li a , #side-menu ul li#menusubactive ul li a , #side-menu ul li#menusubactive ul li.menusubactive1 ul li a {background: none;color: #134285;padding: 0 10px;} #side-menu ul li ul li a:hover , #side-menu ul li#menusubactive ul li a:hover, #side-menu ul li#menusubactive ul li.menusubactive1 a, #side-menu ul li#menusubactive ul li#menusubactive a {color: #26a754;} #side-menu ul li#menusubactive ul li.menusubactive1 ul li a, #side-menu ul li#menusubactive ul li#menusubactive ul li a, #side-menu ul li#menusubactive ul li#menusubactive ul li a {color:#808080;} #side-menu ul li#menusubactive ul li.menusubactive1 ul li a:hover , #side-menu ul li#menusubactive ul li.menusubactive1 ul li.menusubactive1 ul li a, #side-menu ul li#menusubactive ul li#menusubactive ul li.menusubactive2 a, #side-menu ul li#menusubactive ul li#menusubactive ul li a:hover {color: #984807;} /*maincontent*/ #maincontent {width:calc(100% - 260px);} /*footer*/ #footer {background: url(graphics/border.jpg) center center repeat;background-size:100%;padding-top: 5px;} #footer-inner {background: #144486;} #copyright {font-size: 10px;color: #ffffff;text-align: center;width: 1000px;margin: 0 calc(50% - 500px);} /*search*/ .searchphrase:before {content:"Search Keyword:";margin-right:5px;} body.lg-2 .searchphrase:before {content:"搜尋關鍵字：";} body.lg-3 .searchphrase:before {content:"搜寻关键词：";} body.lg-4 .searchphrase:before {content:"検索：";} .searchitem , .searchitem0 {padding-left:10px;width:calc(100% - 10px);margin:5px 0;} .searchitem span , .searchitem0 span {float:left;width: 35px;margin-right:10px;text-align: right;} .searchitem a , .searchitem0 a {width:calc(100% - 45px);float:left;} /*flash-box*/ #flash-box {position:relative;top:0px;} #flash-box div {padding: 0 !important;margin: 0 !important;} #flash-box img {width: 100%;} .theme-default .nivoSlider {margin-bottom:0px !important;} .nivo-controlNav {width: 100%;position:absolute;bottom:10px;left:0;z-index:999 !important;} .theme-default .nivo-controlNav a {display:inline-block;width:12px !important;height:12px !important;background:#ffffff !important; text-indent:-9999px;border-radius:50% !important;margin: 0 10px !important;-webkit-box-shadow: 3px 3px 5px rgba(30, 30, 30, .3); -moz-box-shadow: 3px 3px 5px rgba(30, 30, 30, .3);box-shadow: 3px 3px 5px rgba(30, 30, 30, .3);} .theme-default .nivo-controlNav a.active {background:#26a854 !important;} .nivo-prevNav { background: url(graphics/arrow-left.png) center center no-repeat !important; height: 109px !important; width: 109px !important; } .nivo-nextNav { background: url(graphics/arrow-right.png) center center no-repeat !important; height: 109px !important; width: 109px !important; } hr {position:relative;top:-7px;background: url(graphics/border.jpg) center center no-repeat;background-size:100%;border: none;height: 5px;width: 100%;float:left;} /*Sitemap*/ body#menu-13078 #mainside {display:none;} body#menu-13078 #maincontent {width:100%;} #sitemenu ul li {width:100%;float:left;margin-bottom:20px} #sitemenu ul li a {color: #134285;font-size:16px;} #sitemenu ul li a:hover {color: #26a754} #sitemenu ul li ul li {width:calc(100% - 35px);float:left;margin:0 0 0 10px;padding:2px 0 2px 25px;background: url(graphics/dot-orange2.png) left 8px top 15px no-repeat;background-size: 4px;} #sitemenu ul li ul li a {color: #808080;font-size:12px;} #sitemenu ul li ul li a:hover {color:#f3981c;} #sitemenu ul li ul li ul li a {color:#adadad;} #sitemenu ul li ul li ul li a:hover {color:#984807;} /*picture*/ #mbPrevLink , #mbCloseLink , #mbNextLink {width:90px !important;text-align:left !important;margin:0 10px !important;} #mbPrevLink big , #mbCloseLink big , #mbNextLink big {margin:0 !important;} /*G page*/ #general-content-main {} #general-content a {text-decoration: underline;} .video-list {margin:5px 0 15px;} .video-title h2 {color: #ff6600;font-size: 24px;margin:10px 0;font-weight:700;line-height:30px;} .video-content {margin:10px 0;} .video-content img {border:5px solid #fff;width:calc(100% - 10px);box-shadow:0px 2px 8px rgba(0, 0, 0, .5);} .video-img-left {width:40%;margin-right:2%;} .video-brief-right {width:58%;} .video-img-right {width:40%;margin-left:2%;float:right;} .video-brief-left {width:58%;} .video-content span {width:100%;float:Left;} /*P page list-listing*/ .posting-title, .upc-more, .icon, .upc-category, .listing-subject , .pstitle , .pc-main-body , .listing-picture , .listing-brief {display:none;} /*#news-9199, #news-9200 , #menu-10506 #first-ul {display:none;}*/ .listing-title select {width:100%;float:Left;margin:10px 0;} .listing-ul {padding:10px 0 5px;background:#f1f1f1;width:46%;margin:10px 2%;} .listing-ul li {width: 100%;float:left;} .listing-ul .upc-subject {margin:10px 0;} .listing-ul .upc-picture {margin:20px 10%;width:80%;text-align:center;} .listing-ul .upc-picture img {border-radius:50%;} .listing-ul .upc-picture a {float:left;width: 100%;} .listing-ul .upc-brief {margin:10px 5%;width:90%;} .celledit {text-align: center;} /*P page list-regular*/ #news-list-body div.odd , #news-list-body div.even {width:47%;padding:20px 1.5%;border-bottom:1px solid #b8c6da;} #news-list-body div:nth-child(6) , #news-list-body div:last-child {border-bottom:none;} .pc-picture {width:140px;margin-right:10px;border:5px solid #fff;box-shadow: 0px 0px 5px rgba(30, 30, 30, .3);height:198px;overflow:hidden;} .pc-picture img {width:100%;} .pc-subject {width:calc(100% - 160px);font-weight:700;} .pc-date {width:calc(100% - 160px);color:#144386;font-weight:700;} /*P page detail*/ #events-main-picture {margin:10px 0;text-align:center;} #gallery-imglist {margin:10px 0;} #events-main-picture img , #gallery-imglist img {width:100%;box-shadow: 0px 2px 8px rgba(0, 0, 0, .5);} .post-brief , .news-content , .go-back {margin:10px 0;} .imgbody {width:18%;margin:0 1% 10px;height:130px;overflow:hidden;} .imgbody a {float:left;width:100%;} .news-content a {text-decoration: underline;color:#0070C0;} .news-content a:hover {color:#26a854;} .break-line {display:none;} .news-detail ul li {width:100%;float:Left;border-bottom: 1px #dbdbdb solid;padding: 10px 0 15px;} .news-detail ul li ul {padding: 5px 0;} .news-detail ul li ul li {border-bottom:none;width:calc(100% - 25px);padding:5px 0 5px 25px;background: url(graphics/dot-orange2.png) left 8px top 12px no-repeat;background-size: 4px;} /*Home*/ #homecontent {background: url(graphics/mapbg.png) left bottom repeat-x;} #homecontent-inner {margin: 0px calc(50% - 500px) 20px;width: 1000px;} .home-title {color: #134285;font-size: 24px;font-weight: bold;line-height: 30px;padding: 15px 0 15px 75px;width: calc(100% - 145px);margin:15px 0;} .home-more {width: 70px;margin:30px 0;} .home-more a {background: #144386 url(graphics/more.png) right 10px center no-repeat;background-size: 12px;color: #ffffff;float:left;padding:3px 8px;width: 54px;border-radius: 6px;box-shadow: 3px 3px 5px rgba(30, 30, 30, .3);} .home-more a:hover {background: #26a854 url(graphics/more.png) right 10px center no-repeat;background-size: 12px;} .home-more2 {display:none;} /*Home hospital-group*/ #hospital-group {margin: 0px calc(50% - 500px) 20px;width: 1000px;} #hospital-group .home-title {background: url(graphics/title-hospital-group.png) left top no-repeat;background-size: 60px;} .recommend-hg {border: 1px solid #b8c6da;padding: 10px; margin:0 1% 15px; width:calc(31.3% - 22px);height: 250px;position: relative;} .recommend-hg a {float:Left;color:#fff;} .recommend-img {height: 250px;width:100%;overflow: hidden;} .recommend-title {font-size: 16px;font-weight:bold;padding:18px 15px;width:calc(100% - 30px);color:#fff;} .recommend-info {height: 83px;overflow: hidden;position: absolute;bottom: 10px;left: 0;transition: height 1s;} .recommend-hg:hover .recommend-info {height: 250px;} .recommend-info.blue {background: rgba(19, 66, 133, .8);} .recommend-info.green {background: rgba(38, 168, 84, .8);} .recommend-info.orange {background: rgba(243, 152, 28, .8);} .recommend-info.red {background: rgba(195, 13, 35, .8);} .recommend-info.pink {background: rgba(231, 66, 145, .8);} .recommend-info.pirple {background: rgba(105, 49, 142, .8);} .recommend-info.gray {background: rgba(132, 136, 148, .8);} .recommend-info.light-blue {background: rgba(48, 159, 230, .8);} .recommend-info.brown {background: rgba(152, 80, 38, .8);} .recommend-more {margin:35px calc(50% - 102.5px);width:205px;text-align:center;} body.lg-1 .recommend-more {margin:35px calc(50% - 152.5px);width:305px;} body.lg-4 .recommend-more {margin:35px calc(50% - 115px);width:230px;} .recommend-more a { background: #ffffff url(graphics/more2.png) right 10px center no-repeat; background-size: 12px; color: #144386; float:left; width:55px; text-align:left; margin:0 10px; padding:3px 10px; border-radius:6px; } body.lg-1 .recommend-more a {width:95px;} .recommend-more a.hos-web {width:70px;} body.lg-1 .recommend-more a.hos-web {width:130px;} body.lg-4 .recommend-more a.hos-web {width:95px;} .recommend-more a:hover {color:#fff;background: #26a854 url(graphics/more.png) right 10px center no-repeat;background-size: 12px;} /*Home latest-news*/ #latest-news {background:#144386 url(graphics/bg-news.png) left center repeat-x;color: #fff;padding: 15px 0;} #latest-news-inner {margin: 0px calc(50% - 500px) 20px;width: 1000px;} #latest-news .home-title {color: #fff;background: url(graphics/title-latest-news.png) left top no-repeat;background-size: 60px;} #latest-news .home-more a {background: #fff url(graphics/more2.png) right 10px center no-repeat;background-size: 12px;color:#144386; } #latest-news .home-more a:hover {background: #26a854 url(graphics/more.png) right 10px center no-repeat;background-size: 12px;color:#fff;} .latest-news-list {margin: 0 1% 20px;width: 48%;min-height:120px;} .latest-news-pic {border: 5px solid #ffffff;height: 100px;margin: 0 10px 0 0px;overflow: hidden;text-align: center;width: 160px;} .latest-news-date {width:calc(100% - 180px);padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #fff;} .latest-news-title {width:calc(100% - 180px);font-weight:700;margin-bottom:5px;line-height: 20px;} .latest-news-more {width:calc(100% - 180px);} .latest-news-more a {float:right;color: #fff;width:54px;padding:5px 8px 5px;background: url(graphics/more.png) right 10px center no-repeat;background-size: 10px;} .latest-news-more a:hover {color: #144386;border-radius:6px;background:#fff url(graphics/more2.png) right 10px center no-repeat;background-size: 10px;} /*Home Looking-ahead*/ #looking-ahead {margin: 0px calc(50% - 500px) 20px;width: 1000px;} #looking-ahead .home-title {background: url(graphics/title-looking-ahead.png) left top no-repeat;background-size: 60px;} .looking-ahead-list { border-bottom: 1px solid #b8c6da; width: calc(100% - 25px); margin:5px 0; padding:0px 0 10px 25px; background: url(graphics/dot-orange2.png) left 8px top 8px no-repeat; background-size:4px; } .looking-ahead-date {color: #124385;font-weight: bold;width:100px;} .looking-ahead-title {width:calc(100% - 100px);} /*Home Video*/ #video {background: url(graphics/shadow.png) center bottom repeat-x;} #video-inner {margin: 0px calc(50% - 500px) 20px;width: 1000px;} #video .home-title {background: url(graphics/title-movie.png) left top no-repeat;background-size: 60px;} #video-info li {width:31.3%;margin:0 1%;float:Left;} #video-info li:hover iframe {background:#36629b;} #video-info li iframe {width:calc(100% - 16px);height:200px;border:1px solid #b8c6da;padding:8px;} /*Home Map*/ #homecontent .home-title {background: url(graphics/title-map.png) left top no-repeat;background-size: 60px;} .tab_container {width:calc(100% - 2px);border:1px solid #36629b;} .tabs li {width:33.3%;float:Left;cursor:pointer;} .tabs li a {color:#fff;display:block;width:100%;text-align:center;padding:5px 0;border:1px solid #36629b;background:#113e79;} .tabs li a:hover , .tabs li.active a {background:#36629b;} .home-map a {text-align:center;float:left;width:calc(100% - 10px);padding:5px;font-weight:700;font-size:16px;color:#fff;} .home-mapframe {width:600px;margin-right:10px;float:Left;} .home-hosmap {width:calc(100% - 620px);float:Left;margin:10px 10px 5px 0;} .home-hosmap1 {background:#134285;} .home-hosmap2 {background:#26a854;} .home-hosmap3 {background:#f3981c;} .home-hosmap4 {background:#c30d23;} .home-hosmap5 {background:#e74291;} .home-hosmap6 {background:#69318e;} .home-hosmap7 {background:#848894;} .home-hosmap8 {background:#359dc4;} .home-hosmap9 {background:#9a5128;} /*History*/ body#menu-10426 h6 {text-align:center;} .history {margin:5px 0;} .history .history-b {border-bottom:1px solid #b8c6da;} .history .history-b:last-child {border-bottom:none;} .history .history-b div:first-child {width:130px;text-align:center;font-weight:700;padding:15px 5px;} .history .history-b div:last-child {width:calc(100% - 150px);padding:15px 5px;} .his-1 {color:#0070C0;} .his-2 {color:#FF66CC;} .his-3 {color:#984807;} .his-4 {color:#f3981c;} .his-5 {color:#69318e;} .his-6 {color:#26a854;} .his-7 {color:#c30d23;} .his-8 {color:#848894;} .his-9 {color:#9a5128;} /*International Partnerships*/ #menu-10518 .news-list-content {margin:10px 0;} #menu-10518 .listing-title {display:none;} #menu-10518 .listing-ul {padding:0px;background:none;width:100%;margin:0px;} #menu-10518 .listing-ul li {width: 100%;float:left;} #menu-10518 .listing-ul .upc-subject, #menu-10518 .listing-ul .upc-picture, #menu-10518 .listing-ul .upc-brief {margin:0px;} #menu-10518 .upc-subject a {width:calc(100% - 30px) ;float:left;background: url(graphics/dot-orange2.png) left 8px top 18px no-repeat;background-size: 4px;border-bottom: 1px solid #b8c6da;padding: 8px 0 8px 30px;} /*Publications*/ .publications {} .publications h2 {text-align:center;line-height:24px;font-size:16px;margin:0px 0 10px;color:#0066ff;position:relative;top:-15px;} .publications img {box-shadow: 0px 2px 8px rgba(0, 0, 0, .5);} .publications p:first-child::after {-webkit-filter:opacity(0);content:"VIEW";color:#fff;border:1px solid #fff;padding:5px 25px;position:relative;top:-180px;left:0px;} .publications a:hover img {-webkit-filter:brightness(.4);} .publications a:hover p:first-child::after {-webkit-filter:opacity(1);} .publications div {min-height:540px;width:calc(33.3% - 10px);padding: 5px 5px 20px;} .publications div p {text-align:center;position:relative;top:-15px;} .publications div p:first-child {position:relative;top:0px;} /*Hospital Group*/ .centertxt {text-align:center;} .centertxt img {width:50%;margin:0 25%;float:left;} .twoimg img {width:50%;float:left;} .hos-group h7 span {font-size:13px;} .hos-group li {width:calc(100% - 15px);padding:5px 0 5px 15px;float:Left;background: url(graphics/dot-orange2.png) left top 15px no-repeat;background-size: 4px;} .hos-group li ul {width:calc(100% - 15px);margin-left:15px;} .hos-group li ul li {width:calc(100% - 15px);padding:5px 0 5px 15px;float:Left;} .twoimg-info p {width:48%;margin:0 1%;float:left;} /*Patient Care*/ .downpdf {text-align:center;width:210px;margin:10px calc(50% - 105px);} .downpdf img {width:70px;float:left;} #general-content a.downloada { float:Left;background:#144386 url(graphics/d.png) left 15px top 10px no-repeat; background-size:15px;width:100px;padding:8px 0px 8px 25px;margin:17px 7px; text-align:center;color:#fff;font-size:16px;border-radius:6px;text-decoration:none;} #general-content a.downloada:hover {background:#26a854 url(graphics/d.png) left 15px top 10px no-repeat;background-size:15px;} /*Patients’ Feedback*/ .Patients li {width:calc(100% - 15px);margin:5px 0;padding:5px 0 5px 15px;float:Left;background: url(graphics/dot-orange2.png) left top 13px no-repeat;background-size: 5px;} /*Find A Doctor*/ body#menu-10503 #mainside {display:none;} body#menu-10503 #maincontent {width:100%;} .finddoctor ul li {width:29.3%;float:Left;margin:0 2%;} .finddoctor ul li a {width:calc(100% - 20px);padding:10px;float:Left;background:#134285;color:#fff;} .finddoctor ul li ul {margin:5px 0;} .finddoctor ul li ul li {margin-right:0%;width:calc(100% - 25px);padding:2px 0 2px 25px;background: url(graphics/dot-orange2.png) left 8px top 15px no-repeat;background-size: 4px;} .finddoctor ul li ul li a {width:100%;padding:0px;float:Left;background:none;color:#134285;} /*Find A Doctor Departments*/ .listing-ul .upc-brief h3 {color:#134285;} .listing-ul .upc-brief h4 {font-size:14px;font-weight: 500; color: #000;} .listing-ul:hover {background:#dbdbdb;} .post-category {font-size:20px;font-weight:bold;line-height:30px;width:100%;float:left;color:#134285;padding:10px 0px;margin:12px 0;border-bottom: 1px solid #b8c7da;} #menu-10506 .posting-title {display:block;} #menu-10506 #menu-name {display:none;} /*Find A Doctor Doctor Info*/ #menu-10506 #events-main-picture , #menu-10560 #events-main-picture , #menu-10561 #events-main-picture , #menu-10563 #events-main-picture , #menu-10564 #events-main-picture , #menu-10565 #events-main-picture , #menu-10566 #events-main-picture , #menu-10567 #events-main-picture , #menu-10568 #events-main-picture , #menu-10569 #events-main-picture , #menu-10570 #events-main-picture , #menu-10571 #events-main-picture , #menu-10572 #events-main-picture , #menu-10573 #events-main-picture , #menu-10574 #events-main-picture , #menu-10575 #events-main-picture , #menu-10576 #events-main-picture , #menu-10577 #events-main-picture , #menu-10543 #events-main-picture , #menu-10579 #events-main-picture , #menu-10580 #events-main-picture , #menu-10581 #events-main-picture , #menu-10914 #events-main-picture , #menu-10582 #events-main-picture , #menu-10913 #events-main-picture , #menu-10916 #events-main-picture , #menu-10918 #events-main-picture , #menu-10919 #events-main-picture , #menu-10921 #events-main-picture , #menu-10922 #events-main-picture , #menu-10583 #events-main-picture , #menu-10584 #events-main-picture , #menu-10585 #events-main-picture , #menu-10587 #events-main-picture , #menu-10923 #events-main-picture , #menu-10925 #events-main-picture , #menu-10588 #events-main-picture , #menu-10589 #events-main-picture , #menu-10590 #events-main-picture , #menu-10591 #events-main-picture , #menu-10926 #events-main-picture , #menu-10960 #events-main-picture , #menu-10927 #events-main-picture , #menu-10929 #events-main-picture , #menu-10932 #events-main-picture , #menu-10934 #events-main-picture , #menu-10542 #events-main-picture , #menu-10592 #events-main-picture {width:250px;} #menu-10506 #events-main-picture img , #menu-10560 #events-main-picture img , #menu-10561 #events-main-picture img , #menu-10563 #events-main-picture img , #menu-10564 #events-main-picture img , #menu-10565 #events-main-picture img , #menu-10566 #events-main-picture img , #menu-10567 #events-main-picture img , #menu-10568 #events-main-picture img , #menu-10569 #events-main-picture img , #menu-10570 #events-main-picture img , #menu-10571 #events-main-picture img , #menu-10572 #events-main-picture img , #menu-10573 #events-main-picture img , #menu-10574 #events-main-picture img , #menu-10575 #events-main-picture img , #menu-10576 #events-main-picture img , #menu-10577 #events-main-picture img , #menu-10543 #events-main-picture img , #menu-10579 #events-main-picture img , #menu-10580 #events-main-picture img , #menu-10581 #events-main-picture img , #menu-10914 #events-main-picture img , #menu-10582 #events-main-picture img , #menu-10913 #events-main-picture img , #menu-10916 #events-main-picture img , #menu-10918 #events-main-picture img , #menu-10919 #events-main-picture img , #menu-10921 #events-main-picture img , #menu-10922 #events-main-picture img , #menu-10583 #events-main-picture img , #menu-10584 #events-main-picture img , #menu-10585 #events-main-picture img , #menu-10587 #events-main-picture img , #menu-10923 #events-main-picture img , #menu-10925 #events-main-picture img , #menu-10588 #events-main-picture img , #menu-10589 #events-main-picture img , #menu-10590 #events-main-picture img , #menu-10591 #events-main-picture img , #menu-10926 #events-main-picture img , #menu-10960 #events-main-picture img , #menu-10927 #events-main-picture img , #menu-10929 #events-main-picture img , #menu-10932 #events-main-picture img , #menu-10934 #events-main-picture img , #menu-10542 #events-main-picture img , #menu-10592 #events-main-picture img {box-shadow:none;} #menu-10506 .post-brief , #menu-10560 .post-brief , #menu-10561 .post-brief , #menu-10563 .post-brief , #menu-10564 .post-brief , #menu-10565 .post-brief , #menu-10566 .post-brief , #menu-10567 .post-brief , #menu-10568 .post-brief , #menu-10569 .post-brief , #menu-10570 .post-brief , #menu-10571 .post-brief , #menu-10572 .post-brief , #menu-10573 .post-brief , #menu-10574 .post-brief , #menu-10575 .post-brief , #menu-10576 .post-brief , #menu-10577 .post-brief , #menu-10543 .post-brief , #menu-10579 .post-brief , #menu-10580 .post-brief , #menu-10581 .post-brief , #menu-10914 .post-brief , #menu-10582 .post-brief , #menu-10913 .post-brief , #menu-10916 .post-brief , #menu-10918 .post-brief , #menu-10919 .post-brief , #menu-10921 .post-brief , #menu-10922 .post-brief , #menu-10583 .post-brief , #menu-10584 .post-brief , #menu-10585 .post-brief , #menu-10587 .post-brief , #menu-10923 .post-brief , #menu-10925 .post-brief , #menu-10588 .post-brief , #menu-10589 .post-brief , #menu-10590 .post-brief , #menu-10591 .post-brief , #menu-10926 .post-brief , #menu-10960 .post-brief , #menu-10927 .post-brief , #menu-10929 .post-brief , #menu-10932 .post-brief , #menu-10934 .post-brief , #menu-10542 .post-brief , #menu-10592 .post-brief {width:calc(100% - 300px);padding:59px 25px;background:#cdcdcd;} #menu-10506 .post-brief h3 , #menu-10560 .post-brief h3 , #menu-10561 .post-brief h3 , #menu-10563 .post-brief h3 , #menu-10564 .post-brief h3 , #menu-10565 .post-brief h3 , #menu-10566 .post-brief h3 , #menu-10567 .post-brief h3 , #menu-10568 .post-brief h3 , #menu-10569 .post-brief h3 , #menu-10570 .post-brief h3 , #menu-10571 .post-brief h3 , #menu-10572 .post-brief h3 , #menu-10573 .post-brief h3 , #menu-10574 .post-brief h3 , #menu-10575 .post-brief h3 , #menu-10576 .post-brief h3 , #menu-10577 .post-brief h3 , #menu-10543 .post-brief h3 , #menu-10579 .post-brief h3 , #menu-10580 .post-brief h3 , #menu-10581 .post-brief h3 , #menu-10914 .post-brief h3 , #menu-10582 .post-brief h3 , #menu-10913 .post-brief h3 , #menu-10916 .post-brief h3 , #menu-10918 .post-brief h3 , #menu-10919 .post-brief h3 , #menu-10921 .post-brief h3 , #menu-10922 .post-brief h3 , #menu-10583 .post-brief h3 , #menu-10584 .post-brief h3 , #menu-10585 .post-brief h3 , #menu-10587 .post-brief h3 , #menu-10923 .post-brief h3 , #menu-10925 .post-brief h3 , #menu-10588 .post-brief h3 , #menu-10589 .post-brief h3 , #menu-10590 .post-brief h3 , #menu-10591 .post-brief h3 , #menu-10926 .post-brief h3 , #menu-10960 .post-brief h3 , #menu-10927 .post-brief h3 , #menu-10929 .post-brief h3 , #menu-10932 .post-brief h3 , #menu-10934 .post-brief h3 , #menu-10542 .post-brief h3 , #menu-10592 .post-brief h3 {color:#144386;padding:10px 0;text-decoration:none;font-size:24px;line-height:34px;background: url(graphics/h3.png) left bottom no-repeat;} #menu-10506 .post-brief h4 , #menu-10560 .post-brief h4 , #menu-10561 .post-brief h4 , #menu-10563 .post-brief h4 , #menu-10564 .post-brief h4 , #menu-10565 .post-brief h4 , #menu-10566 .post-brief h4 , #menu-10567 .post-brief h4 , #menu-10568 .post-brief h4 , #menu-10569 .post-brief h4 , #menu-10570 .post-brief h4 , #menu-10571 .post-brief h4 , #menu-10572 .post-brief h4 , #menu-10573 .post-brief h4 , #menu-10574 .post-brief h4 , #menu-10575 .post-brief h4 , #menu-10576 .post-brief h4 , #menu-10577 .post-brief h4 , #menu-10543 .post-brief h4 , #menu-10579 .post-brief h4 , #menu-10580 .post-brief h4 , #menu-10581 .post-brief h4 , #menu-10914 .post-brief h4 , #menu-10582 .post-brief h4 , #menu-10913 .post-brief h4 , #menu-10916 .post-brief h4 , #menu-10918 .post-brief h4 , #menu-10919 .post-brief h4 , #menu-10921 .post-brief h4 , #menu-10922 .post-brief h4 , #menu-10583 .post-brief h4 , #menu-10584 .post-brief h4 , #menu-10585 .post-brief h4 , #menu-10587 .post-brief h4 , #menu-10923 .post-brief h4 , #menu-10925 .post-brief h4 , #menu-10588 .post-brief h4 , #menu-10589 .post-brief h4 , #menu-10590 .post-brief h4 , #menu-10591 .post-brief h4 , #menu-10926 .post-brief h4 , #menu-10960 .post-brief h4 , #menu-10927 .post-brief h4 , #menu-10929 .post-brief h4 , #menu-10932 .post-brief h4 , #menu-10934 .post-brief h4 , #menu-10542 .post-brief h4 , #menu-10592 .post-brief h4 {color:#144386;margin:15px 0;font-size:13px;font-weight: 500;} .panel {display:none;} .flip {cursor:pointer;} .flip h2 {width:calc(100% - 25px);color: #646464;} .flip:after {content:"+";font-weight:900;padding:2px 0;margin-top:10px;font-size:40px;color: #ca0428;width:25px;float:left;} .flipopen {content:"";background: url(graphics/close1.png) right 3px top 12px no-repeat;} .flipopen:after {display:none;} /*News*/ body#menu-10523 #news-list-body div.odd , body#menu-10523 #news-list-body div.even {width:100%;padding:20px 0%;} body#menu-10523 .pc-picture {width:250px;margin-right:10px;height:auto;overflow:hidden;} body#menu-10523 .pc-subject {width:calc(100% - 270px);} body#menu-10523 .pc-date {width:calc(100% - 270px);} /*Frequently Asked Questions*/ body#menu-10536 dt {width: 100%;float:left;text-decoration: underline;} body#menu-10536 dt div {float:left;color:#fff;background:#134285;width:50px;padding:5px;margin:10px calc(100% - 60px) 10px 0;text-align:center;font-size:20px;font-weight:700;} body#menu-10536 dd {width: 100%;float:left;border-bottom: 1px dashed #808080;margin:0 0 20px;padding: 10px 0 20px;} body#menu-10536 dd span {float:left;color:#fff;background:#c30d23;width:50px;padding:5px;margin:10px calc(100% - 60px) 10px 0;text-align:center;font-size:20px;font-weight:700;} /*Ask STHG*/ .contact {font-size:13px;margin: 0 calc(50% - 275px);width: 550px;} .contact td {padding: 5px;float:left;} .contact td:first-child {width:80px;} .contact td:last-child {width:calc(100% - 100px);} .contact td:first-child span {color: #ff0000;margin-right:5px;} .contact td:last-child span {margin:5px 20px 5px 0px;float:left;} .contact .submit td {width:calc(100% - 10px);} .contact .submit td input[type="submit"] {width:80px;margin:0 calc(50% - 40px);} .contact tr.gender td:last-child span {margin:0px 20px 0px 0px;} .lg-4 .contact tr.gender td:last-child span {margin:3px 20px 3px 0px;} /*Template*/ #menu-13103 .post-title {display:block;font-size:20px;font-weight:bold;line-height:30px;width:100%;float:left;color:#134285;padding:10px 0px;margin:12px 0;border-bottom: 1px solid #b8c7da;} #menu-13103 #menu-name {display:none;} #menu-13103 #news-list-body div.odd , #menu-13103 #news-list-body div.even {border-bottom:none;} .template1 , .template3 , .template4 {margin-bottom:25px;} .template1-left-info {width:calc(70% - 15px);margin-right:15px;} .template1-right-img {width:30%;float:right;} .template1 p , .template2 p , .template3 p , .template4 p {text-align:justify;} .template1 img , .template2 img , .template3 img , .template4 img {box-shadow: 3px 3px 5px rgba(30, 30, 30, .5);} .template2 {margin-bottom:25px;padding:20px 20px 15px;width:calc(100% - 44px);border:2px solid #b8c6da;} .template2-left-img {width:30%;} .template2-right-info {width:calc(70% - 15px);margin-left:15px;} .template3-all-img {text-align:center;background:#b8c6da;} .template3-left-info {width:calc(60% - 15px);margin-right:15px;} .template3-right-info {width:calc(60% - 15px);margin-left:15px;} .template3-right-img {width:40%;float:right;} .template3-left-img {width:40%;} .template4-all-info {margin-bottom:10px;} .template4-two-img {margin:15px 0 20px;} .template4-two-img img {margin:0 1%;width:48%;float:left;} .template4-two-img img:first-child {margin:0 2% 0 0;} .template4-two-img img:last-child {margin:0 0 0 2%;} /*20210203*/ .template4-two-img ul {width:100%; float:left; } .template4-two-img ul li {width:50%; float:left; } .template4-two-img ul li img {width:95%; margin:0 2.5%;} #menu-13511 #general-content p, #menu-13512 #general-content p, #menu-13513 #general-content p, #menu-13514 #general-content p, #menu-13515 #general-content p, #menu-13516 #general-content p, #menu-13517 #general-content p, #menu-13518 #general-content p, #menu-13518 #general-content ul li {text-align:justify;} /*RWD 1279px*/ @media screen and (max-width: 1279px) { /*demo.css*/ .nav-header {display:none !important;} #topext {height:0px !important;} } /*RWD 800px*/ @media screen and (max-width: 800px) { /*frame layout*/ #artboard {min-width: 100%;background:#fff;} #artboard-inner {} /*language*/ #language {position:relative;} #language-inner {margin:0 ;width:240px;position:fixed;top:0px;right:0;z-index:10000;} #language ul {width:240px;} #language ul li {margin:0;} #language ul li:first-child {display:none;} #language ul li a {line-height:15px;border-right:1px solid #fff;padding:0px 11px;margin:12px 0;} #language ul li:last-child a {border-right:none;} #language ul li a:hover, a.activelang {background: none;} /*header*/ #header {height: 105px;margin-top:0px;} #header-inner {width: 100%;margin: 0;background: url(graphics/border.jpg) center bottom no-repeat;background-size: 100% 3px;} #logo {height: 90px;width: 640px;margin:0 calc(50% - 320px) 15px;} #logo a { font: bold 18px "Microsoft JhengHei","\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4"; background: url(graphics/logo.png) left 30px center no-repeat; background-size: 185px;line-height: 100px;padding-left: 240px;width: 400px;} /*search-box*/ #search-box {width:40px;padding:0;height: 40px;background: url(graphics/search2.png) center center no-repeat;position: fixed; left: 45px; top: 0;z-index: 10000;} #search-box:hover > #search-box-inner {display: block;} #search-box-inner {width:238px;display: none;padding: 50px calc(50% - 119px);background: rgba(255, 255, 255, .85);box-shadow: 3px 3px 5px rgba(30, 30, 30, .3);position: fixed;top: 40px;left: 0;} #search-box input[name="searchFor"] {width: 210px;} a.sitem {display:none;} /*mainmenu*/ #mainmenu {display:none;} #mainmenu ul {margin: 0 ;width: 100%;} #menu10403 , #menu13078 {display: block;} /*navigation*/ #navigation {display: none;} /*content*/ #content-inner {margin:10px 3%;width:94%;min-height:100vh;} /*mainside*/ #mainside {width:100%;margin-right:0px;} #mainside-title {background: url(graphics/mainside-title.jpg) center bottom no-repeat;background-size: 100% 5px;} /*maincontent*/ #maincontent {width:100%;} /*footer*/ #footer {background-size:100% 3px;padding-top: 3px;} #copyright {width: 100%;margin: 0;} /*flash-box*/ .nivo-controlNav {display:none;} .theme-default .nivo-directionNav a {top:0 !important;opacity: 1 !important;} .nivo-prevNav { background: url(graphics/arrow-left-m.png) center left no-repeat !important; height: 100% !important; width: 100px !important; background-size:30px 48px !important; } .nivo-nextNav { background: url(graphics/arrow-right-m.png) center right no-repeat !important; height: 100% !important; width: 100px !important; background-size:30px 48px !important; } hr {background: url(graphics/border.jpg) center center no-repeat;background-size:100% 3px;} /*picture*/ #mbPrevLink , #mbCloseLink , #mbNextLink {width:70px !important;margin:0 5px !important;} #mbPrevLink big , #mbCloseLink big , #mbNextLink big {display:none !important;} /*G page*/ .video-img-left {width:40%;margin-right:2%;} .video-brief-right {width:58%;} .video-img-right {width:40%;margin-left:2%;float:right;} .video-brief-left {width:58%;} /*P page detail*/ .imgbody {width:19%;margin:0 0.5% 10px;height:130px;} /*Home*/ #homecontent-inner {margin: 0px 3% 20px;width: 94%;} .home-title {width: calc(100% - 75px);} .home-more {display:none;} .home-more2 {width: 70px;margin:20px calc(50% - 35px) 0px;display:block;} .home-more2 a {background: #144386 url(graphics/more.png) right 10px center no-repeat;background-size: 12px;color: #ffffff;float:left;padding:3px 8px;width: 54px;border-radius: 6px;box-shadow: 3px 3px 5px rgba(30, 30, 30, .3);} .home-more2 a:hover {background: #26a854 url(graphics/more.png) right 10px center no-repeat;background-size: 12px;} /*Home hospital-group*/ #hospital-group {margin: 15px 3% 20px;width: 94%;} #recommend {margin:0 calc(50% - 300px);width:600px;} .recommend-hg {margin:0 4px;width:270px;height: 237px;display:none;} .recommend-hg:first-child , .recommend-hg:nth-child(2) {display:block;} .recommend-img {height: 237px;} .recommend-info {height: 83px;} .recommend-hg:hover .recommend-info {height: 237px;} /*Home latest-news*/ #latest-news {background:#144386;} #latest-news-inner {margin: 0px 3% 10px;width: 94%;} #latest-news .home-title {margin:10px 0;} #latest-news .home-more2 a {background: #fff url(graphics/more2.png) right 10px center no-repeat;background-size: 12px;color:#144386; } #latest-news .home-more2 a:hover {background: #26a854 url(graphics/more.png) right 10px center no-repeat;background-size: 12px;color:#fff;} .latest-news-list {display:none;} .latest-news-list:first-child , .latest-news-list:nth-child(2) {display:block;} .latest-news-pic {border: 5px solid #ffffff;height: 125px;width:200px;margin: 0 calc(50% - 100px);} .latest-news-date {width:100%;margin:5px 0;} .latest-news-title {width:100%;font-size:16px;line-height: 24px;} .latest-news-more {display:none;width:100%;} /*Home Looking-ahead*/ #looking-ahead {margin: 0px 3% 20px;width: 94%;} .looking-ahead-date {width:100%;} .looking-ahead-title {width:100%;} /*Home Video*/ #video-inner {margin: 0px 3% 30px;width: 94%;} #video-info li {width:50%;margin:0 25%;} #video-info li iframe {width:calc(100% - 18px);height:250px;} /*Home Map*/ .home-mapframe {width:calc(100% - 10px);margin:0 5px;} .home-mapframe iframe {width:calc(100% - 5px) !important;} .home-hosmap {width:calc(100% - 10px);margin:5px 5px;} /*Find A Doctor Doctor Info*/ #menu-10506 #events-main-picture {width:100%;margin:0;} #menu-10506 .post-brief {width:calc(100% - 50px);padding:25px 25px;} #menu-10506 #events-main-picture , #menu-10560 #events-main-picture , #menu-10561 #events-main-picture , #menu-10563 #events-main-picture , #menu-10564 #events-main-picture , #menu-10565 #events-main-picture , #menu-10566 #events-main-picture , #menu-10567 #events-main-picture , #menu-10568 #events-main-picture , #menu-10569 #events-main-picture , #menu-10570 #events-main-picture , #menu-10571 #events-main-picture , #menu-10572 #events-main-picture , #menu-10573 #events-main-picture , #menu-10574 #events-main-picture , #menu-10575 #events-main-picture , #menu-10576 #events-main-picture , #menu-10577 #events-main-picture , #menu-10543 #events-main-picture , #menu-10579 #events-main-picture , #menu-10580 #events-main-picture , #menu-10581 #events-main-picture , #menu-10914 #events-main-picture , #menu-10582 #events-main-picture , #menu-10913 #events-main-picture , #menu-10916 #events-main-picture , #menu-10918 #events-main-picture , #menu-10919 #events-main-picture , #menu-10921 #events-main-picture , #menu-10922 #events-main-picture , #menu-10583 #events-main-picture , #menu-10584 #events-main-picture , #menu-10585 #events-main-picture , #menu-10587 #events-main-picture , #menu-10923 #events-main-picture , #menu-10925 #events-main-picture , #menu-10588 #events-main-picture , #menu-10589 #events-main-picture , #menu-10590 #events-main-picture , #menu-10591 #events-main-picture , #menu-10926 #events-main-picture , #menu-10960 #events-main-picture , #menu-10927 #events-main-picture , #menu-10929 #events-main-picture , #menu-10932 #events-main-picture , #menu-10934 #events-main-picture , #menu-10542 #events-main-picture , #menu-10592 #events-main-picture {width:100%;margin:0;} #menu-10506 .post-brief , #menu-10560 .post-brief , #menu-10561 .post-brief , #menu-10563 .post-brief , #menu-10564 .post-brief , #menu-10565 .post-brief , #menu-10566 .post-brief , #menu-10567 .post-brief , #menu-10568 .post-brief , #menu-10569 .post-brief , #menu-10570 .post-brief , #menu-10571 .post-brief , #menu-10572 .post-brief , #menu-10573 .post-brief , #menu-10574 .post-brief , #menu-10575 .post-brief , #menu-10576 .post-brief , #menu-10577 .post-brief , #menu-10543 .post-brief , #menu-10579 .post-brief , #menu-10580 .post-brief , #menu-10581 .post-brief , #menu-10914 .post-brief , #menu-10582 .post-brief , #menu-10913 .post-brief , #menu-10916 .post-brief , #menu-10918 .post-brief , #menu-10919 .post-brief , #menu-10921 .post-brief , #menu-10922 .post-brief , #menu-10583 .post-brief , #menu-10584 .post-brief , #menu-10585 .post-brief , #menu-10587 .post-brief , #menu-10923 .post-brief , #menu-10925 .post-brief , #menu-10588 .post-brief , #menu-10589 .post-brief , #menu-10590 .post-brief , #menu-10591 .post-brief , #menu-10926 .post-brief , #menu-10960 .post-brief , #menu-10927 .post-brief , #menu-10929 .post-brief , #menu-10932 .post-brief , #menu-10934 .post-brief , #menu-10542 .post-brief , #menu-10592 .post-brief {width:calc(100% - 50px);padding:25px 25px;} /*demo.css*/ .nav-header {background: #124385 !important;display:block !important;} #topext {height:40px !important;} #hamburger:before, #hamburger:after, #hamburger span { content: ''; display: block; height: 5px; position: absolute; left: -15px !important; width: 30px; } #hamburger:before {top: 5px;} #hamburger:after {bottom: 5px;} #hamburger span {margin-top: -3px;top: 50%;} } /*RWD 650px*/ @media screen and (max-width: 650px) { /*header*/ #header {height: 110px;} #logo {height: 105px;width: 100%;margin:0 0 5px;} #logo a { background: url(graphics/logo.png) top 12px center no-repeat; background-size: 170px;font-size: 13px;line-height: 14px;padding:70px 0 0;width: 100%;} #logo a p {float:left;width:100%;text-align:center;padding:10px 0;} } /*RWD 600px*/ @media screen and (max-width: 600px) { /*G page*/ .video-img-left {width:100%;margin-right:0%;} .video-brief-right {width:100%;} .video-img-right {width:100%;margin-left:0%;float:Left;} .video-brief-left {width:108%;} /*P page list-listing*/ .listing-ul {padding:10px 0 5px;width:100%;margin:10px 0%;} /*P page list-regular*/ #news-list-body div.odd , #news-list-body div.even {width:100%;padding:20px 0;} #news-list-body div:last-child {border-bottom:none;} /*P page detail*/ .imgbody {width:48%;margin:0 1% 10px;height:200px;overflow:hidden;} /*Home hospital-group*/ #recommend {margin:0 ;width:100%;} .recommend-hg {margin:0 calc(50% - 146px) 30px;width:270px;height: 237px;display:none;} .recommend-hg:nth-child(2) {display:block;margin:0 calc(50% - 146px) 10px;} /*Home latest-news*/ .latest-news-list {margin:5px 0 25px;width: 100%;} .latest-news-list:nth-child(2) {margin:5px 0;} /*Home Video*/ #video-info li {width:60%;margin:0 20%;} #video-info li iframe {height:250px;} /*History*/ .history .history-b div:first-child {width:90px;} .history .history-b div:last-child {width:calc(100% - 110px);} /*Publications*/ .publications h2 {top:0px;} .publications p:first-child::after {display:none;} /*Hospital Group*/ .centertxt img {width:50%;margin:0 25%;float:left;} .twoimg img {width:50%;float:left;} .twoimg-info p {width:48%;margin:0 1%;float:left;} /*Find A Doctor*/ .finddoctor ul li {width:46%;margin:0 2%;} /*Ask STHG*/ .contact {margin: 0 ;width: 100%;} /*Template*/ .template1-left-info {width:100%;margin-right:0;} .template1-right-img {width:100%;text-align:center;margin:10px 0;} .template2-left-img {width:100%;text-align:center;} .template2-right-info {width:100%;margin-left:0px;} .template3-left-info {width:100%;margin-right:0px;} .template3-right-info {width:100%;margin-left:0px;} .template3-right-img , .template3-left-img {width:100%;text-align:center;} } /*RWD 480px*/ @media screen and (max-width: 480px) { /*flash-box*/ .theme-default .nivo-controlNav a {width:8px !important;height:8px !important;bottom:-20px;} .nivo-prevNav { width: 50px !important; background-size:15px 24px !important; left:2px !important; } .nivo-nextNav { width: 50px !important; background-size:15px 24px !important; right:2px !important; } /*P page list-regular*/ #news-list-body div.odd , #news-list-body div.even {padding:20px 0 10px;} .pc-picture {width:calc(100% - 10px);height:auto;} .pc-picture img {width:100%;} .pc-subject {width:100%;} .pc-date {width:100% ;margin:5px 0 0;} /*P page detail*/ .imgbody {height:150px;} /*Home Video*/ #video-info li {width:100%;margin:0;} /*History*/ .history .history-b div:first-child {width:calc(100% - 10px);text-align:left;padding:15px 5px 5px;} .history .history-b div:last-child {width:calc(100% - 10px);padding:5px 5px 15px;} /*Publications*/ .publications div {min-height:auto;width:calc(100% - 10px);} /*Find A Doctor*/ .finddoctor ul li {width:100%;margin:10px 0;} .finddoctor ul li ul li {margin:0%;} /*News*/ body#menu-10523 #news-list-body div.odd , body#menu-10523 #news-list-body div.even {padding:20px 0% 15px;} body#menu-10523 .pc-picture {width:calc(100% - 10px);} body#menu-10523 .pc-subject {width:100%;} body#menu-10523 .pc-date {width:100%;margin:5px 0 0;} /*Ask STHG*/ .contact td {padding:10px 5px;float:left; } .contact td:first-child {width:calc(100% - 10px);} .contact td:last-child {width:calc(100% - 10px);border-bottom:1px solid #b8c7da;} .contact tr:nth-child(6) td:last-child , .contact tr:last-child td:last-child {border-bottom:none;} /*Template*/ #menu-13103 .pc-subject {margin:10px 0;} .template4-two-img img {margin:0;width:100%;} .template4-two-img img:first-child , .template4-two-img img:last-child {margin:10px 0;} /*20210203*/ .template4-two-img ul {width:100%; float:left; } .template4-two-img ul li {width:100%; float:left; } .template4-two-img ul li img {width:95%; margin:0 2.5%;} } /*RWD 320px*/ @media screen and (max-width: 320px) { /*Home hospital-group*/ .recommend-hg {margin:0 0 30px;width:calc(100% - 22px);height: auto;} .recommend-hg:nth-child(2) {margin:0;} .recommend-img {height: auto;} .recommend-img a , .recommend-img a img {float:left;width:100%;} /*Home Video*/ #video-info li iframe {height:200px;} /*Hospital Group*/ .twoimg-info p {width:100%;margin:0;} }