appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button;appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button;appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button;appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button;appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button;appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button;appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button;de7147de7147de7147@font-face{font-family:"Myriad Set Pro";font-style:normal;font-weight:200;src:url("../fonts/myriad-set-pro_thin.woff") format("woff"), url("../fonts/myriad-set-pro_thin.ttf") format("truetype");*src:url("");}
@font-face{font-family:"Myriad Set Pro";font-style:normal;font-weight:400;src:url("../fonts/myriad-set-pro-text.woff") format("woff"), url("../fonts/myriad-set-pro-text.ttf") format("truetype");*src:url("");}
@font-face{font-family:"PingFang";src:url(../fonts/PingFang.eot);src:url(../fonts/PingFang.eot) format("embedded-opentype"),url(../fonts/PingFang.woff) format("woff"),url(../fonts/PingFang.ttf) format("truetype"),url(../fonts/PingFang.svg) format("svg");-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;}

*{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;border:0;font-size:100%;outline:none;font-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0.0);}
*:focus{outline:none;}
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}

body{font-family:"Microsoft JhengHei","microsoft Yahei","Arial";cursor:default;background-color:#fff;font-style:normal;font-weight:200;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(../images/back.png);background-size:250px auto;}

form,img,ul,li,p,dl,dd,ol{margin:0;padding:0;border:0;}
div{font-size:14px;color:#333;font-weight:400;}
h1,h2,h3,h4,h5,h6,label,pre{margin:0;padding:0;font-size:14px;font-weight:normal;}
ul{list-style:none;margin:0;padding:0;border:0;}
ol{list-style-position:outside;margin-left:18px;}
ol li{line-height:22px;margin-bottom:10px;}
label{cursor:pointer;}
input,textarea{margin:0;padding:0;font-family:"Microsoft JhengHei","microsoft Yahei","Arial";transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}

select option{padding:4px 0px 4px 10px;line-height:20px;}

::-moz-selection{background-color:rgba(0,0,0,0.5);color:#fff;}
::selection{background-color:rgba(0,0,0,0.5);color:#fff;}

.clear{clear:both!important;}
.left{float:left!important;}
.right{float:right!important;}

.clearfix{overflow:hidden;zoom:1;}

.text-left{text-align:left!important;}
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}

.text-uppercase{text-transform:uppercase!important;}

.display-inline-block{display:inline-block;}

.font-green{color:#56a458!important;}
.font-orange{color:#fea100!important;}
.font-blue{color:#3795e1!important;}
.font-blue2{color:#3f9eed!important;}
.font-red{color:#df7c76!important;}
.font-gray{color:#999!important;}
.font-black{color:#333!important;}
.font-yellow{color:#F7AB1A!important;}
.font-purple{color:#E61874!important;}
.font-white{color:#FFFFFF!important;}

.font-bold{font-weight:bold!important;}
.font-200{font-weight:200!important;}
.font-400{font-weight:400!important;}

.font-12px{font-size:12px!important;}
.font-13px{font-size:13px!important;}
.font-14px{font-size:14px!important;}
.font-15px{font-size:15px!important;}
.font-16px{font-size:16px!important;}
.font-18px{font-size:18px!important;}
.font-20px{font-size:20px!important;}
.font-22px{font-size:22px!important;}
.font-24px{font-size:24px!important;}
.font-26px{font-size:26px!important;}
.font-28px{font-size:28px!important;}
.font-30px{font-size:30px!important;}
.font-32px{font-size:32px!important;}
.font-34px{font-size:34px!important;}
.font-36px{font-size:36px!important;}
.font-48px{font-size:48px!important;}

.text-shadow{text-shadow:0px 0px 2px rgba(0,0,0,0.6);}

.img-max{max-width:none;width:100%!important;height:auto;}

span.star{width:10px;height:10px;background-image:url(../images/ico-star.png);background-position:center center;background-repeat:no-repeat;background-size:10px 9px;display:inline-block;margin-left:6px;margin-right:6px;}
i.star{width:10px;height:10px;background-image:url(../images/ico-star.png);background-position:center center;background-repeat:no-repeat;background-size:10px 9px;display:inline-block;margin-left:6px;margin-right:6px;}
.star{background-image:url(../images/ico-star.png);background-position:center center;background-repeat:no-repeat;background-size:10px 9px;display:inline-block;margin-left:6px;margin-right:6px;}

.border-radius-2px{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.border-radius-3px{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.border-radius-4px{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

.transition-0{transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-ms-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;}
.transition-3{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.transition-5{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}

a:focus{-webkit-outline:none;-moz-outline:none;-ms-outline:none;-o-outline:none;outline:none;}

a{blr:expression(this.onFocus=this.blur());transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
a{color:#111;text-decoration:none;}
a:hover{color:#e60012;text-decoration:none;}
a:link{text-decoration:none;}

a.blue{color:#4292E0;text-decoration:none;}
a.blue:hover{color:#4292E0;text-decoration:underline;}

a.orange{color:#ff7e00;text-decoration:none;}
a.orange:hover{color:#ff7e00;text-decoration:underline;}

a.gray{color:#888;text-decoration:none;}
a.gray:hover{color:#e60012;text-decoration:none;}

a{blr:expression(this.onFocus=this.blur());}

.c-layout-go2top{display:none;position:fixed;cursor:pointer;z-index:9999;width:44px;height:26px;background-color:rgba(0,0,0,0.5);text-align:center;}
.c-layout-go2top:after{content:"";position:absolute;left:0px;top:-13px;border-style:solid;border-color:rgba(0,0,0,0.5) transparent;border-width:0px 22px 13px 22px;}
.c-layout-go2top:before{content:"";position:absolute;left:0px;bottom:-13px;border-style:solid;border-color:rgba(0,0,0,0.5) transparent;border-width:13px 22px 0px 22px;}
.c-layout-go2top .fa{font-size:22px;color:#FFF;line-height:22px;}
.c-layout-go2top:hover{background-color:rgba(0,0,0,0.8);}
.c-layout-go2top:hover .fa{color:#FFF;}
.c-layout-go2top:hover:after{border-color:rgba(0,0,0,0.8) transparent;}
.c-layout-go2top:hover:before{border-color:rgba(0,0,0,0.8) transparent;}

@media (max-width:767px){.container{width:auto;padding-left:0px;padding-right:0px;}}
@media (min-width:768px){.container{width:auto;padding-left:0px;padding-right:0px;}}
@media (min-width:992px){.container{width:980px;padding-left:0px;padding-right:0px;}}
@media (min-width:1280px){.container{width:1200px;padding-left:0px;padding-right:0px;}}

body{overflow-x:hidden;}

@media (max-width:991px){

.c-layout-go2top{bottom:30px;right:15px;}

.display-mobile{display:block!important;}
.display-pc{display:none!important;}

.display-top-mobile{display:block!important;}
.display-top-pc{display:none!important;}

.display-pc-inline{display:none!important;}

.w10{width:100%!important;}
.w20{width:100%!important;}
.w25{width:100%!important;}
.w30{width:100%!important;}
.w33{width:100%!important;}
.w40{width:100%!important;}
.w50{width:100%!important;}
.w60{width:100%!important;}
.w70{width:100%!important;}
.w80{width:100%!important;}
.w90{width:100%!important;}
.w100{width:100%!important;}

.w10s{width:10%!important;}
.w20s{width:20%!important;}
.w25s{width:25%!important;}
.w30s{width:30%!important;}
.w33s{width:33.333333%!important;}
.w40s{width:40%!important;}
.w50s{width:50%!important;}
.w60s{width:60%!important;}
.w70s{width:70%!important;}
.w80s{width:80%!important;}
.w90s{width:90%!important;}
.w100s{width:100%!important;}

}

@media (min-width:992px){

.display-mobile{display:none!important;}
.display-pc{display:block!important;}

.display-top-mobile{display:none!important;}
.display-top-pc{display:block!important;}

.w10{width:10%!important;}
.w20{width:20%!important;}
.w25{width:25%!important;}
.w30{width:30%!important;}
.w33{width:33.333333%!important;}
.w40{width:40%!important;}
.w50{width:50%!important;}
.w60{width:60%!important;}
.w70{width:70%!important;}
.w80{width:80%!important;}
.w90{width:90%!important;}
.w100{width:100%!important;}

.w10s{width:10%!important;}
.w20s{width:20%!important;}
.w25s{width:25%!important;}
.w30s{width:30%!important;}
.w33s{width:33.333333%!important;}
.w40s{width:40%!important;}
.w50s{width:50%!important;}
.w60s{width:60%!important;}
.w70s{width:70%!important;}
.w80s{width:80%!important;}
.w90s{width:90%!important;}
.w100s{width:100%!important;}

.c-layout-go2top{bottom:30px;right:20px;}

}

.navbar-toggle{margin-top:9px;border:0px;width:30px;height:30px;position:relative;padding-left:9px;padding-top:10px;margin-right:20px;}
.navbar-toggle:hover{background-color:transparent!important;}
.navbar-toggle:focus{background-color:transparent!important;}
.navbar-toggle .icon-bar{background-color:rgba(255,255,255,0.6)!important;display:block;width:16px;height:1px;border-radius:1px;}
.navbar-toggle:hover .icon-bar{background-color:rgba(255,255,255,0.6)!important;}
.navbar-toggle:focus .icon-bar{background-color:rgba(255,255,255,0.6)!important;}
.navbar-toggle .icon{display:none;position:absolute;left:0px;top:0px;width:30px;height:30px;}
.navbar-toggle .icon .line01{position:absolute;left:8px;top:15px;background-color:rgba(255,255,255,0.6);display:block;width:18px;height:1px;border-radius:3px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.navbar-toggle .icon .line02{position:absolute;left:8px;top:15px;background-color:rgba(255,255,255,0.6);display:block;width:18px;height:1px;border-radius:3px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}

.overlay{display:none;background-color:rgba(0,0,0,0.6);width:100%;height:100%;position:fixed;z-index:99999;top:0px;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}
@supports(-webkit-backdrop-filter:none){.overlay-blur{background-color:rgba(0,0,0,0.6)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}}

@media (max-width:991px){

*{font-weight:200;}
div,p,span,dd{font-weight:200;}

@supports(-webkit-backdrop-filter:none){.header-blur{background-color:rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}}

.top-blank{height:50px;}

.navbar-icon{float:right;background-color:transparent;margin-top:9px;border:0px;width:30px;height:30px;position:relative;padding-left:9px;padding-top:10px;}
.navbar-icon .icon-bar{background-color:#222;display:block;width:16px;height:1px;border-radius:1px;margin-bottom:4px;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}
.navbar-icon .icon{display:none;position:absolute;left:0px;top:0px;width:30px;height:30px;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}
.navbar-icon .icon .line01{position:absolute;left:8px;top:15px;background-color:#222;display:block;width:18px;height:1px;border-radius:3px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.navbar-icon .icon .line02{position:absolute;left:8px;top:15px;background-color:#222;display:block;width:18px;height:1px;border-radius:3px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}

.header-nav{display:none;}

.header-fixed{display:none;height:0px!important;}
.header-fixed .logo{display:none;}
.header-fixed .nav{display:none;}
.header-fixed .links{display:none;}
.header-fixed .searchs{display:none;}

@supports(-webkit-backdrop-filter:none){.header-nav-blur{background-color:rgba(0,0,0,0.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}}

.header-nav-scroll{width:100%;overflow:hidden;}
/*.header-nav-scroll .swiper-button-next, .nav-scroll .swiper-button-prev{position:absolute;top:0;width:8px;height:100%;margin-top:0px;z-index:10;cursor:pointer;background-color:transparent;-moz-background-size:8px 100%;-webkit-background-size:8px 100%;background-size:8px 100%;background-position:center;background-repeat:no-repeat;}
.header-nav-scroll .swiper-button-prev{left:0px;background-image:url(../images/bg-scroll-mask-left.png);}
.header-nav-scroll .swiper-button-next{right:0px;background-image:url(../images/bg-scroll-mask-right.png);}*/
.header-nav-scroll a{position:relative;color:#222;font-size:15px;padding-left:10px;padding-right:10px;line-height:40px;height:40px;display:inline-block;letter-spacing:-0.5px;}
.header-nav-scroll a:after{content:"";position:absolute;left:10px;bottom:5px;width:calc(100% - 20px);height:2px;background-color:transparent;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
.header-nav-scroll a:hover:after{background-color:#222;}
.header-nav-scroll a.active{color:#ca3133;}
.header-nav-scroll a.active:after{background-color:#ca3133;}

.drop-nav{display:none;}

.fixed-mobile-nav{position:fixed;z-index:10000;left:0px;bottom:0px;right:0px;width:100%;height:50px;background-color:#f6f6f6;}
.fixed-mobile-nav .item{float:left;width:20%;padding-left:10px;padding-right:10px;}
.fixed-mobile-nav .item a{display:block;width:100%;height:100%;}
.fixed-mobile-nav .item .pic{margin:2px auto 0px;width:30px;height:30px;}
.fixed-mobile-nav .item .pic img{max-width:none;width:100%;height:auto;}
.fixed-mobile-nav .item .pics{display:none;margin:2px auto 0px;width:30px;height:30px;}
.fixed-mobile-nav .item .pics img{max-width:none;width:100%;height:auto;}
.fixed-mobile-nav .item .text{font-size:11px;line-height:12px;text-align:center;color:#444;}
.fixed-mobile-nav .item.active .text{color:#db1429;}
.fixed-mobile-nav .item.active .pic{display:none;}
.fixed-mobile-nav .item.active .pics{display:block;}

.overlay-over-common{display:none;z-index:100000;position:fixed;top:20px;left:5%;width:90%;height:auto;border:rgba(0,0,0,0.2) solid 2px;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}
.overlay-over-common .close-link{position:absolute;top:0px;right:0px;width:40px;height:40px;cursor:pointer;}
.overlay-over-common .close-link .line01{position:absolute;left:50%;top:50%;margin-left:-9px;margin-top:-1px;background-color:#CCC;display:block;width:22px;height:1px;border-radius:3px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.overlay-over-common .close-link .line02{position:absolute;left:50%;top:50%;margin-left:-9px;margin-top:-1px;background-color:#CCC;display:block;width:22px;height:1px;border-radius:3px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.overlay-over-common .close-link:hover .line01{background-color:#ec0000;}
.overlay-over-common .close-link:hover .line02{background-color:#ec0000;}
.overlay-over-common .content .pic img{max-width:none;width:100%;height:auto;}
.overlay-over-common .content .link{position:absolute;z-index:1;right:15px;bottom:15px;}
.overlay-over-common .content .link a{position:relative;display:block;width:150px;height:36px;color:#FFF;font-size:14px;line-height:38px;font-weight:400;margin-top:5px;text-align:center;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.overlay-over-common .content .link a:before{content:"\f0da";position:absolute;left:15px;top:0px;color:#FFF;font-size:14px;line-height:36px;font-weight:200;font-family:"FontAwesome";}
.overlay-over-common .content .link a.cart{background-color:#e50a4a;}
.overlay-over-common .content .link a.cart img{margin-right:8px;width:20px;height:20px;margin-top:-2px;}
.overlay-over-common .content .link a.cart:hover{background-color:#f62663;}
.overlay-over-common .content .link a.resume{background-color:#333;}
.overlay-over-common .content .link a.resume:hover{background-color:#444;}

.overlay-over-secret{display:none;z-index:100000;position:fixed;top:20px;left:5%;width:90%;height:auto;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}
.overlay-over-secret .close-link{position:absolute;z-index:10;bottom:6px;left:50%;margin-left:-20px;width:40px;height:40px;cursor:pointer;}
.overlay-over-secret .close-link .line01{position:absolute;left:50%;top:50%;margin-left:-9px;margin-top:-1px;display:block;width:22px;height:1px;border-radius:3px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.overlay-over-secret .close-link .line02{position:absolute;left:50%;top:50%;margin-left:-9px;margin-top:-1px;display:block;width:22px;height:1px;border-radius:3px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.overlay-over-secret .close-link:hover .line01{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.overlay-over-secret .close-link:hover .line02{transform:rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);}
.overlay-over-secret .content{padding:2px;}
.overlay-over-secret .content img{max-width:none;width:100%;height:auto;}
.overlay-over-secret.d01 .close-link .line01{background-color:#fd718e;}
.overlay-over-secret.d01 .close-link .line02{background-color:#fd718e;}
.overlay-over-secret.d02 .close-link .line01{background-color:#0b61c3;}
.overlay-over-secret.d02 .close-link .line02{background-color:#0b61c3;}
.overlay-over-secret.d03 .close-link .line01{background-color:#00833e;}
.overlay-over-secret.d03 .close-link .line02{background-color:#00833e;}
.overlay-over-secret.d04 .close-link .line01{background-color:#31c1b5;}
.overlay-over-secret.d04 .close-link .line02{background-color:#31c1b5;}
.overlay-over-secret.d05 .close-link .line01{background-color:#663821;}
.overlay-over-secret.d05 .close-link .line02{background-color:#663821;}
.overlay-over-secret.d06 .close-link .line01{background-color:#8551b6;}
.overlay-over-secret.d06 .close-link .line02{background-color:#8551b6;}

}

@media (max-width:340px){


}

@media (min-width:992px){

.overlay-over-common{display:none;z-index:100000;position:fixed;top:100px;left:50%;margin-left:-450px;width:900px;height:auto;border:rgba(0,0,0,0.2) solid 2px;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}
.overlay-over-common .close-link{position:absolute;z-index:10;top:5px;right:10px;width:40px;height:40px;cursor:pointer;}
.overlay-over-common .close-link .line01{position:absolute;left:50%;top:50%;margin-left:-9px;margin-top:-1px;background-color:#CCC;display:block;width:32px;height:1px;border-radius:3px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.overlay-over-common .close-link .line02{position:absolute;left:50%;top:50%;margin-left:-9px;margin-top:-1px;background-color:#CCC;display:block;width:32px;height:1px;border-radius:3px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.overlay-over-common .close-link:hover .line01{background-color:#e50a4a;}
.overlay-over-common .close-link:hover .line02{background-color:#e50a4a;}
.overlay-over-common .content{padding:0px;background-color:#FFF;}
.overlay-over-common .content .pic img{max-width:none;width:100%;height:auto;}
.overlay-over-common .content .link{position:absolute;z-index:1;right:20px;bottom:20px;}
.overlay-over-common .content .link a{position:relative;display:block;width:180px;height:36px;color:#FFF;font-size:14px;line-height:38px;margin-top:10px;text-align:center;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.overlay-over-common .content .link a:before{content:"\f0da";position:absolute;left:15px;top:0px;color:#FFF;font-size:14px;line-height:36px;font-weight:200;font-family:"FontAwesome";}
.overlay-over-common .content .link a.cart{background-color:#e50a4a;}
.overlay-over-common .content .link a.cart img{margin-right:5px;width:20px;height:20px;margin-top:-2px;}
.overlay-over-common .content .link a.cart:hover{background-color:#f62663;}
.overlay-over-common .content .link a.resume{background-color:#333;}
.overlay-over-common .content .link a.resume:hover{background-color:#444;}

.overlay-over-secret{display:none;z-index:100000;position:fixed;top:100px;left:50%;margin-left:-250px;width:500px;height:auto;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}
.overlay-over-secret .close-link{position:absolute;z-index:10;bottom:15px;left:50%;margin-left:-20px;width:40px;height:40px;cursor:pointer;}
.overlay-over-secret .close-link .line01{position:absolute;left:50%;top:50%;margin-left:-9px;margin-top:-1px;display:block;width:32px;height:1px;border-radius:3px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.overlay-over-secret .close-link .line02{position:absolute;left:50%;top:50%;margin-left:-9px;margin-top:-1px;display:block;width:32px;height:1px;border-radius:3px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.overlay-over-secret .close-link:hover .line01{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.overlay-over-secret .close-link:hover .line02{transform:rotate(-135deg);-ms-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg);}
.overlay-over-secret .content{padding:4px;border:#FFF solid 1px;}
.overlay-over-secret .content img{max-width:none;width:100%;height:auto;}
.overlay-over-secret.d01 .close-link .line01{background-color:#fd718e;}
.overlay-over-secret.d01 .close-link .line02{background-color:#fd718e;}
.overlay-over-secret.d02 .close-link .line01{background-color:#0b61c3;}
.overlay-over-secret.d02 .close-link .line02{background-color:#0b61c3;}
.overlay-over-secret.d03 .close-link .line01{background-color:#00833e;}
.overlay-over-secret.d03 .close-link .line02{background-color:#00833e;}
.overlay-over-secret.d04 .close-link .line01{background-color:#31c1b5;}
.overlay-over-secret.d04 .close-link .line02{background-color:#31c1b5;}
.overlay-over-secret.d05 .close-link .line01{background-color:#663821;}
.overlay-over-secret.d05 .close-link .line02{background-color:#663821;}
.overlay-over-secret.d06 .close-link .line01{background-color:#8551b6;}
.overlay-over-secret.d06 .close-link .line02{background-color:#8551b6;}

.header-nav{position:absolute;left:0px;bottom:0px;width:100%;}
.header-nav .container{display:-webkit-flex;display:flex;justify-content:center;}
.header-nav .item{position:relative;}
/*.header-nav .item:before{content:"";position:absolute;left:0px;top:21px;width:1px;height:12px;background-color:#e3e3e3;}
.header-nav .item:last-child:after{content:"";position:absolute;right:0px;top:21px;width:1px;height:12px;background-color:#e3e3e3;}*/
.header-nav .item a{position:relative;display:block;height:55px;padding-left:25px;padding-right:25px;font-size:16px;line-height:55px;color:#222;}
.header-nav .item a:after{content:"";position:absolute;left:25px;bottom:10px;width:calc(100% - 50px);height:3px;background-color:transparent;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
.header-nav .item a:hover:after{background-color:#222;}
.header-nav .item a.active{color:#db1429;}
.header-nav .item a.active:after{background-color:#db1429;}

.header-nav-scroll{display:none;}

.header-fixed{display:none;position:fixed;z-index:1000;top:0px;left:0px;right:0px;width:100%;height:60px;background-color:#FFF;box-shadow:0px 1px 1px rgba(0,0,0,0.1);}
.header-fixed .logo{float:left;width:auto;height:60px;padding-top:12px;padding-bottom:12px;margin-right:20px;}
.header-fixed .logo img{width:auto;height:100%;}
.header-fixed .nav .item{float:left;}
.header-fixed .nav .item a{position:relative;display:block;height:60px;padding-left:8px;padding-right:8px;font-size:13px;line-height:60px;color:#222;}
.header-fixed .nav .item a:after{content:"";position:absolute;left:8px;bottom:14px;width:calc(100% - 16px);height:3px;background-color:transparent;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
.header-fixed .nav .item a:hover:after{background-color:#222;}
.header-fixed .nav .item a.active{color:#db1429;}
.header-fixed .nav .item a.active:after{background-color:#db1429;}
.header-fixed .links{float:right;margin-top:15px;}
.header-fixed .links a{float:left;width:30px;height:auto;margin-left:10px;position:relative;cursor:pointer;}
.header-fixed .links a i{position:absolute;z-index:10;right:0px;top:0px;min-width:15px;height:15px;border-radius:15px;background-color:#dc142a;color:#FFF;line-height:15px;font-size:12px;font-style:normal;padding-left:4px;padding-right:4px;text-align:center;}
.header-fixed .links img{width:30px;height:auto;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
.header-fixed .links img:hover{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);}
.header-fixed .searchs{float:right;margin-top:15px;margin-right:4px;width:160px;height:30px;border-bottom:#c7c7c7 solid 1px;}
.header-fixed .searchs input[type="text"]{float:left;width:calc(100% - 30px);height:30px;background-color:transparent;}
.header-fixed .searchs input[type="submit"]{float:right;margin-right:-5px;width:30px;height:30px;background-color:transparent;background-image:url(../images/top-icon-search.png);background-position:center;background-repeat:no-repeat;background-size:30px 30px;}

#swiper-container{display:block;}
#swiper-container-mobile{display:none;}

.fixed-mobile-nav{display:none;}

}

@media (min-width:1280px){

.header-fixed .nav .item a{padding-left:10px;padding-right:10px;font-size:14px;}
.header-fixed .nav .item a:after{left:10px;width:calc(100% - 20px);}

.overlay-over-common{margin-left:-550px;width:1100px;}

}










@media (max-width:767px){


}

@media (min-width:768px){


}

@media (min-width:992px){


}

@media (min-width:1280px){


}