@import url('/css/SeoJump.css');
*{margin:0;padding:0;}
body{margin:0;color:#3c3c3c;font-size:16px;}
div, h1, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, img, span, ul, li{text-align:left;vertical-align:middle;margin:0;padding:0;word-wrap:normal;word-break:normal;line-height:150%;border-width:0;font-family:'微軟正黑體', '蘋果儷中黑', "Lucida Grande", "Arial", "Arial Narrow";-webkit-text-size-adjust: none;}
hr{border-top:1px #000 solid;margin:0 0 10px 0;}
th{font-weight:normal;}
ul, ol{list-style:none;}
p.lineHeight{line-height:170%;}
p.marginTop{margin:10px 0;}
p.marginLeft{margin:0 10px;}
fieldset{border:0;}
input,button,select,textarea{outline:none}
img{max-width:100%;}
a:link, a:visited{font-weight:normal;text-decoration:none;-webkit-text-size-adjust: none;}
a:hover{color:#900;text-decoration:none;}
.clear{clear:both;}
.clearfix{display:inline-block;}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:".";}
* html .clearfix{height:1%;}
.clearfix{display:block;}
livedemo00.template-help.com/media="screen":after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
section{overflow:hidden;margin:0 auto;width:1160px;}
.wrapper{width:100%;overflow:hidden;/* margin-top:calc(100vh - 115px); */position:relative;background:#fff;z-index:10;}
.webframe {    width: 85%;    margin: 0 auto;    overflow: hidden;}
a.photo{overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%;display:block;}
a.photo img{width:100%;max-width:inherit;}
.topFix{position:fixed;width:100%;background:#fff;top:0;overflow:hidden;position: relative;}
.phoneWrap,
.mobile-main-nav,
#mobile-menu,
header #top-nav .translate p.search-sbtn,
.sub2Option,
.sub3Option{display:none;}
header{width:100%;position: fixed;z-index: 9999999999;}
header section{overflow:inherit;background-color: white;width: 100%;}
header #top-nav{}
header #top-nav .translate{text-align:right;overflow:hidden;}
header #top-nav .translate >p{color:#cab698;display:inline-block;margin-left:10px;}
header #top-nav .translate >p a{color:#6e6e6e;}
header #top-nav form{float:left;}
header #top-nav form p{border:1px solid #e7dfd3;border-radius:15px;padding:3px 5px;}
header #top-nav form p a{display:inline-block;color:#996712;padding:0 5px;}
header #top-nav form p input{width:120px;vertical-align:baseline;padding:0 5px;}
header #top-nav form p a:hover{color:#d9a54b;}
header #top-nav{padding:5px 0;border-bottom:1px solid #f6f6f6;}
header .topBar ,
header .topBar a{color:#ceb688;font-size:14px;text-align:right;}
header .topBar a{margin:5px;display:inline-block;}
header nav ul{ text-align:center;}
header nav ul li{display:inline-block;position:relative;}
header #cis{text-align:center;background-color: #f5f5f5;padding: 15px 0;}
header #cis a{display:inline-block;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
header nav ul li a{display:block;font-size:17px;color: #565656;text-align:center;padding: 20px;border-bottom: 3px solid rgba(0, 0, 0, 0);}
header nav ul li:hover a{
    color: #2a4790;
    border-bottom: 3px solid #000;
}
header nav ul li ul.subnav,
header nav ul li ul.sub2nav,
header nav ul li ul.sub3nav{position:absolute;width: 138px;background: linear-gradient(250deg, hsla(201, 69%, 46%, 0.9) 0%,hsla(164, 57%, 41%, 0.8) 100%);z-index:10;left: -15px;top:100%;display:none;overflow:visible;}
header nav ul li ul.sub2nav,
header nav ul li ul.sub3nav{left:100%;top:0;}
header nav ul li:hover ul.subnav,
header nav ul li ul.subnav li:hover ul.sub2nav,
header nav ul li ul.subnav li ul.sub2nav li:hover ul.sub3nav{display:block;}
header nav ul li ul.subnav li{display:block;}
header nav ul li ul.subnav li p{padding:5px 0;color:#fff;text-align:center;font-size:16px;}
header nav ul li ul.subnav li a{padding: 10px 5px;color: #ffffff;font-size:15px;border-left:none;border-right:none;border-bottom: 0;}
header nav ul li ul.subnav li a:hover{color:#fff;background: rgb(90, 178, 188);}
.wrapper #gotop{display:none;position:fixed;bottom:50px;right:20px;width:43px;height:43px;cursor:pointer;z-index:200;text-align:center;line-height:43px;background: #221816;color:#fff;font-size: 25px;}
.wrapper #gocart{position:fixed;bottom: 100px;right:20px;width:43px;height:43px;cursor:pointer;z-index:200;text-align:center;line-height:43px;background: #f83c3b;color:#fff;}
.wrapper #goline{display:none;position:fixed;bottom: 100px;right:20px;width:43px;height:43px;cursor:pointer;z-index:200;text-align:center;line-height:43px;background: #41ce01;color:#fff;font-size: 25px;}
.wrapper #gofacebook{display:none;position:fixed;bottom: 150px;right:20px;width:43px;height:43px;cursor:pointer;z-index:200;text-align:center;line-height:43px;background: #38559a;color:#fff;font-size: 25px;}
.wrapper #gophone{display:none;position:fixed;bottom: 200px;right:20px;width:43px;height:43px;cursor:pointer;z-index:200;text-align:center;line-height:43px;background: #d60c0c;color:#fff;font-size: 25px;}
.phoneWrap{position:fixed;width:100%;left:0;bottom:0;display:none;z-index:99999;}
.phoneWrap ul{overflow:hidden;}
.phoneWrap ul li{float:left;width:50%;background:#b6a58b;}
.phoneWrap ul li a{padding:5px 0;display:block;color:#fff;font-size:14px;text-align:center;}
.phoneWrap ul li:nth-child(1) a{border-right:1px rgba(255, 255, 255, 0.34) solid;}
.phoneWrap ul li:nth-child(2) a{border-left:1px #9a8565 solid;}
section #webSeo ,
section #webSeo .seo{overflow:hidden;font-size:10pt;color:#878787;}
section #webSeo .seo .js-marquee-wrapper{transition:none;}
footer{overflow:hidden;padding:50px 0 10px;background:#f1f1f1;}
footer .footerList{overflow:hidden;margin-bottom: 30px;}
footer .footerList > div{overflow:hidden;float:left;width: 33%;}
footer .footerList > div:last-child{
}
footer .footerList #footerImg > div{width: 40%;float: right;margin-left: 10px;}
footer .footerList #footerInfo p ,
footer .footerList .community p{color:#5d5d5d;font-size: 14px;}
footer .footerList #footerInfo p a{color:#5d5d5d;}
footer .footerList #footerInfo p span{color:#6b5537;}
footer .footerList #footerInfo p.name ,
footer .footerList .community p{font-size:20px;}
footer .footerList #footerInfo p.cop ,
footer .footerList #footerInfo p.foot a{font-size:12px;color:#ababab;font-family:'Krub', sans-serif;}
footer .footerList #footerInfo p.foot a{color:#7b6d59;}
footer .footerList #footerInfo .comlist{width:90%;}
footer .footerList #footerInfo .comlist li{margin:2px 0;font-size: 15px;}
footer .footerList #footerInfo .comlist li b{color: #2a4790;}
footer .footerList #footerInfo .comlist li span{vertical-align:initial;margin-left:5px;}
footer .footerList #footerInfo .comlist li span a{color:#000;position:relative;}
footer .footerList #footerInfo .comlist li img{position:absolute;max-width:150px;bottom:100%;left:0;z-index:8;max-height:150px;display:none;}
footer .footerList .community a{margin-right:5px;width:34px;height:34px;background:#3b5998;border-radius:50%;display:inline-block;text-align:center;line-height:36px;color:#fff;}
footer .footerList .community p{margin-bottom:10px;margin-left:0;font-weight:bold;}
footer .footerList .community .footernav{
    max-width: 80%;
    overflow: hidden;
    margin-bottom: 10px;
}
footer .footerList .community .footernav li{
    float: left;
    width: 50%;
}
footer .footerList .community .footernav li a{
    background: none;
    color: #5c626a;
    width: 100%;
    height: auto;
    text-align: left;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 30px;
}
footer .footerList .community a:nth-child(2){background:#26a6d1;}
footer .footerList .community a:nth-child(3){background:#dd4b39;}
footer .footerList .community a:nth-child(4){background:#f4b459;}
footer .footerList .contLink{text-align:right;}
body >h1{position:fixed;z-index:-9999999;opacity:0;}
.slick-slider,
.slick-slider div,
.slick-slider img,
.slick-slider a,
.slick-slider li{outline:none;}
#SeoStarRating{
    text-align: center;
}
#SeoStarRating font { margin-right: 5px; display: inline-block; vertical-align: middle; }
#SeoStarRating font:first-child {font-weight: bold;font-size: 18px;color: #fb9700;}
#SeoStarRating font:nth-child(2) { font-size: 16px; color: #FF9800; }
#SeoStarRating font:last-child {color: #dadada;}
/* page-form */
#page-form {padding: 65px 115px;float: right;width: calc(50% - 230px);background-position: 50% 50%;background-image: url(/images/11/index/index-contactBg.jpg);background-repeat: no-repeat;background-size: cover;}
#page-form form , #page-form fieldset {margin: 0;padding: 0;border: 0;overflow: hidden;}
#page-form p {overflow: hidden;color: #fff;font-size: 16px;margin: 10px 0;float: left;width: 50%;}
#page-form label { float: left; width: 100px; text-align: right; padding: 5px 0; }
#page-form span { float: right; width: calc(100% - 110px); display: block; }
#page-form .ra span { width: auto; float: left; margin-left: 10px; padding: 5px 0; }
#page-form input[type="text"] , #page-form select { width: calc(100% - 22px); padding: 5px 10px; }
#page-form input#Checknum { width: 80px; margin-left: 10px; }
#page-form select {width: calc(100% - 1px);}
#page-form p.send input {background: #d60c0c;color: #fff;text-align: center;width: 100%;padding: 5px 0;border-radius: 7px;font-size: 18px;letter-spacing: 0.2em;outline: none;margin-top: 15px;}
#page-form p.send:hover input{background: #9a0909;}
#page-form h2 { text-align: center; color: #9c9c9c; margin-bottom: 10px; }
#page-form h2 img { margin-right: 5px; vertical-align: bottom; }
#page-form h2 b {display: inline-block;color: #ffffff;font-size: 35px;font-weight: normal;text-align: center;line-height: 150%;vertical-align: baseline;}
#page-form fieldset.btn p{
    float: none;
    width: 100%;
}
#page-form fieldset.btn p input {
    -webkit-appearance: none;  /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
    -moz-appearance: none;     /* FireFox */
    appearance: none;
}
@media screen and (max-width:1680px){

}
@media screen and (max-width:1440px){
	#page-form {
		width: calc(50% - 130px);
		padding: 65px;
	}
}
@media screen and (max-width:1366px){section{width:95%;}
#page-form {    width: calc(100% - 260px);    padding: 65px 130px;}
}
@media screen and (min-width:1281px){footer .footerList #footerInfo .comlist li a:hover img{display:block;}
#page-form{background-attachment: fixed;}
}
@media screen and (max-width:1024px){header nav{display:none;}
header #cis{padding: 10px 0;}
header #cis img{width: 215px;}
.wrapper{margin-top:496px;}
.mobile-main-nav{display:block;position: fixed;z-index: 999;top: 0;right: 20px;}
.nav-funcB{position:absolute;right:2.5%;top: 13px;font-size:24px;color:#ffffff;width:40px;height:40px;text-align:center;line-height:38px;border-radius:5px;background: linear-gradient(to right, #2590c8 0%,#2ca181 100%);z-index:999;}
.nav-funcB:hover{color:#ffffff;}
#mobile-menu{width:100%;background: rgba(42, 71, 144, 0.9);height:calc(100vh - 30px);padding-bottom:30px;position:fixed;top:0;left:0;z-index:99;}
#mobile-menu >ul{width:300px;margin:70px auto 0;overflow:auto;max-height:calc(100vh - 140px);}
#mobile-menu >ul >li .menu_head,
.subOption >li .sub2Title,
.subOption >li .sub3Title{overflow:hidden;padding:15px;border-bottom:1px solid #efefef;}
#mobile-menu >ul >li .menu_head.c0 b,
.subOption >li .sub2Title.c0 b,{display:none;}
#mobile-menu >ul >li .menu_head p,
.subOption >li .sub2Title p,
.subOption >li .sub3Title p{float:left;font-size:11pt;width:calc(100% - 35px);}
#mobile-menu >ul >li .menu_head a,
.subOption >li .sub2Title a,
.subOption >li .sub3Title a{color:#ffffff;}
#mobile-menu >ul >li .menu_head b,
.subOption >li .sub2Title b,
.subOption >li .sub3Title b{float:right;color:#ffffff;cursor:pointer;display:block;width:30px;text-align:center;}
#mobile-menu >ul >li .menu_body li p,
.subOption >li .sub2Option li p{background: rgba(0, 0, 0, 0.12);padding:5px 15px;font-size:14px;border-bottom:1px solid #fff;}
#mobile-menu >ul >li .menu_body li a,
.subOption >li .sub2Option li p a{color:#ffffff;display:block;padding:10px 35px;font-size:11pt;}
#mobile-menu .subOption >li .sub2Title{background:#b7a48b;padding:15px 15px 15px 30px;font-size:14px;}
#mobile-menu .subOption >li .sub2Title p{background:none;padding:0;border:0;}
#mobile-menu .subOption >li .sub2Title p a{padding:0;border:none;}
#mobile-menu .subOption >li .sub2Title.bo p a{display:inline-block;}
#mobile-menu .subOption >li .sub3Title{background:#988a76;padding:15px 15px 15px 45px;}
#mobile-menu .subOption >li .sub3Title p{background:none;width:calc(100% - 20px - 30px);padding:0;border:0;}
header{padding-bottom:0;position: fixed;top: 0;left: 0;z-index: 99;}

#mobile-menu .subOption >li .sub3Title p a{padding:0;}
#mobile-menu .subOption >li .sub3Option p{padding:15px 10px 15px 55px;}
#mobile-menu .subOption >li .sub3Option p a{padding:0;}
.topFix{position:relative;top:0;}
.wrapper{margin-top:0 !important;z-index:0;}
#page-form {}
}
@media screen and (max-width:980px){footer .footerList .contLink{margin-top:30px;}
footer .footerList > div{width:30%;}
footer .footerList #footerInfo{width:40%;}
}
@media screen and (max-width:768px){section{width:97%;}
header #cis{}
header #cis img{}
header h3{position:absolute;float:right;width:100px;top:45px;right:10px;z-index:550;text-align:right;display:inline-block;}
header h3 i{padding:12px 15px;display:inline-block;background:rgba(255,255,255,0.8);border:1px #413D3D solid;color:#413D3D;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
header h3.menuIcon i{background:none;border:1px #fff solid;color:#fff;}
header h3 i:before{content:"\f0c9";}
header h3.menuIcon i:before{content:"\f00d";}
header nav{position:absolute;margin-left:0;width:100%;height:0;background:rgba(140,124,102,0.8);top:-500%;left:0;z-index:10;transition:all 0.4s ease;}
header nav.menuOpen{top:0;height:100vh;}
header nav ul li{display:block;border-bottom:1px #ccc dashed;}
header nav ul li a{padding:10px 0;border-right:none;width:100%;color:#fff;}
header nav ul li:first-child a{margin-top:20px;border-left:0;}
header nav ul li ul.subnav{display:none;}
footer{padding-bottom:40px;}
.phoneWrap{display: none;}
.nav-funcB{top: 15px;}
.wrapper{margin-top:0;}

section #webSeo ,
section #webSeo .seo{font-size:7pt;}
footer .footerList > div,
footer .footerList #footerInfo{width:100%;}
footer .footerList #footerImg > div,
footer .footerList > div,
footer .footerList #footerInfo .comlist{width:100%;text-align:center;}
footer .footerList #footerImg{
    text-align: center;
}
footer .footerList #footerImg #QRC{display: inline-block;width: 25%;float: none;margin: 15px 5px;}
footer .footerList .community p,
footer .footerList .contLink,
footer .footerList #footerInfo p.cop, footer .footerList #footerInfo p.foot a,
footer .footerList #footerInfo .comlist li,
footer .footerList #footerInfo p, footer .footerList .community p,
footer .footerList #footerInfo h2{text-align:center;}
footer .footerList .community{margin-top:30px;}
footer .footerList #footerInfo p.cop{margin-bottom:30px;}
#page-form{padding: 50px 75px;width: calc(100% - 150px);}
footer .footerList .community .footernav {    max-width: 100%;}
footer .footerList .community .footernav li a {    text-align: center;}
}
@media screen and (max-width:640px){footer .footerList .community a{width:30px;height:30px;line-height:30px;}
}
@media screen and (min-width:481px){header #top-nav form{display:inline-block !important;}
}
@media screen and (max-width:480px){footer #footerImg{width:100%;}
footer #footerImg #QRC{display:none;}
footer .footerList #footerInfo ,
footer .footerList .community{width:100%;text-align:center;}
footer .footerList #footerInfo p ,
footer .footerList .community p{margin-left:0;text-align:center;}
header #top-nav{position:relative;}
header #top-nav .translate p.search-sbtn{display:block;float:left;margin:0;font-size:16px;}
header #top-nav .translate p.search-sbtn b{background:#cab698;display:block;color:#fff;width:55px;height:25px;text-align:center;line-height:25px;border-radius:25px;}
header #top-nav form{display:none;position:absolute;top:calc(100% + 10px);}
header #top-nav form p{background:#fff;}

section #webSeo ,
section #webSeo .seo{font-size:6pt;}
header #top-nav form p input,
header #top-nav form p a{font-size:16px;}
header #top-nav form p a{float:right;}
header #top-nav form p input{width:150px;}
#mobile-menu >ul{max-height:calc(100vh - 180px);}
.nav-funcB{top: 15px;}
footer .footerList #footerImg #QRC{display:none;}
#page-form p {    float: none;    width: 100%;}
footer .footerList .community .footernav {    padding: 0 40px;}
footer .footerList .community .footernav li {    float: left;    width: 50%;}
}
@media screen and (max-width:450px){header #cis{}
header h3{top:35px;}
}