@media (max-width: 1000px) {
.desktop { display:none !important; }
.mobile { display:block; }

#wrapper { width: 100%; width: 100vw; }

p.remark { text-align:center; }

#warning .copy { font-size: 12px; line-height: 13px; margin: 5px 35px 5px 5px; }
#warning .close { top: 5px; right: 5px; width: 25px; height: 25px; }

#header { height: 60px; }
#head .logo { float: none; width: 100%; padding-top:14px; }
#head .logo a { margin:0 13px; background-size:100% auto; width:280px; height:34px; }
#head .share { display: none; }
#head .location { display: none; }
#head .push-right { display: block; position: absolute; right: 13px; top: 12px; width: 36px; height: 36px; z-index: 2; background: url(../images/ico_menu.gif) no-repeat; cursor: pointer; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

#menu { width: 100%; height: 0px; line-height: 0px; display: none; }
#menu ul { }
#footer b { display: none; }
#footer span { display: block; }

#foot_prize { width: 100%; max-width: 320px; }
#foot_prize ul { padding:0 4.5%; }
#foot_prize li { height: 115px; box-sizing:border-box; }
#foot_prize li.btn_gwp { width:48%; margin-right:2%; padding:0; }
#foot_prize li.btn_gwp img { width:100%; }
#foot_prize li.other { width:50%; position:relative; text-align:left; padding:0; padding-top:2px; }
#foot_prize li .img { width:100%; }
#foot_prize li .img img { width:100%; }
#foot_prize li .btn_bar { width:100%; top:0px; right:0px; display:block; position:relative; padding: 4px 10px; box-sizing: border-box; }
#foot_prize li .btn_bar a { font-size:13px; padding:4px 5px 4px 5px; width:100%; height: auto; text-align:center; }
#foot_prize li .btn_bar a:after { display: none; }
#foot_prize li .btn_bar a.b1 { background-color:#fc1712; color:#ffffff; margin-bottom: 5px; }
#foot_prize li .btn_bar a.b2 { background-color:#000000; color:#ffffff; }

.mask { position: fixed; top: 0; left: 0; z-index: 998; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); }
nav.menu { display: block; position: fixed; z-index: 999; background: #1a1a1a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; top: 0; width: 85%; height: 100%; right: -85%; color: #ffffff; font-size: 20px; text-align: center; overflow: auto;/*border-left:1px solid #000;*/
}
nav.menu ul { list-style-type: none; margin: 0; padding: 0; }
nav.menu li { display: block; }
nav.menu a { display: block; color: #ffffff; font-size: 16px; padding: 10px 0; }
nav.menu a.current { color:#fc1712; }
nav.menu .m_head { width: 60%; height: 50px; border-bottom: 1px solid #ffffff; color: #ffffff; line-height: 50px; margin: 60px auto 10px; }
nav.menu .list1 a { opacity:0.65; filter: alpha(opacity=65); }
nav.menu .list1 a.current { opacity:1; filter: alpha(opacity=100); font-weight:bold; }
nav.menu .list2 a { display: inline-block; padding: 0; margin:10px; }
nav.menu .share_waibo{ width:50px; height:50px; display:block; background:url(../images/m/share_weibo.png) no-repeat;}
nav.menu .share_qq{ width:50px; height:50px; display:block; background:url(../images/m/share_qq.png) no-repeat;}
body.pmr-open #wrapper { position:relative; left: -85% }
body.pmr-open #warning { left: -85% }
body.pmr-open #header { left: -85% }
body.pmr-open #foot_prize { left: -85% }
body.pmr-open nav.menu { right: 0 }

a#gototop { bottom:200px; right:15px; }

#home { width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-attachment: local; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; z-index: 0; top: 0px; left: 0px; background-image: url(../assets/images/kv-m.png); }
#home .overlay { bottom: 80px; background: none; }
#home .overlay img { width: 100%; height: auto; }
#home .btn { position:absolute; left: calc(50% - 150px); bottom:20px; width:300px; text-align:center; margin-left:0; margin-right:0; }
#home .btn a { margin: 5px; padding: 5px 8px; font-size: 14px; box-sizing: border-box; width: auto; }
#home .btn a span { background: url(../assets/images/arrow-btn-m.png) no-repeat; width: 8px; height: 21px; vertical-align: middle; display: inline-block; margin-left: 8px;}
#home .btn a:first-of-type { background:#db1c29; } 

#home .title { width:130px; top:140px; right:35px; }
#home .product { width:90%; top:auto; left:5%; bottom:60px; margin-top:0; margin-left:0; font-size:15px; color:#ffffff; text-align:center; }
#home .product .btn.desktop { display:none; }
#home .product .btn.mobile { display:inline-block; }
#home .product .btn { width:49%; }
#home .product .btn a { margin:5px 0 0; font-size:14px; }
#home .product .name { margin:5px 0 0; }
#home .product .name span { display:block; }

#inner { }

.period:before, .period:after { width:15%; }
.period:before { left:-20%; }
.period:after { right:-20%; }

#product { padding:20px 0 0; }
#product .text span { display:block; }

#product .category-kv { position: relative; }
#product .category-kv .category-title { position: absolute; width: 100%; text-align: center; color: #ffffff; background: #000000; padding-top: 10px; padding-bottom: 10px; bottom: 20px; font-size: 22px; }
#product .swiper-nav-wrapper { font-size: 18px; margin-bottom: 20px; }
#product .swiper-nav-wrapper .swiper-slider { width: 40%; }

#product .swiper-nav-wrapper .slick-prev { z-index: 20; width: 120px; height: 30px; background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); left: 0; }
#product .swiper-nav-wrapper .slick-next { z-index: 20; width: 120px; height: 30px; background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); right: 0; }
#product .swiper-nav-wrapper .slick-prev:before { content: ' '; background:url(../assets/images/arrow-slider1-prev.png) no-repeat; width: 10px; height: 26px; margin-left: 14px; display: block; float: left; }
#product .swiper-nav-wrapper .slick-next:before { content: ' '; background:url(../assets/images/arrow-slider1-next.png) no-repeat; width: 10px; height: 26px; margin-right: 14px; display: block; float: right; }

#product .swiper-container { height: auto; }
#product .swiper-wrapper .slick-prev { z-index: 20; width: 30px; height: 30px; top: 305px; left: 10px; background: url(../assets/images/arrow-slider2-prev.png) no-repeat left center; }
#product .swiper-wrapper .slick-next { z-index: 20; width: 30px; height: 30px; top: 305px; right: 10px; background: url(../assets/images/arrow-slider2-next.png) no-repeat right center; }
#product .swiper-wrapper .slick-prev:before,
#product .swiper-wrapper .slick-next:before { display: none; }

#product .swiper-wrapper .category-kv img { width: 100%; height: auto; }
#product .swiper-wrapper .category-products { display: block; }

#product .swiper-wrapper .category-products { display: inline-block; vertical-align: top; position: relative; width: 100%; }
#product .swiper-wrapper .category-products ul { position: relative; z-index: 3; }
#product .swiper-wrapper .category-products li { display: inline-block; margin-right: 5px; margin-bottom: 40px; text-align: center; vertical-align: top; }
#product .swiper-wrapper .category-products li:last-of-type { margin-right: 0px; }
#product .swiper-wrapper .category-products .product-shot { margin-bottom: 20px; }
#product .swiper-wrapper .category-products .product-shot img { max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }
#product .swiper-wrapper .category-products li.front .product-shot { margin-bottom: 10px; margin-top: 10px; }
#product .swiper-wrapper .category-products .product-desc { margin-bottom: 14px; }
#product .swiper-wrapper .category-products .product-btn { }
#product .swiper-wrapper .category-products .product-btn a { width: 128px; display: block; margin: 0 auto; font-size: 14px; }
#product .swiper-wrapper .category-products .product-btn .hover-hide a { width: 128px; border: 1px solid #000000; color: #000000; background: #ffffff; }
#product .swiper-wrapper .category-products .hover-hide { display: none; }
#product .swiper-wrapper .category-products .hide { display: block; }
#product .swiper-wrapper .category-products .hide a { display: block; border: 1px solid #ffffff; }
#product .swiper-wrapper .category-products .hide a:first-of-type { display: block; background: #db1c29; }
#product .swiper-wrapper .bar1 { display: block; position: absolute; background: #ec2c5a; height: 15px; width: 75%; top: 196px; left: 25%; z-index: 2; }
#product .swiper-wrapper .bar1b { display: block; position: absolute; background: #ec2c5a; height: 15px; width: 88%; top: 196px; left: 0; z-index: 2; }
#product .swiper-wrapper .bar2 { display: block; position: absolute; background: #f16f75; height: 15px; width: 75%; top: 196px; left: 25%; z-index: 2; }
#product .swiper-wrapper .bar2b { display: block; position: absolute; background: #f16f75; height: 15px; width: 88%; top: 196px; left: 0; z-index: 2; }
#product .swiper-wrapper .bar3 { display: block; position: absolute; background: #ec2c5a; height: 15px; width: 88%; top: 196px; left: 12%; z-index: 2; }
#product .swiper-wrapper .bar3b { display: block; position: absolute; background: #ec2c5a; height: 15px; width: 88%; top: 196px; left: 0; z-index: 2; }


#gwp { padding:100px 10px 0; }
#gwp .gwp_list li { float:none; width:100%; margin:0 0 40px; }
#gwp .gwp_list .discount { margin-left:90px; }

#gwp .shop_group .shop_pack li { display: block; width: 88%; margin-left: auto; margin-right: auto; margin-bottom: 40px; }
#gwp .shop_group .shop_pack li:first-of-type { border-right: none; border-bottom: 1px solid #000000; width: 88%; margin-left: auto; margin-right: auto; padding-bottom: 30px; }
#gwp p.remark { text-align: center; }

#checkin { padding:140px 10px 0; }
#checkin .box:before { width: 92.88888%; }
#checkin .box:after { width: 92.88888%; }
#checkin .corner { padding:0 10px; }
#checkin p br { display:none; }
/**
** check in - step2
**/
#checkin.checked { padding-top:120px; background-image:url(../images/m/bg_checkin.jpg); background-size:contain; }
#checkin .title { width:120px; padding-left:170px; padding-bottom:30px; }
#checkin .table { display:block }
#checkin .row { display:block; }
#checkin .col { display:block; padding-right:0; width:100%; }
#checkin .col .col { display:block; float:left; width:78%; }
#checkin .col .col.th { width:19%; margin-right:3%; }
#checkin input[type=text] { width:100%; }
#checkin .leadin br { display:none; }
#checkin .share_msg { width:100%; float:none; margin-right:0; min-height:auto; padding:10px 0; }
#checkin .share_msg p { margin:0 10px; }
#checkin .share_msg p br { display:block; }
#checkin .share_img2 { width:30%; display:inline-block; vertical-align:middle; }
#checkin input[type=submit] { margin-top:0; margin-left:20px; }
#checkin .share_form p { line-height:20px; }
#checkin .share_form p span { display:block; }
/**
** check in - step3
**/
#checkin .promo_list li, #checkin .promo_list.item4 li { float:none; width:100%; margin:0 0 40px; }
#checkin .promo_list .btn a { padding:5px 30px 5px 10px; }
#checkin .btn_cfa a { line-height:20px; padding:6px 15px; min-width:115px; }
#checkin .btn_cfa a span { display:block; }

#step { padding:100px 10px 0; }
#step .title { margin-bottom: 30px; }
#step .btn span { display:block; }
#step .btn a:first-of-type { background: #db1c29;}
#step .step {padding-bottom:150px; }
#step .step li { width:90%; text-align:left; float:none; margin:0 5% 30px; background: none; }
#step .step .img { width:19%; margin:0; margin-right:3%; display:inline-block; vertical-align:top; }
#step .step .right_col { width:76%; display:inline-block; }
#step .step .animate, #step .step .desc { opacity:1; }
#step .step .step1 .animate, #step .step .step2 .animate, #step .step .step3 .animate, #step .step .step4 .animate, #step .step .step5 .animate, 
#step .step .step1 .desc, #step .step .step2 .desc, #step .step .step3 .desc, #step .step .step4 .desc, #step .step .step5 .desc { animation:none; -webkit-animation:none; -moz-animation:none; }
}

@media (max-width: 320px) {
#head .logo a { margin:0 10px; width:250px; }
#head .push-right { right: 10px; }

/*#foot_prize ul { height:95px; }
#foot_prize li .btn_bar { width:56%; top:5px; right:5px; display:block; }
#foot_prize li .btn_bar a { padding:8px 18px 8px 5px; font-size:12px; }*/

#home .title { width:110px; top:130px; right:25px; }
/*#home .product { font-size:13px; }*/
#home .product .name { margin:0; }

.period:before, .period:after { width:10%; }
.period:before { left:-13%; }
.period:after { right:-13%; }

#checkin .box:before { width: 91.88888%; }
#checkin .box:after { width: 91.88888%; }
#checkin .btn_cfa a { padding:6px; margin:10px 5px 0; }
#checkin .promo_list .btn a { padding:1px 20px 1px 5px; font-size:14px; }
#checkin .head span { display:block; }

.btn a { padding:5px 20px; font-size:16px; margin:10px 5px; }
.btn a:after { right:5px; }

#product .swiper-container { height: auto; }
#product .swiper-wrapper .category-products li { max-width: 140px; }
#product .swiper-wrapper .category-products .hide a { width: 100px; }
#product .swiper-wrapper .category-products .product-shot { min-height: 215px; }

#product .discount { width:60px; height:51px; padding-top:9px; border-radius:60px; font-size:16px; }
#product .arrow-left { left: -5px; margin-top: 0px; }
#product .arrow-right { right:-5px; margin-top: 0px; }

#gwp .gwp_list .discount { width:60px; height:51px; padding-top:9px; border-radius:60px; font-size:14px; }
}