@media screen and (max-width: 767px) {
.animenu__toggle { display: inline-block; border: 0; cursor: pointer; height: 50px; width: 60px; background: center center no-repeat; text-indent: -99999px; position:absolute; top:4px; }
.animenu__toggle__bar { display: block; width: 30px; height: 4px; background-color: #000000; margin-left: 14px; -webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); }
.animenu__toggle__bar + .animenu__toggle__bar { margin-top: 4px; }
.animenu__toggle--active .animenu__toggle__bar { position: absolute; margin-left: 14px; margin-top: -2px; }
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) { opacity: 0; }
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.animenu { top: 40px; background: #FFF; background-size: 100% 100%; position: fixed; left: 0; }
.animenu__nav, .animenu__nav__child { display: none; }
.animenu__nav { margin: 0px; height: 100%; z-index: 999; position:relative; }
.animenu__nav:after { content: ''; position: absolute; height: 0; width: 0; left: 20px; top: -10px; border: 10px solid transparent; border-top: 0; border-bottom-color: #000000; }
.animenu__nav > li { width: 100%; border-right: 0; border-bottom: 1px solid #000000; line-height: 50px; background: #ffffff; font-size: 24px; font-weight: bold; color: #000; text-align: left; }
.animenu__nav li a { width: 100%; border-right: 0; background: #ffffff; font-size: 20px; color: #000; }
/*.animenu__nav > li:hover > a { color: #ff8001; background-color: transparent; }*/
.animenu__nav > li:last-child { border: 0; }
.animenu__nav > li > a { width: 100%; position: relative; color: #000000 }
.animenu__nav > li > a.ico:before { vertical-align: middle; }
/*.animenu__nav .current { background: #ff8001; }
.animenu__nav .current a { color: #ffffff; background-color: transparent; }
.animenu__nav > li.current:hover > a { color: #ffffff; }*/
.animenu__nav__child { position: static; background-color: #373737; margin: 0; -webkit-transition: none; transition: none; visibility: visible; opacity: 1; }
.animenu__nav__child > li:first-child > a:after { content: none; }
.animenu__nav__child a { padding-left: 20px; width: 100%; }
.sfixed { position: relative; }
#header { padding-bottom:0; }
#header .logo { width: 100%; border-top: #af8bbe 1px solid; padding: 10px 0; clear: both; height: auto; }
#header .logo a { line-height: normal; display: inline; }
#header .logo img { width: 45%; display:block; margin:0 auto; }
#header .logo .share { display:none; }
#header .share_m { display:block; text-align:center; font-family: "Times New Roman",serif; font-weight:bold; font-size:16px; color:#000000; padding:10px 0; border-bottom: 2px solid #000000; }
#header .top50 { top: 50px; position: relative; }
#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; }
#footer b { display: none; }
#footer span { display: block; }
.inner h3 span { display: block; }
.inner h2 { font-size: 32px; }
.inner h2 span { display: block; }
body { overflow-x: hidden !important }
.row { padding: 0px; }
.view_mob { display: block; }
.view_desk { display: none; }
a.btn { padding:1% 10%; font-size:16px; }
.bg { background:url(../images/m/bg_content2.jpg) top right; background-size:100%; }
/***** home *****/
#home a.btn { top:85%; right:auto; left:30%; width:40%; padding:1% 0; }
/***** gwd *****/
#gwp { overflow:hidden; }
#gwp .title { width:95%; margin:0 auto; background:url(../images/m/gwp_title.png) no-repeat top center; background-size:150%; }
#gwp .title:after { top:50px; width:35%; right:-10%; }
#gwp .head { text-align:center; }
#gwp .head img { width: 42%; max-width:246px; }
#gwp .gift { font-size:20px; }
#gwp .gift p { margin:5px 0 15px; text-align:center; width:100%; }
#gwp .gift .pdt { position:relative; top:auto; left:0; }
#gwp .gift a.btn.view_desk { display:none; }
#gwp .gift a.btn.view_mob { display:inline-block; }
#gwp .gift a.btn { min-width:200px; height:40px; line-height:40px; padding-top:0; padding-bottom:0; margin-left:0; margin-top:15px; }
#gwp .gift p.remark { margin-left:0; width:100%; }
#gwp .gift .pdt img { width:80%; }
#gwp .gift1 { padding-top:0; }
#gwp .gift2 { padding-bottom:0; }
#gwp .gift2 p { width:60%; }
#gwp .gift2 .pdt img { margin-top:-30%; margin-left:15%; }
/***** trex *****/
#trex .title { width:95%; margin:0 auto; background:url(../images/m/trex_title.png) no-repeat top center; background-size:150%; }
#trex .title:after { top:20px; width:35%; left:-10%; }
#trex .pdt_list { margin:-30px auto 0; }
#trex .pdt_list p { font-size:18px; }
#trex .pdt_list a.btn  { min-width:200px; height:40px; line-height:40px; }
#trex .pdt_list li { width:70%; float:none; margin:0 auto 20px; }
#trex .pdt_list li.pdt3 { width:110%; margin-left:-5%; }
#trex .pdt_list li.pdt3 .pdt img { width:100%; }
#trex p.remark { text-align:center; font-size:12px; }
/***** coupon *****/
#coupon .btn_download a img { width:75%; top:75%; left:12%; }
/***** guide *****/
#guide .step .title { width:95%; margin:0 auto; background-size:150%; }
#guide .step .view_mob { margin-top:-30px; }
#guide .step a.btn { min-width:200px; height:40px; line-height:40px; padding-top:0; padding-bottom:0; margin-left:0; margin-top:15px; }
#guide .step .lc { margin: 0 5%; }
#guide .step .lc ul { margin-top: 10px; }
#guide .step .lc ul li { width: 100%; margin-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#guide .step .lc ul li:after { width: 30px; height: 16px; background: url(../images/m/icon_next_step.png) center center no-repeat; top: auto; bottom:-25px; right: auto; left:50%; margin-left:-15px; }
#guide .step .lc ul li .icon { display: inline-block; vertical-align: middle; text-align: left; }
#guide .step .lc ul li .head { display: inline-block; vertical-align: middle; }
#guide .step .lc ul li .head span { border-bottom:0; border-right:1px solid #003388; padding: 0 10px 0 0; }
#guide .step .lc ul li .head b { display: block; }
#guide .step .lc ul li .desc { padding-top: 10px; text-align: left !important; width: 70%; font-size: 16px; display: inline-block; opacity: 1; vertical-align: middle; text-align: center; margin-left: 0px; }
#guide .step .lc ul li .desc span { font-weight: bold }
#guide .step .lc ul li .desc .right { display:inline-block; vertical-align:top; }
#guide .step .lc ul li .icon:after, #guide .step ul li:last-child .desc:after { display: none; }
#guide .step .lc ul li .desc:after { display: none }
}

@media screen and (max-width: 320px) {
.inner .title { font-size: 24px; }
.inner h3 { font-size: 18px; }
.animenu__toggle { top:1px; }
#gwp .gift { font-size:18px; }
#guide .step .lc ul li .desc { width: 65%; }
}