*{margin:0;padding:0;box-sizing: border-box;}
html{margin:0;padding:0;height:100%;}
header, footer, aside, nav, section,article,time,figure,label{display: block;}
h1,h2,h3,h4,h5{font-weight:normal;}
ul,ol{list-style:none;}
a{outline:none;text-decoration:none;transition:0.5s;}
a img{border:0;}
img{display:block;}
fieldset{border:0;}
.clear{margin:0;padding:0;height:0;clear:both;}
body{margin:0;padding:0;font-size:12px;background:url(../images/bg.jpg) no-repeat center top #ffeaea;color:#666;font-family:sans-serif;-webkit-text-size-adjust:100%;background-size:600px auto;}
.splash{background:url(../images/bg.jpg) no-repeat center top #ffeaea;background-size:600px auto;}
.wrap{margin:auto;width:100%;max-width:600px;}

/*Header
--------------------------------------------------------------------------------------------------------------*/
.splash_top{margin:0 auto;width:300px;height:140px;overflow:hidden;background:url(../images/logo.png) no-repeat left 0 top 20px;position:relative;background-size:170px 100px;}
.splash_top h1{padding:200px 0 0 0;width:100%;}
.splash_top h1:after{content:"";width:100px;height:40px;display:block;position:absolute;left:170px;top:50px;background-repeat:no-repeat;background-position:center top;background-size:100px 40px;}
.splash_top .logo-3ban:after{background-image:url(../images/logo-y3ban.png);}
.splash_top .logo-4ban:after{background-image:url(../images/logo-y4ban.png);}
.splash_top .logo-5ban:after{background-image:url(../images/logo-y5ban.png);}
.splash_top .logo-6ban:after{background-image:url(../images/logo-y6ban.png);}
.splash_top .logo-7ban:after{background-image:url(../images/logo-y7ban.png);}
.splash_top .logo-8ban:after{background-image:url(../images/logo-y8ban.png);}

.top{margin:0 auto;width:300px;height:140px;overflow:hidden;background:url(../images/logo.png) no-repeat left 0 top 20px;background-size:170px 100px; }
.top h1{width:100%;position:relative;}
.top h1:after{content:"";width:100px;height:40px;display:block;position:absolute;left:170px;top:50px;background-repeat:no-repeat;background-position:center top;background-size:100px 40px;}
.top .logo-3ban:after{background-image:url(../images/logo-y3ban.png);}
.top .logo-4ban:after{background-image:url(../images/logo-y4ban.png);}
.top .logo-5ban:after{background-image:url(../images/logo-y5ban.png);}
.top .logo-6ban:after{background-image:url(../images/logo-y6ban.png);}
.top .logo-7ban:after{background-image:url(../images/logo-y7ban.png);}
.top .logo-8ban:after{background-image:url(../images/logo-y8ban.png);}
.top h1 a{padding:200px 0 0 0;display:block;}

.top nav{width:100%;position:absolute;right:0;top:0;transform:translate3d(0,-300px,0);}
.top nav .nav_open{width:50px;height:50px;background:url(../images/icon_navopen.png) no-repeat center top #f68;background-size:50px;display:block;overflow:hidden;float:right;border-radius:0 0 5px 5px;box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.top nav .nav_open span{padding:50px 0 0 0;display:block;}
.top nav ul{box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.top nav ul li{width:100%;}
.top nav ul li a{height:60px;display:block;background-image:url(../images/bg_gnav.png);background-repeat:no-repeat;background-color:#fff;background-size:320px 300px;box-shadow:0 -1px 0 rgba(0,0,0,0.05) inset;overflow:hidden;}
.top nav ul li a span{padding:60px 0 0 0;display:block;background:url(../images/icon_gnav.png) no-repeat 0 10px;background-size:30px 40px;}
.top nav ul li:nth-of-type(1) a{background-position:center 0;}
.top nav ul li:nth-of-type(2) a{background-position:center -60px;}
.top nav ul li:nth-of-type(3) a{background-position:center -120px;}
.top nav ul li:nth-of-type(4) a{background-position:center -180px;}
.top nav ul li:nth-of-type(5) a{background-position:center -240px;}

.slide_down{animation:slide_down 0.5s ease 0s forwards;}
@keyframes slide_down{
0% {transform:translate3d(0,-160px,0);}
100% {transform:translate3d(0,0,0);}
}

/*Main
--------------------------------------------------------------------------------------------------------------*/
.top_contents{margin:0 auto;width:100%;max-width:600px;text-align:center;}

.gnav{width:100%;background:rgba(255,255,255,0.5);}
.gnav ul{margin:0 auto;width:100%;height:120px;background:#fff;}
.gnav ul li{width:50%;height:60px;float:left;}

.gnav ul li a{height:60px;display:block;background:url(../images/bg_top_nav.png) no-repeat left #fff;overflow:hidden;box-shadow:-1px -1px 0 rgba(0,0,0,0.05) inset;background-size:160px 240px;}
.gnav ul li a span{padding:60px 0 0 0;display:block;background:url(../images/icon_gnav.png) no-repeat 0 10px;background-size:30px 40px;}
.gnav ul li:nth-of-type(1) a{background-position:center 0;}
.gnav ul li:nth-of-type(2) a{background-position:center -60px;}
.gnav ul li:nth-of-type(3) a{background-position:center -120px;}
.gnav ul li:nth-of-type(4) a{background-position:center -180px;}

.intro{margin:0 auto;width:100%;position:relative;}
.intro p{height:110px;background:url(../images/txt_intro.png) no-repeat center top;background-size:320px 100px;overflow:hidden;}
.intro p span{padding:110px 0 0 0;display:block;}
.intro .regbtn{}

.regbtn{padding:0 0 10px 0;text-align:center;}
.regbtn a{margin:0 auto;width:300px;height:160px;display:block;overflow:hidden;background:url(../images/btn_regbtn.png);position:relative;border-radius:20px;background-size:300px 160px;animation:jerry 1.6s ease 0s infinite;transform-origin:center;-webkit-backface-visibility:hidden;}
.regbtn a span{padding:160px 0 0 0;display:block;}
.regbtn a:after{content:"";width:600px;height:600px;display:block;position:absolute;right:-300px;top:0;border-radius:50%;border:180px solid #fff;
animation:light_ring 3s ease 0s infinite;box-sizing:border-box;border:30px solid #fff;}

@keyframes light_ring{
0% {transform:scale3d(0,0,1);opacity:1;}
40% {transform:scale3d(1.5,1.5,1);opacity:0;}
100% {transform:scale3d(1.5,1.5,1);opacity:0;}
}

@keyframes jerry{
0% {transform:scale3d(1,1,1);}
15% {transform:scale3d(1,1,1);}
25%{transform:scale3d(1,1.2,1);}
30%{transform:scale3d(1.05,1,1);}
35%{transform:scale3d(0.95,1,1);}
40%{transform:scale3d(1.05,1,1);}
45%{transform:scale3d(1,1,1);}
50% {transform:scale3d(1,1,1);}
100% {transform:scale3d(1,1,1);}
}

.main{}

.heading{padding:20px 10px 0 0;overflow:hidden;}
.heading h1{height:30px;background-image:url(../images/bg_heading.png);background-repeat:no-repeat;overflow:hidden;border-radius:0 15px 15px 0;background-size:370px 150px;background-color:#f69;}
.heading h1 span{padding:30px 0 0 0;display:block;}
.about .heading h1{background-position:0 0;}
.terms .heading h1{background-position:0 -30px;}
.privacy .heading h1{background-position:0 -60px;}
.faq .heading h1{background-position:0 -90px;}
.entry_wrap .heading h1{background-position:0 -120px;}

.contents{margin:0 10px 10px 10px;border-radius:10px;background:rgba(255,255,255,0.75);}
.contents article{padding:10px;}
.contents article h3{padding:0 0 10px 35px;font-size:16px;line-height:20px;border-bottom:2px solid #f69;color:#f69;background:url(../images/icon_subhead.png) no-repeat 0 0;background-size:30px 20px;}
.contents article p{padding:10px 0 20px 0;color:#822323;font-size:14px;line-height:18px;}
.faq article p{padding:10px 0 30px 0;}
.contents article figure{border-radius:10px;overflow:hidden;}
.contents article figure img{width:100%;display:block;}

.sidebar{padding:10px 10px 0 10px;}
.main .sidebar{padding:0 10px;}
.sidebar header{padding:0 0 10px 0;}
.sidebar header h2{height:40px;border:2px solid #822323;border-radius:20px;background:url(../images/bg_side_head.png) no-repeat center -2px #fff;background-size:300px 40px;overflow:hidden;}
.sidebar header h2 span{padding:40px 0 0 0;display:block;}

.sidebar article{margin:0 0 10px 0;background:#fff;border-radius:10px;overflow:hidden;font-size:14px;box-shadow:1px 1px 1px rgba(0,0,0,0.1);}
.sidebar article a{display:block;}
.sidebar article header{padding:0;text-align:center;position:relative;}
.sidebar article header h3{padding:10px 0 0 110px;line-height:45px;background:#822323;color:#fff;font-size:14px;}
.sidebar article header p{padding:0 0 0 110px;line-height:45px;color:#822323;text-align:center;}
.sidebar article header figure{width:90px;height:90px;border:5px solid #fff;border-radius:50%;background-size:cover;background-position:center;overflow:hidden;position:absolute;left:10px;top:10px;box-shadow:1px 1px 1px rgba(0,0,0,0.1);}
.sidebar article header figure span{padding:90px 0 0 0;display:block;}
.sidebar article p{padding:10px;color:#666;line-height:21px;text-align:left;}
.sidebar article nav{padding:0 10px 10px 10px;}
.sidebar article nav span{height:40px;line-height:36px;font-size:18px;border:2px solid #822323;color:#822323;text-align:center;border-radius:20px;display:block;overflow:hidden;background:url(../images/icon_mail.png) no-repeat left 5px top -2px #fff;background-size:40px;}


/*Form
--------------------------------------------------------------------------------------------------------------*/
.form{margin:0 auto;padding:0 0 10px 0;width:100%;max-width:600px;overflow:hidden;}
.form #top{height:60px;position:relative;border-radius:0;box-shadow:0 0 0 #000;}
.form .inner{margin:10px 10px 0 10px;padding:0;}
.form .heading{}
.form fieldset{padding:10px 10px 0 10px;position:relative;}
.form fieldset label{width:120px;height:40px;line-height:40px;font-size:12px;text-align:center;position:absolute;top:15px;left:10px;background:#822323;color:#fff;}
.form fieldset p{padding:5px 0 0 120px;color:#333;}
.form .error{margin:5px 0 0 0;padding:5px;text-align:center;background:#ffe5e5;color:#f33;}
.form input[type="text"],.form input[type="password"],.form textarea,.form select
{padding:10px;width:100%;font-size:14px;line-height:18px;color:#666;border:1px solid #f3e8e8;-webkit-appearance:none;border-radius:0;}
.form textarea{height:120px;}
.form select{background:url(../images/icon_select.png) no-repeat right #fff;background-size:40px 40px;}
.form p span{padding:10px 5px;line-height:20px;float:left;}
.form p.alert span{float:none;}
.form section{padding:10px;}
.regular-radio{display:none;}
.form fieldset p .regular-radio + label{margin:2px;padding:10px;width:36px;height:36px;line-height:0;border-radius:50%;-webkit-appearance:none;background-color:#fafafa;border:1px solid #ddd;display:inline-block;position:relative;float:left;top:0;left:0;}
.regular-radio:checked + label:after{content:' ';width:20px;height:20px;border-radius:50%;position:absolute;top:7px;left:7px;background:#99a1a7;}
.entery_btn{padding:10px;}
.entery_btn button{margin:0 auto;padding:0;width:100%;height:60px;line-height:60px;display:block;border:0;font-size:18px;background:linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%) #f69;color:#fff;font-size:24px;border-radius:6px;cursor:pointer;box-shadow:0 -1px 1px rgba(255,255,255,0.25),2px 2px 2px rgba(0,0,0,0.25);transition:0.5s;}
.form .msg,.alert{padding:10px;text-wrap:suppress;color:#333;}

.form p a{color:#9c3939;}
.form input[type="text"].qtr{width:50%;float:left;}
.entery_btn p{padding:0 0 10px 0;color:#333;}

.juyo { background:rgba(255,0,0,0.1); border:1px dotted #f00 !important; padding:8px !important; box-sizing:border-box;}
.form .msg span,.form .juyo span{float:none; padding:0;}
.form .juyo{margin:10px 10px 0;}

.general article{margin:10px;padding:10px;background:#fff;}
.general article h3{padding:10px;line-height:30px;font-size:16px;background:#4c0026;color:#fff;}
.general article p{padding:10px;}

#popup{padding:10px;background:#f0f0f0;}
#popup article{padding:0;background:#fff;}
#popup header{padding:0;}
#popup header h1{padding:0 10px;height:50px;line-height:50px;background:#f69;font-size:16px;color:#fff;}
#popup article h3{padding:10px;color:#f69;line-height:30px;}
#popup article p{padding:10px;line-height:18px;color:#666;}

/*Footer
--------------------------------------------------------------------------------------------------------------*/
#footer{margin:0 auto;width:100%;max-width:600px;clear:both;position:relative;}
#footer small{padding:10px 0;font-size:14px;line-height:20px;color:#f69;background:url(../images/icon_u19.png) no-repeat left;background-size:60px 60px;text-align:center;display:block;clear:both;}

.btn_top{width:60px;height:60px;border-radius:50%;overflow:hidden;background:url(../images/bg_top_btn.png) no-repeat center rgba(255,255,255,0.85);box-shadow:2px 2px 2px  rgba(0,0,0,0.2);position:fixed;bottom:10px;right:10px;background-size:60px;}
.btn_top span{padding:60px 0 0 0;display:block;}

.lpprtitle {background:#822323 !important; color:#fff !important;}
.lpprbox {background:rgba(255,255,255,0.5) !important;}

/* campaign */
#campaign h4 {border:0; font-size:14px; color:#822323; text-indent:0; padding:10px 0 10px 20px;}
#campaign h5 {font-weight:normal; font-size:12px;color:#822323; padding:10px 0 10px 20px;}
#campaign p{padding:0 10px 0 20px;}
.cam_msg {font-size:11px; color:#aaa; padding:0;}
#campaign strong {font-weight:bold; color:#f00;}
.camMenu { margin-bottom:10px;padding-left:20px;}
.camMenu dt { font-weight:bold; font-size:16px; margin:5px 0;}
.camMenu dt:before{content:"Бе"; color:#714769;}
.camMenu dd {margin-bottom:10px;}
.camMenu table {border-collapse:collapse; width:270px; color:#000;}
.camMenu table th{text-align:center; background:#ccc; width:90px; border:1px solid #aaa;}
.camMenu table td{text-align:right; width:90px; background:#fff; border:1px solid #aaa; padding-right:10px; box-sizing:border-box;}
.camMenu table tr td:last-child{background:#ff0;}

#campaign_btn,#campaign_btn_entry {position:absolute; top:80px; right:0px; z-index:2;}
#campaign_btn a,#campaign_btn_entry a {width:60px; height:60px; display:block; background:url(../images/cam_btn.png) no-repeat 0 0; text-indent:120%; overflow:hidden; white-space:nowrap; background-size:contain;}