/* 2023년 5월 1일 월요일 */
@charset "utf-8";

* {-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}  
html {font-family: "Noto Sans KR"; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
body {font-family: "Noto Sans KR", "Noto"; font-size:98%; letter-spacing: 0px;}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,a, abbr, acronym, b, bdo,
big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin:0;padding:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}
ul, ol, li {list-style:none;}
a {color:#fff;text-decoration:none;}
a:active, a:hover {text-decoration:none}
img, video, fieldset {border:0;}
img {vertical-align:middle;}
img, video {max-width:100%;}
audio, video, canvas{display:inline-block;}
audio:not([controls]){display:none;height:0;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
del{text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
address,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
table {table-layout:fixed;border-collapse:collapse;border:0;width:100%;}
table td{word-wrap:break-word;word-break:break-all;}
legend, caption{position:absolute;width:0;height:0;font-size:0;line-height:0;}
hr {display:none;}
iframe {border:none;vertical-align:top;}
.hid, .hide, .hidden, .blind {visibility:hidden;overflow:hidden;position:absolute;top:0px;left:0px;width:0;height:0;font-size:0;line-height:0;} 
.bgnone {background-image:none !important;}
.bordernone {border:none !important;}
.clearfix:before, .clearfix:after {clear:both;content:"";display:table;}
.clear {clear:both;}
.WrdBrkeepAll {word-break:keep-all;}

/* 공통_스킵메뉴 */
#skipNavigation {height:0;}
#skipNavigation li a {display:block;font-size:1.4em;width:100%;position:absolute;top:-10000px;left:0;text-align:center;z-index:999999;}
#skipNavigation li a:focus, #skipNavigation li a.on {position:absolute;top:0;left:0;font-weight:bold;color:#fff;background:#272727;padding:20px 0;height:1.0;}

/* comingsoon */
.comingsoon {display:block;margin:0 auto;width:300px;padding-top:260px;text-align:center;font-size:1.4em;background:url('/images/board/comingsoon.png') no-repeat center 0;}

/* form style */
button {overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:middle;cursor:pointer;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
button, input, optgroup, select, textarea {vertical-align:middle;font-family:"Noto Sans KR";}

input[type="text"], input[type="password"], input[type="date"], input[type="time"], input[type="tel"], input[type="number"], input[type="email"], textarea {height:40px;line-height:38px;margin:1px;padding: 3px 8px 1px;font-size: 15px;font-family:"Noto Sans KR";background: #19191d;border: 1px solid #34363d;border-radius: 4px;color: #999999;}
input[type=text]:focus{border:1px solid #000;}
select,textarea {-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input[readonly="readonly"], input[readonly], input[disabled="disabled"], input[disabled] {border:1px solid #adadad;background:#f3f3f3;color:#928881;}

label {cursor:pointer;}
input[type="radio"] {width:13px;height:13px;vertical-align:middle;border:none;}
input[type="radio"]+ label {margin-right:5px;}
input[type="radio"]:focus + label {outline:dotted 1px;}
optgroup{font-weight:600 ;}
textarea {width: 98%;
    overflow: auto;
    line-height: 23px;
    height: 88px;}

input[type=date] {width:9em;background:#fff;}
input.text {width: 95%;margin-right: 10px;}
input.text2 {width: 30%; background: #19191d; border: 1px solid #34363d;margin-right: 10px;}
input.text02 {width:50%;}
input.text03 {width:70%;}

/* 셀렉트박스 */
select::-ms-expand{display: none;}
select {height:40px;line-height:38px;padding: 3px 8px 1px;font-size: 15px;color:#fff;border: 1px solid #34363d;background: #19191d url('/images/board/ico_select_arrow.png') no-repeat 100% 50%;cursor:pointer;border-radius: 4px;}


/* 라디오버튼 */
input[type="radio"] {    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 0px 5px;
    padding: initial;
    border: initial;}
input[type="radio"] + label {display:inline-block;font-size:1em;height:20px;padding-left:25px;cursor:pointer;background:url('/images/board/bg_radio_2.png') no-repeat 0 0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;}
input[type="radio"]:checked + label {background-position:0 -20px;}

/* Placeholder 포커스시 감추기 */
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {color:transparent;}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder {color:transparent;}
input:focus::-ms-input-placeholder,textarea:focus::-ms-input-placeholder {color:transparent;}

/* 공통 버튼 */
.btns {overflow:visible;display:inline-block;padding:0 18px 0 16px;margin:1px;font-size:16px;line-height:40px;height:40px;font-weight:600;color:#444;background:#fff;border:1px solid #929292;vertical-align:middle;border-radius:2px;font-family:"Noto Sans KR" ;} 
.btns:hover, .btns:active, .btns:focus {text-decoration:none;border:1px solid #000; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.btns.black {color:#fff;background:#474747;border:1px solid #222;}
.btns.black:hover, .btns.black:active, .btns.black:focus {color:#fff;background:#303030;}
.btns.gray {color:#fff;background:#71747b;border:1px solid #303030;}
.btns.gray:hover, .btns.gray:active, .btns.gray:focus {color:#fff;background:#5C5F63;}
.btns.small {padding:0 10px;line-height:26px;height:26px;font-size:0.85em;font-weight:400;}
.btns.big {padding:0 30px;border-radius:25px;line-height:45px;height:45px;font-size:1.14em;}
.btns.block {display:block;width:100%;height:45px;line-height:45px;font-size:1.14em;text-align:center;}

/* float align */
.fl {float:left !important;}
.fr {float:left !important;}
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.vm {vertical-align:middle !important;}
.overflow {overflow:hidden;}
.dn {display:none;}
.db {display:block;}
.din{display:inline;}

/* font color */
.bold {font-weight:600;}
.orange {color:#f05416;}
.red {color:#e60012;}
.pink {color:#d74871;}
.purple {color:#7553e6;}
.purple2 {color:#6a46e1;}
.purple3 {color:#a152cf;}
.sky {color:#0092d8;}
.blue {color:#004ea2;}
.blue2 {color:#3d72c3;}
.blue3 {color:#2d58b6;}
.navy {color:#00428e;}
.minte {color:#00967A;}
.green {color:#106033;}
.green2 {color:#009B64;}
.green3{color:#00903e;}
.green4 {color:#4fb233;}
.gray {color:#898989;}

.bg_yellow {background:#e9a416;}
.bg_orange {background:#ed6d20;}
.bg_red {background:#e60012;}
.bg_pink {background:#d74871;}
.bg_pink2 {background:#f2eeee;}
.bg_purple {background:#7553e6;}
.bg_purple2 {background:#6a46e1;}
.bg_purple3 {background:#a152cf;}
.bg_minte {background:#00967A;}
.bg_green {background:#106033;}
.bg_green2 {background:#009B64;}
.bg_green3{background:#00903e;}
.bg_green4 {background:#4fb233;}
.bg_green5 {background:#eff7e7;}
.bg_sky {background:#0092d8;}
.bg_blue {background:#004ea2;}
.bg_blue2 {background:#3d72c3;}
.bg_blue3 {background:#2d58b6;}
.bg_blue3 {background:#b3d4fc;}
.bg_blue3 {background:#eff2f4;}
.bg_navy {background:#00428e;}
.bg_gray {background:#898989;}
.bg_gray2 {background:#b5b5b6;}

.ico_yellow, .ico_orange, .ico_red, .ico_pink , .ico_purple, .ico_sky, .ico_blue, .ico_navy, .ico_minte, .ico_green, .ico_gray {display:inline-block;padding:.3em .6em .3em;font-family:"Noto Sans KR";font-size:1em;line-height:1;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;}
.ico_yellow {border:1px solid #e9a416;color:#eca428;}
.ico_orange {border:1px solid #ed6d20;color:#ed6d20;}
.ico_red {border:1px solid #e60012;color:#e60012;}
.ico_pink {border:1px solid #d74871;color:#d74871;}
.ico_purple {border:1px solid #7553e6;color:#6441d9;}
.ico_sky {border:1px solid #0092d8;color:#0092d8;}
.ico_blue {border:1px solid #004ea2;color:#004ea2;}
.ico_navy {border:1px solid #00428e;color:#00428e;}
.ico_minte {border:1px solid #00967A;color:#00967A;}
.ico_green {border:1px solid #00903e;color:#00903e;}
.ico_gray {border:1px solid #898989;color:#898989;}

/* ico color */
.ico_yellow2, .ico_orange2, .ico_red2, .ico_pink2 , .ico_purple2, .ico_sky2, .ico_blue2, .ico_navy2, .ico_minte2, .ico_green2, .ico_gray2, .ico_gray3 {display:inline-block;padding:.3em .6em .3em;font-family:"Noto Sans KR";color:#fff;font-size:1em;line-height:1;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;}
.ico_yellow2 {background:#e9a416;}
.ico_orange2 {background:#ed6d20;}
.ico_red2 {background:#e60012;}
.ico_pink2 {background:#d74871;}
.ico_purple2{background:#7553e6;}
.ico_sky2 {background:#0094CF;}
.ico_blue2 {background:#195dae;}
.ico_navy2 {background:#2b3990;}
.ico_minte2 {background:#00967A;}
.ico_green2 {background:#00903e;}
.ico_gray2 {background:#71747b;}

/* width % */
.wp0 {width:0% !important;}
.wp1 {width:1% !important;}
.wp2 {width:2% !important;}
.wp3 {width:3% !important;}
.wp4 {width:4% !important;}
.wp5 {width:5% !important;}
.wp6 {width:6% !important;}
.wp7 {width:7% !important;}
.wp8 {width:8% !important;}
.wp9 {width:9% !important;}
.wp10 {width:10% !important;}
.wp11 {width:11% !important;}
.wp12 {width:12% !important;}
.wp13 {width:13% !important;}
.wp14 {width:14% !important;}
.wp15 {width:15% !important;}
.wp16 {width:16% !important;}
.wp17 {width:17% !important;}
.wp18 {width:18% !important;}
.wp19 {width:19% !important;}
.wp20 {width:20% !important;}
.wp21 {width:21% !important;}
.wp22 {width:22% !important;}
.wp23 {width:23% !important;}
.wp24 {width:24% !important;}
.wp25 {width:25% !important;}
.wp26 {width:26% !important;}
.wp27 {width:27% !important;}
.wp28 {width:28% !important;}
.wp29 {width:29% !important;}
.wp30 {width:30% !important;}
.wp31 {width:31% !important;}
.wp32 {width:32% !important;}
.wp33 {width:33% !important;}
.wp34 {width:34% !important;}
.wp35 {width:35% !important;}
.wp36 {width:36% !important;}
.wp37 {width:37% !important;}
.wp38 {width:38% !important;}
.wp39 {width:39% !important;}
.wp40 {width:40% !important;}
.wp41 {width:41% !important;}
.wp42 {width:42% !important;}
.wp43 {width:43% !important;}
.wp44 {width:44% !important;}
.wp45 {width:45% !important;}
.wp46 {width:46% !important;}
.wp47 {width:47% !important;}
.wp48 {width:48% !important;}
.wp49 {width:49% !important;}
.wp50 {width:50% !important;}
.wp51 {width:51% !important;}
.wp52 {width:52% !important;}
.wp53 {width:53% !important;}
.wp54 {width:54% !important;}
.wp55 {width:55% !important;}
.wp56 {width:56% !important;}
.wp57 {width:57% !important;}
.wp58 {width:58% !important;}
.wp59 {width:59% !important;}
.wp60 {width:60% !important;}
.wp61 {width:61% !important;}
.wp62 {width:62% !important;}
.wp63 {width:63% !important;}
.wp64 {width:64% !important;}
.wp65 {width:65% !important;}
.wp66 {width:66% !important;}
.wp67 {width:67% !important;}
.wp68 {width:68% !important;}
.wp69 {width:69% !important;}
.wp70 {width:70% !important;}
.wp71 {width:71% !important;}
.wp72 {width:72% !important;}
.wp73 {width:73% !important;}
.wp74 {width:74% !important;}
.wp75 {width:75% !important;}
.wp76 {width:76% !important;}
.wp77 {width:77% !important;}
.wp78 {width:78% !important;}
.wp79 {width:79% !important;}
.wp80 {width:80% !important;}
.wp81 {width:81% !important;}
.wp82 {width:82% !important;}
.wp83 {width:83% !important;}
.wp84 {width:84% !important;}
.wp85 {width:85% !important;}
.wp86 {width:86% !important;}
.wp87 {width:87% !important;}
.wp88 {width:88% !important;}
.wp89 {width:89% !important;}
.wp90 {width:90% !important;}
.wp91 {width:91% !important;}
.wp92 {width:92% !important;}
.wp93 {width:93% !important;}
.wp94 {width:94% !important;}
.wp95 {width:95% !important;}
.wp96 {width:96% !important;}
.wp97 {width:97% !important;}
.wp98 {width:98% !important;}
.wp99 {width:99% !important;}
.wp100{width:100% !important;}

/* width px */
.w10 {width:10px !important;}
.w20 {width:20px !important;}
.w28 {width:28px !important;}
.w30 {width:30px !important;}
.w33 {width:33px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w160 {width:160px !important;}
.w170 {width:170px !important;}
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}
.w210 {width:210px !important;}
.w220 {width:220px !important;}
.w230 {width:230px !important;}
.w240 {width:240px !important;}
.w250 {width:250px !important;}
.w260 {width:260px !important;}
.w270 {width:270px !important;}
.w280 {width:280px !important;}
.w290 {width:290px !important;}
.w300 {width:300px !important;}
.w310 {width:310px !important;}
.w320 {width:320px !important;}
.w330 {width:330px !important;}
.w340 {width:340px !important;}
.w350 {width:350px !important;}
.w360 {width:360px !important;}
.w370 {width:370px !important;}
.w380 {width:380px !important;}
.w390 {width:390px !important;}
.w400 {width:400px !important;}
.w410 {width:410px !important;}
.w420 {width:420px !important;}
.w430 {width:430px !important;}
.w440 {width:440px !important;}
.w450 {width:450px !important;}
.w460 {width:460px !important;}
.w470 {width:470px !important;}
.w480 {width:480px !important;}
.w490 {width:490px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}
.w510 {width:510px !important;}
.w520 {width:520px !important;}
.w530 {width:530px !important;}
.w540 {width:540px !important;}
.w550 {width:550px !important;}
.w560 {width:560px !important;}
.w570 {width:570px !important;}
.w580 {width:580px !important;}
.w590 {width:590px !important;}
.w600 {width:600px !important;}
.w610 {width:610px !important;}
.w620 {width:620px !important;}
.w630 {width:630px !important;}
.w640 {width:640px !important;}
.w650 {width:650px !important;}

/* height % */
.hp10 {height:10% !important;}
.hp30 {height:30% !important;}
.hp50 {height:50% !important;}
.hp80 {height:80% !important;}
.hp98 {height:98% !important;}
.hp100 {height:100% !important;}

/* height px */
.h10 {height:10px !important;}
.h11 {height:11px !important;}
.h12 {height:12px !important;}
.h13 {height:13px !important;}
.h14 {height:14px !important;}
.h15 {height:15px !important;}
.h16 {height:16px !important;}
.h17 {height:17px !important;}
.h18 {height:18px !important;}
.h19 {height:19px !important;}
.h20 {height:20px !important;}
.h21 {height:21px !important;}
.h22 {height:22px !important;}
.h23 {height:23px !important;}
.h24 {height:24px !important;}
.h25 {height:25px !important;}
.h26 {height:26px !important;}
.h27 {height:27px !important;}
.h28 {height:28px !important;}
.h29 {height:29px !important;}
.h30 {height:30px !important;}
.h31 {height:31px !important;}
.h32 {height:32px !important;}
.h33 {height:33px !important;}
.h34 {height:34px !important;}
.h35 {height:35px !important;}
.h36 {height:36px !important;}
.h37 {height:37px !important;}
.h38 {height:38px !important;}
.h39 {height:39px !important;}
.h40 {height:40px !important;}
.h41 {height:41px !important;}
.h42 {height:42px !important;}
.h43 {height:43px !important;}
.h44 {height:44px !important;}
.h45 {height:45px !important;}
.h46 {height:46px !important;}
.h47 {height:47px !important;}
.h48 {height:48px !important;}
.h49 {height:49px !important;}
.h50 {height:50px !important;}
.h60 {height:60px !important;}
.h70 {height:70px !important;}
.h80 {height:80px !important;}
.h90 {height:90px !important;}
.h100 {height:100px !important;}
.h110 {height:110px !important;}
.h120 {height:120px !important;}
.h130 {height:130px !important;}
.h140 {height:140px !important;}
.h150 {height:150px !important;}
.h160 {height:160px !important;}
.h170 {height:170px !important;}
.h180 {height:180px !important;}
.h190 {height:190px !important;}
.h200 {height:200px !important;}
.h210 {height:210px !important;}
.h220 {height:220px !important;}
.h230 {height:230px !important;}
.h240 {height:240px !important;}
.h250 {height:250px !important;}
.h260 {height:260px !important;}
.h270 {height:270px !important;}
.h280 {height:280px !important;}
.h290 {height:290px !important;}
.h300 {height:300px !important;}
.h310 {height:310px !important;}
.h320 {height:320px !important;}
.h330 {height:330px !important;}
.h340 {height:340px !important;}
.h350 {height:350px !important;}
.h360 {height:360px !important;}
.h370 {height:370px !important;}
.h380 {height:380px !important;}
.h390 {height:390px !important;}
.h400 {height:400px !important;}
.h410 {height:410px !important;}
.h420 {height:420px !important;}
.h430 {height:430px !important;}
.h440 {height:440px !important;}
.h450 {height:450px !important;}
.h460 {height:460px !important;}
.h470 {height:470px !important;}
.h480 {height:480px !important;}
.h490 {height:490px !important;}
.h500 {height:500px !important;}

/* padding */
.p0 {padding:0px !important;}
.p1 {padding:1px !important;}
.p2 {padding:2px !important;}
.p3 {padding:3px !important;}
.p4 {padding:4px !important;}
.p5 {padding:5px !important;}
.p6 {padding:6px !important;}
.p7 {padding:7px !important;}
.p8 {padding:8px !important;}
.p9 {padding:9px !important;}
.p10 {padding:10px !important;}
.p11 {padding:11px !important;}
.p12 {padding:12px !important;}
.p13 {padding:13px !important;}
.p14 {padding:14px !important;}
.p15 {padding:15px !important;}
.p16 {padding:16px !important;}
.p17 {padding:17px !important;}
.p18 {padding:18px !important;}
.p19 {padding:19px !important;}
.p20 {padding:20px !important;}
.p21 {padding:21px !important;}
.p22 {padding:22px !important;}
.p23 {padding:23px !important;}
.p24 {padding:24px !important;}
.p25 {padding:25px !important;}
.p26 {padding:26px !important;}
.p27 {padding:27px !important;}
.p28 {padding:28px !important;}
.p29 {padding:29px !important;}
.p30 {padding:30px !important;}
.p31 {padding:31px !important;}
.p32 {padding:32px !important;}
.p33 {padding:33px !important;}
.p34 {padding:34px !important;}
.p35 {padding:35px !important;}
.p36 {padding:36px !important;}
.p37 {padding:37px !important;}
.p38 {padding:38px !important;}
.p39 {padding:39px !important;}
.p40 {padding:40px !important;}
.p41 {padding:41px !important;}
.p42 {padding:42px !important;}
.p43 {padding:43px !important;}
.p44 {padding:44px !important;}
.p45 {padding:45px !important;}
.p46 {padding:46px !important;}
.p47 {padding:47px !important;}
.p48 {padding:48px !important;}
.p49 {padding:49px !important;}
.p50 {padding:50px !important;}
.p60 {padding:60px !important;}
.p70 {padding:70px !important;}
.p80 {padding:80px !important;}
.p90 {padding:90px !important;}
.p100 {padding:100px !important;}

/* padding-top */
.pt0 {padding-top:0px !important;}
.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt9 {padding-top:9px !important;}
.pt10 {padding-top:10px !important;}
.pt11 {padding-top:11px !important;}
.pt12 {padding-top:12px !important;}
.pt13 {padding-top:13px !important;}
.pt14 {padding-top:14px !important;}
.pt15 {padding-top:15px !important;}
.pt16 {padding-top:16px !important;}
.pt17 {padding-top:17px !important;}
.pt18 {padding-top:18px !important;}
.pt19 {padding-top:19px !important;}
.pt20 {padding-top:20px !important;}
.pt21 {padding-top:21px !important;}
.pt22 {padding-top:22px !important;}
.pt23 {padding-top:23px !important;}
.pt24 {padding-top:24px !important;}
.pt25 {padding-top:25px !important;}
.pt26 {padding-top:26px !important;}
.pt27 {padding-top:27px !important;}
.pt28 {padding-top:28px !important;}
.pt29 {padding-top:29px !important;}
.pt30 {padding-top:30px !important;}
.pt31 {padding-top:31px !important;}
.pt32 {padding-top:32px !important;}
.pt33 {padding-top:33px !important;}
.pt34 {padding-top:34px !important;}
.pt35 {padding-top:35px !important;}
.pt36 {padding-top:36px !important;}
.pt37 {padding-top:37px !important;}
.pt38 {padding-top:38px !important;}
.pt39 {padding-top:39px !important;}
.pt40 {padding-top:40px !important;}
.pt41 {padding-top:41px !important;}
.pt42 {padding-top:42px !important;}
.pt43 {padding-top:43px !important;}
.pt44 {padding-top:44px !important;}
.pt45 {padding-top:45px !important;}
.pt46 {padding-top:46px !important;}
.pt47 {padding-top:47px !important;}
.pt48 {padding-top:48px !important;}
.pt49 {padding-top:49px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

/* padding-right */
.pr0 {padding-right:0px !important;}
.pr1 {padding-right:1px !important;}
.pr2 {padding-right:2px !important;}
.pr3 {padding-right:3px !important;}
.pr4 {padding-right:4px !important;}
.pr5 {padding-right:5px !important;}
.pr6 {padding-right:6px !important;}
.pr7 {padding-right:7px !important;}
.pr8 {padding-right:8px !important;}
.pr9 {padding-right:9px !important;}
.pr10 {padding-right:10px !important;}
.pr11 {padding-right:11px !important;}
.pr12 {padding-right:12px !important;}
.pr13 {padding-right:13px !important;}
.pr14 {padding-right:14px !important;}
.pr15 {padding-right:15px !important;}
.pr16 {padding-right:16px !important;}
.pr17 {padding-right:17px !important;}
.pr18 {padding-right:18px !important;}
.pr19 {padding-right:19px !important;}
.pr20 {padding-right:20px !important;}
.pr21 {padding-right:21px !important;}
.pr22 {padding-right:22px !important;}
.pr23 {padding-right:23px !important;}
.pr24 {padding-right:24px !important;}
.pr25 {padding-right:25px !important;}
.pr26 {padding-right:26px !important;}
.pr27 {padding-right:27px !important;}
.pr28 {padding-right:28px !important;}
.pr29 {padding-right:29px !important;}
.pr30 {padding-right:30px !important;}
.pr31 {padding-right:31px !important;}
.pr32 {padding-right:32px !important;}
.pr33 {padding-right:33px !important;}
.pr34 {padding-right:34px !important;}
.pr35 {padding-right:35px !important;}
.pr36 {padding-right:36px !important;}
.pr37 {padding-right:37px !important;}
.pr38 {padding-right:38px !important;}
.pr39 {padding-right:39px !important;}
.pr40 {padding-right:40px !important;}
.pr41 {padding-right:41px !important;}
.pr42 {padding-right:42px !important;}
.pr43 {padding-right:43px !important;}
.pr44 {padding-right:44px !important;}
.pr45 {padding-right:45px !important;}
.pr46 {padding-right:46px !important;}
.pr47 {padding-right:47px !important;}
.pr48 {padding-right:48px !important;}
.pr49 {padding-right:49px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}

/* padding-bottom */
.pb0 {padding-bottom:0px !important;}
.pb1 {padding-bottom:1px !important;}
.pb2 {padding-bottom:2px !important;}
.pb3 {padding-bottom:3px !important;}
.pb4 {padding-bottom:4px !important;}
.pb5 {padding-bottom:5px !important;}
.pb6 {padding-bottom:6px !important;}
.pb7 {padding-bottom:7px !important;}
.pb8 {padding-bottom:8px !important;}
.pb9 {padding-bottom:9px !important;}
.pb10 {padding-bottom:10px !important;}
.pb11 {padding-bottom:11px !important;}
.pb12 {padding-bottom:12px !important;}
.pb13 {padding-bottom:13px !important;}
.pb14 {padding-bottom:14px !important;}
.pb15 {padding-bottom:15px !important;}
.pb16 {padding-bottom:16px !important;}
.pb17 {padding-bottom:17px !important;}
.pb18 {padding-bottom:18px !important;}
.pb19 {padding-bottom:19px !important;}
.pb20 {padding-bottom:20px !important;}
.pb21 {padding-bottom:21px !important;}
.pb22 {padding-bottom:22px !important;}
.pb23 {padding-bottom:23px !important;}
.pb24 {padding-bottom:24px !important;}
.pb25 {padding-bottom:25px !important;}
.pb26 {padding-bottom:26px !important;}
.pb27 {padding-bottom:27px !important;}
.pb28 {padding-bottom:28px !important;}
.pb29 {padding-bottom:29px !important;}
.pb30 {padding-bottom:30px !important;}
.pb31 {padding-bottom:31px !important;}
.pb32 {padding-bottom:32px !important;}
.pb33 {padding-bottom:33px !important;}
.pb34 {padding-bottom:34px !important;}
.pb35 {padding-bottom:35px !important;}
.pb36 {padding-bottom:36px !important;}
.pb37 {padding-bottom:37px !important;}
.pb38 {padding-bottom:38px !important;}
.pb39 {padding-bottom:39px !important;}
.pb40 {padding-bottom:40px !important;}
.pb41 {padding-bottom:41px !important;}
.pb42 {padding-bottom:42px !important;}
.pb43 {padding-bottom:43px !important;}
.pb44 {padding-bottom:44px !important;}
.pb45 {padding-bottom:45px !important;}
.pb46 {padding-bottom:46px !important;}
.pb47 {padding-bottom:47px !important;}
.pb48 {padding-bottom:48px !important;}
.pb49 {padding-bottom:49px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}

/* padding-left */
.pl0 {padding-left:0px !important;}
.pl1 {padding-left:1px !important;}
.pl2 {padding-left:2px !important;}
.pl3 {padding-left:3px !important;}
.pl4 {padding-left:4px !important;}
.pl5 {padding-left:5px !important;}
.pl6 {padding-left:6px !important;}
.pl7 {padding-left:7px !important;}
.pl8 {padding-left:8px !important;}
.pl9 {padding-left:9px !important;}
.pl10 {padding-left:10px !important;}
.pl11 {padding-left:11px !important;}
.pl12 {padding-left:12px !important;}
.pl13 {padding-left:13px !important;}
.pl14 {padding-left:14px !important;}
.pl15 {padding-left:15px !important;}
.pl16 {padding-left:16px !important;}
.pl17 {padding-left:17px !important;}
.pl18 {padding-left:18px !important;}
.pl19 {padding-left:19px !important;}
.pl20 {padding-left:20px !important;}
.pl21 {padding-left:21px !important;}
.pl22 {padding-left:22px !important;}
.pl23 {padding-left:23px !important;}
.pl24 {padding-left:24px !important;}
.pl25 {padding-left:25px !important;}
.pl26 {padding-left:26px !important;}
.pl27 {padding-left:27px !important;}
.pl28 {padding-left:28px !important;}
.pl29 {padding-left:29px !important;}
.pl30 {padding-left:30px !important;}
.pl31 {padding-left:31px !important;}
.pl32 {padding-left:32px !important;}
.pl33 {padding-left:33px !important;}
.pl34 {padding-left:34px !important;}
.pl35 {padding-left:35px !important;}
.pl36 {padding-left:36px !important;}
.pl37 {padding-left:37px !important;}
.pl38 {padding-left:38px !important;}
.pl39 {padding-left:39px !important;}
.pl40 {padding-left:40px !important;}
.pl41 {padding-left:41px !important;}
.pl42 {padding-left:42px !important;}
.pl43 {padding-left:43px !important;}
.pl44 {padding-left:44px !important;}
.pl45 {padding-left:45px !important;}
.pl46 {padding-left:46px !important;}
.pl47 {padding-left:47px !important;}
.pl48 {padding-left:48px !important;}
.pl49 {padding-left:49px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}

/* margin */
.m0 {margin:0px !important;}
.m1 {margin:1px !important;}
.m2 {margin:2px !important;}
.m3 {margin:3px !important;}
.m4 {margin:4px !important;}
.m5 {margin:5px !important;}
.m6 {margin:6px !important;}
.m7 {margin:7px !important;}
.m8 {margin:8px !important;}
.m9 {margin:9px !important;}
.m10 {margin:10px !important;}
.m11 {margin:11px !important;}
.m12 {margin:12px !important;}
.m13 {margin:13px !important;}
.m14 {margin:14px !important;}
.m15 {margin:15px !important;}
.m16 {margin:16px !important;}
.m17 {margin:17px !important;}
.m18 {margin:18px !important;}
.m19 {margin:19px !important;}
.m20 {margin:20px !important;}
.m21 {margin:21px !important;}
.m22 {margin:22px !important;}
.m23 {margin:23px !important;}
.m24 {margin:24px !important;}
.m25 {margin:25px !important;}
.m26 {margin:26px !important;}
.m27 {margin:27px !important;}
.m28 {margin:28px !important;}
.m29 {margin:29px !important;}
.m30 {margin:30px !important;}
.m31 {margin:31px !important;}
.m32 {margin:32px !important;}
.m33 {margin:33px !important;}
.m34 {margin:34px !important;}
.m35 {margin:35px !important;}
.m36 {margin:36px !important;}
.m37 {margin:37px !important;}
.m38 {margin:38px !important;}
.m39 {margin:39px !important;}
.m40 {margin:40px !important;}
.m41 {margin:41px !important;}
.m42 {margin:42px !important;}
.m43 {margin:43px !important;}
.m44 {margin:44px !important;}
.m45 {margin:45px !important;}
.m46 {margin:46px !important;}
.m47 {margin:47px !important;}
.m48 {margin:48px !important;}
.m49 {margin:49px !important;}
.m50 {margin:50px !important;}
.m60 {margin:60px !important;}
.m70 {margin:70px !important;}
.m80 {margin:80px !important;}
.m90 {margin:90px !important;}
.m100 {margin:100px !important;}

/* margin-top */
.mt-10 {margin-top:-10px !important;}
.mt-15 {margin-top:-15px !important;}
.mt-20 {margin-top:-20px !important;}
.mt-25 {margin-top:-25px !important;}
.mt-30 {margin-top:-30px !important;}

/* margin-top */
.mt0 {margin-top:0px !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt17 {margin-top:17px !important;}
.mt18 {margin-top:18px !important;}
.mt19 {margin-top:19px !important;}
.mt20 {margin-top:20px !important;}
.mt21 {margin-top:21px !important;}
.mt22 {margin-top:22px !important;}
.mt23 {margin-top:23px !important;}
.mt24 {margin-top:24px !important;}
.mt25 {margin-top:25px !important;}
.mt26 {margin-top:26px !important;}
.mt27 {margin-top:27px !important;}
.mt28 {margin-top:28px !important;}
.mt29 {margin-top:29px !important;}
.mt30 {margin-top:30px !important;}
.mt31 {margin-top:31px !important;}
.mt32 {margin-top:32px !important;}
.mt33 {margin-top:33px !important;}
.mt34 {margin-top:34px !important;}
.mt35 {margin-top:35px !important;}
.mt36 {margin-top:36px !important;}
.mt37 {margin-top:37px !important;}
.mt38 {margin-top:38px !important;}
.mt39 {margin-top:39px !important;}
.mt40 {margin-top:40px !important;}
.mt41 {margin-top:41px !important;}
.mt42 {margin-top:42px !important;}
.mt43 {margin-top:43px !important;}
.mt44 {margin-top:44px !important;}
.mt45 {margin-top:45px !important;}
.mt46 {margin-top:46px !important;}
.mt47 {margin-top:47px !important;}
.mt48 {margin-top:48px !important;}
.mt49 {margin-top:49px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

/* margin-right */
.mr0 {margin-right:0px !important;}
.mr1 {margin-right:1px !important;}
.mr2 {margin-right:2px !important;}
.mr3 {margin-right:3px !important;}
.mr4 {margin-right:4px !important;}
.mr5 {margin-right:5px !important;}
.mr6 {margin-right:6px !important;}
.mr7 {margin-right:7px !important;}
.mr8 {margin-right:8px !important;}
.mr9 {margin-right:9px !important;}
.mr10 {margin-right:10px !important;}
.mr11 {margin-right:11px !important;}
.mr12 {margin-right:12px !important;}
.mr13 {margin-right:13px !important;}
.mr14 {margin-right:14px !important;}
.mr15 {margin-right:15px !important;}
.mr16 {margin-right:16px !important;}
.mr17 {margin-right:17px !important;}
.mr18 {margin-right:18px !important;}
.mr19 {margin-right:19px !important;}
.mr20 {margin-right:20px !important;}
.mr21 {margin-right:21px !important;}
.mr22 {margin-right:22px !important;}
.mr23 {margin-right:23px !important;}
.mr24 {margin-right:24px !important;}
.mr25 {margin-right:25px !important;}
.mr26 {margin-right:26px !important;}
.mr27 {margin-right:27px !important;}
.mr28 {margin-right:28px !important;}
.mr29 {margin-right:29px !important;}
.mr30 {margin-right:30px !important;}
.mr31 {margin-right:31px !important;}
.mr32 {margin-right:32px !important;}
.mr33 {margin-right:33px !important;}
.mr34 {margin-right:34px !important;}
.mr35 {margin-right:35px !important;}
.mr36 {margin-right:36px !important;}
.mr37 {margin-right:37px !important;}
.mr38 {margin-right:38px !important;}
.mr39 {margin-right:39px !important;}
.mr40 {margin-right:40px !important;}
.mr41 {margin-right:41px !important;}
.mr42 {margin-right:42px !important;}
.mr43 {margin-right:43px !important;}
.mr44 {margin-right:44px !important;}
.mr45 {margin-right:45px !important;}
.mr46 {margin-right:46px !important;}
.mr47 {margin-right:47px !important;}
.mr48 {margin-right:48px !important;}
.mr49 {margin-right:49px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}
.mr113 {margin-right:113px !important;}
.mr143 {margin-right:143px !important;}

/* margin-bottom */
.mb0 {margin-bottom:0px !important;}
.mb1 {margin-bottom:1px !important;}
.mb2 {margin-bottom:2px !important;}
.mb3 {margin-bottom:3px !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb6 {margin-bottom:6px !important;}
.mb7 {margin-bottom:7px !important;}
.mb8 {margin-bottom:8px !important;}
.mb9 {margin-bottom:9px !important;}
.mb10 {margin-bottom:10px !important;}
.mb11 {margin-bottom:11px !important;}
.mb12 {margin-bottom:12px !important;}
.mb13 {margin-bottom:13px !important;}
.mb14 {margin-bottom:14px !important;}
.mb15 {margin-bottom:15px !important;}
.mb16 {margin-bottom:16px !important;}
.mb17 {margin-bottom:17px !important;}
.mb18 {margin-bottom:18px !important;}
.mb19 {margin-bottom:19px !important;}
.mb20 {margin-bottom:20px !important;}
.mb21 {margin-bottom:21px !important;}
.mb22 {margin-bottom:22px !important;}
.mb23 {margin-bottom:23px !important;}
.mb24 {margin-bottom:24px !important;}
.mb25 {margin-bottom:25px !important;}
.mb26 {margin-bottom:26px !important;}
.mb27 {margin-bottom:27px !important;}
.mb28 {margin-bottom:28px !important;}
.mb29 {margin-bottom:29px !important;}
.mb30 {margin-bottom:30px !important;}
.mb31 {margin-bottom:31px !important;}
.mb32 {margin-bottom:32px !important;}
.mb33 {margin-bottom:33px !important;}
.mb34 {margin-bottom:34px !important;}
.mb35 {margin-bottom:35px !important;}
.mb36 {margin-bottom:36px !important;}
.mb37 {margin-bottom:37px !important;}
.mb38 {margin-bottom:38px !important;}
.mb39 {margin-bottom:39px !important;}

.mb40 {margin-bottom:40px !important;}
.mb41 {margin-bottom:41px !important;}
.mb42 {margin-bottom:42px !important;}
.mb43 {margin-bottom:43px !important;}
.mb44 {margin-bottom:44px !important;}
.mb45 {margin-bottom:45px !important;}
.mb46 {margin-bottom:46px !important;}
.mb47 {margin-bottom:47px !important;}
.mb48 {margin-bottom:48px !important;}
.mb49 {margin-bottom:49px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

/* margin-left */
.ml0 {margin-left:0px !important;}
.ml1 {margin-left:1px !important;}
.ml2 {margin-left:2px !important;}
.ml3 {margin-left:3px !important;}
.ml4 {margin-left:4px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml11 {margin-left:11px !important;}
.ml12 {margin-left:12px !important;}
.ml13 {margin-left:13px !important;}
.ml14 {margin-left:14px !important;}
.ml15 {margin-left:15px !important;}
.ml16 {margin-left:16px !important;}
.ml17 {margin-left:17px !important;}
.ml18 {margin-left:18px !important;}
.ml19 {margin-left:19px !important;}
.ml20 {margin-left:20px !important;}
.ml21 {margin-left:21px !important;}
.ml22 {margin-left:22px !important;}
.ml23 {margin-left:23px !important;}
.ml24 {margin-left:24px !important;}
.ml25 {margin-left:25px !important;}
.ml26 {margin-left:26px !important;}
.ml27 {margin-left:27px !important;}
.ml28 {margin-left:28px !important;}
.ml29 {margin-left:29px !important;}
.ml30 {margin-left:30px !important;}
.ml31 {margin-left:31px !important;}
.ml32 {margin-left:32px !important;}
.ml33 {margin-left:33px !important;}
.ml34 {margin-left:34px !important;}
.ml35 {margin-left:35px !important;}
.ml36 {margin-left:36px !important;}
.ml37 {margin-left:37px !important;}
.ml38 {margin-left:38px !important;}
.ml39 {margin-left:39px !important;}
.ml40 {margin-left:40px !important;}
.ml41 {margin-left:41px !important;}
.ml42 {margin-left:42px !important;}
.ml43 {margin-left:43px !important;}
.ml44 {margin-left:44px !important;}
.ml45 {margin-left:45px !important;}
.ml46 {margin-left:46px !important;}
.ml47 {margin-left:47px !important;}
.ml48 {margin-left:48px !important;}
.ml49 {margin-left:49px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}
.ml200 {margin-left:200px !important;}
.ml300 {margin-left:300px !important;}
.ml380 {margin-left:380px !important;}
.ml400 {margin-left:400px !important;}
.ml500 {margin-left:500px !important;}
.ml565 {margin-left:565px !important;}

/* font-size */
.fs0 {font-size:0px !important;}
.fs1 {font-size:1px !important;}
.fs2 {font-size:2px !important;}
.fs3 {font-size:3px !important;}
.fs4 {font-size:4px !important;}
.fs5 {font-size:5px !important;}
.fs6 {font-size:6px !important;}
.fs7 {font-size:7px !important;}
.fs8 {font-size:8px !important;}
.fs9 {font-size:9px !important;}
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}




.login-box {
  width: 100%;
  height: 100%;
  /* display: none; */
  margin: auto;
  position: fixed;
  background-color: #000000a8;
  top: 0%;
  left: 0;
  right: 0;
  z-index: 10;
}

.login-box .select-choice {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  margin: auto;
  border: unset;
  outline: unset;
  padding: 1px 0px;
}
.login-box .select-choice .choice-input {
  width: 140px;
  margin: 0px 0px 0px 10px;
  padding: 0px 10px;
}
.login-box .select-choice select {
  border: unset;
  width: 165px;
  height: 48px;
  padding: 0 20px;
  font-size: 12px;
  color: #7f7f7f;
  background-color: #000;
  outline: unset;
  margin: 1px auto;
}
.login-box .select-choice select option {
}
.login-box textarea {
  border: unset;
  width: 267px;
  height: 80px;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 10px 20px;
  resize:none;
  font-size: 16px;
  color: #fff;
  background-size: 100% 100%;
  background-image: url('/images/input_bg.png');
}

.login-box .login-form {
  text-align: center;
padding: 30px 0px;
color: #ffffff;
}
.login-form-logo {
  font-size: 45px;
  padding: 30px 0px;
  font-family: 'SCDream2';
}
.login-form-logo.border {
width: 300px;
margin: auto;
height: 85px;
display: flex;
align-items: center;
justify-content: center;
}
.login-form-title {
  text-align: left;
  font-size: 25px;
  border-bottom: 1px solid #ffffff;
  height: 50px;
  width: 600px;
  margin: 10px auto 30px auto;
}
.join-form .login-form-title {
  text-align: left;
  font-size: 25px;
  border-bottom: 1px solid #ffffff;
  height: 25px;
  width: 1025px;
  margin: 0px auto 30px auto;
}
.login-box .login-form .name-input-form {
color: #ffffff;
text-align: left;
width: 600px;
margin: auto;
}
.login-box .login-form .username {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 600px;
  padding: 0px 10px;
  border-radius: 5px;
  background-color: #000;
  margin: 10px auto;
  border: 1px solid #069af0;
}
.login-box .login-form .username .icon {}
.login-box .login-form .username .icon img {}
.login-box .login-form .password {display: flex;align-items: center;justify-content: space-between;width: 600px;padding: 0px 10px;border-radius: 5px;background-color: #000;margin: 10px auto;border: 1px solid #069af0;}
.login-box .login-form .password .icon {}
.login-box .login-form .password .icon img {}
.login-box .logo {
  padding-top: 170px;
  padding-bottom: 15px;
  width: 307px;
  margin: 0 auto;
}

.login-box .login-form .checkbox {
width: 600px;
padding: 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
color: #06a3fc;
margin: auto;
}
.login-box .login-form .checkbox input {
  width: 20px;
  border: 2px solid #06a3fc;
}
.login-box .login-form .checkbox label {
  width: 100%;
  text-align: left;
  padding: 0px 10px;
}
.login-box .logo img {
  width: 100%;
}

.login-box .form-div {

}

.login-box .login-form .capt-parent {
  display: flex; 
  justify-content: center;
  align-items: flex-start;
}

.login-box .login-form .capt-img img {
  background-color: #fff;
  width: 92px;
  height: 48px;
}

.login-box .login-form .input-captcha {
  width: 163px;
  font-size: 27px;
  margin-left: 10px;
}

.login-box .login-form .btn-login-parent {
  margin: 50px auto 10px auto;
  display: flex;
  width: 600px;
}

.login-box .login-form .btn-login {
  width: 290px;
  margin: 0 auto;
  height: 50px;
  font-size: 20px;
  background-color: #06a3fc;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  cursor: pointer;
}
.login-box .login-form .btn-login:hover {
background: rgb(6,163,252);
background: radial-gradient(circle, rgba(6,163,252,1) 0%, rgba(32,75,143,1) 100%);
}
.btn-signup {
  width: 290px;
  margin: 0 auto;
  height: 50px;
  font-size: 20px;
  background-color: #f0ab05;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  cursor: pointer;
}
.btn-signup:hover {
  background: rgb(240,171,5);
  background: radial-gradient(circle, rgba(240,171,5,1) 0%, rgb(166 123 20) 100%);
}
.login-box .btn-div {
  display: flex;
  width: 307px;
  margin: 0 auto;
  justify-content: space-between;
}

.login-box .btn-bwn {
  width: 147px;
  height: 39px;
}

.login-box .code-form,
.login-box .sos-form {
text-align: center;
  padding: 30px 0px;
  width: 740px;
  color: #ffffff;
  background-image: url(../images/bg-popup.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 5% auto;
}
.login-box .join-form {text-align: center;padding: 30px 0px 60px 0px;width: 1200px;color: #ffffff;background-image: url(../images/bg-popup-join.png);background-repeat: no-repeat;background-size: 100% 100%;margin: 1% auto;}

.account-login {
  font-size: 14px;
  font-family: 'SCDream2';
  padding: 10px 0px 50px 0px;
}
.account-login a {
  color: #06a3fc;
}
.account-login .text-link {
    /* color: #06a3fc; */
}
.login-box .recommend {
  display: flex;
  /*background-color: #fff;*/
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px auto;
  padding: 4px;
  width: 334px;
  margin-top: 110px;
  border-radius: 3px;
  color: #eaeaea;
}

.login-box .recommend .chrome-icon img {
  width: 35px;
  vertical-align: middle;
}

.login-box .recommend .rec-text {
  font-size: 13.5px;
  margin-left: 6px;
}

.join-box {
  background-color: rgba(102, 102, 102, 0.6);
  width: 500px;
  padding: 25px;
  margin: 25px auto;
}

.join-box input {
  border: unset;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 0 12px;
  font-size: 14px;
  color: #fff;
  background-size: 100% 100%;
  background-image: url('/images/input_bg.png');
}

.join-box .child-input-3 {
  flex: .98;
}

.join-box select {
  border: unset;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 0 12px;
  font-size: 14px;
  color: #fff;
  background-size: 100% 100%;
  background-image: url('/images/input_bg.png');
}

.join-box select option {
  color: #000;
}

.join-box .top {
  display: flex; 
  justify-content: space-between;
  padding-bottom: 8px;
  margin-bottom: 8px;
  align-items: flex-end;
  border-bottom: 1px solid #fff;
}

.join-box .top .left {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

.join-box .top .right {
  color: #e80000;
  font-size: 14px;
}

.join-box .field {
  display: flex;
  justify-content: space-between;
}

.join-box .field .hold {
  width: 10px;
}

.join-box .btn-submit {
  height: 42px;
  font-size: 20px;
  font-weight: bold;
}

.join-box .child-input-1 {
  flex: .98;
}

.join-box .child-btn.btn-type-1 {
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
}

.join-box .label {
  color: #fff;
  font-size: 15px;
  margin-bottom: 5px;
  margin-top: 4px;
}

.join-box .label span {
  color: red;
}
.input-container {
  padding: 15px 0px;
}
.form-footer {
  display: flex;
  justify-content: center;
  width: 600px;
  margin: auto;
}
.btn-blue {
  width: 290px;
  margin: 0 auto;
  height: 50px;
  font-size: 20px;
  background-color: #06a3fc;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  cursor: pointer;
  font-family: 'SCDream5';
}
.btn-yellow {
  width: 290px;
  margin: 0 auto;
  height: 50px;
  font-size: 20px;
  background-color: #f0ab05;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  cursor: pointer;
  font-family: 'SCDream5';
}
.con-close-btn svg {
top: auto;
right: auto;
position: absolute;
-webkit-transition: -webkit-transform .25s, opacity .25s;
-moz-transition: -moz-transform .25s, opacity .25s;
transition: transform .25s, opacity .25s;
/* opacity: .25; */
}
.con-close-btn svg:hover {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
transform: rotate(270deg);
opacity: 1;
}
svg {
  /* position: absolute; */
  /* top: auto; */
  /* right: 600px; */
  margin: -10px 0 0 0px;
  height: 30px;
  width: 40px;
}

#close {
  cursor: pointer;
}
.con-close-btn {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-right: 0px;
  width: 100%;
    height: 50px;
}
.container-join {
  width: 1025px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.join-form-input {}
.join-form-input .coninputs {
  width: 462px;
}
.join-form-input .coninputs .submit-join {padding-top: 10px;}
.join-form-input .coninputs button {
width:100%;
}
.coninputs .name-input {
  display: flex;
  padding: 10px 0px;
}
.coninputs .input-iconsimg {
  display: flex;
}
.join-form-input .coninputs .color-red {
  color: red;
}
.join-form-input .coninputs .input-icon {
  display: flex;
  align-items: center;
  border: 1px solid #06a3fc;
  border-radius: 10px;
  padding: 0px 10px;
}
.join-form-input .coninputs .input-icon .slecet-box {}
.join-form-input .coninputs .input-icon .slecet-box select {
    height: 50px;
    width: 338px;
    background: #051733;
    border: unset;
    color: #ffffff;
    outline: unset;
    font-family: 'SCDream5';
}
.join-form-input .coninputs .input-icon input {
  background-color: unset;
  width: 100%;
  padding: 0;
  height: 45px;
}
.join-form-input .coninputs .icons {}
.join-form-input .coninputs .icons img {}
.join-form-input .coninputs .select-btn {
  display: flex;
  align-items: center;
  border: 1px solid #06a3fc;
  border-radius: 10px;
  padding: 0px 20px;
  height: 35px;
  width: 90px;
  margin-left: 10px;
}

.join-form-input .coninputs-choice {
  display: flex;
  justify-content: space-between;
}
.join-form-input .coninputs-choice .choice {}
.join-form-input .coninputs-choice .choice .name-input {
  display: flex;
  padding: 10px 0px;
}
.join-form-input .coninputs-choice .choice .name-input .color-red {
  color: red;
}
.join-form-input .coninputs-choice .choice .input-icons {
  display: flex;
  align-items: center;
  border: 1px solid #06a3fc;
  border-radius: 10px;
  padding: 0px 10px;
}
.join-form-input .coninputs-choice .choice .input-icons input {
  background-color: unset;
  width: 145px;
  padding: 0;
  height: 45px;
}
.join-form-input .coninputs-choice .choice .input-icons .icons {
  width: 25px;
}
.join-form-input .coninputs-choice .choice .input-icons .icons img {}
.join-form-input .coninputs-choice .choice .input-icons .select-btn {
  display: flex;
  align-items: center;
  border: 1px solid #06a3fc;
  border-radius: 10px;
  padding: 6px 20px;
  margin-left: 0px;
}


.radiobox {
    display: inline-block;
    position: relative;
    height: 20px;
}
.radiobox input:checked+.ico {
    border: 1px solid #3f4697;
}
.radiobox .ico {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    top: 1px;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 4px;
    border: 1px solid #bbb;
}
/*.radiobox input:checked+.ico:after {*/
/*    background-color: #3f4697;*/
/*}*/
/*.radiobox .ico:after {*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    top: 4px;*/
/*    left: 4px;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background: #bbb;*/
/*    border-radius: 50%;*/
/*    content: '';*/
/*}*/
.radiobox em {
    display: inline-block;
    line-height: 26px;
    font-size: 15px;
}



.db input[type="radio"] {
    float: left;
    cursor: pointer;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    line-height: 20px;
    width: 25px;
    height: 21px;
    margin-right: 5px;
}


#dialog227 {background: rgba(0,0,0,.6); display: flex; height: 100%; justify-content: center; left: 0; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 1000;}