body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    background-color: #e1f6ff;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
}
div {
    margin: 0 auto;
}
div .div_h1 h1 {
    font-weight: normal;
    font-size: 180%;
    margin: 0;
}
input,
select {
    font-size: 100%;
}
form {
    margin: 0;
}
.pl_10 {
    padding-left: 10px;
}
.pl_20 {
    padding-left: 20px;
}
.pl_28 {
    padding-left: 28px;
}
.pt_5 {
    padding-top: 5px;
}
.pt_10 {
    padding-top: 10px;
}
.pt_15 {
    padding-top: 15px;
}
.pt_20 {
    padding-top: 20px;
}
.pt_50 {
    padding-top: 50px;
}
.pr_5 {
    padding-right: 5px;
}
.pr_8 {
    padding-right: 8px;
}
.pr_10 {
    padding-right: 10px;
}
.pr_20 {
    padding-right: 20px;
}
.pr_40 {
    padding-right: 40px;
}
.pb_10 {
    padding-bottom: 10px;
}
.pb_15 {
    padding-bottom: 15px;
}
.pb_20 {
    padding-bottom: 20px;
}
.pb_150 {
    padding-bottom: 150px;
}
.lh_1 {
    line-height: 1;
}
.w_100p {
    width: 100%;
}
.h_5 {
    height: 5px;
}
.h_15 {
    height: 15px;
}
.h_20 {
    height: 20px;
}
.h_25 {
    height: 25px;
}
.h_32 {
    height: 32px;
}
.h_40 {
    height: 40px;
}
.h_50 {
    height: 50px;
}
.p_5 {
    padding: 5px;
}
.maxw_300 {
    max-width: 300px;
}
.maxw_1140 {
    max-width: 1140px;
}
.minh_280 {
    min-height: 280px;
}
.minh_400 {
    min-height: 400px;
}
.d_table {
    display: table;
}
.d_row {
    display: table-row;
}
.d_cell {
    display: table-cell;
}
.d_cell_vb {
    display: table-cell;
    vertical-align: bottom;
}
.d_cell_vm {
    display: table-cell;
    vertical-align: middle;
}
.f_left {
    float: left;
}
.f_right {
    float: right;
}
.div_clear {
    clear: both;
}
.ta_center {
    text-align: center;
}
.mobile_link {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: solid 1px #ffffff;
}
.mobile_link a:link {
    text-decoration: none;
    color: #ffffff;
}
.mobile_link a:visited {
    text-decoration: none;
    color: #ffffff;
}
.mobile_link a:active {
    text-decoration: none;
    color: #ffffff;
}
.mobile_link a:hover {
    text-decoration: none;
    color: #ffffff;
}
.link_s {
    text-decoration: none;
    color: #000000;
}
.link_s a:link {
    text-decoration: none;
    color: #000000;
}
.link_s a:visited {
    text-decoration: none;
    color: #000000;
}
.link_s a:active {
    text-decoration: none;
    color: #000000;
}
.link_s a:hover {
    text-decoration: none;
    color: #000000;
}
.link_blue {
    color: #0096ce;
    font-weight: 500;
}
.link_blue a:link {
    text-decoration: underline;
    color: #0096ce;
    font-weight: 500;
}
.link_blue a:visited {
    text-decoration: underline;
    color: #0096ce;
}
.link_blue a:active {
    text-decoration: underline;
    color: #0096ce;
}
.link_blue a:hover {
    text-decoration: underline;
    color: #0096ce;
}
.top_nav_link a:link {
    color: #000000;
    text-decoration: none;
}
.top_nav_link a:visited {
    color: #000000;
    text-decoration: none;
}
.top_nav_link a:active {
    color: #000000;
    text-decoration: none;
}
.top_nav_link a:hover {
    color: #000000;
    text-decoration: none;
}
.top_nav_link2 a:link {
    color: #ff9600;
    text-decoration: none;
}
.top_nav_link2 a:visited {
    color: #ff9600;
    text-decoration: none;
}
.top_nav_link2 a:active {
    color: #ff9600;
    text-decoration: none;
}
.top_nav_link2 a:hover {
    color: #ff9600;
    text-decoration: none;
}
.bottom_link {
    color: #ff9600;
}
.bottom_link a:link {
    text-decoration: none;
    color: #ff9600;
}
.bottom_link a:visited {
    text-decoration: none;
    color: #ff9600;
}
.bottom_link a:active {
    text-decoration: none;
    color: #ff9600;
}
.bottom_link a:hover {
    text-decoration: underline;
    color: #ff9600;
}
.div_mm_1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.top_0 {
    top: 0;
}
.top_30 {
    top: 30px;
}
.div_mm_2 {
    width: 100%;
    overflow: hidden;
}
.div_mm_3 {
    width: 100%;
    height: 320px;
    overflow: auto;
}
.div_logo_1 {
    font-weight: 400;
    font-size: 180%;
    letter-spacing: 7px;
}
.div_top_nav_tab:hover {
    background-color: #feb346;
}
.div_top_nav_fixed {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffab00;
}
.div_section {
    border-radius: 3px;
    border: 1px solid #0096ce;
    padding: 10px;
    background-color: #ffffff;
}
.div_container_1 {
    width: 90%;
    max-width: 345px;
    float: left;
}
.div_container_2 {
    width: 90%;
    max-width: 345px;
    float: right;
    padding-top: 0;
}
.div_container_b {
    width: 90%;
    max-width: 345px;
    position: relative;
}
.div_container_c {
    width: 100%;
    max-width: 345px;
    position: relative;
    float: right;
}
@media (max-width: 784px) {
    .div_container_1 {
        float: none;
    }
    .div_container_2 {
        float: none;
        padding-top: 50px;
    }
    .div_container_c {
        width: 90%;
        float: left;
    }
}
.div_login_label {
    font-size: 110%;
    height: 25px;
}
.div_login_content_1 {
    width: 90%;
    max-width: 325px;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #9be6fe;
    padding: 10px;
}
.div_error {
    height: 32px;
    font-weight: 700;
    color: #ff0000;
    width: 100%;
    text-align: center;
}
.div_rec_1 {
    float: left;
}
.div_rec_2 {
    float: right;
    padding-top: 0;
}
@media (max-width: 405px) {
    .div_rec_1 {
        float: none;
        width: 140px;
    }
    .div_rec_2 {
        float: none;
        padding-top: 20px;
        width: 140px;
    }
}
.div_confirm_18 {
    width: 90%;
    max-width: 260px;
}
.div_confirm_tos {
    width: 90%;
    max-width: 250px;
    font-weight: normal;
    font-size: 85%;
}
.div_by {
    width: 100%;
    max-width: 300px;
    height: 25px;
    font-weight: 500;
}
.div_bm {
    float: left;
}
.div_bd {
    float: left;
    padding-left: 20px;
}
#div_birth_month {
    width: 100%;
    max-width: 300px;
    height: 25px;
    font-weight: 500;
}
#div_check_age {
    width: 100%;
    max-width: 300px;
    height: 25px;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 15px;
}
@media (max-width: 305px) {
    .div_by {
        height: 45px;
    }
}
@media (max-width: 400px) {
    .div_bm {
        float: none;
    }
    .div_bd {
        float: none;
        padding-left: 0;
        padding-top: 20px;
    }
    #div_birth_month {
        height: 70px;
    }
}
@media (min-width: 330px) and (max-width: 370px) {
    .div_confirm_18 {
        max-width: 200px;
    }
    .div_confirm_tos {
        max-width: 200px;
    }
}
@media (max-width: 329px) {
    .div_confirm_18 {
        max-width: 180px;
    }
    .div_confirm_tos {
        max-width: 180px;
    }
}
.z_9999 {
    z-index: 9999;
}
.z_20000 {
    z-index: 20000;
}
.lh_26 {
    line-height: 2.6;
}
.bg_000 {
    background-color: #000000;
}
.ws_nowrap {
    white-space: nowrap;
}
.text_1 {
    line-height: 1.8;
    padding-top: 15px;
    padding-bottom: 15px;
}
.div_text_2 {
    background-color: #fafcff;
    padding: 5px;
    border: solid 1px #9be6fe;
}
.ul_1 {
    margin: 0;
    padding-left: 28px;
}
.ul_1 li {
    color: #ff9600;
}
.ul_1 li span {
    color: #000000;
}
.d_none {
    display: none;
}
.fs_85p {
    font-size: 85%;
}
.fs_120p {
    font-size: 120%;
}
.fw_500 {
    font-weight: 500;
}
.input_text_1 {
    border: solid 1px black;
    border-radius: 3px;
    width: 95%;
    max-width: 290px;
    height: 20px;
    color: #999999;
    padding: 5px;
}
.input_text_1s {
    border: solid 1px black;
    border-radius: 3px;
    width: 30px;
    height: 20px;
    color: #000000;
    padding: 5px;
}
.input_text_1c {
    border: solid 1px black;
    border-radius: 3px;
    width: 60%;
    max-width: 218px;
    height: 20px;
    color: #000000;
    padding: 5px;
}
.link_button {
    display: block;
    width: 300px;
    height: 50px;
    border: none;
    border-radius: 3px;
    color: #ffffff;
    background-color: #0096ce;
    font-size: 150%;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 2;
}
.link_button4 {
    display: block;
    width: 140px;
    height: 50px;
    border: none;
    border-radius: 3px;
    color: #ffffff;
    background-color: #0096ce;
    font-size: 120%;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 2.6;
}
@media (max-width: 420px) {
    .link_button {
        width: 100%;
        max-width: 290px;
    }
}
.div_faq_el {
    width: 90%;
    max-width: 640px;
}
.div_bottom_content {
    width: 660px;
    height: 50px;
    display: table;
}
@media (max-width: 680px) {
    .div_bottom_content {
        width: 95%;
        max-width: 660px;
    }
}
.div_bottom_content3 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 50%;
    height: auto;
}
.div_bottom_content4 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-right: 20px;
}
.div_bottom_content5 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
.div_bottom_content6 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 20px;
}
@media (max-width: 555px) {
    .div_bottom_content3 {
        display: block;
        width: 100%;
    }
    .div_bottom_content4 {
        width: 50%;
        padding-right: 0;
    }
    .div_bottom_content5 {
        width: 50%;
        padding-left: 0;
        padding-right: 0;
    }
    .div_bottom_content6 {
        width: 50%;
        padding-left: 0;
    }
}
#div_mobile_menu {
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    color: #ffffff;
    text-align: center;
    padding-top: 50px;
    font-size: 100%;
    z-index: 10000;
}
#div_title_logo {
    display: table-cell;
    vertical-align: middle;
    background-color: #000000;
}
@media (max-width: 379px) {
    #div_title_logo {
        display: none;
    }
}
#div_img_top {
    width: 100%;
    background-size: cover;
}
@media (min-width: 1280px) {
    #div_img_top {
        background-image: url('../images/bg_top.jpg');
    }
}
@media (min-width: 1100px) and (max-width: 1279px) {
    #div_img_top {
        background-image: url('../images/bg_top_1100.jpg');
    }
}
@media (min-width: 1000px) and (max-width: 1099px) {
    #div_img_top {
        background-image: url('../images/bg_top_1000.jpg');
    }
}
@media (min-width: 900px) and (max-width: 999px) {
    #div_img_top {
        background-image: url('../images/bg_top_900.jpg');
    }
}
@media (min-width: 800px) and (max-width: 899px) {
    #div_img_top {
        background-image: url('../images/bg_top_800.jpg');
    }
}
@media (min-width: 700px) and (max-width: 799px) {
    #div_img_top {
        background-image: url('../images/bg_top_700.jpg');
    }
}
@media (min-width: 600px) and (max-width: 699px) {
    #div_img_top {
        background-image: url('../images/bg_top_600.jpg');
    }
}
@media (min-width: 500px) and (max-width: 599px) {
    #div_img_top {
        background-image: url('../images/bg_top_500.jpg');
    }
}
@media (min-width: 400px) and (max-width: 499px) {
    #div_img_top {
        background-image: url('../images/bg_top_400.jpg');
    }
}
@media (min-width: 350px) and (max-width: 399px) {
    #div_img_top {
        background-image: url('../images/bg_top_350.jpg');
    }
}
@media (min-width: 300px) and (max-width: 349px) {
    #div_img_top {
        background-image: url('../images/bg_top_300.jpg');
    }
}
@media (max-width: 299px) {
    #div_img_top {
        background-image: url('../images/bg_top_280.jpg');
    }
}
#div_top_nav {
    width: 100%;
    height: 50px;
    background-color: #ff9600;
    color: #000000;
}
#div_top_links {
    display: table;
    height: 50px;
}
#div_burger {
    display: none;
}
@media (max-width: 868px) {
    #div_top_links {
        display: none;
    }
    #div_burger {
        display: block;
    }
}
#div_intro {
    max-width: 530px;
    width: 90%;
    padding-bottom: 40px;
}
#div_login {
    width: 90%;
    max-width: 740px;
    height: auto;
}
#div_bottom {
    width: 100%;
    height: auto;
    color: #ff9600;
    background-color: #000000;
}
.red {
    color: #ff0000;
}
.green {
    color: #009900;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Roboto Light.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Roboto Light2.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Roboto.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Roboto2.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Roboto Medium.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Roboto Medium2.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}