html {
-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
html, body, div, {
padding:0;
margin:0;
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
}
.img-fluid {
max-width: 80%;
height: auto;
padding-bottom: 10px;
}
a{
display: inline-block;
}
img{
border: none;
margin:0px;
}
h3{
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
font-size: 1.17em;
}
p,a,ol,ul{
font-size: 15px;
line-height: 17px;
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
color: #444;
padding: 0 0 0px;
}
a{
}
table td{
vertical-align: top;
padding:0 2px 0 0;
}
hr.invisbleSeparator{
clear: both;
height: 1px;
border:none;
}
.noUnderline{
text-decoration: none;
}
strong{
font-weight: bold;
color: #ce1f6d;
font-size: 18px;
}
hr{
border: none;
background: url(img/line.png) no-repeat;
height: 2px;
padding: 0 0 5px 0;
margin: 0 0 0 ;
}
hr.articleSp{
background: url(img/footer-line.jpg) repeat-x ;
height:20px;
}
hr.clearBoth{
border: none;
height: 1;
padding: 0;
margin: 0px;
clear:both;
background:none;
}
h1{
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
font-size:22px;
color:#3d92b7;
padding: 0;
margin:0px 0 0px 0px;
line-height:35px;
background:url(img/search.png) no-repeat;
padding-left:40px;
}
h2.styleh1{
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
font-size:22px;
color:#3d92b7;
padding: 0;
margin:0px 0 0px 0px;
font-weight:bold;
line-height:35px;
background:url(img/search.png) no-repeat;
padding-left:40px;
}
.contenth1{
text-align: center;
margin-top: 60px;
background: url(img/h1-bg.png) no-repeat center;
}
.contenth1long{
text-align: center;
margin-top: 60px;
background:none;
}
.fall{
background:url(img/fallacious.png) repeat;
}
.news{
background:url(img/news.png) no-repeat;
}
.news .wrapper{
max-width: 390px;
}
.news .wrapper .read{
float: right;
padding-top: 40px;
}
h2{
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
font-size: 16px;
color:#4f4f4f;
padding:0px;
margin:0;
display: block;
background:url(img/cross.png) no-repeat;
padding-left:33px;
line-height:28px;
font-weight:bold;
}
ul,ol{
padding: 0 20px;
margin: 0;
}
ul{
list-style:url(img/list-bullet.png);
padding: 0 49px;
}
ul li{
line-height:23px;
}
ol{
list-style: decimal;
padding: 10px 20px 10px 50px;
}
ul.tickList li {
list-style-image: url(img/tick.png);
}
body{
width: 100%;
margin:0px;
background: #cdecff;
/*background: url(img/bg.jpg) repeat-x #cdecff;*/
}
.blueText{
font-size: 14px;
color:#1f669c;
}
.floatRight{
float: right;
}
.floatLeft{
float: left;
}
.consult{
background:url(img/address-bg.png) no-repeat ;
padding-top:5px;
}
.contact p{
color:#188ab2;
font-weight:bold;
padding-left:5px;
margin-bottom:5px;
}
.contact p.address{
margin-top:0;
}
.contact p a{
margin-top:0;
font-size: 18px;
color:#188ab2;
}
.consult img{
width:105px;;
}
.container{
background: none;
overflow: hidden;
}
#subContainer{
/* background: url(img/bg-content.jpg) repeat-x #1b1b1b;*/
}
.channav{
background: url(img/bg/bg_01.png) #AADCFF repeat-x top;
padding-top: 0;
padding-bottom: 10px;
}
@media only screen and (max-width: 991px ){
.channav{
background: #AADCFF;
}
}
#header{
padding-top: 0;
padding-bottom: 5px;
}
#header .logo{
float: left;
display: block;
color:#000;
text-align:left;
width:340px;
height:80px;
text-indent:-9999px;
}
#header .logo a{
color:#000;
text-align:left;
padding-left:50px;
font-weight:bold;
text-decoration:none;
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
}
#header .solgan{
float: left;
width: 300px;
}
#header .hospitalLogo{
float: right;
line-height: 50px;
vertical-align: middle;
display: block;
padding:55px 6px 0 0px;
}
#header .hospitalLogo img{
float: left;
}
#header .askdoctor{
float: right;
display: block;
padding:80px 6px 0 0;
width:145px;
height:35px;
padding:0px;
}
#header .askdoctor img{
float: right;
width:145px;
height:35px;
padding:0px;
}
#header .logoSection{
}
#header .logoSection h1, #header .logoSection p{
text-align: center;
font-style: normal;
display: block;
}
#header .logoSection h1{
padding: 15px 0 0 0;
font-size: 29px;
color: #5839db;
}
#header .logoSection p{
padding: 0px 0 0 0;
margin:0;
/*font-size: 27px;*/
/*color:#151515;*/
font-weight:bold;
text-decoration:none;
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
text-align:left;
}
#header .logoSection span{
font-size: 15px;
}
#header .logoSection p a{
text-decoration:none;
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
line-height:25px;
}
#header #logo{
padding: 0px 0;
display: block;
width: 618px;
margin: 0px auto;
}
#header #logo img{
display: block;
}
#header .nav{
list-style: none;
margin: 0 auto 0px auto;
background: url(img/menu-bg.png) repeat-x;
}
#header .nav li{
padding:0px;
}
#header .nav a{
text-decoration: none;
font-size: 16px;
color:#188ab2;
padding:12px 25px;
display: block;
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
font-weight:bold;
}
#header .nav li.current{
background: url(img/menu-active.png) repeat-x;
}
#header .nav li.current a{
}
#header .nav li ul{
position:absolute;
list-style:none;
z-index:6;
padding:0;
display:none;
}
#header .nav li ul li{
padding:0;
float:none;
background:url(img/content-bg.png) repeat;
}
#header .nav li ul li:hover{
background:#5839db;
}
#header .nav li ul li a{
color:#fff;
}
#intorbanner{
background: url(img/bg/bg_02.png) #d3eeff repeat-x bottom;
padding-top: 0;
}
#blueBg{
background: #a9deff;
padding-top: 0;
}
#commonFront{
background: url(img/bg/bg_05.png) #d3eeff repeat-x top;
padding-top: 0;
}
#educationFront{
background: url(img/bg/bg_06.png) #a9deff repeat-x bottom;
padding-top: 0;
}
#linksFront{
background: url(img/bg/bg_07.png) #d3eeff repeat-x top;
padding-top: 0;
}
#educationFront .container, #linksFront .container{
background: url(img/bg/bg-gradient.png) no-repeat center;
padding-top: 0;
}
#linksFront .row{
background: url(img/bg/tree.png) no-repeat right top
;
}
#maincontent .banner{
display:block;
z-index:-10;
}
.banner img{
position:absolute;
}
#maincontent {
margin:5px 0;
}
.maincontentSub{
background: url(img/banner2-small.jpg) no-repeat;
}
.frontContent{
background: url(img/content-bg.png) no-repeat;
z-index:999;
margin-top: 10vw;
}
@media only screen and (max-width: 991px ){
.frontContent{
margin-top: 25vw
}
}
.frontContent p{
color:#188ab2;
}
.frontContent2{
padding: 30px 40px 20px 40px;
margin:0px;
margin-left:20px;
}
.frontContent2 img{
padding:0 0px;
}
.frontContent2 p{
font-size:15px;
font-weight:bold;
color:#188ab2;
}
#frontpage-shield a{
display: inline-block;
}
.content{
background: url(img/content-bg.png) repeat;
padding: 50px 80px;
position: relative;
}
.solganCircle{
display: block;
text-align: center;
margin: 0 auto;
}
.frontContent h1{
font-size: 28px;
padding:10px 0;
}
.threecol{
float: left;
width:27%;
text-align: center;
padding:3%;
background: #080808;
margin:20px 1px;
height: 200px;
}
.threecol img{
position: relative;
top:15px;
z-index: 0;
}
.threecol h2{
position: relative;
padding-bottom:10px;
z-index: 1;
}
.solganCircleContent div{
height: 170px;
padding: 0 100px;
position:relative;
}
.solganCircleContent div img{
position: absolute;
padding:0;
margin:0;
left:70px;
}
.solganCircleContent div img.floatRight{
margin: 0 0 0 550px;
padding:0;
}
.solganCircleContent div h2{
font-size: 24px;
float:left;
margin: 70px 0 0 170px ;
}
.solganCircleContent div ol{
margin-left: 260px;
padding: 70px 0 0 0 ;
}
#analysisContent{
background: url(img/analysis-bg.png) no-repeat center;
}
#analysisContent h2{
color:#f97ab8;
}
#surgeryContent{
background: url(img/care-bg.png) no-repeat center;
}
#surgeryContent h2{
color:#eaaf95;
}
#careContent{
background: url(img/surgery-bg.png) no-repeat center;
}
#careContent h2{
color:#63beed;
}
.fatCircle{
background: url(img/flow-chi-arrow-bg.jpg) no-repeat center;
}
.fatCircleBg{
display: block;
margin: 20px auto;
}
.fatCircleBg img{
margin: auto;
display: block;
text-align: center;
}
.fatCircle .fatCircleDescription{
position: absolute;
width: 751px;
height:760px;
}
.fatCircle .fatCircleDescription h2{
color: #efa442;
font-size: 34px;
}
.fatCircle .fatCircleDescription p{
font-size: 24px;
text-align: center;
line-height: 28px;
position:relative;
z-index: 3;
}
.fatCircle .fatCircleDescription a{
color:#62338a;
font-weight:bold;
font-size: 24px;
text-align: center;
line-height: 28px;
display: block;
padding: 70px 30px;
position:relative;
z-index: 3;
}
.fatCircle .fatCircleDescription a:hover{
color: #FFFFFF;
}
.fatCircle .fatCircleBg{
width:751px;
height:760px;
}
.fatCircle .fatCircleBg img{
position: absolute;
}
.calculator{
background: url(img/calculator.png) no-repeat;
width: 585px;
height: 154px;
margin: 0 auto;
padding: 0 10px;
}
.calculator h2{
font-size: 18px;
margin: 0px 10px;
}
.calculator #sibmitBMI{
width: 180px;
height:25px;
display: block;
text-align: center;
margin: 10px auto;
float: none;
background: none;
border: none;
font-size: 20px;
color: #FFFFFF;
}
.calculator p, .calculator h2{
color: #382f77;
}
.calculator input{
float: left;
margin: 15px 10px;
}
.calculator #widthBlock{
width:40%;
float: left;
padding:10px 20px;
margin:10px 0 20px 0;
border-right:1px solid #FFFFFF;
}
.calculator #heightBlock{
width:40%;
float: left;
padding:10px 20px;
margin:10px 0 20px 0;
}
#bmiMark #bmiComment{
position:absolute;
width:200px;
margin:40px 60px;
text-align: left;
}
#rulerBMI{
width: 400px;
margin: 20px auto;
}
#rulerBMI h2{
font-size: 24px;
margin: 0px 10px;
float: left;
}
#rulerBMI input{
float: left;
}
#rulerBMI p{
display:block;
float: left;
margin: 5px 10px;
}
.graphBMI{
background: url(img/graph-bg.png) no-repeat;
width: 664px;
height: 390px;
padding: 3px;
}
.ruler{
background: url(img/ruler.png) no-repeat;
width: 496px;
margin: 0 auto;
padding:40px 40px 0 40px;
}
#ruler2{
background: url(img/ruler2.png) no-repeat;
}
#rulerMark, #rulerMark2{
margin-top:40px;
display: block;
width: 70px;
margin-left:0;
}
#rulerMark p, #rulerMark2 p{
margin:0;
text-align: center;
}
#rulerMark #rulerComment{
position:absolute;
margin:30px 0 0 50px;
}
.graph{
background: url(img/bmi-bg.png) no-repeat;
width: 664px;
margin: 0 auto;
}
#bmiMark{
margin-top:90px;
display: block;
width: 70px;
margin-left:0;
}
#bmiMark p{
margin:0;
text-align: center;
}
.contactInfo{
float: left;
}
#formSide{
margin:80px 0 0 390px;
}
#formSide form{
margin:10px auto;
width: 280px;
background: url(img/bmi-bg.png) no-repeat;
padding:0 60px;
}
#formSide form input,
#formSide form textarea{
width: 260px;
}
#formSide form textarea{
height: 60px;
}
#formSide form p label{
width: 60px;
}
#formSide form p label{
float: left;
width: 60px;
}
#formSide form ul li{
list-style: none;
float: left;
height: 60px;
}
#formSide form ul li input{
width:30px;
}
.surgeryDiv {
padding: 30px 80px 30px 280px;
border: 1px solid #FFFFFF;
}
.surgeryDiv p{
color:#080808;
}
.surgeryDiv a{
color:#9d92e8;
}
.surgeryDiv .contenth1{
margin:0;
}
.surgeryBlue{
background:#cebff1;
padding:20px 0;
}
.surgeryBlue h1{
color:#fff;
}
#gastricBalloon{
background: url(img/gastric-balloon.png) no-repeat;
}
#waterball{
background: url(img/waterball-shot.png) no-repeat;
padding: 30px 280px 30px 80px;
}
#laparosopic{
background: url(img/laparosopic-sleeve-gastrectomy.png) no-repeat;
}
#sleeve{
background: url(img/sleeve-plication.png) no-repeat;
padding: 30px 280px 30px 80px;
}
#byPass{
background: url(img/by-pass-shot.png) no-repeat;
}
.surgeryImage{
float: right;
width: 200px;
padding: 20px;
}
.surgeryImage p{
margin:0;
text-align:right;
}
.qanda{
margin-right: 200px;
}
.qNav {
list-style: none;
height:500px;
margin-bottom: 60px;
padding: 0;
display: block;
position: fixed;
margin-left: 750px;
z-index: 3px;
width:90px;
text-align:center;
}
.qNav li{
padding: 5px;
border: 1px solid #fff;
float:left;
width:20px;
}
.qNav li span{
position: absolute;
display:none;
}
.caseSharing{
padding:20px;
}
.caseSharing a{
text-align:center;
display:block;
padding:30px 10px;
background:#9d92e8;
margin:1px 0;
}
.caseSharing hr{
background:#fff;
height:1px;
border:none;
padding:0;
margin:20px 0;
}
#footer{
position: relative;
top:-100px;
}
#footer p{
padding:0px 30px;
}
#tableTitle{
display: block;
padding: 0;
}
#compare123 table {
background: #dfdfde;
display: block;
border-collapse: collapse;
}
#compare123 table tr{
text-align:center;
}
#compare123 table td{
color:#3f3f3f;
padding: 5px 2px;
margin: 0;
border-left:1px #4b2447 solid;
text-align: center;
font-size: 13px;
width: 80px;
}
#compare123 table tr td:first-child{
border-left:none;
text-align: left;
padding: 5px 0px 5px 5px;
}
#compare123 #title td{
background: #845480;
color: #FFFFFF;
border-collapse: collapse;
text-align:center;
}
.tableizer-table {
width: 780px;
margin:0 0 20px 0px;
border-collapse: collapse;
text-align:center;
}
.tableizer-table td, .tableizer-table th{
width: 170px;
text-align: left;
font-size: 15px;
padding: 5px 10px;
background: #DFDFDE;
border:1px solid #FFFFFF;
}
.tableizer-table th{
text-align: center;
}
.tableizer-table tr td:first-child{
text-align: left;
width: 280px;
text-align: center;
}
.tableizer-table .tableizer-firstrow th{
background:#8064a2;
color: #FFFFFF;
padding: 15px 10px;
text-align: center;
}
.tableizer-table .city{
margin: 0;
width:120;
text-align: center;
}
.tableizer-table .web{
margin: 0;
width:120px;
text-align: center;
}
.tableizer-table .wei{
width:350px;
text-align: center;
}
.tableizer-table .name{
width:350px;
text-align: center;
}
.tableizer-table .nam{
width:200;
text-align: center;
}
#header #language{
text-align:center;
color:#FFFFFF;
display:block;
background:url(img/blue-alpha.png) repeat-x;
padding:10px 15px;
position:absolute;
margin:0 0 0 795px;
top:0;
-webkit-box-shadow: 0px 0px 5px #777;
-moz-box-shadow:0px 0px 5px #777;
box-shadow:0px 0px 5px #777;
behavior: url(script/PIE/PIE.htc);
height:30px;
width:120px;
}
#header #language p{
color:#FFFFFF;
padding:6px 0px ;
margin:0px;
}
#header #language a{
padding:0px 5px ;
color:#FFFFFF;
}
#footer img{
float:right;
padding:15px 20px;
}
.askdoctor{
width:145px;
float:right;
padding-top:60px;
}
#tip7-title img {
float: right;
}
.whatapp{
background:url(img/whatsapp.png) no-repeat;
height:32px;
width:170px;
float:right;
margin-top:12px;
margin-right:70px;
}
#footer .whatapp p{
line-height:32px;
margin:0px;
padding:0px;
padding-left:40px;
font-weight:bold;
}
.whatsapp{
background:url(img/whatsapp.png) no-repeat;
height:32px;
width:170px;
margin-top:12px;
margin-right:70px;
}
.whatsapp p{
line-height:32px;
margin:0px;
padding:0px;
padding-left:40px;
font-weight:bold;
}
.publication{
background:#333;
padding: 10px 20px;
position: relative;
overflow:hidden;
}
.floatRightCol{
float: right;
width:95px;
height: 900px;
background: url(img/silde-publication.jpg) no-repeat;
}
.floatRightCol#publication{
background: url(img/slide-report.png) no-repeat ;
}
.floatRightCol#presentation{
background: url(img/slide-guideline.png) no-repeat ;
}
.floatRightCol#academic{
background: url(img/silde-publication-3.jpg) no-repeat ;
}
h3{
color:#9d92e8;
padding-bottom:0px;
}
.guideline li{
width:400px;
}
i p{
font-size:12px;
}
.internation{
}
.media{
overflow:hidden;
height:200px;
width: 300px;
padding:0px 50px 30px 55px;
margin-top: 80px;
}
.media .wrapped hr{
margin-bottom: 10px;
}
.know{
overflow:hidden;
height:200px;
width: 300px;
padding:0px 50px 0px 60px;
margin-top: 80px;
}
.fall p{
color:#3d92b7;
font-weight:bold;
}
.fall{
padding:23px 10px 10px 40px;
}
h4{
color:#3d92b7;
margin:5px 0px;
font-size:16px;
}
h5{
color:#4f4f4f;
margin:10px 0px;
font-size:14px;
}
.know ul{
color:#4f4f4f;
padding-left:20px;
padding-right:10px;
font-size:12px;
}
.know .wrapped, .news .wrapped{
position: relative;
}
h3{
color:#4f4f4f;
margin:8px 0px;
}
.frontContent4 ul{
color:#3d92b7;
padding-left:20px;
}
.frontContent4 .hk{
}
.frontContent4 .internation{
padding-left:20px;
padding-right:70px;
}
.frontContent4 a{
color:#188ab2;
}
.drcontent h1{
background:url(img/title.png) no-repeat;
height:136px;
color:#FFF;
line-height:70px;
padding-left:80px;
}
.drcontent .specialh1{
background:url(img/specialh1-body.png) repeat-x;
width: auto;
line-height: 70px;
vertical-align: top;
display: inline-block;
padding-left:80px;
padding-right:30px;
position: relative;
}
.drcontent .specialh1::before{
content: url('img/specialh1-head.png');
display: inline-block;
position: absolute;
width: 69px;
height: 136px;
left: 0;
}
@media screen and (max-width:759px){
.drcontent .specialh1{
background:none;
width: auto;
height: auto;
line-height: 37px;
font-size: 35px;
font-weight: bold;
vertical-align: top;
display: inline-block;
padding-left:0px;
padding-right:0px;
position: relative;
color: #3d92b7;
}
.drcontent .specialh1::before{
content:'';
display: inline-block;
position: absolute;
width: auto;
height: auto;
left: 0;
}
}
.drcontent h2{
color:#3d92b7;
font-size:25px;
background:none;
padding-left:0px;
padding-top:10px;
}
.drcontent h3{
font-size:18px;
font-weight: bold;
}
.drcontent ul{
color:#3d92b7;
font-weight:bold;
padding-left:25px;
padding-top:10px;
}
.aboutus p{
line-height:25px;
font-size:16px;
}
.aboutus{
}
.aboutus p{
color:#494949;
font-weight:500;
}
.drtitle{
}
.hospital h2{
background:url(img/hospital.png) no-repeat;
padding-left:60px;
color: #3d92b7;
font-size: 24px;
}
.hospital{
background:url(img/hospital-bg.png) no-repeat;
padding-top:40px;
}
.hospital ul li{
color:#188ab2;
font-size:16px;
font-weight:bold;
line-height:26px;
}
.drtitle hr{
clear:both;
background-image:none;
}
.serviceitem{
}
.serviceitem p{
color:#494949;
}
.serviceitem h2{
color:#3d92b7;
padding-bottom: 20px;
}
.serviceitem h3{
color:#3d92b7;
padding-bottom: 10px;
}
.serviceitem ul{
color:#494949;
}
.drcontent{
padding-top:20px;
}
.fallacy div.fallacy01 p{
padding: 0;
margin:0;
background: #f89792;
}
.fallacy div.fallacy02 p{
padding: 0;
margin:0;
background: #5181a1;
}
.fallacy div h2{
color:#ffffff;
font-weight:bold;
font-size:20px;
text-align:center;
padding-top:15px;
background: #ea807c;
}
.fallacy div.fallacy02 h2{
color:#ffffff;
font-weight:bold;
font-size:20px;
text-align:center;
padding-top:15px;
background: #71a2c5;
}
.fallacy div p{
color:#ffffff;
text-align:center;
font-size:18px;
/*padding-top:10px;*/
line-height:25px;
/*width:600px;*/
/*padding-left:20px;*/
}
@media only screen and (min-width: 991px ){
.videoContainer{
display: flex;
width: 100%;
flex-direction: row-reverse;
align-items:center;
}
.videoContainer>div{
width: 50%;
}
}
.video .discrip{
line-height:25px;
}
.video h2{
font-size:18px;
padding-top:0px;
padding-left:0px;
line-height:40px;
}
.video img{
padding-top:20px;
}
.video p{
color:#494949;
font-size:18px;
line-height:30px;
padding-top:10px;
}
.video h4{
padding-top:30px;
font-size:18px;
}
.video hr{
border: none;
background: url(img/media-br.png) no-repeat;
height: 3px;
padding: 0px 0px 20px 0px;
margin-bottom:10px;
}
.address p{
color:#494949;
font-size:16px;
line-height:25px;
font-weight:100;
margin:10px 0px;
}
.address h2{
font-size:20px;
}
.address h3{
font-size:16px;
}
.address a{
color:#39C;
}
.address span{
color:#09C;
font-weight:bold;
}
.address hr{
border: none;
background: url(img/media-br.png) no-repeat;
height: 3px;
width: 800px;
padding: 0px 0px 20px 0px;
margin-bottom:10px;
}
.fall a{
color:#3d92b7;
display: block;
}
.appointment{
width:800px;
background:url(img/appointment-bg.png) no-repeat;
margin: 0 auto 20px auto;
padding:40px 50px;
}
.appointment h2{
font-size:22px;
background-image:none;
padding-left:0px;
color:#3d92b7;
padding-bottom:20px;
}
.appointment h3{
font-size:17px;
}
.appointment span{
color:#09C;
font-weight:bold;
font-size:17px;
}
.media2 img{
width:170px;
}
.drtitle .media2content{
/*background: #db884a;*/
height:997px;
margin:0px auto;
border-radius: 10px 10px;
}
.media2content p{
padding:0px;
margin:0px;
font-size:16px;
}
.media2content .newscontent p{
margin: 20px 20px 20px 0px;
}
.medialink{
color:#069;
}
.media2 .drtitle hr{
border: none;
height: 1px;
width: 600px;
padding: 5px 0px 5px 0px;
margin-bottom:0px;
background: url(img/line.png) no-repeat;
}
.media2 .drtitle .newscontent hr{
width: auto;
}
.media2 a{
color: #069;
}
.media2 h2{
background:url(img/media/heart.png) no-repeat;
padding-left:35px;
height:38px;
line-height:38px;
padding-top:0px;
}
.firstvisitContainer{
position: relative;
}
.firstvisit{
background:url(img/step.png) no-repeat;
width:845px;
height:892px;
}
@media screen and (max-width: 991px){
.firstvisit{
position: relative;
}
}
@media screen and (max-width: 740px){
.firstvisit{
position: relative;
left: -30%;
top: -20%;
}
}
@media screen and (max-width: 480px){
.firstvisit{
position: relative;
left: -60%;
top: -20%;
}
}
.firstvisit .step1{
position:absolute;
margin:50px 30px 10px 345px;
width:160px;
height:140px;
}
.firstvisit .step1 h3{
padding-bottom:5px;
}
.firstvisit .step2 h3{
padding-bottom:10px;
}
.firstvisit h3{
font-size:14px;
text-align:center;
}
.firstvisit .step2{
position:absolute;
margin:170px 30px 10px 615px;
width:160px;
height:140px;
text-align:center;
}
a.btn{
color:#ffffff;
}
.firstvisit .step2 p{
padding-top:10px;
}
.firstvisit .step2 a.btn{
color:#ffffff;
margin-left:0px;
}
.firstvisit .step3{
position:absolute;
margin:442px 30px 10px 660px;
width:170px;
height:140px;
}
.firstvisit .step4{
position:absolute;
margin:693px 30px 10px 490px;
width:160px;
height:140px;
}
.firstvisit .step5{
position:absolute;
margin:693px 330px 10px 205px;
width:160px;
height:140px;
}
.firstvisit .step6{
position:absolute;
margin:470px 110px 10px 20px;
width:160px;
height:140px;
}
.firstvisit .step7{
position:absolute;
margin:190px 50px 10px 85px;
width:160px;
height:140px;
}
.drcontent .firstvisit ul{
padding-left:0px;
font-size:14px;
font-weight:bold;
width:230px;
padding-left:30px;
padding-top:8px;
}
.drcontent .firstvisit ul li{
padding-left:0px;
margin-left:0px;
}
.drcontent .firstvisit ul a{
font-size:14px;
color:#069;
}
.drcontent .article p a{
color: #444;
text-align: center;
/*text-decoration: underline;*/
border-bottom: 1px solid blue;
/*display: block;*/
}
.drcontent .article img{
max-width: 100%;
display: block;
}
a.btn{
background:url(img/step-bg.png) no-repeat;
margin-left:20px;
width:109px;
height:35px;
}
.firstvisit p{
margin:5px;
}
ul.newslink{
padding-left:33px;
padding-right: 0px;
text-align:left;
max-width: 600px;
}
.newslink li{
list-style:none;
padding:1px 3px;
color:#ffffff;
text-align:center;
display: inline-block;
}
.newslink li.current{
background:#FFF;
color:#3e7cc6;
}
.newslink li.current a{
color:#3e7cc6;
}
.newslink li a{
float:left;
list-style:none;
padding:5px 5px;
color:#3e7cc6;
font-size:17px;
font-weight:bold;
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
}
.newscontent{
/*padding:90px 170px 10px 70px;*/
padding-left: 70px;
padding-top: 90px;
padding-right: 90px;
max-width: 680px;
background: url(img/media/media-paper-bg.png);
height: 997px;
}
@media screen and (max-width:856px ){
.newscontent{
padding-right:0;
}
}
#form1 {
padding:12px;
width:500px;
}
#form1 p {
padding:2px;
}
#form1 p.large {
}
#form1 p label {
float:left;
width:100px;
font-size:16px;
}
#form1 input,#form1 textarea {
width:200px;
}
#form1 ul {
list-style:none;
}
#form1 ul input{
width:20px;
}
#form1 #submit{
background:#09C;
border:none;
padding:10px 10px;
width:90px;
color:#fff;
float:right;
text-align:center;
}
.article{
}
.article p{
color:#494949;
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
font-weight:200;
line-height:25px;
padding-bottom:10px;
margin-bottom:0px;
}
.article ol{
color:#494949;
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
font-weight:200;
}
.article li{
color:#494949;
font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
font-weight:200;
}
.article ol li{
padding-bottom:10px;
font-size:15px;
line-height:15px;
}
.article ol li a{
padding-bottom:10px;
font-size:15px;
line-height:15px;
}
.articletab{
list-style:none;
background:#4a898e repeat;
margin-left:50px;
margin-right:30px;
}
.articletab li{
float:left;
list-style:none;
padding:20px;
font-size:24px;
background:#68a6af repeat;
}
.articletab li.current{
background:#85c4cd repeat;
line-height:28px;
}
.articletab li.current a{
font-size:21px;
}
.articletab li a{
font-size:18px;
color:#ffffff;
}
@media screen and (max-width: 785px){
.articletab {
margin:0;
}
.articletab li{
float:none;
}
}
#cancerEducationLeaflet a p, #cancerEducationLeaflet a {
color: #444;
}
.articletab2{
list-style:none;
background:#4a898e repeat;
margin-left:50px;
margin-right:30px;
margin-bottom:10px;
}
.articletab2 li{
float:left;
list-style:none;
padding:20px;
font-size:22px;
background:#68a6af repeat;
width:70px;
text-align:center;
}
.articletab2 li.current{
background:#85c4cd repeat;
line-height:28px;
}
.articletab2 li.current a{
font-size:17px;
}
.articletab2 li a{
font-size:17px;
color:#ffffff;
}
.ppi a{
color:#069;
}
#form1 li{
color:#09C;
}
.hospital a{
color:#09C;
}
.tel{
font-size:20px;
}
.newscontent span{
float:right;
}
.newspaper a{
color:#3d92b7;
font-weight:bold;
}
.drcontent h2.date{
color:#666;
float:right;
}
.booklet{
padding:10px 60px;
}
.booklet img{
padding:20px 10px 0px 10px;
margin:auto;
}
.booklet2{
}
.booklet2 a{
width: 25%;
max-width: 134px;
}
.booklet2 img{
margin:auto;
width: 100%;
}
.booklet p{
text-align:center;
margin:0px;
}
.booklet h3{
clear:both;
padding-left:60px;
padding-top:20px;
}
.fixwidthContainer{
/*width:103%;*/
height:750px;
overflow:auto;
}
.book a{
color:#3d92b7;
}
.book hr{
border: none;
background: url(img/media-br.png) no-repeat;
height: 3px;
width: 800px;
padding: 0px 0px 20px 0px;
margin-bottom:10px;
}
.book span{
color:#3d92b7;
font-weight:bold;
}
.book ul{
list-style:url(img/list-bullet.png);
padding: 10 19px;
}
.book img{
padding-left:10px;
}
.serviceitem a{
}
.search{
width:100px;}
#footer p{
text-align:center;
padding-top:100px;
color:#188ab2;
z-index:-3;
}
@media (min-width: 576px)
{
.container {
width: 540px;
}
}
@media (min-width: 768px)
{
.container {
width: 720px;
}
}
@media (min-width: 992px)
{
.container {
width: 960px;
}
}
@media (min-width: 1200px)
{
.container {
width: 1140px;
}
}