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

p.remark { text-align:left; }

#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; }
#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 { left:0; width: 100%; margin-left:0; }
#foot_prize ul { padding:0 4.5%; }
#foot_prize li.btn_gwp { width:29%; margin-right:4%; padding:7px 0; }
#foot_prize li.btn_gwp img { width:100%; }
#foot_prize li.other { width:67%; position:relative; text-align:left; padding:7px 0; }
#foot_prize li .img { width:43%; }
#foot_prize li .img img { width:100%; }
#foot_prize li .btn_bar { width:53%; top:10px; right:10px; display:block; }
#foot_prize li .btn_bar a { padding:8px 20px 8px 5px; font-size:13px; }
#foot_prize li .btn_bar a:after { right:5px; }
#foot_prize li .btn_bar a.b1 { background-color:#fc1712; color:#ffffff; margin-bottom:5px; }
#foot_prize li .btn_bar a.b1:after { right:5px; border-color: transparent transparent transparent #ffffff; }
#foot_prize li .btn_bar a.b2 { background-color:#ffffff; color:#333e48; }

.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:145px; }

#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 { background-image: url(../images/m/bg_inner.jpg); }

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

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

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

#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 .btn span { display:block; }
#step .step {padding-bottom:150px; }
#step .step li { width:90%; text-align:left; float:none; margin:0 5% 30px; }
#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 5px 5px; font-size:16px; margin:10px 5px; }
.btn a:after { right:5px; }

#product .swiper-container { height:460px; }
#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; }
}