@charset "utf-8";body,ul,ol,li,p,img,h1,h2,h3,h4,h5,h6,form,fieldset,label,legend,input,table,tr,td,th,iframe,a,dl,dt,dd,header,main,div,section,article{}
ul,ol,li{list-style:none;margin:0;padding:0}
button::-moz-focus-inner{border:0;padding:0}
h1,h2,h3,h4,h5{font-weight:normal;margin:0;padding:0}
img{border:none;display:block}
body{background:#111;padding:0;margin:0;}
input,button{font-family:'Lato',sans-serif;outline:none;font-size:16px}
img{max-width:100%;box-sizing:border-box}
a,button,input,select,textarea,label,summary{touch-action:manipulation}
.cf:before,.cf:after{content:" ";display:table}
.cf:after{clear:both}
body{padding-top:4em}
body>header{padding:0;background:#fff;position:fixed;width:100%;top:0;z-index:9999}
body#join>header,body.member>header{position:static}
body#join,body.member{padding-top:0}
#join .wrap,#faq .wrap{max-width:1024px}

body#join{}
.join h1{background:#333;color:#fff;padding:.75rem 1rem;margin:-1.75rem -2rem .75rem;font-size:1.4em}
.join .sale{border-top:2px solid #2A9FD7;border-bottom:2px solid #2A9FD7;text-align:center;padding:.25em;color:#fff;margin-bottom:.5em;font-size:1.3em;background:#444}
.join .sale .lbl{display:inline-block;padding:.25em .5em;background:#191518;border-radius:.25em;margin-right:.25em}
.join .sale .discount{color:#2A9FD7;font-weight:bold}
.join .reasons,.join .notMember{float:left;padding:0 1em 0 0;width:45%}
.join ul li{background:#eee;position:relative;height:90px;}
.join ul li .point{width:75px;padding:1rem;background:#444;border-right:1px solid #333;border-bottom:1px solid #333;font-size:2em;position:absolute;top:0;bottom:0;left:0;text-align:center;color:#eee}
.join ul li p{margin-left:3em;padding:.60em .5em .60em 2em;font-size:1.2em;font-weight:bold;border-bottom:1px solid #e1e1e1;color:#000;height:90px;}
.join ul li p span{font-size:.75em;font-weight:normal;display:block;padding-top:.5em}
.join section .top{background:#140e12;-webkit-background-size:240px;background-size:240px;height:60px;width:100%;position:absolute;top:0;left:0;right:0;text-align:center;padding-right:11em}
.join section .top h2{text-align:center;color:#2A9FD7;font-size:1.1em;text-transform:uppercase;margin:0;padding:.75em 0 .25rem}
.join section .top h3{text-align:center;font-size:1.1em;text-transform:uppercase;margin:0;padding:.75em 0 .25remcolor:#eee}
.join section .top i{font-size:2em;color:#2A9FD7}
.join section{background:#f2f2f2;padding: 19px 12px 19px 12px;width:55%;margin:0 auto;float:right;position:relative;border: 1px solid #e1e1e1;}
.join section h2{text-align:left;font-size:1.2em;margin-bottom:.5em;color:#777;margin-top: 0px;}
div.join{background:transparent;margin:0 auto 0 auto}
form .msg.bad{color:#ef4035;font-weight:bold;font-size:.85em;padding:.5em 0;display:block}
form p.msg.main.bad{background:#ef4035;color:#fff;text-align:center;padding:.5em}
.join .options{margin-bottom:1em;color:#2A9FD7;}
.join .options:before,.join .options:after{content:" ";display:table}
.join .options:after{clear:both}
.join .options.split .option{float:left;border:3px solid #e1e1e1;margin:0 2% 0 0;padding:.5em 1em;width:49%;text-align:left}
.join .options.split .option:last-child{margin:0}
.join .option{border:3px solid #e1e1e1;text-align:center;padding:.7em;width:32%;border-radius:.35em;margin:0 2% 0 0;cursor:pointer;background:#f9f9f9;float:left}
.join .option:last-child{margin-right:0}
.join .option:hover{background:#e1e1e1}
.join .option.checked{border-color:#2A9FD7 !important;background:#444;color:#fff}
.join .option.checked p{color:#000}
.join .option h4{font-weight:bold;font-size:1.2em;margin-bottom:.5em;color:#2A9FD7;margin-top: 0px;}
.join .option .oldprice{text-decoration:line-through;display:block;padding-bottom:.25em;color:#666}
.join .option .price{font-weight:bold;color:#2A9FD7;display:block}
.join .option .d50{font-size:.75em;display:inline-block;background:#888;border-radius:.25em;padding:.35em;color:#fff;vertical-align:middle;font-family:arial;text-transform:uppercase;line-height:1}
.join .option input{float:left;margin:.75em 1em .75em 0;display:none}
.join .options.split input{display:inline-block;vertical-align:middle;float:none;margin:.25em .5em .25em 0}
.join .option p{font-size:.75em;color:#999;margin:.35em 0 0 0}
.join .option img{height:35px;display:inline-block;vertical-align:middle}
.join input[type="submit"]{width:100%;box-sizing:border-box}
.join input[type="submit"].login{width:auto;display:inline-block}
.join .loginForgot{padding:1em 0 0 1em;color:#666;float:right}
.join .notMember{text-align:center}
.join .notMember div{padding:6em 2em;background:#232323}
.join .notMember p{font-size:1.5em;color:#ccc}
.join .notMember a{display:inline-block;padding:1rem 2rem;font-size:2em;border:.15em solid #ccc;margin-top:.5em;border-radius:.35em;position:relative;color:#fff;background:#ef4035;text-decoration:none}
.join .alt{text-align:center;border-top:1px solid #e1e1e1;padding-top:1em}
.join .alt a{color:#2f89c9}
.join .alt img{max-height:17px;display:inline-block;vertical-align:middle;margin-top:-2px;opacity:.75}
.join .alt img:hover{opacity:1}
form p{margin:.5em 0}
form p label{display:block;color:#666;margin:0 .5em .5em 0;font-size:1em}
form p input[type="email"],input[type="text"],form p input[type="password"],form p input[type="password"],input[type="password"],form select{padding:.65em;width:100%;box-sizing:border-box;border:2px solid #ccc;border-radius:5px;outline:none;font-family:'Lato',sans-serif;color:#444;font-size: 16px;}
form p input[type="email"],input[type="text"]:focus,form p input[type="password"]:focus,.modal .modal-body form p select:focus{box-shadow:0 0 10px rgba(0,0,0,.25);border-color:#2A9FD7}
input[type="submit"]{border:none;border-radius:3px;background:#2A9FD7;color:#fff;vertical-align:middle;display:inline-block;font-family:'Lato',sans-serif;padding:.75em 2em;font-size:1.2em;cursor:pointer}
input[type="submit"]:disabled{background:#ccc}
form img.captcha{margin-top:10px}
@media(max-width:991px){article .meta div{font-size:1.1em}
body.member .social.wrap{margin-bottom:2em}
div.join{margin:0 auto}
.join .reasons,.join section,.join .notMember{float:none;width:auto}
.join .reasons,.join .notMember{padding:1em 0 0 0}
.join .sale{}
div.join{}
.join .option .oldprice{font-size:.85em}
.join section .top{background:#191518;padding:0 .5em}
.join .sale .lbl{display:block;background:none}
.join .options.split .option{}
.join .options.split input{margin-right:.3em}
.join .option{padding:.5em .3em}
.join .option h4{font-size:1.2em;color:#2A9FD7;}
.join section .top{height:80px}
.join section .top h2{font-size:1em;padding-top:.5rem}
.join section .top h3{font-size:.8em}
.join section h2{font-size:1em}
.join h1{padding:.5rem 1rem;font-size:1.2em}
form p{margin:.5em 0}
form p input[type="text"],form p select{padding:.5em}
input[type="submit"]{padding:.75em 1.5em}}
.secmid {
    background: #f2f2f2;
    padding: 19px 12px 19px 12px;
    max-width: 600px;
    margin: 0 auto;
    float: inherit;
    position: relative;
    border: 2px solid #2A9FD7;
    color: #777;
}
.gwText h2{text-align: left;
    font-size: 1.2em;
    margin-bottom: .5em;
    color: #777;}
.join_error{color: #2A9FD7;font-size:small;}
 @media  (min-width:991px) {  .join section {min-height: 450px;} }