@charset "utf-8";

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldsset, legend, input, textarea, button, p, blockquote, th, td {margin:0; padding:0;}
html, body {overflow-y:auto;}
body{font-family:sans-serif; color:#000; height:100%; background:#f6e7d0 url('../img/page_bg.jpg') repeat 50% 0px; background-size:contain; -webkit-text-size-adjust:none; }
li {list-style:none;}
img {border:0 none; width:100%; vertical-align:middle;}
img[usemap] {border:0 none; max-width:100%; width:auto; height:auto;}
input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=tel] {border-radius:0;-webkit-appearance:none; vertical-align:middle; border:0px; background-color:#fff; font-size:11px; color:#444; height:20px; line-height:20px; padding:0 5px;}
select {vertical-align:middle; font-size:11px; border:0px; background:#fff url('../img/select.png') no-repeat 90% 50%; background-size:auto 5px; font-size:11px; color:#444; height:20px; line-height:20px; padding:0 5px; -webkit-appearance:none; -webkit-border-radius:0px;}
textarea {border-radius:0;-webkit-appearance:none;}

.wrap-all {width:360px; margin:0 auto;}

.head-menu {position:relative; width:100%; height:47px; background-color:#fff; z-index:2;}
.head-menu .title {position:absolute; top:0px; left:15px; width:55px;}
.head-menu ul.menu {margin-left:19.45%; height:47px; background-color:#fff;}
.head-menu ul.menu li {float:left; height:100%; position:relative;}
.head-menu ul.menu .menu1 {width:122px;}
.head-menu ul.menu .menu2 {width:50px;}
.head-menu ul.menu .menu3 {width:50px;}
.head-menu ul.menu .menu4 {width:53px;}
.head-menu ul.menu li a {display:block; width:100%; height:100%; font-size:0;  text-indent:100%; overflow:hidden; white-space:nowrap;}
.head-menu ul.menu li.current:after {content:''; position:absolute; left:50%; bottom:-11px; width:13px; height:11px; margin-left:-6px; }
.head-menu ul.menu .menu1 a {background:url('../img/menu1.png') no-repeat 0 0; background-size:100% autO;}
.head-menu ul.menu .menu2 a {background:url('../img/menu2.png') no-repeat 0 0; background-size:100% autO;}
.head-menu ul.menu .menu3 a {background:url('../img/menu3.png') no-repeat 0 0; background-size:100% autO;}
.head-menu ul.menu .menu4 a {background:url('../img/menu4.png') no-repeat 0 0; background-size:100% autO;}
.head-menu ul.menu li.current a {background-position:0 100%;}


.cont {width:100%; position:relative;}
.youtube-mov {position:absolute; padding-top:15px; top:168px; left:68px; width:223px; height:140px; z-index:5; background-color:#000;}
.youtube-mov .ribbon {position:absolute; top:-10px; left:-9px; display:block; width:32px; height:35px; z-index:10; background:url('../img/cf_ribbon.png') no-repeat 0 0; background-size:contain;}
.sns-cf	{position:absolute; top:344px; left:135px; z-index:6; width:97px; height:30px; background:url('../img/sns_box.png') no-repeat; background-size:100%;}
.sns-cf	a {position:absolute; display:block; width:14px; height:14px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.sns-cf	a.fb {top:5px; right:20px;}
.sns-cf	a.tw {top:5px; right:5px;}

.evt-form {position:relative; padding:142px 0 0 0; background:url('../img/evt_form.png') no-repeat 0 0; background-size:contain;}
.evt-form p {font-size:9px; color:#8c8c8c;}
.evt-form .user-comment {position:absolute; top:50px; left:25px;margin-left:45px; height:32px;}
.evt-form .user-comment textarea {width:238px; height:54px; line-height:20px; font-size:12px; border:0 none; background-color:transparent;}
.evt-form .user-name {margin-left:110px; height:25px;}
.evt-form .user-name input {width:187px;}
.evt-form .user-phone {margin-left:110px; height:25px;}
.evt-form .user-phone select {width:66px;}
.evt-form .user-phone input {width:49px;}
.evt-form .user-email {margin-left:110px; height:25px; margin-bottom:34px;}
.evt-form .user-email input {width:59px;}
.evt-form .submit-btn {text-align:center; padding-bottom:20px;}

.evt-ok {position:relative;width:360px;height:244px;background:url('../img/view_bg.png') no-repeat 0 0; background-size:contain;}
.evt-ok p {font-size:9px; color:#8c8c8c;}
.evt-ok li{float:left}
.evt-ok .photo{width:48px;border:3px solid #fff;box-shadow:none 0px 0px 10px #b2b2b2;}
.evt-ok .user-comment {position:absolute; top:80px; left:22px;margin-left:45px; height:32px;}
.evt-ok .user-comment textarea {width:184px; height:56px;padding-left:3px;line-height:18px; font-size:12px; border:0 none; background-color:transparent;padding-top:2px;}
.evt-ok .user-name{position:absolute; top:140px; right:50px;height:32px;font-weight:bold;font-size:12px;color:#000}
.btn_ok{width:360px;text-align:center;}
.btn_ok img{width:98px;padding-top:5px;padding-bottom:30px}

.agree-box {margin-bottom:12px; line-height:15px; margin-bottom:15px;}
.agree-cont {width:303px; height:73px; padding:10px; margin:0 auto 5px; border:1px solid #ded7cf; overflow-y:scroll; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:rgba(255,255,255,.5);}
.agree-box .check-agree {width:305px; margin:0 auto; font-size:10px; color:#3d2f28;}
.agree-box .check-agree:after {content:''; clear:both; display:block; height:0;}
.agree-box .are-you {float:left; width:auto;}
.agree-box .check-this {float:right; width:auto;}
.agree-box .check-agree label {}
.agree-box .check-agree label + input {vertical-align:middle; position:relative; z-index:10; opacity:0; margin-right:-15px; margin-left:3px;}
.agree-box .check-agree label + input + i {display:inline-block; width:15px; height:15px; vertical-align:middle; background:url('../img/check.png') no-repeat 0 0; background-size:cover;}
.agree-box .check-agree label + input:checked + i {background-position:0 100%;}
.agree-box .check-agree i + label {margin-left:10px;}

.policy {}
.policy h1, 
.policy h2,
.policy h3, 
.policy h4 {font-size:11px; font-weight:bold; margin-bottom:5px;}
.policy h1 {color:#a2740d; border-bottom:1px solid #E9e2da; padding:0 0 5px; margin-bottom:10px;}
.policy > ol li,
.policy > Ul li {font-size:10px; color:#444;}
.policy li li {font-size:10px; color:#444;}
.policy p {font-size:10px; color:#444;}

.list-view {width:305px; border:3px solid #fff; padding:9px 12px 9px; margin:0 auto; border-radius:3px; background-color:#fdfcf8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;box-shadow:inset 0px 0px 65px #f4efe2;box-shadow:none 0px 0px 10px #b2b2b2;}
.list-view ul {display:table; width:281px;}
.list-view li {display:table-row;}
.list-view li strong,
.list-view li span {display:table-cell; line-height:15px; font-size:12px; color:#000; border-bottom:1px solid #eadbba;}
.list-view li strong {text-align:center; width:55px; vertical-align:middle; font-weight:normal;}
.list-view li span {padding:7px 0 7px 10px; background:url('../img/line.gif') no-repeat 0 50%; background-size:1px auto;}

.list-nav {text-align:center; margin:10px auto 20px;}
.list-nav a {display:inline-block; width:12px; color:#717070; font-size:13px; font-family:arial, verdana, sans-serif; text-decoration:none; vertical-align:middle;}
.list-nav .prev,
.list-nav .next {font-size:0; width:10px; height:10px;}
.list-nav .prev {background:url('../img/prev.png') no-repeat 0 0; background-size:100%;}
.list-nav .next {background:url('../img/next.png') no-repeat 0 0; background-size:100%;}

.modal {position:absolute; background-color:#fff; opacity:.7; width:100%; height:100%; z-index:90; top:0; left:0; bottom:0; right:0;}
.layer {display:none; position:absolute; top:10px; left:50%; top:100px; z-index:100;}
#evt1_get_layer {width:230px; height:135px; margin-left:-115px;}
#evt1_false_layer {width:230px; height:117px; margin-left:-115px;}
#awardGoods {width:350px; height:365px; margin-left:-175px;}
#caution {width:295px; height:203px; margin-left:-148px;}
#awardGoods2 {width:350px; height:210px; margin-left:-175px;}
#winner{width:340px; height:345px;margin-left:-175px;}

.foot {background-color:#fff;}
.foot .copyright {}


.hidden {position:absolute; top:0; left:-200%; width:0; height:0; visibility:hidden; font-size:0; overflow:hidden;}