body{margin:0;border:0;width:100%;color:#000;font-size:14px;line-height:120%;}
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span, strong, select{text-align:left;vertical-align:middle;margin:0px;padding:0px;word-wrap:normal;word-break:normal;border-width:0;font-family:"微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow";-webkit-text-size-adjust:none;}
hr{noshade:noshade;}
th{font-weight:normal;}
ul{list-style:none;margin:0;padding:0;overflow:hidden;}
li{list-style:none;}
a ,
a:hover{text-decoration:none;cursor:pointer;outline:none;}
img{max-width:100%;}
br{font-family:Arial !important;}
form p input[type="text"],
form p input[type="password"],
form p textarea,
form p select{background:rgba(255,255,255,0.6);border:1px #858384 solid;}
form p input[type="text"]:focus ,
form p input[type="password"]:focus{border-color:#13a5e0;background:#13a5e0;color:#fff;}
input[type="text"], input[type="submit"], input[type="reset"], input[type="button"], button ,select{-webkit-appearance:none;}
@font-face{font-family:'cwTeXYen';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot);src:url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff) format('woff'),
url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.ttf) format('truetype');}
.wrapper{overflow:hidden;}
#jumpDiv ,
#jumpIframe{position:relative;background:#fff;top:0;left:0;z-index:9999999999999999999999;}
.pageh1{position:fixed;z-index:-999;opacity:0;}
.webframe{width:1160px;margin:0 auto;overflow:hidden;}
#topshow{position:relative;background-color:#c8e9f0;padding-bottom:122px;background-image:url(/images/02/banner-bottom.png),url(/images/02/banner-bg.png);background-repeat:no-repeat;background-position:0 100%,50% 50%;background-size:100%;padding-top:10px;}
#topshow header{position:absolute;bottom:15px;left:0;width:100%;z-index:5;}
header .topNav{text-align:right;}
header .topNav a{display:inline-block;color:#000;position:relative;padding-left:15px;font-size:12px;}
header .topNav a:last-child:before{display:inline-block;content:'|';left:5px;top:1px;width:auto;position:absolute;line-height:100%;}
.menubar{overflow:hidden;}
#cis{float:left;    margin: 6px 0;}
.menubar nav{float:left;width:calc(100% - 288px);margin-left:50px;text-align:right;}
.menubar nav li{display:inline-block;min-width:78px;position:relative;margin-left:60px;}
.menubar nav li a{color:#595959;display:block;text-align:center;font-family:'cwTeXYen', serif;font-size:21px;line-height:100%;background-image:url(/images/02/nav-01.png);background-repeat:no-repeat;background-position:50% 25%;padding-top:100px;transition:all linear 0.3s;}
.menubar nav li:hover a{background-position:50% 5%;color:#3ba4ba;}
.menubar nav li:nth-child(2) a{background-image:url(/images/02/nav-02.png);}
.menubar nav li:nth-child(3) a{background-image:url(/images/02/nav-03.png);}
.menubar nav li:nth-child(4) a{background-image:url(/images/02/nav-04.png);}
.menubar nav li:nth-child(5) a{background-image:url(/images/02/nav-05.png);}
.menubar nav li:nth-child(6) a{background-image:url(/images/02/nav-06.png);}
.menubar nav li a strong{display:block;color:#a1a0a0;font-size:12px;text-align:center;font-weight:normal;line-height:100%;}
#footphone,
.nav-func{display:none;}
footer{padding:50px 0;}
footer .fleft{float:left;width:49%;overflow:hidden;}
footer .fright{float:right;width:49%;overflow:hidden;}
footer .fleft #footer-cis{float:left;}
footer .fleft .company{float:right;width: calc(80% - 210px);}
footer .fleft .company p,
footer .fleft .company .webfooter,
footer .fleft .company .webfooter a{color:#4f4f4f;font-size:12px;}
footer .fleft .company .footNav{margin:15px 0;}
footer .fleft .company .footNav li{display:inline-block;margin:0 30px 5px 0;}
footer .fleft .company .footNav li a{color:#383838;font-size:14px;}
footer .fleft .company .footNav li a:hover{color:#65c6e1;}
footer .fleft .company .webfooter p,
footer .fleft .company .webfooter div{display:inline-block;}
footer .conway{float:left;width:calc(100% - 250px);}
footer .conway h2{color:#469db5;font-weight:normal;font-size:18px;}
footer .conway ul{margin:10px 0;}
footer .conway ul li{line-height:100%;font-size:13px;color:#444444;margin:10px 0;}
footer .conway ul li a{color:#444444;}
footer .conway .share a{color:#444444;display:inline-block;font-size:18px;margin-right:15px;}
footer .QR{float:right;width:230px;}
footer .QR li{display:inline-block;}
footer .QR li img{width:100px;}
#webSeo{overflow:hidden;clear:both;padding-top:50px;font-size:10pt;}
#gotop{position:fixed;right:20px;bottom:30px;font-size:14px;color:#fff;box-shadow:0 0 5px #f8f8f8;z-index:9;background:#31d3c7;width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;}
.mobile-main-nav{display:none;}
@keyframes flow{0%{transform:translateY(0);}
100%{transform:translateY(-20px);}
}
@keyframes bob{0%{transform:scale(1);}
100%{transform:scale(0.5);}
}
@keyframes swim{0%{transform:rotate(2deg);}
100%{transform:rotate(-2deg);}
}
@media screen and (max-width:1280px){.webframe{width:90%;}
#topshow header{position:relative;bottom:0;background:#fff;padding:10px 0;border-bottom:1px solid #dadada;z-index:889;}
#topshow{padding:0;}
.menubar nav,
header .topNav a:last-child:before{display:none;}
#cis{width:140px;margin-left:5%;}
header .webframe,
footer .fleft,
footer .fright{width:100%;}
header .topNav{text-align:right;position:absolute;right:calc(5% + 35px);top:40px;}
header .topNav a{font-size:8pt;background:#f88b8b;color:#fff;padding:3px 10px;border-radius:5px;}
header .topNav a:last-child{background:#55ca6b;}
footer .fleft{margin-bottom:30px;}
.nav-func{display:block;}
.mobile-main-nav{position:absolute;right:0;top:0;z-index:999;width:30%;background:#269dbded;height:100vh;}
.nav-funcB,
.nav-func{position:absolute;color:#65c6e1;text-align:right;float:right;font-size:24px;right:5%;top:38px;z-index:8;}
#mobile-menu >ul{margin-top:80px;overflow:auto;max-height:calc(100vh - 150px);}
#mobile-menu >ul >li .menu_head{overflow:hidden;padding:15px 20px;border-bottom:1px solid #24c1f1c7;}
#mobile-menu >ul >li .menu_head p{float:left;}
#mobile-menu >ul >li .menu_head p a{color:#fff;}
#mobile-menu >ul >li .menu_head b{float:right;color:#fff;}
#mobile-menu >ul >li .menu_head.c0 b{display:none;}
#mobile-menu >ul >li .menu_body >li{background:#1c6f86a8;color:#fff;}
#mobile-menu >ul >li .menu_body >li >a{color:#fff;display:block;padding:15px 20px;}
#mobile-menu >ul >li .menu_body >li >p{color:#fff;display:block;padding:5px 20px;background:#a18147;}
#mobile-menu .sizes,
#main-menu,
header.headerTop .head-wrap #main-menu{display:none;}
#mobile-menu >ul >li .menu_body >li .subOption a{color:#fff;display:block;padding:15px 20px;}
}
@media screen and (max-width:640px){footer .fleft #footer-cis{float:none;margin:0 auto 50px;text-align:center;}
footer .fleft .company{float:none;width:100%;}
footer .fleft .company .footNav{display:none;}
footer .fleft .company p,
footer .fleft .company .webfooter{text-align:center;}
footer .conway{width:100%;margin-bottom:20px;}
footer .QR{width:100%;}
footer .QR ul{text-align:center;}
#footphone{display:block;position:fixed;bottom:0;left:0;width:100%;z-index:99;}
#footphone ul li{float:left;width:50%;background:rgb(222, 130, 154);text-align:center;padding:3px 0;height:35px;line-height:35px;}
#footphone ul li a{color:#fff;}
#footphone ul li.line{background:rgb(83, 185, 249);}
.mobile-main-nav{width:70%;}
#gotop{bottom:65px;}
.share{text-align:center;}
}
@media screen and (max-width:480px){#cis{width:100px;}
header .topNav{top:25px;}
header .topNav a:last-child{display:none;}
.nav-funcB, .nav-func{top:24px;}
}