@media (max-width: 750px) {
#warning .copy { font-size: 12px; line-height: 13px; margin: 5px 35px 5px 5px; }
#warning .close { top: 5px; right: 5px; width: 25px; height: 25px; }
#wrapper { position: relative; z-index: 10; top: 0; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.inner .title { padding-top: 100px; }
.inner .title .line { width: 50px; }
.inner h3 span { display: block; }
.inner h2 { font-size: 32px; }
.inner h2 span { display: block; }
#header { height: 70px; }
#head { height: 66px; }
#head .logo { float: none; width: 100%; padding-top: 13px; }
#head .logo img { width: 160px; }
#head .share { display: none; }
#head .location { display: none; }
#menu { background-color: #000000; width: 100%; height: 4px; line-height: 4px; }
#menu ul { display: none; }
#footer b { display: none; }
#footer span { display: block; }
#foot_prize {  }
#foot_prize li{margin:10px 3px;}
#head .push-right { display: block; position: absolute; right: 14px; top: 18px; width: 30px; height: 30px; 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; }
.mask { position: fixed; top: 0; left: 0; z-index: 15; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); background-image:url(../images/ico_menu.gif); background-position:20px 20px; background-repeat:no-repeat;}
nav.menu { display: block; position: fixed; z-index: 20; background: #ffffff; -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: #eb1b23; 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: #eb1b23; font-size: 16px; padding: 5px 0; }
nav.menu .m_head { width: 60%; height: 40px; border-top: 1px solid #eb1b23; border-bottom: 1px solid #eb1b23; color: #eb1b23; line-height: 40px; margin: 40px auto 10px; }
nav.menu .head_share { }
nav.menu .list2 a { display: inline-block; padding: 5px; margin:0 10px; }
nav.menu .list3 { padding-bottom: 20px; }
body.pmr-open nav.menu { right: 0 }
body.pmr-open #wrapper { left: -85% }

/***** home *****/
#home { background: url(../images/m/bg_home.jpg) top center no-repeat; background-size: cover; }
#home .img_head { width: 90%; left: 5%; margin-left: 0; top: auto; bottom: 20%; }

/***** product *****/
#product .product_list .filter{right:20px;}
#product .product_list .list > ul > li{width:100%; padding-left:0; padding-right:0; padding-bottom:10px; padding-top:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#product .product_list .list > ul > li:nth-child(odd), #product .product_list .list > ul > li:nth-child(odd) .details{ padding-right:0px;}
#product .product_list .list > ul > li:nth-child(even), #product .product_list .list > ul > li:nth-child(even) .details{ padding-left:0px;}
#product .product_list .list > ul > li > ol > li:nth-child(odd){ padding-right:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#product .product_list .list > ul > li > ol > li:nth-child(even){ padding-left:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#product .product_list .list > ul > li > ol > li:nth-child(3), #product .product_list .list ul > li > ol > li:nth-child(4){ padding-top:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#product .product_list .list > ul > li > a .caption .line{ padding:0 20px}
#product .product_list .list .details .details_container h3{font-size:18px; margin-bottom:0; margin-top:0;}
#product .product_list .list .details .details_container p{padding:0 10px; font-size:12px;}
#product .product_list .list .details .details_container .btn_shop ul li{margin:0 5px;}
#product .product_list .list .details .details_container .btn_shop ul li a{width:120px; height:21px;}
#product .product_list .list .details .details_container .gift{margin-top:5px; font-size:12px;}

.product_shop_box .caption{margin-top:20%;}
.product_shop_box .caption img{display:inline-block; margin:0 5px;}
.product_shop_box .btn_shop{margin-top:20%;}


/***** gwp *****/
#gwp .col ul li{width:100%;}
#gwp .col ul li img.d{ display:none;}
#gwp .col ul li img.m{ display:block;}
#gwp .col ul li .desc{text-align:center; font-size:18px; margin:20px auto;}
#gwp .col ul li .desc.right{padding-left:20px; padding-right:20px;}
#gwp .col ul li .desc.left{padding-left:20px; padding-right:20px;}
#gwp .col ul li.txt_d{display:none;}
#gwp .col ul li.txt_m{display:block;}


/***** guide *****/
#guide .step ul li .desc{ width:100%; display:inline-block; opacity:1; vertical-align:middle; text-align:center; margin-left:0px;}
#guide .step ul li .icon:after, #guide .step ul li:last-child .desc:after{display:none;}
#guide .step ul li .desc:after{content:""; position:absolute; width:13px; height:9px; display:block; background:url(../images/icon_next_step2.png) center center no-repeat; bottom:-25px; left:50%; margin-left:-6px }

}

@media (max-width: 480px) {
#foot_prize, #foot_prize .btn_prize { left: 0%; margin-left: 0px; width: 100%; height: auto;}
#foot_prize_bg{display:none;}
#foot_prize { height: 125px; }
#foot_prize li { width: 29%; }	
#foot_prize li .over a.over_click{font-size:12px;}
#foot_prize li .over a.over_click h3{font-size:16px;}
	
/***** product *****/
#product{background-image:url(../images/m/products_bg.png); background-repeat:no-repeat; background-position:top center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
#product .product_list .filter{right:20px;}

#product .product_list .list > ul > li{padding-bottom:5px; padding-top:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#product .product_list .list > ul > li > ol > li:nth-child(odd){ padding-right:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#product .product_list .list > ul > li > ol > li:nth-child(even){ padding-left:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#product .product_list .list > ul > li > ol > li:nth-child(3), #product .product_list .list ul > li > ol > li:nth-child(4){ padding-top:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#product .product_list .list > ul > li > a .caption span, #product .product_list .list > ul > li > ol > li > a .caption span{ padding:0 7px;}
#product .product_list .list > ul > li > a .caption .line, #product .product_list .list > ul > li > ol > li > a .caption .line{ padding:0 20px}	
#product .product_list .list .details .details_container .gift{margin-top:20px;}

.product_shop_box .caption{margin-top:10%;}
.product_shop_box .caption img{display:none}
.product_shop_box .btn_shop{margin-top:0%;}
.product_shop_box .btn_shop img{width:100%; max-width:105px;}

/***** gwp *****/
#gwp{background-image:url(../images/m/gwp_bg.png); background-repeat:no-repeat; background-position:top center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}

/***** guide *****/
#guide{background-image:url(../images/m/guide_bg.png); background-repeat:no-repeat; background-position:top center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
#guide .other{padding-bottom:90px;}


}

@media (max-width: 320px) {
#footer { text-align: left; }
#foot_prize { height: 105px; }
.inner .title{font-size:24px;}
.inner h3{font-size:18px;}


/***** product *****/
.product_shop_box .caption{margin-top:5%; font-size:14px;}
.product_shop_box .caption img{display:none}
.product_shop_box .btn_shop{margin-top:0%;}
.product_shop_box .btn_shop img{width:60%; max-width:105px;}

#product .product_list .list .details .details_container > img{width:30%}
#product .product_list .list .details .details_container h3{font-size:16px; padding:0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#product .product_list .list .details .details_container p{padding:0 5px; font-size:12px; line-height:14px}
#product .product_list .list .details .details_container .gift{margin-top:8px;}
#product .product_list .list > ul > li > a .caption .line, #product .product_list .list > ul > li > ol > li > a .caption .line{padding:0 10px;}
#product .product_list .list > ul > li > a .caption span, #product .product_list .list > ul > li > ol > li > a .caption span{padding:0 5px;}

/***** gwp *****/
#gwp .col ul li .desc{font-size:16px;}

}


/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
		   
		.share_waibo{ background:url(../images/m/share_waibo.png) no-repeat; background-size:100%}
		.share_qq{ background:url(../images/m/share_qq.png) no-repeat; background-size:100%}  
	
}