body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , "微軟正黑體";}
input[type="number"]::-webkit-inner-spin-button ,
input[type="date"]::-webkit-inner-spin-button{-webkit-appearance:none;}
button{padding:0; cursor:pointer;}
body{font-family:"微軟正黑體" , arial; color:#333; background:url(../images/bg.png);}

#all.active{position:fixed; left:0; top:0; width:100%; height:100%;}

/* header */
#header{background:#FFF;}
#header .wrap{max-width:1000px; margin:0 auto; overflow:hidden; padding:30px 20px; box-sizing:border-box; position:relative;}
#header .logo{width:355px; height:62px; background:url(../images/logo.png); background-size:100% auto; text-indent:-9999px; display:block; float:left;}
#header .info{float:right; overflow:hidden;}
#header .info p{font-size:14px; line-height:24px; float:left; border-left:1px solid #b6b6b6; padding:5px 0 5px 20px;}
#header .info p span{display:block;}
#header .info .link{float:left; padding-right:20px; margin-top:10px;}
#header .info .link li{display:inline-block; padding:0 2px;}
#header .info .link li a{width:35px; height:35px; text-indent:-9999px; display:block; opacity:1; transition:all .3s;}
#header .info .link li a:hover{opacity:.5;}
#header .info .link li .facebook{background:url(../images/header-icon1.png);}
#header .info .link li .line{background:url(../images/header-icon2.png);}
#header .info .link li .wechat{background:url(../images/header-icon3.png);}

/* mobile */
#mobi-btn{position:absolute; right:0; top:30px; display:none; width:34px; height:34px; background:url(../images/mobile_b.png); text-indent:-9999px; cursor:pointer; z-index:999;}
#mobile{width:200px; min-height:100%; background:rgba(209,192,165,.9); position:absolute; top:0; left:-200px; padding:25px; box-sizing:border-box; text-align:center; z-index:997;}
#mobile li{color:#600; padding:15px 0; display:block;}
#mobile li a{color:#FFF; font-size:18px; display:block;}
#mobile li .submenu{display:none}
#mobile li .submenu .group h2{font-size:16px; font-weight:normal; color:#666; padding-top:10px;}
#mobile li .submenu .group ul{display:none;}
#mobile li .submenu .group ul li{padding:10px 0;}
#mobile li .submenu .group a{font-size:16px;}

/* navigation */
#navigation{background:#a6937c; text-align:center; position:relative;}
#navigation li{display:inline-block; padding:15px 20px;}
#navigation li a{color:#FFF; font-size:16px; display:inline-block; transition:all .2s;}
#navigation li a:hover{color:#d1c0a5;}
#navigation li:hover .submenu{display:block;}
#navigation .submenu{display:none; width:1000px; background:rgba(51,51,51,.85); position:absolute; left:50%; top:100%; margin-left:-500px; overflow:hidden; border-top:5px solid #d1c0a5; z-index:999;}
#navigation .submenu .group{width:16.66%; float:left; padding:25px 0; box-sizing:border-box;}
#navigation .submenu .group h2{font-size:14px; color:#d1c0a5; font-weight:normal;}
#navigation .submenu .group li{padding:7px 0; display:block;}
#navigation .submenu .group li a{font-size:14px;}

/* banner */
#banner a{display:block;}
#banner a img{width:100%; height:auto; display:block;}

/* example */
#case{width:100%; background:#FFF; padding:10px; box-shadow:0 8px 25px 0 rgba(51,51,51,.1); position:relative; z-index:10; box-sizing:border-box;}
#case li{display:inline-block; text-align:center; padding:0 5px;}
#case li img{width:100%; max-width:300px; height:auto; display:block;}
#case li p{font-size:14px; padding-top:10px;}

/* introduction */
#introduction {max-width:1400px; background:#FFF; margin:0 auto;}
#introduction .doctor{max-width:1200px; width:90%; padding:60px 0 20px 0; margin:0 auto; overflow:hidden;}
#introduction .doctor dt{width:25%; float:left;}
#introduction .doctor dt img{width:100%; max-width:290px; height:auto; display:block;}
#introduction .doctor dd{width:75%; float:right; padding-left:40px; box-sizing:border-box;}
#introduction .doctor dd h1{font-size:30px; font-weight:normal;}
#introduction .doctor dd h1 span{color:#61afa1; font-size:18px; margin-left:15px;}
#introduction .doctor dd p{font-size:17px; line-height:35px; margin-top:25px;}
#introduction .other{width:100%; background:#f7f7f6; padding:40px 0; display:table;}
#introduction .other li{width:33.33%; text-align:center; border-left:1px solid #a9a9a9; padding:0 5%; display:table-cell; box-sizing:border-box;}
#introduction .other li:nth-child(1){border-left:none;}
#introduction .other h2{font-size:24px; font-weight:normal; padding-bottom:20px;}
#introduction .other span{font-size:14px; padding-bottom:10px; display:block;}
#introduction .other p{font-size:16px; line-height:30px;}
#introduction .other img{width:100%; max-width:180px; height:auto; margin:0 auto;}
#introduction .other iframe{width:100%; min-height:215px; height:auto; display:block;}
#introduction .other .more{color:#333; font-size:16px; display:inline-block; margin-top:20px; transition:all .2s;}
#introduction .other .more:hover{color:#61afa1;}
#introduction .other .contact-us{color:#333; font-size:16px; border:1px solid #666; padding:15px 40px; display:inline-block; margin-top:35px; transition:all .2s;}
#introduction .other .contact-us:hover{background:#61afa1; color:#FFF; border-color:#61afa1;}

/* news */
#news{background:#a6937c;}
#news .wrap{max-width:1200px; width:90%; padding:25px 0; margin:0 auto; overflow:hidden;}
#news .wrap .pic{width:30%; background:#FFF; max-width:360px; height:auto; display:block; float:left; padding:10px; box-sizing:border-box;}
#news .wrap .content{width:70%; float:left; padding-left:40px; box-sizing:border-box;}
#news .wrap .content h2{color:#FFF; font-size:24px; font-weight:normal; letter-spacing:3px; padding:25px 0;}
#news .wrap .content p{font-size:17px; line-height:35px}
#news .wrap .content .more{color:#FFF; font-size:16px; border:1px solid #FFF; padding:15px 40px; display:inline-block; margin-top:35px; transition:all .2s;}
#news .wrap .content .more:hover{background:rgba(209,192,165,.5);}

/* report*/
#report{background:#f8f8f8;}
#report .wrap{max-width:1200px; width:90%; padding:40px 0; margin:0 auto;}
#report .wrap h2{font-size:24px; font-weight:normal; letter-spacing:3px;}
#report .wrap .list{overflow:hidden; margin-top:25px;}
#report .wrap .list li{width:24%; margin-left:1.33%; float:left;}
#report .wrap .list li:nth-child(1){margin-left:0;}
#report .wrap .list li .img{height:190px; overflow:hidden;}
#report .wrap .list li .img img{width:100%; height:auto; display:block;}
#report .wrap .list li a{background:#9c2a00; color:#FFF; font-size:16px; display:block; padding:10px 0; text-align:center; transition:all .3s;}
#report .wrap .list li a:hover{background:#61afa1;}
 
 /* footer */
#footer{background:#eef2f5;}
#footer .wrap{max-width:1200px; width:95%; padding:20px 0; margin:0 auto; overflow:hidden;}
#footer .wrap .info{width:65%; float:left; overflow:hidden;}
#footer .wrap .info .map{width:50%; float:left; display:block; padding-right:25px; box-sizing:border-box;}
#footer .wrap .info .text{width:50%; float:left;}
#footer .wrap .info .text h3{color:#9c2a00; font-size:24px; font-weight:normal; padding:15px 0;}
#footer .wrap .info .text p{color:#4f5154; font-size:14px; line-height:26px;}
#footer .wrap .ad{width:35%; float:right; text-align:right; display:block;}
#footer .wrap .ad img{width:100%; max-width:380px; height:auto; display:inline-block;}
#footer .wrap .statement{font-size:12px; padding-top:20px; clear:both;}

/* copyright */
#copyright{background:#4f5154; color:#b1b1b1; font-size:12px; text-align:center; padding:10px 0;}
#copyright .link{color:#FFF; margin:0 15px;}

/* RWD */
@media screen and (max-width:1024px){
#mobi-btn{display:block;}
/* navigation */
#navigation{display:none;}
/* header */
#header{padding-right:20px;}
#header .wrap{padding:20px;}
#header .info .link{float:none;}
#header .info p{display:none;}
/* introduction */
#introduction .doctor{padding-top:40px;}
#introduction .doctor dt{width:30%;}
#introduction .doctor dd{width:70%; padding-left:2%;}
#introduction .doctor dd h1{font-size:21px;}
#introduction .doctor dd h1 span{font-size:16px;}
#introduction .doctor dd p{font-size:15px; line-height:28px; margin-top:15px;}
#introduction .other li{padding:0 2.5%;}
#introduction .other h2{font-size:18px;}
/* news */
#news .wrap .content{padding-left:20px;}
#news .wrap .content h2{font-size:21px; padding:5px 0;}
#news .wrap .content p{font-size:15px; line-height:28px;}
#news .wrap .content .more{padding:10px 25px; margin-top:20px;}
/* report*/
#report .wrap h2{font-size:21px;}
}


@media screen and (max-width:768px){
#footer .wrap .info{width:100%; float:none;}
#footer .wrap .info .map{padding:0;}
#footer .wrap .info .text{padding-left:25px; box-sizing:border-box;}
#footer .wrap .ad{width:100%; float:none; margin-top:20px;}
#footer .wrap .ad img{max-width:100%;}
}
@media screen and (max-width:639px){
/* header */
#header .logo{width:240px; height:41px;}
/* introduction */
#introduction .doctor dt{display:none;}
#introduction .doctor dd{width:100%; padding-left:0;}
#introduction .other{display:block; padding:0 5%; box-sizing:border-box;}
#introduction .other li{width:100%; display:block; border-left:none; border-top:1px solid #a9a9a9; padding:35px 0;}
#introduction .other li:nth-child(1){border-top:none;}
/* news */
#news .wrap .pic{width:100%; max-width:100%; float:none; margin:0 auto;}
#news .wrap .content{width:100%; float:none; padding:15px 0 0 0; text-align:center;}
/* report*/
#report .wrap .list{margin-top:0;}
#report .wrap .list li{width:47%; margin:0 1.5% !important; padding-top:20px;}
 /* footer */
#footer .wrap .info .map{display:none;}
#footer .wrap .info .text{width:100%; float:none; padding:0 15px;}
/* copyright */
#copyright span{display:block; margin-top:10px;}
}
@media screen and (max-width:480px){
#header .info{display:none;}
}