@import url('/css/SeoJump.css');
@import url('https://fonts.googleapis.com/css?family=Patrick+Hand');
@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah');
*{-webkit-text-size-adjust:none}
body{margin:0;border:0;width:100%;color:#000;font-size:16px;line-height:150%}
div,h1,h2,h3,h4,hr,p,form,label,input,textarea,img,span,strong{text-align:left;vertical-align:middle;margin:0;padding:0;word-wrap:normal;word-break:normal;border-width:0;font-family:"微軟正黑體","蘋果儷中黑","Lucida Grande","Arial","Arial Narrow";outline:none}
hr{noshade:noshade}
th{font-weight:400}
ul{list-style:none;margin:0;padding:0;overflow:hidden}
li{list-style:none}
a,a:hover{text-decoration:none;cursor:pointer;outline:none;color:#000}
img{max-width:100%}
br{font-family:Arial!important}
.pageh1{position:fixed;z-index:-8989898;opacity:0;color:#fff}
.wrapper .slick-slider{margin:0}
.wrapper{overflow:hidden;position:relative}
.webframe{width: 1640px;margin:0 auto;}
.nav-func,.subnav,.sub2nav,.sub3nav,.phoneWrap,.sub2Option,.sub3Option,#mobile-menu{display:none}
header #top-tools li .subnav{
    display: none;
    position: absolute;
    width: 190px;
    background: rgba(228, 202, 149, 0.85);
    margin-top: 10px;
    margin-left: -18px;
}
header #top-tools li:nth-child(1) .subnav, header #top-tools li:nth-child(2) .subnav, header #top-tools li:nth-child(4) .subnav{
    margin-left: -35px;
}
header #top-tools li:hover .subnav{
    display: block;
}
header #top-tools li .subnav li{
    position: relative;
    display: block;
    text-align: center;
    padding: 10px;
    margin: 0;
}
header #top-tools li .subnav li:hover{
    background-color: #3a3a3a;
}
header #top-tools li .subnav li a{
    color: #3a3a3a;
}
header{position: relative;top:0;z-index:8;left:0;width:100%;transition:all linear .2s;background-color: white;}
header.headerTop{background:#fff}
header .topbar{position:relative;padding:20px 0;z-index:6}
header .topbar .webframe{overflow:hidden;/* width: 85%; */}
header #cis{float:left;width: 180px;}
header #cis a{display:block;background-repeat:no-repeat;background-position:0 50%;background-size:contain}
header #cis a img{width:100%}
header #top-tools{transition:all linear .2s;float:right;width: calc(100% - 250px);text-align: end;}
header #top-tools >div{display:inline-block;vertical-align:top}
header #top-tools #translate{position:relative;}
header #top-tools #translate h3{font-size:24px;line-height:110%;margin:6px 5px 0 10px;cursor:pointer;}
header #top-tools #main-menu {
    text-align: right;
    display: inline-block;
}
header #top-tools li {
    display: inline-block;
    padding: 10px 20px;
}
header #top-tools li:last-child{
    /* display: none; */
}
header #top-tools li a{
    display: block;
    line-height: 25px;
    font-size: 16px;
    color: #333333;
    position: relative;
}
header #top-tools li:hover a, header #top-tools li .subnav li:hover a{color: #e4ca95;}
#translate form{background: #4a4a4a;padding:10px;overflow:hidden;position:absolute;top: 0;right:40px;width:250px;}
#translate form p{overflow:hidden}
#translate form p input{height:22px;width:calc(100% - 100px);font-size:16px;-webkit-appearance:none;float:left;margin-right:10px;padding:0 10px}
header #top-tools #translate a{display:inline-block;float:right;color: #252424;width:60px;background: #e4ca95;padding:0 5px;font-size:12px;text-align:center;}
header #top-tools #translate a:hover{background: #d4ba85;}
header #top-tools #Wlanguage{margin: 10px 15px;}
header #top-tools #topPhone{margin:7px 10px}
header #top-tools #topPhone a{color:#000;font-size:24px;line-height:100%;display:block}
header #top-tools #topContact a{display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-decoration:none;border: 1px solid #eaeaea;background-color: #eaeaea;color: #0a0a0a;padding:8px 30px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;cursor:pointer;}
.mobile-main-nav{position:fixed;left: -90px;top:0;z-index:989;height:100vh;width:90px;background-color: #eaeaea;transition: all linear .2s;}
header.headerTop .mobile-main-nav{
    /* left: 0; */
}
.nav-funcB{font-size:30px;color:#b1b0b1;z-index:98898;display:block;width:60px;height:60px;margin:15px;position:fixed}
.nav-funcB span{position:absolute;display:block;width:40px;height:2px;background:#1d1c1c;left:9px;top:19px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.nav-funcB span:nth-child(2){top:30px}
.nav-funcB span:last-child{top:40px}
.nav-funcB.close span:first-child{transform:rotate(45deg) translateY(10px) translateX(7px)}
.nav-funcB.close span:nth-child(2){opacity:0}
.nav-funcB.close span:last-child{transform:rotate(-45deg) translateY(-7px) translateX(6px)}
#mobile-menu{position:fixed;width: calc(20% - 90px);left:90px;top:0;height:100vh;background: rgba(0, 0, 0, 0.69);z-index:9;}
#g-map{position:relative;z-index:2;background:#fff}
footer{color: #ffffff;font-size:13px;background-color: #1f1f1f;/* margin-left: 90px; */}
footer .workframe{width: 1640px;margin:0 auto;overflow:hidden;}
footer #footerCompany{padding: 50px 0;}
footer #footerCompany .row{display:inline-block;width:calc(25% - 4px);vertical-align:top}
footer #footerCompany .row.contactItem{}
footer #footerCompany .row h2{font-size:18px;font-weight:400;margin-bottom:20px}
footer #footerCompany .row h2 span{display:inline-block;width:8px;height:8px;background: #e4ca95;vertical-align:inherit;margin-right:15px;}
footer #footerSet{background: #f9f9f9;padding:20px 0;}
footer #footerCompany .comlist,footer #footerCompany .fcontact,footer #footerCompany .footernav{max-width: 90%;}
footer #footerCompany .sedc >div{display:inline-block;vertical-align:top;margin-bottom:3px}
footer #footerCompany .sedc >div a{display:block;height:40px;background:#b45b5b;text-align:center;line-height:40px;color:#fff;font-size:16px;font-family:'Gloria Hallelujah',cursive;padding:0 25px}
footer #footerCompany .sedc #footer-FB a{background:#435a8f}
footer #footerCompany .sedc a b{font-weight:400}
footer #footerCompany .comlist li:first-child{margin-bottom:15px}
footer #footerCompany .comlist li b{color: #e4ca95;margin-right:10px;vertical-align:middle;}
footer #footerCompany .comlist li span{vertical-align:middle}
footer #footerCompany p{margin-bottom:15px}
footer #footerCompany p.sitemap,footer #footerCompany p.sitemap a{color:#bd3738}
footer #footerCompany p a{color:#fff}
footer #footerCompany .fcontact li{margin-bottom:5px;position:relative}
footer #footerCompany #footer-qrcode{position:absolute;top:100%;left:0;display:none;margin-top:5px;width:100%;text-align:center}
footer #footerCompany .fcontact li:hover #footer-qrcode{display:block}
footer #footerCompany .fcontact li a{display:block;background: #e4ca95;text-align:center;color: #1d1d1d;padding:13px 0;transition:all linear .3s;}
footer #footerCompany .fcontact li:nth-child(even) a{background:#3e3d3d;color: white;}
footer #footerCompany .fcontact li a:hover,footer #footerCompany .sedc >div a:hover{opacity:.8}
footer #footerCompany .footernav li{margin-bottom:5px;float:left;width:50%}
footer #footerCompany .footernav li a,footer #footerCompany .comlist li span a{color: #ffffff;}
footer #footerCompany .footernav li a:hover{color:#afb5b9}
footer #footerCompany .fcontact{overflow:visible}
#footerSet .info{float:left;overflow:hidden}
#footerSet .info div,#footerSet .info p{display:inline-block;vertical-align:top;color: #0a0a0a;font-size:12px;}
#footerSet .info .SeoWebFooter{
    margin-left: 5px;
}
#footerSet .info a{color:#d0d0d0}
#footerSet .community{float:right;text-align:right}
#footerSet .community li{display:inline-block;margin-left:5px}
#footerSet .community li a{display:block;color: #2f2f2f;border: 1px solid #2f2f2f;width:25px;height:25px;text-align:center;left:25px;line-height: 25px;}
#footerSet .community li a:hover{color:#fff;background:#5f5f5f}
footer #footerCompany .comlist{overflow:visible}
footer #footerCompany .plus-information{overflow:visible}
footer #footerCompany .plus-information a{position:relative;display:inline-block}
footer #footerCompany .plus-information img{position:absolute;max-width:150px;bottom:100%;left:0;z-index:8;max-height:150px;display:none}
.web{background: #1f1f1f;color:#fff;font-size:8pt;padding:20px 0;}
#gotop{display:block;background-color: #e4ca95;color: #1f1f1f94;position:fixed;right: 30px;bottom: 95px;width: 50px;height: 50px;text-align:center;line-height: 48px;font-size: 25px;z-index:99;border-radius: 50%;}
#gocart{display: block;background-color: #732323;color: #fff;position: fixed;right: 20px;bottom: 70px;width: 40px;height: 40px;text-align: center;line-height: 35px;font-size: 17px;z-index: 99;border-radius: 50%;}
#ssbanner{margin-left:80px}
#ssbanner a{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#ssbanner a img{width:100%}
#ssbanner .bxslider{overflow:hidden}
#ssbanner .bxslider >div{float:left;width:25%}
#social-tool li{/* display:inline-block; */vertical-align:top;margin-bottom: 20px;}
#social-tool li a{color:#292828;transition:all linear .3s}
#social-tool li a {color: #353535;display:inline-block;font-weight:400;width:25px;border-radius:5px;text-align:center;font-size: 20px;}
#social-tool li:hover a b{opacity:.8;}
#mobile-menu >ul::-webkit-scrollbar{width:3px}
#mobile-menu >ul::-webkit-scrollbar-track{background:#c5c5c5}
#mobile-menu >ul::-webkit-scrollbar-thumb{background:#e4ca95}
#mobile-menu >ul::-webkit-scrollbar-thumb:hover{background:#af9461}

#fb-root{}
.frozen{ overflow:hidden;}
@media screen and (min-width: 1025px) {
footer #footerCompany .plus-information a:hover img{display:block}
#mobile-menu >ul{margin:150px auto;overflow-y:auto;max-height:calc(100vh - 300px);width: 80%;}
#mobile-menu >ul::selection{background:#8f8f8f;color:#fff}
#mobile-menu >ul >li{display:inline-block;width: 100%;margin: 10px 0;vertical-align:top;}
#mobile-menu >ul >li .menu_head,.subOption >li .sub2Title,.subOption >li .sub3Title{overflow:hidden;padding:10px 15px;position:relative}
#mobile-menu >ul >li >.menu_body{display:block!important;}
#mobile-menu >ul >li .menu_head{border-bottom:none}
#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% - 20px)}
#mobile-menu >ul >li .menu_head p{position:relative}
#mobile-menu >ul >li .menu_head p:after{content:'';width:40px;height:2px;background:#e2e2e2;display:block;position:absolute;bottom:-10px}
#mobile-menu >ul >li .menu_head a,.subOption >li .sub2Title a,.subOption >li .sub3Title a{color: #ffffff;}
#mobile-menu >ul >li .menu_head a{font-size:22px;font-weight:700}
#mobile-menu >ul >li .menu_head a:hover,
#mobile-menu .subOption >li .sub2Title.bo p a:hover,#mobile-menu .subOption >li .sub3Title p a:hover,#mobile-menu .subOption >li .sub3Option p a:hover,#mobile-menu >ul >li .menu_body li a:hover, .subOption >li .sub2Option li p a:hover{color: #e4ca95;}
#mobile-menu >ul >li .menu_head b,.subOption >li .sub2Title b,.subOption >li .sub3Title b{color:#040404;cursor:pointer;position:absolute;right:0;top:0;width:50px;height:41px;text-align:center;line-height:41px}
#mobile-menu >ul >li .menu_head b{display:none}
#mobile-menu >ul >li .menu_body li p,.subOption >li .sub2Option li p{padding:10px 15px;font-size:14px}
#mobile-menu >ul >li .menu_body li a,.subOption >li .sub2Option li p a{display:block;font-size:11pt;color: #ffffff;}
#mobile-menu .subOption >li .sub2Title{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;color:#474747}
#mobile-menu .subOption >li .sub2Title.bo p a{display:inline-block;color:#474747}
#mobile-menu .subOption >li .sub3Title{background:#f9f9f9;padding:10px 15px 10px 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;color:#474747}
#mobile-menu .subOption >li .sub3Option p{padding:15px 10px 15px 55px}

#mobile-menu .subOption >li .sub3Option p a{padding:0;color:#2f2f2f}
#social-tool{position:fixed;bottom:0;z-index:99;left:30px;display: none;display: none;display: n;}
#social-tool ul{/* -webkit-transform:rotate(-90deg); */-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);/* transform:rotate(-90deg); *//* -webkit-transform-origin:0 0; *//* transform-origin:0 0; */}
header #top-tools #topContact a:hover{background-color: #cccbcb;}
header #top-tools #topPhone a:hover,header #top-tools #Wlanguage a:hover,header #top-tools #translate h3:hover{color: #e4ca95;}
#gotop:hover{    background-color: #484747;}
}
@media screen and (max-width: 1680px) {
.webframe, footer .workframe{width: 90%;}
}
@media screen and (max-width: 1440px) {
#mobile-menu >ul,.webframe{}
#mobile-menu >ul{max-height:calc(100vh - 200px);margin:100px auto}
header #top-tools li {padding: 10px;}
#mobile-menu {width: calc(25% - 90px);}
}
@media screen and (max-width: 1366px) {
.webframe {width: 90%;}
}
@media screen and (max-width: 1280px) {
#mobile-menu >ul{max-height:calc(100vh - 160px);margin:80px auto}
header #top-tools #topContact a{padding: 8px 10px;}
#mobile-menu {    width: calc(35% - 90px);}
.webframe, footer .workframe{width: 95%;}
}
@media screen and (max-width: 1024px) {
#mobile-menu >ul,.webframe{width:90%}
header .rightTab{float:none;margin:0 auto;text-align:center;overflow:hidden;background:#efefef;padding:10px 5%}
header #cis{position:inherit;position:initial;margin:10px;height:40px}
header #cis h2{margin: 0;text-align:center}
header #cis a img{max-height:36px;width:auto}
header #top-tools{margin:10px}
header .workframe{width:100%}
#mobile-menu >ul >li .menu_head,.subOption >li .sub2Title,.subOption >li .sub3Title{overflow:hidden;padding:15px;border-bottom:1px solid #efefef;position:relative}
#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% - 20px)}
#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{color: #ffffff;cursor:pointer;position:absolute;right:0;top:0;width:50px;height:56px;text-align:center;line-height:56px;}
#mobile-menu >ul >li .menu_body li p,.subOption >li .sub2Option li p{background: rgba(16, 16, 16, 0.1);padding:5px 15px;font-size:14px;border-bottom: 1px solid #4c4c4c;}
#mobile-menu >ul >li .menu_body li a,.subOption >li .sub2Option li p a{display:block;padding:10px 35px;font-size:11pt;color: #ffffff;}
#mobile-menu .subOption >li .sub2Title{background:#f5f5f5;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;color:#474747}
#mobile-menu .subOption >li .sub2Title.bo p a{display:inline-block;color:#474747}
#mobile-menu .subOption >li .sub3Title{background:#f9f9f9;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;color:#474747}
#mobile-menu .subOption >li .sub3Option p{padding:15px 10px 15px 55px}
#mobile-menu .subOption >li .sub3Option p a{padding:0;color:#2f2f2f}
footer #footerCompany .row{width:calc(50% - 4px);margin-bottom:50px}
footer #footerCompany .row:last-child,footer #footerCompany .row:nth-child(3){margin-bottom:0}
.mobile-main-nav{height:60px;width:60px;left: 0;}
.nav-funcB{margin:0}
#mobile-menu{left:0;width:100%;height:calc(100vh - 60px);top:60px}
#mobile-menu >ul{max-height:calc(100% - 80px);margin:40px auto;overflow-y:auto}
header .topbar{padding:0}
header .topbar .webframe{width:calc(100% - 60px);margin-left:60px;overflow:visible}
#translate form{top:calc(100% + 25px);right:0}
header{background:#fff;height:60px;z-index: 999;position: fixed;}
header #top-tools #topPhone{margin:7px 5px 7px 0}
header #top-tools #Wlanguage{margin:10px 10px 10px 0}
#ssbanner{margin-left:0}
#social-tool{background: #f8f6eb;padding:20px 5%;}
#social-tool ul{text-align:center}
header #top-tools #main-menu{display: none;}
footer{    margin-left: 0;}
#social-tool li {display: inline-block;margin-bottom: 0;}
footer .workframe {width: 90%;}
}
@media screen and (max-width: 640px) {
    #fb-root iframe{
    right: 0!important;
}
.phoneWrap{display:block;position:fixed;bottom:20px;left:10px;width:calc(100% - 72px);z-index:99}
.phoneWrap li{display:inline-block;width: calc(48% - 4px);}
.phoneWrap li a{display:block;color:#fff;background: #bf1111;padding:5px 15px;text-align:center;line-height:30px;font-size:9pt;border-radius:25px;}
.phoneWrap li:nth-child(2) a{background: #1ca914;}
footer #footerCompany .row,footer #footerCompany .comlist,footer #footerCompany .fcontact,footer #footerCompany .footernav{width:100%;max-width:100%}
footer #footerCompany .row:nth-child(3){margin-bottom:50px}
footer #footerCompany .row:last-child,#footerSet .community,#footerSet .info,#footerSet .info .SeoWebFooter{text-align:center}
footer #footerCompany .footernav li,footer .sitemap{text-align:left}
#footerSet .info,#footerSet .community{width:100%}
#footerSet .community{margin-top:20px}
.web{padding-bottom:60px}
footer #footerCompany .fcontact{width:calc(100% - 20px)}
#gotop,#Wlanguage a,#translate h3,#gocart{right:15px}
header #top-tools #topPhone,header #top-tools #topContact{display:none}
footer #footerCompany .fcontact li #footer-qrcode{display:block;position:initial}
#ssbanner .bxslider >div{width:50%}
#mobile-menu >ul{margin: 20px auto 80px;max-height: calc(100% - 100px);}
}
@media screen and (max-width: 480px) {
footer #footerCompany{padding:50px 0}
#mobile-menu >ul{margin: 40px auto 80px;    width: 85%;
    max-height: calc(100% - 120px);}
#social-tool li{margin-right:15px}
header #top-tools {    margin: 8px;    width: calc(100% - 230px);}
}