@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:1211px;margin:0 auto}
.nav-func,.subnav,.sub2nav,.sub3nav,.phoneWrap,.sub2Option,.sub3Option,#mobile-menu{display:none}
header{position:fixed;top:0;z-index:8;left:0;width:100%;transition:all linear .2s}
header.headerTop{background:#fff}
header .topbar{position:relative;padding:20px 0;z-index:6}
header .topbar .webframe{overflow:hidden}
header #cis{float:left}
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}
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}
#translate form{background:#37414f;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:#fff;width:60px;background:#bd3738;padding:0 5px;font-size:12px;text-align:center}
header #top-tools #translate a:hover{background:#f17328}
header #top-tools #Wlanguage{margin:10px 15px 10px 10px}
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 #bd3738;background-color:#bd3738;color:#fff;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:0;top:0;z-index:989;height:100vh;width:90px;background-color:#f9f9f9}
.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(100% - 90px);left:90px;top:0;height:100vh;background:#fff;z-index:9}
#g-map{position:relative;z-index:2;background:#fff}
footer{color:#585858;font-size:13px}
footer .workframe{width:80%;margin:0 auto;overflow:hidden}
footer #footerCompany{padding: 100px 0px 30px;}
footer #footerCompany .row{display:inline-block;width:calc(25% - 4px);vertical-align:top}
footer #footerCompany .row.contactItem{min-height: 340px;}
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: #bd3738;vertical-align:inherit;margin-right:15px}
footer #footerSet{background:#bd3738;padding:20px 0}
footer #footerCompany .comlist,footer #footerCompany .fcontact,footer #footerCompany .footernav{max-width:80%}
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:#505050;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:#bd3738;text-align:center;color:#fff;padding:13px 0;transition:all linear .3s}
footer #footerCompany .fcontact li:nth-child(even) a{background:#3e3d3d}
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:#6f6969}
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:#d0d0d0;font-size:12px}
#footerSet .info .SeoWebFooter{display:block}
#footerSet .info a{color:#d0d0d0}
#footerSet .community{float:right;display: flex;justify-content: flex-end;align-items: center;}
#footerSet .community li{display:inline-block;margin-left:5px}
#footerSet .community li a{display:flex;justify-content: center;align-items: center;color:#ecbbbb;border:1px solid #de9090;width:25px;height:25px;text-align:center;left:25px;line-height: 25px;}
#footerSet .community li a svg{width: 60%; height: 60%; fill: #ecbbbb; }
#footerSet .community li a:hover{color:#fff;background:#5f5f5f}
#footerSet .community li a:hover svg{fill:#fff;}
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:#732323;color:#fff;font-size:8pt;padding:20px 0}
#gotop{display:block;background-color:#bd3738;color:#fff;position:fixed;right:20px;bottom:20px;width:40px;height:40px;text-align:center;line-height:35px;font-size:17px;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-right:30px}
#social-tool li a{color:#292828;transition:all linear .3s}
#social-tool li a b{margin-right:5px;color:#bd3738;display:inline-block;font-weight:400;width:25px;border-radius:5px;text-align:center;font-size:14px}
#social-tool li a:hover{color:#bd3738}
#mobile-menu >ul::-webkit-scrollbar{width:3px}
#mobile-menu >ul::-webkit-scrollbar-track{background:#c5c5c5}
#mobile-menu >ul::-webkit-scrollbar-thumb{background:#bd3738}
#mobile-menu >ul::-webkit-scrollbar-thumb:hover{background:#9c1112}
.frozen{ overflow:hidden;}
@media screen and (min-width: 1025px) {
footer #footerCompany .plus-information a:hover img{display:block}
#mobile-menu >ul{width:1211px;margin:150px auto;overflow-y:auto;max-height:calc(100vh - 300px)}
#mobile-menu >ul::selection{background:#8f8f8f;color:#fff}
#mobile-menu >ul >li{display:inline-block;width: calc((100% / 3) - 60px);margin: 20px 40px 20px 20px;margin-left:-4px;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;margin-top:20px}
#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:#0c0c0c}
#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: #bd3738;}
#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{color:#474747;display:block;font-size:11pt;color:#474747}
#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}
#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:#711e1e}
header #top-tools #topPhone a:hover,header #top-tools #Wlanguage a:hover,header #top-tools #translate h3:hover{color:#bd3738}
#gotop:hover{    background-color: #484747;}
}
@media screen and (max-width: 1440px) {
#mobile-menu >ul,.webframe{width:980px}
#mobile-menu >ul{max-height:calc(100vh - 200px);margin:100px auto}
}
@media screen and (max-width: 1280px) {
#mobile-menu >ul,.webframe{width:800px}
#mobile-menu >ul{max-height:calc(100vh - 160px);margin:80px auto}
}
@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{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:#0c0c0c}
#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:56px;text-align:center;line-height:56px}
#mobile-menu >ul >li .menu_body li p,.subOption >li .sub2Option li p{background:#f9f9f9;padding:5px 15px;font-size:14px;border-bottom:1px solid #f5f5f5}
#mobile-menu >ul >li .menu_body li a,.subOption >li .sub2Option li p a{color:#474747;display:block;padding:10px 35px;font-size:11pt;color:#474747}
#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}
.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;}
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:#f9f9f9;padding:20px 5%}
#social-tool ul{text-align:center}
}
@media screen and (max-width: 640px) {
.phoneWrap{display:block;position:fixed;bottom:20px;left:10px;width:calc(100% - 72px);z-index:99}
.phoneWrap li{display:inline-block;width:calc(50% - 4px)}
.phoneWrap li a{display:block;color:#fff;background:rgba(18,66,119,0.95);padding:5px 15px;text-align:center;line-height:30px;font-size:9pt;border-radius:25px}
.phoneWrap li:nth-child(2) a{background:rgba(23,119,18,0.95)}
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}
}