@import url('/css/SeoJump.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;500;700;800;900&family=Noto+Sans+TC:wght@300;900&display=swap');
*{margin:0;padding:0;}
body{margin:0;color:#3c3c3c;font-size:14px;}
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:170%;border-width:0;font-family:'Montserrat','Noto Sans TC', 'sans-serif';-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: #ff5f5f;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: 1500px;max-width: 95%;}
.wrapper{width:100%;overflow:hidden;margin-top: 0;position:relative;background:#fff;z-index:10;}
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;}
.phoneWrap,
.mobile-main-nav,
#mobile-menu,
header #top-nav .translate p.search-sbtn,
.sub2Option,
.sub3Option{display:none;}
header{padding-bottom:20px;width:100%;border-top: #e8d4cd 2px solid;}
header section{overflow:inherit;}
header #top-nav{}
header #top-nav .translate{text-align:right;overflow:hidden;}
header #top-nav .translate >p{color: #ffbfbc;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 #ffbfbc;border-radius:15px;padding:3px 5px;}
header #top-nav form p a{display:inline-block;color: #ffbfbc;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 img{width:170px;width: 410px;margin: -50px 0 0 0;}
header #cis{margin:10px 0;text-align:center;}
header #cis a{display:inline-block;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
header nav ul li a{border-right:1px #e3e3e3 solid;display:block;font-size:17px;color:#8a8a8a;text-align:center;padding:10px 25px;}
header nav ul li:first-child a{border-left:1px #e3e3e3 solid;}
header nav ul li ul.subnav,
header nav ul li ul.sub2nav,
header nav ul li ul.sub3nav{position:absolute;width:170px;background:#a58e6f;z-index:10;left:calc(50% - 85px);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:5px;background:rgba(140,124,102,0.9);color:#dfdfdf;font-size:15px;border-left:none;border-right:none;}
header nav ul li ul.subnav li a:hover{color:#fff;background:rgba(209,176,131,0.8);}
.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: #ff6d6d;color:#fff;border-radius: 50px;padding: 9px;}
.wrapper #gotop:hover{background-position:-43px 0;}
.wrapper #serviceline {
    display: none;
    position: fixed;
    bottom: 123px;
    right: 20px;
    width: 43px;
    height: 48px;
    font-size: 15px;
    cursor: pointer;
    z-index: 200;
    text-align: center;
    line-height: 23px;
    background: #55a559;
    color: #fff;
    border-radius: 31px;
    padding: 8px 10px;
}
.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: #e0494c;}
.phoneWrap ul li.line{
    background: #4ca350;
}
.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: #c9c9c9;}
section #webSeo .seo .js-marquee-wrapper{transition:none;}
footer{overflow:hidden;padding: 103px 0 40px;background: #353535;background-image: url(/images/11/footer.jpg);background-attachment: fixed;background-size: cover;background-position: 50% 50%;}
footer .footerList{overflow:hidden;margin-bottom: 47px;display: flex;justify-content: space-between;}
footer .footerList > div{overflow:hidden;}
footer .footerList #footerImg{
    display: flex;
    width: 200px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
footer .footerList #footerInfo{
    display: flex;
    width: calc(100% - 500px);
    flex-direction: column;
    color: #f0f0f0;
}
footer .footerList #footerInfo .name{
    border-bottom: #e6e6e67d 1px solid;
    margin-bottom: 17px;
    padding-bottom: 10px;
}
footer .footerList #footerImg > div{margin-bottom:10px;width: 180px;}
footer .footerList #footerInfo p ,
footer .footerList .community p{color: #dddddd;}
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%;display: flex;flex-wrap: wrap;}
footer .footerList #footerInfo .comlist li{margin:2px 0;width: 50%;}
footer .footerList #footerInfo .comlist li b{color: #e5e5e5;font-weight: 500;}
footer .footerList #footerInfo .comlist li span{vertical-align:initial;margin-left:5px;}
footer .footerList #footerInfo .comlist li span a{color: #e8e8e8;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 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;}
@media screen and (max-width:1680px){header{padding-bottom:10px;}
}
@media screen and (max-width:1460px){
    footer .footerList #footerImg{
    margin-left: 20px;
}
    footer .footerList #footerInfo{
    width: calc(100% - 320px);
}
}
@media screen and (max-width:1366px){section{width:95%;}
}
@media screen and (min-width:1281px){footer .footerList #footerInfo .comlist li a:hover img{display:block;}
}
@media screen and (max-width:1024px){header nav{display:none;}
header #cis{margin:10px 0;}
header #cis img{width:170px;width: 300px;margin: -50px 0 0 0;}
.wrapper{margin-top:496px;}
.mobile-main-nav{display:block;}
.nav-funcB{position:absolute;right:2.5%;top:70px;font-size:24px;color:#ffffff;width:40px;height:40px;text-align:center;line-height:38px;border-radius:5px;background:#a89881;z-index:999;border:1px solid #fff;}
.nav-funcB:hover{color:#ffffff;}
#mobile-menu{width:100%;background:rgba(168, 152, 129, 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:#7d705d;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;}
#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;}
}
@media screen and (max-width:980px){
    footer .footerList{
    display: flex;
    flex-direction: column;
    align-items: center;
}
    footer .footerList .contLink{margin-top:30px;}
footer .footerList > div{width:30%;}
footer .footerList #footerInfo{width: 100%;}
}
@media screen and (max-width:768px){section{width:97%;}
header #cis{text-align:left;margin: 5px 0;}
header #cis img{width: 358px;}
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:block;}
.nav-funcB{top:55px;}
.wrapper{margin-top:0;}
header{padding-bottom: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;display: flex;flex-direction: column;text-align: left;}
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: left;width: 100%;}
footer .footerList .community{margin-top:30px;}
footer .footerList #footerInfo p.cop{margin-bottom:30px;}
}
@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: #ff6d6d;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: 36px;background: #f1323e;}
footer .footerList #footerImg #QRC{display:none;}
}
@media screen and (max-width:450px){header #cis{width:80%;}
header h3{top:35px;}
}