@charset "UTF-8";

.bigTitle, .limit-donate-time, .time-30day, header .remind {
    letter-spacing: 1px
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

.button.submit, body, html {
    font-family: "WenQuanYi Zen Hei","Microsoft YaHei","Microsoft JhengHei",Arial,sans-serif
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, td, th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

a img {
    border: none
}

elements-of-type(html5-block) {
    display: block
}

.sprite {
    background-image: url(img/sprite_1x-min.png)
}

@media (min--moz-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
    .sprite {
        background-image: url(img/sprite_2x-min.png);
        background-size: 217px 1388px
    }
}

.sprite-icon-silver {
    width: 25px;
    height: 25px;
    background-position: 0 -382px;
    background-image: url(img/sprite_1x.png);
}

.sprite-goldbig-min {
    width: 110px;
    height: 110px;
    background-position: 0 0
}

.sprite-internbig-min {
    width: 110px;
    height: 110px;
    background-position: 0 -110px
}

.sprite-membercoupon-m-min {
    width: 57px;
    height: 57px;
    background-position: 0 -220px
}

.sprite-membercoupon-min {
    width: 136px;
    height: 136px;
    background-position: 0 -277px
}

.sprite-memberdata-m-min {
    width: 57px;
    height: 57px;
    background-position: 0 -413px
}

.sprite-memberdata-min {
    width: 136px;
    height: 136px;
    background-position: 0 -470px
}

.sprite-membergp-m-min {
    width: 55px;
    height: 57px;
    background-position: 0 -606px
}

.sprite-membergp-min {
    width: 130px;
    height: 132px;
    background-position: 0 -663px
}

.sprite-membertrans-m-min {
    width: 57px;
    height: 57px;
    background-position: 0 -795px
}

.sprite-membertrans-min {
    width: 136px;
    height: 136px;
    background-position: 0 -852px
}

.sprite-nakedgirl-min {
    width: 217px;
    height: 290px;
    background-position: 0 -988px
}

.sprite-silverbig-min {
    width: 110px;
    height: 110px;
    background-position: 0 -1278px
}

.sprite_gp {
    background-image: url(img/DOeo494.png)
}

@media (min--moz-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
    .sprite_gp {
        background-image: url(img/gIdv1Al.png);
        background-size: 162px 2201px
    }
}

.sprite-cloudiconb {
    width: 109px;
    height: 154px;
    background-position: 0 0
}

.sprite-cloudicons {
    width: 88px;
    height: 128px;
    background-position: 0 -154px
}

.sprite-exclamation {
    width: 20px;
    height: 114px;
    background-position: 0 -282px
}

.sprite-g5big {
    width: 162px;
    height: 162px;
    background-position: 0 -396px
}

.sprite-g5small {
    width: 136px;
    height: 136px;
    background-position: 0 -558px
}

.sprite-g10big {
    width: 161px;
    height: 161px;
    background-position: 0 -694px
}

.sprite-g10small {
    width: 136px;
    height: 136px;
    background-position: 0 -855px
}

.sprite-g15big {
    width: 161px;
    height: 161px;
    background-position: 0 -991px
}

.sprite-g15small {
    width: 136px;
    height: 136px;
    background-position: 0 -1152px
}

.sprite-g20big {
    width: 161px;
    height: 161px;
    background-position: 0 -1288px
}

.sprite-g20small {
    width: 136px;
    height: 136px;
    background-position: 0 -1449px
}

.sprite-g25big {
    width: 161px;
    height: 161px;
    background-position: 0 -1585px
}

.sprite-g25small {
    width: 136px;
    height: 136px;
    background-position: 0 -1746px
}

.sprite-gcoinbig {
    width: 118px;
    height: 118px;
    background-position: 0 -1882px
}

.sprite-gcoindbig {
    width: 68px;
    height: 57px;
    background-position: 0 -2000px
}

.sprite-gcoindsmall {
    width: 51px;
    height: 43px;
    background-position: 0 -2057px
}

.sprite-gcoinsmall {
    width: 76px;
    height: 77px;
    background-position: 0 -2100px
}

.sprite-savedisc {
    width: 24px;
    height: 24px;
    background-position: 0 -2177px
}

.button {
    display: inline-block;
    margin: 0 3px;
    padding: 0 6px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #000;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    border: 0
}

    .button i {
        font-size: 18px
    }

    .button.pinterest {
        background-color: #B81621
    }

        .button.pinterest:hover {
            background-color: #8a1119;
            -webkit-transition: all,.3s;
            transition: all,.3s
        }

    .button.google {
        background-color: #E93F2E
    }

        .button.google:hover {
            background-color: #ce2616;
            -webkit-transition: all,.3s;
            transition: all,.3s
        }

    .button.facebook {
        background-color: #306199
    }

        .button.facebook:hover {
            background-color: #244872;
            -webkit-transition: all,.3s;
            transition: all,.3s
        }

    .button.twitter {
        background-color: #26C4F1
    }

        .button.twitter:hover {
            background-color: #0eaad6;
            -webkit-transition: all,.3s;
            transition: all,.3s
        }

    .button.submit {
        width: 345px;
        font-size: 14px;
        background-color: #FF8382
    }

@media (min-width:0) and (max-width:639px) {
    .button.submit {
        width: 300px
    }
}

.actor_wrapper .actor_box .actor_name, .path_bar .word_wrapper .menu_container .menu_items ul.submenu .submenuList div p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body, html {
    font-size: 100%;
    line-height: 1.5
}

* {
    box-sizing: border-box
}

.mainWrapper {
    margin: 0px auto 50px;
    width: 100%;
    max-width: 1170px;
    min-height: calc(100vh - 200px)
}

    .mainWrapper.alliance, .mainWrapper.noPadding {
        max-width: initial
    }

    .mainWrapper.moveD {
        margin-top: 140px
    }

    .mainWrapper .videoListWrapper {
        padding-top: 25px
    }

        .mainWrapper .videoListWrapper .videoGroup {
            margin: 0 15px 20px
        }

            .mainWrapper .videoListWrapper .videoGroup .section-title {
                position: relative
            }

                .mainWrapper .videoListWrapper .videoGroup .section-title h2 {
                    display: inline-block;
                    font-size: 25px
                }

                .mainWrapper .videoListWrapper .videoGroup .section-title .gpIntro {
                    position: absolute;
                    top: 0;
                    right: 0;
                    color: #FF8382
                }

            .mainWrapper .videoListWrapper .videoGroup .grayBorder {
                height: 50px;
                border-bottom: 1px solid #DADADA
            }

.nakedGirlPic {
    background-image: url(img/nakedGirl-min.jpg);
    width: 433px;
    height: 579px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.resetInput input[type=button], .resetInput input[type=email], .resetInput input[type=password], .resetInput input[type=search], .resetInput input[type=submit], .resetInput input[type=tel], .resetInput input[type=text], .resetInput input[type=url] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.avPopUp {
    position: fixed;
    bottom: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 5px;
    padding: 10px;
    background: #FF8382;
    color: #fff;
    text-align: center;
    z-index: 10
}

.breadcrumb {
    display: none;
    font-size: 14px
}

    .breadcrumb li + li:before {
        padding: 0 4px 0 8px;
        content: "/\00a0"
    }


.index_content {
    position: relative;
    padding-top: 600px;
    padding-bottom: 100px;
    margin-bottom:0px;
}

    .index_content .account_wrapper {
        position: absolute;
        top: 0;
        left: 0
    }

        .index_content .account_wrapper .mobileSecTitle {
            display: none
        }

        .index_content .account_wrapper .levelIcon {
            display: inline-block;
            margin: 40px 0 35px
        }

        .index_content .account_wrapper .column {
            font-size: 0
        }

            .index_content .account_wrapper .column .data, .index_content .account_wrapper .column .title {
                font-size: 15px
            }

            .index_content .account_wrapper .column .data {
                color: #333;
                margin-left: 5px
            }

            .index_content .account_wrapper .column.m_t_space {
                display: -webkit-box;
                display: flex;
                -webkit-box-align: center;
                align-items: center;
                margin-top: 35px
            }

            .index_content .account_wrapper .column .mobileLevelIcon {
                display: none
            }

        .index_content .account_wrapper .upgradeBtn {
            margin-left: 30px;
            display: inline-block;
            padding: 0 10px;
            height: 45px;
            line-height: 44px;
            border-radius: 25px;
            border: 1px solid #FF8382;
            text-align: center;
            color: #FF8382;
            font-size: 15px;
            overflow: hidden
        }

            .index_content .account_wrapper .upgradeBtn:hover {
                background-color: #FF8382;
                color: #fff;
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out
            }

.grayMask {
    background-image: url(img/indexBkg-min.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

    .grayMask .whiteSquareWrapper {
        position: absolute;
        top: 135px;
        width: 100%;
        height: 490px;
        background-color: #fff;
        -webkit-transform: skew(0,-8deg);
        transform: skew(0,-8deg)
    }

        .grayMask .whiteSquareWrapper .nakedGirlWrapper {
            position: absolute;
            bottom: 0;
            right: 15%;
            width: 433px;
            height: 490px;
            overflow: hidden
        }

            .grayMask .whiteSquareWrapper .nakedGirlWrapper .nakedGirlPic {
                -webkit-transform: skew(0,8deg);
                transform: skew(0,8deg)
            }

.naviWrapper {
    font-size: 0;
    margin-bottom: 50px
}

    .naviWrapper .dataRow, .naviWrapper .grayBox {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .naviWrapper .grayBox {
        text-align: center;
        color: #fff
    }

    .naviWrapper .info {
        padding: 30px 20px;
        background-color: #29282F;
        width: 220px;
        height: 265px
    }

        .naviWrapper .info.baseData {
            border-bottom: 5px solid #FF8382
        }

        .naviWrapper .info.coupon {
            border-bottom: 5px solid #6F9FED
        }

        .naviWrapper .info.transaction {
            border-bottom: 5px solid #C182F8
        }

        .naviWrapper .info.gp {
            border-bottom: 5px solid #F5A623
        }

        .naviWrapper .info .boxWord {
            font-size: 15px
        }

            .naviWrapper .info .boxWord p:first-child {
                font-size: 20px
            }

        .naviWrapper .info .sprite {
            display: inline-block;
            margin-top: 25px
        }

        .naviWrapper .info .boxPic:hover {
            -webkit-transform: translate3d(0,-5px,0);
            transform: translate3d(0,-5px,0);
            -webkit-transition: .1s;
            transition: .1s
        }

.bottomBanner {
    max-width: 1100px;
    height: 90px;
    line-height: 90px;
    background-color: #27252B;
    font-size: 0
}

    .bottomBanner .upgrade_box, .bottomBanner .words {
        display: inline-block;
        vertical-align: top;
        color: #fff
    }

    .bottomBanner .words {
        width: 70%;
        text-align: center;
        font-size: 16px
    }

    .bottomBanner .upgrade_box {
        width: 30%;
        background-color: #F32B70;
        text-align: center;
	    cursor: pointer;
        font-size: 18px
    }

@media (min-width:0) and (max-width:999px) {
    .index_content .account_wrapper {
        position: initial;
        background-color: #fff;
        margin: 0;
        padding: 15px 10px 20px
    }

        .index_content .account_wrapper .mobileSecTitle {
            display: block;
            margin-bottom: 20px;
            font-weight: 600;
            color: #333
        }

        .index_content .account_wrapper .levelIcon {
            display: none
        }

        .index_content .account_wrapper .column {
            position: relative
        }

            .index_content .account_wrapper .column.m_t_space {
                margin-top: 30px
            }

            .index_content .account_wrapper .column .mobileLevelIcon {
                display: inline-block;
                margin-left: 10px;
                vertical-align: bottom;
                height: 20px
            }

        .index_content .account_wrapper .upgradeBtn {
            height: 35px;
            line-height: 34px;
            font-size: 13px
        }

    .grayMask .whiteSquareWrapper {
        display: none
    }

    .naviWrapper {
        margin-bottom: 20px
    }

        .naviWrapper .dataRow {
            display: block;
            width: 100%
        }

        .naviWrapper .grayBox {
            width: 100%;
            border-bottom: 1px solid #ccc
        }

        .naviWrapper .info {
            padding: 10px;
            border-bottom: 0 !important;
            width: initial;
            height: initial
        }

            .naviWrapper .info .boxPic, .naviWrapper .info .boxWord {
                display: inline-block;
                vertical-align: top
            }

            .naviWrapper .info .boxWord {
                width: 60%;
                font-size: 12px
            }

                .naviWrapper .info .boxWord p:first-child {
                    font-size: 18px
                }

            .naviWrapper .info .boxPic {
                width: 40%
            }

            .naviWrapper .info .sprite {
                margin: 0
            }

            .naviWrapper .info .sprite-memberdata-min {
                width: 57px;
                height: 57px;
                background-position: 0 -413px
            }

            .naviWrapper .info .sprite-membercoupon-min {
                width: 57px;
                height: 57px;
                background-position: 0 -220px
            }

            .naviWrapper .info .sprite-membertrans-min {
                width: 57px;
                height: 57px;
                background-position: 0 -795px
            }

            .naviWrapper .info .sprite-membergp-min {
                width: 55px;
                height: 57px;
                background-position: 0 -606px
            }

    .bottomBanner {
        height: initial;
        line-height: initial;
        background-color: transparent;
        text-align: center
    }

        .bottomBanner .words {
            margin-bottom: 10px;
        }

        .bottomBanner .upgrade_box {
            width: 300px;
            height: 45px;
            line-height: 45px;
            border-radius: 25px;
            font-size: 18px
        }
}


.leagueWrapper {
    margin-top: 110px
}

    .leagueWrapper.moveD {
        margin-top: 140px
    }

.bigTitle {
    display: inline-block;
    font-size: 1.875rem;
    color: #fff
}

.leagueTop_banner {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    background: url(img/leagueTop_banner.jpg);
    background-size: cover;
    border-bottom: 6px #FF8C95 solid;
    padding-bottom: 26px;
    text-align: center;
    font-size: 0
}

    .leagueTop_banner:before {
        position: absolute;
        left: 50%;
        bottom: -27px;
        border-color: #FF8C95 transparent transparent;
        border-width: 15px 15px 6px;
        border-style: solid;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    .leagueTop_banner .leagueConter .bodyBox, .leagueTop_banner .leagueConter .bodyTitle {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px
    }

        .leagueTop_banner .leagueConter .bodyBox .bigTitle, .leagueTop_banner .leagueConter .bodyTitle .bigTitle {
            margin: 24px auto
        }

    .leagueTop_banner .leagueConter .bodyTitle {
        margin-right: 130px;
        color: #fff;
        text-shadow: 0 2px 4px #000;
        letter-spacing: 1px
    }

        .leagueTop_banner .leagueConter .bodyTitle h1 {
            font-size: 3em;
            font-weight: blod
        }

        .leagueTop_banner .leagueConter .bodyTitle p {
            position: relative;
            font-size: 1.25em;
            text-align: center
        }

    .leagueTop_banner .leagueConter .bodyBox {
        margin: 35px 0;
        background: rgba(247,69,118,.8);
        width: 300px;
        height: 330px
    }

        .leagueTop_banner .leagueConter .bodyBox p {
            position: relative;
            display: inline-block;
            height: 70px;
            width: 260px;
            color: #fff;
            font-size: 15px
        }

            .leagueTop_banner .leagueConter .bodyBox p input {
                margin-left: 14px;
                border: 1px solid #fff;
                border-radius: 4px;
                background: 0 0;
                color: #fff;
                font-size: 15px;
                width: 210px;
                height: 45px;
                text-indent: 5px
            }

            .leagueTop_banner .leagueConter .bodyBox p span.error {
                display: block;
                text-align: right;
                font-size: 12px
            }

            .leagueTop_banner .leagueConter .bodyBox p ::-webkit-input-placeholder {
                margin-left: 10px;
                font-size: 15px;
                color: #fff
            }

            .leagueTop_banner .leagueConter .bodyBox p ::-moz-placeholder {
                margin-left: 10px;
                font-size: 15px;
                color: #fff
            }

            .leagueTop_banner .leagueConter .bodyBox p :-ms-input-placeholder {
                -left: 10px;
                font-size: 15px;
                color: #fff
            }

            .leagueTop_banner .leagueConter .bodyBox p input:-moz-placeholder {
                margin-left: 10px;
                font-size: 15px;
                color: #fff
            }

        .leagueTop_banner .leagueConter .bodyBox .goSignIn {
            display: inline-block;
            margin: 0 20px 10px;
            padding: 12px;
            width: 260px;
            height: 52px;
            border: 0;
            border-radius: 3px;
            background: #F8F08E;
            font-size: 18px;
            font-weight: 700;
            color: #F74576;
            cursor: pointer
        }

            .leagueTop_banner .leagueConter .bodyBox .goSignIn a {
                width: 100%;
                color: #F74576;
                font-size: 18px;
                vertical-align: middle
            }

        .leagueTop_banner .leagueConter .bodyBox .toJoin {
            display: inline-block;
            text-decoration: none;
            font-size: 18px;
            font-family: bold;
            color: #fff;
            cursor: pointer
        }

            .leagueTop_banner .leagueConter .bodyBox .toJoin:hover {
                color: #F8F08E
            }

                .leagueTop_banner .leagueConter .bodyBox .toJoin:hover span {
                    background-position-y: -25px
                }

            .leagueTop_banner .leagueConter .bodyBox .toJoin span {
                border-style: solid;
                background: url(img/icon_leagueTop_dowm.svg) no-repeat;
                border-color: rgba(242,89,126,0);
                border-width: 0 24px 0 12px;
                background-size: 12px;
                background-position-y: 1px;
                vertical-align: sub
            }

.account_wrapper .user_content .level_box img, .account_wrapper .user_content .level_box span, .leagueTable_Box .checkBox label > span {
    vertical-align: middle
}

.advantageIcon .bigTitle {
    display: block;
    margin-top: 56px;
    color: #000;
    text-align: center
}

.advantageIcon ul {
    margin: 30px auto 0;
    max-width: 1040px;
    border: 1px solid #EEE;
    font-size: 0
}

    .advantageIcon ul li {
        display: inline-block;
        margin: 30px 0;
        border-left: 1px #EEE dashed;
        padding: 12px 0;
        width: 20%;
        text-align: -webkit-center
    }

        .advantageIcon ul li:first-child {
            border-left: 0
        }

        .advantageIcon ul li div {
            width: 120px;
            height: 85px;
            margin-bottom: 28px
        }

        .advantageIcon ul li p {
            font-size: 13px;
            color: #616161;
            line-height: 18px
        }

        .advantageIcon ul li .focusTextColor {
            font-weight: 700;
            line-height: 18px;
            color: #F74576
        }

.advantageIcon .icon_advantage_bag {
    background: url(img/icon_advantage_bag.svg) no-repeat
}

.advantageIcon .icon_advantage_lcd {
    background: url(img/icon_advantage_lcd.svg) no-repeat
}

.advantageIcon .icon_advantage_table {
    background: url(img/icon_advantage_table.svg) no-repeat
}

.advantageIcon .icon_advantage_book {
    background: url(img/icon_advantage_book.svg) no-repeat
}

.advantageIcon .icon_advantage_scales {
    background: url(img/icon_advantage_scales.svg) no-repeat
}

.leagueDividend {
    position: relative;
    margin-top: 40px;
    padding: 35px 30px 30px;
    background: #FF8C95;
    text-align: center
}

    .leagueDividend .bigTitle {
        display: block;
        text-shadow: 0 2px 4px rgba(208,2,27,.3)
    }

    .leagueDividend .leagueDividend_banner {
        position: absolute;
        left: 79%;
        top: 30px;
        height: 90%
    }

    .leagueDividend ul {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: 70%;
        margin: 15px auto;
        border: 4px solid #78D6F2;
        padding: 20px;
        border-radius: 75px;
        background: #FFFCE0;
        box-shadow: 0 2px 4px rgba(0,0,0,.5)
    }

        .leagueDividend ul li {
            display: inline-block;
            width: 15%;
            font-weight: 700
        }

            .leagueDividend ul li:last-child .line:before {
                border-width: 0
            }

            .leagueDividend ul li div {
                padding: 5px
            }

            .leagueDividend ul li .line {
                position: relative;
                background: #000;
                padding: 1px
            }

                .leagueDividend ul li .line:before {
                    position: absolute;
                    top: -9px;
                    right: -12px;
                    width: 0;
                    height: 0;
                    border-width: 10px;
                    border-style: solid;
                    border-color: transparent transparent transparent #000
                }

    .leagueDividend .dividendRWD_text {
        font-size: 13px;
        color: #333
    }

.leagueShare_Swap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

    .leagueShare_Swap .leagueShare_banner {
        display: inline-block;
        background: url(img/p02.png) right center no-repeat;
        background-size: contain;
        width: 50%;
        height: 350px
    }

    .leagueShare_Swap .leagueShare {
        display: inline-block;
        margin-left: 30px
    }

        .leagueShare_Swap .leagueShare .bigTitle {
            color: #000;
            font-weight: 700;
            margin-bottom: 10px
        }

        .leagueShare_Swap .leagueShare p {
            line-height: 25px;
            color: #666
        }

            .leagueShare_Swap .leagueShare p tt {
                color: #FF8C95
            }

.leagueProcedure {
    border-bottom: 6px #FF8C95 solid;
    padding-top: 30px;
    background: #F3F2F1;
    width: 100%
}

    .leagueProcedure:before {
        position: relative;
        left: 50%;
        top: 160px;
        border-color: #FF8C95 transparent transparent;
        border-width: 15px 15px 6px;
        border-style: solid
    }

    .leagueProcedure .procedureTitle {
        font-size: 20px;
        font-weight: 700;
        text-align: center
    }

    .leagueProcedure ol {
        margin: auto;
        width: 859px;
        font-size: 0
    }

        .leagueProcedure ol li {
            display: inline-block;
            margin: 30px 10px 27px 4px;
            font-size: 15px;
            padding-left: 42px;
            height: 32px;
            line-height: 30px
        }

            .leagueProcedure ol li:last-child {
                margin-right: 0
            }

    .leagueProcedure .icon_procedure_pen {
        background: url(img/icon_procedure_pen.svg) no-repeat
    }

    .leagueProcedure .icon_procedure_table {
        background: url(img/icon_procedure_table.svg) no-repeat
    }

    .leagueProcedure .icon_procedure_money {
        background: url(img/icon_procedure_money.svg) no-repeat
    }

    .leagueProcedure .icon_procedure_ok {
        background: url(img/icon_procedure_ok.svg) no-repeat
    }

.leagueTable_Box {
    margin: auto;
    width: 650px;
    text-align: center;
    font-size: 15px;
    color: #666
}

    .leagueTable_Box .bigTitle {
        margin: 49px auto 0;
        color: #000
    }

    .leagueTable_Box .input_box {
        position: relative;
        height: 90px;
        text-align: left
    }

    .leagueTable_Box input[type=password], .leagueTable_Box input[type=text] {
        border: 1px solid #999;
        text-indent: 11px;
        font-size: 15px;
        width: 100%;
        height: 45px
    }

    .leagueTable_Box span.error {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 14px;
        color: #F32B70
    }

    .leagueTable_Box .linkInput {
        margin: 0;
        visibility: hidden
    }

        .leagueTable_Box .linkInput:checked ~ label .check_ok {
            background-color: #419BFF;
            border: 0;
            color: #fff;
            line-height: 15px;
            text-indent: 3px
        }

    .leagueTable_Box .checkBox {
        position: relative;
        margin-top: 10px;
        text-align: left
    }

    .leagueTable_Box .check_ok {
        display: inline-block;
        border-radius: 2px;
        border: 1px solid #666;
        background: #fff;
        vertical-align: middle;
        color: rgba(255,255,255,0);
        width: 16px;
        height: 16px;
        cursor: pointer
    }

    .leagueTable_Box .sentOut_Button {
        margin: 50px 0 80px;
        border: 0;
        background: #FF8C95;
        width: 300px;
        height: 45px;
        color: #fff;
        text-align: center;
        font-size: 15px;
        cursor: pointer
    }

@media (max-width:999px) and (min-width:0px) {
    .leagueWrapper {
        margin-top: 95px
    }

        .leagueWrapper.moveD {
            margin-top: 125px
        }

        .leagueWrapper .leagueTop_banner .leagueConter {
            margin: 0 10px
        }

            .leagueWrapper .leagueTop_banner .leagueConter .bodyTitle {
                margin: 18px 0 0;
                letter-spacing: 0
            }

                .leagueWrapper .leagueTop_banner .leagueConter .bodyTitle h1 {
                    font-size: 28px
                }

                .leagueWrapper .leagueTop_banner .leagueConter .bodyTitle p {
                    font-size: 13px
                }

            .leagueWrapper .leagueTop_banner .leagueConter .bodyBox {
                margin: 15px 0
            }

                .leagueWrapper .leagueTop_banner .leagueConter .bodyBox .bigTitle {
                    margin: 24px auto
                }

    .advantageIcon .bigTitle {
        margin-top: 20px;
        font-size: 20px;
        width: 100%
    }

    .advantageIcon ul {
        margin: 0 16px;
        max-width: 100%;
        border: 0
    }

        .advantageIcon ul li {
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            flex-direction: row-reverse;
            -webkit-box-pack: end;
            justify-content: flex-end;
            margin: 0;
            border-left: 0;
            padding: 5px 0 0;
            width: 100%;
            text-align: inherit
        }

            .advantageIcon ul li div, .leagueDividend .leagueDividend_banner {
                display: none
            }

            .advantageIcon ul li:after {
                margin: 6px 10px 0 0;
                border-radius: 12px;
                content: '';
                width: 7px;
                height: 7px;
                background: #F74576
            }

            .advantageIcon ul li:first-child {
                padding: 15px 0 0
            }

            .advantageIcon ul li .falseCode {
                margin-left: 2px
            }

                .advantageIcon ul li .falseCode:after {
                    content: ')'
                }

                .advantageIcon ul li .falseCode:before {
                    content: ' ('
                }

    .leagueDividend {
        padding: 0 10px 15px;
        height: 100%
    }

        .leagueDividend .bigTitle {
            display: inline-block;
            margin-top: 15px;
            font-size: 18px;
            letter-spacing: 0
        }

        .leagueDividend ul {
            flex-wrap: wrap;
            border-radius: 10px;
            width: 90%
        }

            .leagueDividend ul li {
                display: inline-block;
                margin-bottom: 13px;
                border-bottom: 1px #78D6F2 solid;
                padding-bottom: 12px;
                font-weight: 700;
                width: 100%
            }

                .leagueDividend ul li:last-child {
                    margin-bottom: 0;
                    padding-bottom: 0;
                    border-bottom: 0
                }

                .leagueDividend ul li div {
                    float: left;
                    width: 50%;
                    font-size: 18px;
                    text-align: center
                }

                .leagueDividend ul li .line {
                    display: none
                }

        .leagueDividend .dividendRWD_text {
            display: inline-block;
            margin-top: 10px;
            text-align: center
        }

    .leagueShare_Swap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse
    }

        .leagueShare_Swap .leagueShare_banner {
            margin: 0;
            background: url(img/leagueShare_phone.png) no-repeat;
            width: 100%;
            height: 0;
            padding-bottom: 71.87%;
            background-size: cover
        }

        .leagueShare_Swap .leagueShare {
            margin: 25px 25px 15px
        }

            .leagueShare_Swap .leagueShare .bigTitle {
                display: block;
                font-size: 18px;
                font-weight: 700;
                letter-spacing: 0;
                color: #000
            }

            .leagueShare_Swap .leagueShare p {
                margin-top: 15px;
                font-size: 15px;
                color: #666
            }

    .leagueProcedure {
        position: relative;
        padding: 29px 12px 30px;
        font-size: 0;
        text-align: center
    }

        .leagueProcedure:before {
            position: absolute;
            top: auto;
            left: 50%;
            bottom: -25px;
            -webkit-transform: translate(-50%,0);
            transform: translate(-50%,0)
        }

        .leagueProcedure .procedureTitle {
            display: inline-block;
            padding-bottom: 11px;
            font-size: 20px;
            font-weight: 700
        }

        .leagueProcedure ol {
            width: 100%;
            text-align: initial
        }

            .leagueProcedure ol li {
                margin: 15px 0;
                padding: 8px 0 8px 42px;
                width: 100%;
                line-height: 16px
            }

    .leagueTable_Box {
        width: calc(100% - 20px);
        margin: 0 10px
    }

        .leagueTable_Box .bigTitle {
            font-size: 20px;
            font-weight: 700
        }

        .leagueTable_Box .input_box input {
            width: 100%;
            min-width: 300px
        }

        .leagueTable_Box .checkBox > span.error {
            position: absolute;
            width: 100%;
            height: 30px;
            top: 24px;
            text-indent: 30px
        }

    .sentOut_Button {
        font-size: 15px
    }
}

.account_wrapper {
    margin: 0 15px;
    font-size: 15px;
    color: #999
}

    .account_wrapper .email_box .n_verified, .account_wrapper .email_box .separateLine {
        padding-right: 8px;
        margin-right: 5px;
        border-right: 1px solid #616161
    }

    .account_wrapper .email_box .title {
        color: #999
    }

    .account_wrapper .email_box .verified {
        color: #11C034
    }

    .account_wrapper .email_box .n_verified {
        color: #F32B70
    }

    .account_wrapper .email_box .verifiedPhone {
        color: #616161;
        text-decoration: underline
    }

    .account_wrapper .email_box .verifiedEmail {
        cursor: pointer;
        color: #616161;
        text-decoration: underline;
        letter-spacing: 2px
    }

    .account_wrapper .email_box .m_t_30 {
        margin-top: 30px
    }

    .account_wrapper .user_content.fixedWidth {
        width: 500px
    }


    .account_wrapper .user_content .title {
        color: #999
    }

    .account_wrapper .user_content .mobile_Status {
        position: relative;
        margin-top: 12px
    }

        .account_wrapper .user_content .mobile_Status .verified.fontPink {
            color: #F32B70
        }

        .account_wrapper .user_content .mobile_Status .verifiedNumberSec {
            position: absolute;
            right: 0;
            top: 0
        }

            .account_wrapper .user_content .mobile_Status .verifiedNumberSec .sendLimit {
                letter-spacing: 1px
            }

            .account_wrapper .user_content .mobile_Status .verifiedNumberSec .success {
                color: #11C034
            }

            .account_wrapper .user_content .mobile_Status .verifiedNumberSec .reVerifiedNumber {
                cursor: pointer;
                color: #616161;
                text-decoration: underline;
                letter-spacing: 2px
            }

    .account_wrapper .user_content .numberChangeNotice {
        text-align: center;
        background-color: rgba(255,231,230,.35);
        margin-top: 25px;
        padding: 10px 0;
        border: 1.5px dashed #FF8382
    }

        .account_wrapper .user_content .numberChangeNotice .inProcess {
            margin-bottom: 15px;
            color: #F32B70
        }

        .account_wrapper .user_content .numberChangeNotice .noticeWrapper {
            font-size: 0
        }

            .account_wrapper .user_content .numberChangeNotice .noticeWrapper span {
                color: #666
            }

            .account_wrapper .user_content .numberChangeNotice .noticeWrapper .mobileNumber {
                font-size: 15px
            }

            .account_wrapper .user_content .numberChangeNotice .noticeWrapper .resendMobileValid {
                margin-left: 15px;
                font-size: 13px;
                cursor: pointer;
                text-decoration: underline
            }

    .account_wrapper .user_content .level_box {
        margin-top: 20px
    }

        .account_wrapper .user_content .level_box .level_icon {
            display: inline-block;
            height: 20px
        }

    .account_wrapper .user_content .upgrade_box {
        display: inline-block;
        margin-top: 25px;
        width: 100%;
        height: 45px;
        line-height: 43px;
        background-color: #F32B70;
        border: 2px solid #F32B70;
        border-radius: 25px;
        -webkit-transition: all .3s;
        transition: all .3s;
        text-align: center;
        color: #fff
    }

        .account_wrapper .user_content .upgrade_box:hover {
            background-color: #fff;
            color: #F32B70
        }

        .account_wrapper .user_content .upgrade_box:active {
            background-color: #F32B70;
            color: #fff
        }

    .account_wrapper .user_content input[type=button], .account_wrapper .user_content input[type=email], .account_wrapper .user_content input[type=password], .account_wrapper .user_content input[type=search], .account_wrapper .user_content input[type=submit], .account_wrapper .user_content input[type=tel], .account_wrapper .user_content input[type=text], .account_wrapper .user_content input[type=url] {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0
    }

    .account_wrapper .user_content ::-webkit-input-placeholder {
        color: #999;
        -webkit-transition: opacity 250ms ease-in-out;
        transition: opacity 250ms ease-in-out
    }

    .account_wrapper .user_content :focus::-webkit-input-placeholder {
        opacity: .5
    }

    .account_wrapper .user_content :-ms-input-placeholder {
        color: #999;
        -webkit-transition: opacity 250ms ease-in-out;
        transition: opacity 250ms ease-in-out
    }

    .account_wrapper .user_content :focus:-ms-input-placeholder {
        opacity: .5
    }

    .account_wrapper .user_content ::-moz-placeholder {
        color: #999;
        opacity: 1;
        -webkit-transition: opacity 250ms ease-in-out;
        transition: opacity 250ms ease-in-out
    }

    .account_wrapper .user_content :focus::-moz-placeholder {
        opacity: .5
    }

    .account_wrapper .user_content :-moz-placeholder {
        color: #999;
        opacity: 1;
        -webkit-transition: opacity 250ms ease-in-out;
        transition: opacity 250ms ease-in-out
    }

    .account_wrapper .user_content :focus:-moz-placeholder {
        opacity: .5
    }

    .account_wrapper .user_content .input_box {
        position: relative;
        margin-top: 15px;
        height: 57px
    }

        .account_wrapper .user_content .input_box:first-of-type {
            margin-top: 25px
        }

        .account_wrapper .user_content .input_box.shiftDown {
            margin-top: 30px
        }

        .account_wrapper .user_content .input_box.remove_mt_15 {
            margin-top: 0
        }

        .account_wrapper .user_content .input_box .checkValidators {
            outline: 0;
            background: 0 0;
            border: none;
            width: 100%;
            height: 35px;
            font-size: 15px;
            -webkit-transition: all .2s;
            transition: all .2s
        }

            .account_wrapper .user_content .input_box .checkValidators.error {
                border-bottom: 3px solid #F32B70
            }

        .account_wrapper .user_content .input_box .border_gray {
            border-bottom: 1px solid #999
        }

        .account_wrapper .user_content .input_box .valid {
            border-bottom: 3px solid #11C034
        }

        .account_wrapper .user_content .input_box span.error {
            position: absolute;
            right: 0;
            bottom: 0;
            color: #F32B70;
            font-size: 13px
        }

    .account_wrapper .user_content .contryCodeSec {
        position: relative;
        margin: 25px 0;
        border-bottom: 1px solid #999;
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #999;
        -webkit-transition: all .2s;
        transition: all .2s
    }

        .account_wrapper .user_content .contryCodeSec.error {
            border-bottom: 3px solid #F32B70
        }

        .account_wrapper .user_content .contryCodeSec .icon-arrowdown {
            position: absolute;
            right: 15px;
            top: 5px
        }

        .account_wrapper .user_content .contryCodeSec .selectHide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-appearance: none;
            opacity: 0
        }

        .account_wrapper .user_content .contryCodeSec span.error {
            position: absolute;
            right: 0;
            top: 35px;
            color: #F32B70;
            font-size: 13px
        }

    .account_wrapper .user_content .submit_box {
        margin-top: 20px;
        position: relative;
        min-height: 45px
    }

        .account_wrapper .user_content .submit_box .btn_section {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 0
        }

            .account_wrapper .user_content .submit_box .btn_section #userCancelBtn, .account_wrapper .user_content .submit_box .btn_section .submitBtn {
                display: inline-block;
                vertical-align: top
            }

            .account_wrapper .user_content .submit_box .btn_section #btnMChange, .account_wrapper .user_content .submit_box .btn_section #userCancelBtn {
                margin-right: 30px;
                line-height: 45px;
                font-size: 15px;
                text-align: center;
                cursor: pointer;
                color: #999
            }

            .account_wrapper .user_content .submit_box .btn_section .submitBtn {
                border: 1px solid #FF8382;
                outline: 0;
                background-color: #fff;
                height: 45px;
                padding: 0 10px;
                color: #FF8382;
                font-size: 15px;
                border-radius: 25px;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .account_wrapper .user_content .submit_box .btn_section .submitBtn:hover {
                    background-color: #FF8382;
                    color: #fff
                }

                .account_wrapper .user_content .submit_box .btn_section .submitBtn:active {
                    background-color: #fff;
                    color: #FF8382
                }

    .account_wrapper .reminder_wrapper {
        font-size: 12px;
        margin: 40px 0 60px
    }

        .account_wrapper .reminder_wrapper span {
            line-height: 1.4em
        }

        .account_wrapper .reminder_wrapper .reminder_title {
            font-size: 15px;
            margin-bottom: 25px
        }

        .account_wrapper .reminder_wrapper .fontPink, .account_wrapper .reminder_wrapper .p_l_10 {
            display: block;
            margin-bottom: 10px
        }

        .account_wrapper .reminder_wrapper .fontPink {
            color: #FF8382
        }

            .account_wrapper .reminder_wrapper .fontPink .p_circle {
                background: #FF8382
            }

        .account_wrapper .reminder_wrapper .p_circle {
            vertical-align: middle;
            display: inline-block;
            margin: 0 10px 4px 0;
            width: 5px;
            height: 5px;
            border-radius: 50%
        }

        .account_wrapper .reminder_wrapper .p_l_10 .p_circle {
            background: #999
        }

        .account_wrapper .reminder_wrapper .p_l_10:last-of-type {
            margin-bottom: 0
        }

    .account_wrapper.coupon {
        font-size: 13px
    }

    .account_wrapper .gp_intro {
        margin-top: 13px;
        margin-bottom: 25px;
        font-size: 15px
    }

        .account_wrapper .gp_intro a {
            text-decoration: underline;
            color: #999
        }

    .account_wrapper .gp_number {
        color: #FF8382
    }

    .account_wrapper .gp_expire {
        margin-left: 10px;
        color: #999;
        font-size: 15px
    }

    .account_wrapper .gp_moreinfo {
        color: #F32B70;
        text-decoration: underline
    }

    .account_wrapper .gp_tabs {
        position: relative;
        margin-bottom: 18px;
        font-size: 0
    }

        .account_wrapper .gp_tabs .gp_tabs_cat {
            display: inline-block;
            vertical-align: top;
            width: 50%;
            height: 60px;
            border-bottom: 1px solid #DADADA;
            text-align: center;
            font-size: 18px;
            letter-spacing: 1px
        }

            .account_wrapper .gp_tabs .gp_tabs_cat.selected {
                border-top: 2px solid #FF8382;
                border-right: 1px solid #DADADA;
                border-left: 1px solid #DADADA;
                border-bottom: 0
            }

            .account_wrapper .gp_tabs .gp_tabs_cat a {
                display: block;
                padding: 10px 0
            }

    .account_wrapper .gp_user_notice {
        padding-left: 20px;
        padding-bottom: 17px;
        letter-spacing: 1px
    }

    .account_wrapper .coupon_content .coupon_input {
        padding-bottom: 10px
    }

        .account_wrapper .coupon_content .coupon_input input[type=button], .account_wrapper .coupon_content .coupon_input input[type=text] {
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0
        }

        .account_wrapper .coupon_content .coupon_input ::-webkit-input-placeholder {
            color: #999;
            -webkit-transition: opacity 250ms ease-in-out;
            transition: opacity 250ms ease-in-out
        }

        .account_wrapper .coupon_content .coupon_input :focus::-webkit-input-placeholder {
            opacity: .5
        }

        .account_wrapper .coupon_content .coupon_input :-ms-input-placeholder {
            color: #999;
            -webkit-transition: opacity 250ms ease-in-out;
            transition: opacity 250ms ease-in-out
        }

        .account_wrapper .coupon_content .coupon_input :focus:-ms-input-placeholder {
            opacity: .5
        }

        .account_wrapper .coupon_content .coupon_input ::-moz-placeholder {
            color: #999;
            opacity: 1;
            -webkit-transition: opacity 250ms ease-in-out;
            transition: opacity 250ms ease-in-out
        }

        .account_wrapper .coupon_content .coupon_input :focus::-moz-placeholder {
            opacity: .5
        }

        .account_wrapper .coupon_content .coupon_input :-moz-placeholder {
            color: #999;
            opacity: 1;
            -webkit-transition: opacity 250ms ease-in-out;
            transition: opacity 250ms ease-in-out
        }

        .account_wrapper .coupon_content .coupon_input :focus:-moz-placeholder {
            opacity: .5
        }

        .account_wrapper .coupon_content .coupon_input .input_wrapper {
            font-size: 0
        }

            .account_wrapper .coupon_content .coupon_input .input_wrapper .couponSendBtn, .account_wrapper .coupon_content .coupon_input .input_wrapper .input_box {
                vertical-align: top
            }

            .account_wrapper .coupon_content .coupon_input .input_wrapper .input_box {
                position: relative;
                display: inline-block;
                width: 320px;
                height: 60px;
                margin-right: 30px
            }

                .account_wrapper .coupon_content .coupon_input .input_wrapper .input_box .checkValidators {
                    outline: 0;
                    background: 0 0;
                    border: none;
                    width: 100%;
                    height: 35px;
                    font-size: 15px;
                    border-bottom: 1px solid #999;
                    -webkit-transition: all .2s;
                    transition: all .2s
                }

                    .account_wrapper .coupon_content .coupon_input .input_wrapper .input_box .checkValidators.error {
                        border-bottom: 3px solid #F32B70
                    }

                    .account_wrapper .coupon_content .coupon_input .input_wrapper .input_box .checkValidators.valid {
                        border-bottom: 3px solid #11C034
                    }

                .account_wrapper .coupon_content .coupon_input .input_wrapper .input_box #couponMsg {
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    font-size: 13px
                }

                    .account_wrapper .coupon_content .coupon_input .input_wrapper .input_box #couponMsg.error {
                        color: #F32B70
                    }

                    .account_wrapper .coupon_content .coupon_input .input_wrapper .input_box #couponMsg.valid {
                        color: #11C034
                    }

            .account_wrapper .coupon_content .coupon_input .input_wrapper .couponSendBtn {
                border: 1px solid #FF8382;
                outline: 0;
                background-color: #fff;
                width: 75px;
                height: 35px;
                color: #FF8382;
                font-size: 15px;
                border-radius: 25px;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .account_wrapper .coupon_content .coupon_input .input_wrapper .couponSendBtn:hover {
                    background-color: #FF8382;
                    color: #fff
                }

                .account_wrapper .coupon_content .coupon_input .input_wrapper .couponSendBtn:active {
                    background-color: #fff;
                    color: #FF8382
                }

    .account_wrapper .coupon_content .coupon_table_mobile {
        display: none
    }

    .account_wrapper .coupon_content .coupon_table {
        width: 100%
    }

        .account_wrapper .coupon_content .coupon_table .t_head_color {
            background-color: #F3F3F3
        }

            .account_wrapper .coupon_content .coupon_table .t_head_color .t_head_space {
                padding: 10px 0
            }

                .account_wrapper .coupon_content .coupon_table .t_head_color .t_head_space:first-of-type {
                    padding-left: 20px
                }

            .account_wrapper .coupon_content .coupon_table .t_head_color .t_head_last {
                padding-right: 10px
            }

        .account_wrapper .coupon_content .coupon_table tbody:before {
            content: "-";
            display: block;
            line-height: .8em;
            color: transparent
        }

        .account_wrapper .coupon_content .coupon_table .t_body_data {
            padding: 10px 10px 10px 0;
            line-height: 1.5em
        }

            #login_wrapper .login_content .rightBox.gap, #login_wrapper .login_content .rightBox.gapLeft, .account_wrapper .coupon_content .coupon_table .t_body_data:first-of-type {
                padding-left: 20px
            }

            .account_wrapper .coupon_content .coupon_table .t_body_data .videoLink {
                color: #999
            }

                .account_wrapper .coupon_content .coupon_table .t_body_data .videoLink:hover {
                    text-decoration: underline;
                    color: #666
                }

        .account_wrapper .coupon_content .coupon_table .t_body_data_center {
            text-align: center;
            padding-right: 10px
        }

    .account_wrapper .coupon_content .table_layout_fixed {
        table-layout: fixed
    }

        .account_wrapper .coupon_content .table_layout_fixed .row_time {
            width: 20%
        }

        .account_wrapper .coupon_content .table_layout_fixed .row_item {
            width: 10%
        }

        .account_wrapper .coupon_content .table_layout_fixed .row_desciption {
            width: 50%
        }

        .account_wrapper .coupon_content .table_layout_fixed .row_gpoint, .account_wrapper .coupon_content .table_layout_fixed .row_gremainder {
            width: 10%
        }

#login_wrapper {
    position: relative;
    height: calc(100vh - 282px);
    min-height: 600px;
    padding-top: 100px;
    background-image: url(img/indexBkg-min.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

    #login_wrapper .login_content {
        margin: 0 auto;
        height: 331px;
        font-size: 0;
        text-align: center
    }

        #login_wrapper .login_content .boxTitle {
            font-size: 20px;
            color: #333
        }

        #login_wrapper .login_content .rightBox {
            display: inline-block;
            vertical-align: top;
            position: relative;
            height: 100%;
            font-size: 13px;
            width: 400px;
            color: #fff
        }

            #login_wrapper .login_content .rightBox > .form_content {
                background-color: #FF8382;
                height: 100%;
                padding: 50px 40px;
                text-align: left;
                box-shadow: 0 0 6px 0 rgba(0,0,0,.81);
                border-radius: 3px
            }

                #login_wrapper .login_content .rightBox > .form_content input[type=button], #login_wrapper .login_content .rightBox > .form_content input[type=email], #login_wrapper .login_content .rightBox > .form_content input[type=password], #login_wrapper .login_content .rightBox > .form_content input[type=search], #login_wrapper .login_content .rightBox > .form_content input[type=submit], #login_wrapper .login_content .rightBox > .form_content input[type=tel], #login_wrapper .login_content .rightBox > .form_content input[type=text], #login_wrapper .login_content .rightBox > .form_content input[type=url] {
                    appearance: none;
                    -moz-appearance: none;
                    -webkit-appearance: none;
                    border-radius: 0;
                    -moz-border-radius: 0;
                    -webkit-border-radius: 0
                }

                #login_wrapper .login_content .rightBox > .form_content ::-webkit-input-placeholder {
                    color: #fff;
                    -webkit-transition: opacity 250ms ease-in-out;
                    transition: opacity 250ms ease-in-out
                }

                #login_wrapper .login_content .rightBox > .form_content :focus::-webkit-input-placeholder {
                    opacity: .5
                }

                #login_wrapper .login_content .rightBox > .form_content :-ms-input-placeholder {
                    color: #fff;
                    -webkit-transition: opacity 250ms ease-in-out;
                    transition: opacity 250ms ease-in-out
                }

                #login_wrapper .login_content .rightBox > .form_content :focus:-ms-input-placeholder {
                    opacity: .5
                }

                #login_wrapper .login_content .rightBox > .form_content ::-moz-placeholder {
                    color: #fff;
                    opacity: 1;
                    -webkit-transition: opacity 250ms ease-in-out;
                    transition: opacity 250ms ease-in-out
                }

                #login_wrapper .login_content .rightBox > .form_content :focus::-moz-placeholder {
                    opacity: .5
                }

                #login_wrapper .login_content .rightBox > .form_content :-moz-placeholder {
                    color: #fff;
                    opacity: 1;
                    -webkit-transition: opacity 250ms ease-in-out;
                    transition: opacity 250ms ease-in-out
                }

                #login_wrapper .login_content .rightBox > .form_content :focus:-moz-placeholder {
                    opacity: .5
                }

                #login_wrapper .login_content .rightBox > .form_content legend {
                    font-size: 20px
                }

                #login_wrapper .login_content .rightBox > .form_content #p_note {
                    text-shadow: 0 0 0;
                    padding: 15px 0 10px;
                    line-height: 1.5em
                }

                #login_wrapper .login_content .rightBox > .form_content .recaptcha-wrap {
                    position: relative;
                    padding-bottom: 20px;
                    margin-top: 10px
                }

                    #login_wrapper .login_content .rightBox > .form_content .recaptcha-wrap span.error {
                        position: absolute;
                        right: 0;
                        bottom: 0;
                        color: #F32B70
                    }

                #login_wrapper .login_content .rightBox > .form_content .input_box {
                    position: relative;
                    margin-top: 10px;
                    height: 60px
                }

                    #login_wrapper .login_content .rightBox > .form_content .input_box.shiftDown25 {
                        margin-top: 25px
                    }

                    #login_wrapper .login_content .rightBox > .form_content .input_box.shiftDown {
                        margin-top: 50px
                    }

                    #login_wrapper .login_content .rightBox > .form_content .input_box .checkValidators {
                        outline: 0;
                        background: 0 0;
                        border: none;
                        width: 100%;
                        height: 35px;
                        font-size: 15px;
                        -webkit-transition: all .2s;
                        transition: all .2s
                    }

                        #login_wrapper .login_content .rightBox > .form_content .input_box .checkValidators.error {
                            border-bottom: 3px solid #F32B70
                        }

                    #login_wrapper .login_content .rightBox > .form_content .input_box .border_white {
                        border-bottom: 1px solid #fff
                    }

                    #login_wrapper .login_content .rightBox > .form_content .input_box .border_gray {
                        border-bottom: 1px solid #616161
                    }

                    #login_wrapper .login_content .rightBox > .form_content .input_box .valid {
                        border-bottom: 3px solid #11C034
                    }

                    #login_wrapper .login_content .rightBox > .form_content .input_box span.error {
                        position: absolute;
                        right: 0;
                        bottom: 3px;
                        color: #F32B70
                    }

                #login_wrapper .login_content .rightBox > .form_content .submit_box {
                    position: relative;
                    margin-top: 30px;
                    font-size: 0
                }

                    #login_wrapper .login_content .rightBox > .form_content .submit_box.btn_center {
                        margin-top: 20px;
                        text-align: center
                    }

                        #login_wrapper .login_content .rightBox > .form_content .submit_box.btn_center .submitBtn {
                            position: static
                        }

                    #login_wrapper .login_content .rightBox > .form_content .submit_box .link_to {
                        vertical-align: top;
                        display: inline-block;
                        height: 45px;
                        line-height: 45px
                    }

                        #login_wrapper .login_content .rightBox > .form_content .submit_box .link_to a {
                            font-size: 15px;
                            color: #fff
                        }

                            #login_wrapper .login_content .rightBox > .form_content .submit_box .link_to a:first-of-type {
                                padding-right: 5px;
                                margin-right: 5px;
                                border-right: 1px solid #fff
                            }

                    #login_wrapper .login_content .rightBox > .form_content .submit_box .submitBtn {
                        position: absolute;
                        right: 0;
                        top: 0;
                        border: 1px solid #fff;
                        outline: 0;
                        background-color: transparent;
                        width: 125px;
                        height: 45px;
                        color: #fff;
                        font-size: 15px;
                        border-radius: 25px;
                        -webkit-transition: all .3s;
                        transition: all .3s
                    }

                        #login_wrapper .login_content .rightBox > .form_content .submit_box .submitBtn:active, #login_wrapper .login_content .rightBox > .form_content .submit_box .submitBtn:hover {
                            background-color: #fff;
                            color: #FF8382
                        }

                #login_wrapper .login_content .rightBox > .form_content .link_center {
                    display: block;
                    margin-top: 30px;
                    text-align: center
                }

                    #login_wrapper .login_content .rightBox > .form_content .link_center a {
                        font-size: 15px;
                        color: #999
                    }

            #login_wrapper .login_content .rightBox.relogin > .form_content {
                background-color: #fff
            }

                #login_wrapper .login_content .rightBox.relogin > .form_content ::-webkit-input-placeholder {
                    color: #616161
                }

                #login_wrapper .login_content .rightBox.relogin > .form_content :-ms-input-placeholder {
                    color: #616161
                }

                #login_wrapper .login_content .rightBox.relogin > .form_content ::-moz-placeholder {
                    color: #616161
                }

                #login_wrapper .login_content .rightBox.relogin > .form_content :-moz-placeholder {
                    color: #616161
                }

                #login_wrapper .login_content .rightBox.relogin > .form_content legend {
                    color: #333
                }

                #login_wrapper .login_content .rightBox.relogin > .form_content #p_note {
                    color: #F32B70
                }

                #login_wrapper .login_content .rightBox.relogin > .form_content .submit_box .link_to a {
                    color: #616161
                }

                    #login_wrapper .login_content .rightBox.relogin > .form_content .submit_box .link_to a:first-of-type {
                        border-right: 1px solid #616161
                    }

                #login_wrapper .login_content .rightBox.relogin > .form_content .submit_box .submitBtn {
                    background-color: #FFBAB9
                }

                    #login_wrapper .login_content .rightBox.relogin > .form_content .submit_box .submitBtn:hover {
                        background-color: #fff;
                        border: 1px solid #FFBAB9;
                        color: #FFBAB9
                    }

                    #login_wrapper .login_content .rightBox.relogin > .form_content .submit_box .submitBtn:active {
                        background-color: #FF8382;
                        color: #fff
                    }

        #login_wrapper .login_content .emailResult {
            display: inline-block;
            padding: 70px 100px;
            width: 400px;
            background-color: #fff;
            height: 100%;
            font-size: 15px;
            color: #616161;
            text-align: center;
            box-shadow: 0 0 6px 0 rgba(0,0,0,.81);
            border-radius: 3px
        }

            #login_wrapper .login_content .emailResult .e_title {
                font-size: 25px
            }

            #login_wrapper .login_content .emailResult .e_message {
                text-align: center;
                margin-top: 25px;
                line-height: 1.5em;
                color: #999
            }

            #login_wrapper .login_content .emailResult .goIndexBtn {
                display: inline-block;
                margin-top: 40px;
                border: 1px solid #FF8382;
                width: 125px;
                height: 45px;
                line-height: 44px;
                color: #fff;
                font-size: 15px;
                border-radius: 25px;
                -webkit-transition: all .3s;
                transition: all .3s;
                background-color: #FF8382
            }

                #login_wrapper .login_content .emailResult .goIndexBtn:hover {
                    background-color: #fff;
                    border: 1px solid #FF8382;
                    color: #FF8382
                }

                #login_wrapper .login_content .emailResult .goIndexBtn:active {
                    background-color: #FF8382;
                    color: #fff
                }

#buygpWrapper .secTitle {
    font-size: 48px
}

#buygpWrapper .fullWidth {
    width: 1170px
}

@media screen and (max-width:1200px) {
    #buygpWrapper .fullWidth {
        width: 100%
    }
}

#buygpWrapper .buygp_sec1 {
    padding: 103px 0;
    min-height: 500px;
    background-image: url(img/VHIIf4S.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff
}

    #buygpWrapper .buygp_sec1 .sec1Container {
        margin: 0 auto;
        font-size: 0
    }

        #buygpWrapper .buygp_sec1 .sec1Container .headsUP {
            margin-bottom: 23px
        }

            #buygpWrapper .buygp_sec1 .sec1Container .headsUP span {
                vertical-align: bottom;
                display: inline-block
            }

            #buygpWrapper .buygp_sec1 .sec1Container .headsUP .sprite-gcoinbig {
                margin-right: 15px
            }

            #buygpWrapper .buygp_sec1 .sec1Container .headsUP .bigFont {
                font-size: 68px
            }

        #buygpWrapper .buygp_sec1 .sec1Container .words {
            margin-bottom: 10px;
            font-size: 15px
        }

            #buygpWrapper .buygp_sec1 .sec1Container .words:last-of-type {
                margin-bottom: 0
            }

        #buygpWrapper .buygp_sec1 .sec1Container .buyNowPink {
            margin-top: 25px;
            display: inline-block;
            border: 1px solid #FF8382;
            background-color: #FF8382;
            width: 200px;
            height: 38px;
            line-height: 37px;
            font-size: 18px;
            text-align: center;
            color: #fff;
            border-radius: 25px;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            #buygpWrapper .buygp_sec1 .sec1Container .buyNowPink:active, #buygpWrapper .buygp_sec1 .sec1Container .buyNowPink:hover {
                background-color: transparent
            }

#buygpWrapper .buygp_sec2 .sec2Container {
    margin: 0 auto;
    padding: 30px 0;
    font-size: 0
}

    #buygpWrapper .buygp_sec2 .sec2Container .infoBox {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    #buygpWrapper .buygp_sec2 .sec2Container .leftBox {
        padding: 80px 0
    }

        #buygpWrapper .buygp_sec2 .sec2Container .leftBox .boxTitle {
            margin-bottom: 22px;
            font-size: 48px
        }

        #buygpWrapper .buygp_sec2 .sec2Container .leftBox .boxMessage {
            margin-bottom: 10px;
            font-size: 24px
        }

        #buygpWrapper .buygp_sec2 .sec2Container .leftBox .boxReminder {
            font-size: 15px;
            color: #666
        }

            #buygpWrapper .buygp_sec2 .sec2Container .leftBox .boxReminder:not(:last-of-type) {
                margin-bottom: 5px
            }

        #buygpWrapper .buygp_sec2 .sec2Container .leftBox .btnSection {
            margin-top: 60px
        }

            #buygpWrapper .buygp_sec2 .sec2Container .leftBox .btnSection .baseBtn {
                display: inline-block;
                border: 1px solid #FF8382;
                width: 200px;
                height: 38px;
                line-height: 37px;
                font-size: 18px;
                text-align: center;
                border-radius: 25px;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                #buygpWrapper .buygp_sec2 .sec2Container .leftBox .btnSection .baseBtn.buyNowPink {
                    background-color: #FF8382;
                    color: #fff
                }

                #buygpWrapper .buygp_sec2 .sec2Container .leftBox .btnSection .baseBtn.speedTest {
                    color: #FF8382;
                    margin-left: 20px
                }

                    #buygpWrapper .buygp_sec2 .sec2Container .leftBox .btnSection .baseBtn.speedTest .sprite-savedisc {
                        display: inline-block;
                        vertical-align: middle;
                        margin-right: 5px
                    }

    #buygpWrapper .buygp_sec2 .sec2Container .rightBox {
        text-align: center
    }

        #buygpWrapper .buygp_sec2 .sec2Container .rightBox .naked6 {
            display: inline-block;
            background-image: url(img/9WfMaG0t.png);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            width: 461px;
            height: 409px
        }

@media screen and (min-width:769px) and (max-width:1000px) {
    #buygpWrapper .buygp_sec2 .sec2Container .rightBox .naked6 {
        width: 100%
    }
}

#buygpWrapper .buygp_sec3 {
    background-color: #FFF2F2
}

    #buygpWrapper .buygp_sec3 .sec3Container {
        margin: 0 auto;
        padding: 30px 0;
        font-size: 0
    }

        #buygpWrapper .buygp_sec3 .sec3Container .boxItemSpaceTop, #buygpWrapper .buygp_sec4 .sec4Container .note_wrapper .note_item {
            margin-top: 15px
        }

        #buygpWrapper .buygp_sec3 .sec3Container .boxItem {
            margin-bottom: 5px;
            font-size: 15px;
            letter-spacing: 1px;
            line-height: 1.5em
        }

        #buygpWrapper .buygp_sec3 .sec3Container .boxItemSpaceBot {
            margin-bottom: 15px
        }

        #buygpWrapper .buygp_sec3 .sec3Container .linktoPink {
            color: #FF8382
        }

        #buygpWrapper .buygp_sec3 .sec3Container .baseBox {
            vertical-align: top;
            display: inline-block;
            width: 33.33%
        }

        #buygpWrapper .buygp_sec3 .sec3Container .leftBox {
            padding: 50px 0;
            border: 2px solid #FF8382;
            text-align: center
        }

            #buygpWrapper .buygp_sec3 .sec3Container .leftBox .boxTitle {
                font-size: 48px
            }

            #buygpWrapper .buygp_sec3 .sec3Container .leftBox .sprite-exclamation {
                display: inline-block;
                margin-top: 20px
            }

        #buygpWrapper .buygp_sec3 .sec3Container .middleBox {
            padding: 0 40px;
            border-right: 1px solid #FF8382
        }

            #buygpWrapper .buygp_sec3 .sec3Container .middleBox .boxTitle {
                font-size: 0
            }

            #buygpWrapper .buygp_sec3 .sec3Container .middleBox span {
                display: inline-block;
                vertical-align: top
            }

            #buygpWrapper .buygp_sec3 .sec3Container .middleBox .gType {
                margin-right: 12px;
                font-size: 48px
            }

        #buygpWrapper .buygp_sec3 .sec3Container .rightBox {
            position: relative;
            padding: 0 40px
        }

            #buygpWrapper .buygp_sec3 .sec3Container .rightBox .boxTitle {
                font-size: 48px;
                min-height: 57px
            }

                #buygpWrapper .buygp_sec3 .sec3Container .rightBox .boxTitle .sprite-cloudiconb {
                    position: absolute;
                    top: 0;
                    right: 0
                }

#buygpWrapper .buygp_sec4 .sec4Container {
    margin: 0 auto;
    padding-bottom: 60px;
    font-size: 0
}

    #buygpWrapper .buygp_sec4 .sec4Container .fixBlock {
        display: block;
        height: 95px
    }

    #buygpWrapper .buygp_sec4 .sec4Container .gPackage {
        margin-bottom: 80px
    }

    #buygpWrapper .buygp_sec4 .sec4Container .secTitle {
        margin-bottom: 22px;
        padding-top: 5px
    }

    #buygpWrapper .buygp_sec4 .sec4Container .flexWrapper {
        display: -webkit-box;
        display: flex
    }

    #buygpWrapper .buygp_sec4 .sec4Container .alignVerCenter {
        -webkit-box-align: center;
        align-items: center
    }

    #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat {
        -webkit-box-flex: 1;
        flex: 1;
        padding: 20px 20px 25px;
        background-color: #FFF2F2;
        text-align: center
    }

        #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat .itemTitle {
            font-size: 15px;
            margin-bottom: 15px
        }

        #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat .itemLength {
            font-size: 28px;
            margin-bottom: 20px
        }

        #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat .sprite {
            display: inline-block
        }

    #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg {
        position: relative;
        -webkit-box-flex: 1;
        flex: 1;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
        color: #fff
    }

        #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg:not(:last-of-type) {
            margin-right: 40px
        }

        #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgCover {
            height: 200px;
            background-position: initial;
            background-repeat: no-repeat;
            background-size: cover
        }

        #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent {
            position: relative;
            min-height: 125px;
            padding: 10px 15px;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
            z-index: 2
        }

            #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent .pkgTitle {
                margin-bottom: 9px;
                font-size: 18px
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent .pkgPrice span {
                vertical-align: top;
                display: inline-block
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent .pkgPrice .bigF {
                font-size: 40px;
                line-height: 1
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent .pkgPrice .slash, #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent .pkgPrice .smallF {
                font-size: 20px
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent .pkgPrice .slash {
                margin-left: 8px
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent .pkgPrice .smallF {
                margin-left: 15px
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent .addGpBtn {
                position: absolute;
                bottom: 10px;
                right: 15px;
                display: inline-block;
                width: 133px;
                height: 27px;
                line-height: 27px;
                background-color: #fff;
                border: none;
                border-radius: 25px;
                box-shadow: 0 2px 5px 0 rgba(0,0,0,.5);
                text-align: center;
                font-size: 18px;
                color: #C8C7C7;
                cursor: pointer
            }

    #buygpWrapper .buygp_sec4 .sec4Container .gpPkg3 .pkgContent .addGpBtn, #buygpWrapper .buygp_sec4 .sec4Container .gpPkgNormal .pkgContent.pinkBkg .addGpBtn {
        color: #F32B70
    }

    #buygpWrapper .buygp_sec4 .sec4Container .gpPkgNormal .pkgContent {
        background-color: #C8C7C7
    }

        #buygpWrapper .buygp_sec4 .sec4Container .gpPkg3 .pkgContent, #buygpWrapper .buygp_sec4 .sec4Container .gpPkgNormal .pkgContent.pinkBkg {
            background-color: #F32B70
        }

    #buygpWrapper .buygp_sec4 .sec4Container .gpPkg1 .pkgCover {
        background-image: url(img/SDCKiW1.png)
    }

    #buygpWrapper .buygp_sec4 .sec4Container .gpPkg2 .pkgCover {
        background-image: url(img/uUHrRk4.png)
    }

    #buygpWrapper .buygp_sec4 .sec4Container .gpPkg3 .pkgCover {
        background-image: url(img/oklArh1.png)
    }

    #buygpWrapper .buygp_sec4 .sec4Container .con-donation-list {
        text-align: center;
        font-size: 13px
    }

    #buygpWrapper .buygp_sec4 .sec4Container .note_wrapper {
        font-size: 13px;
        color: #999
    }

        #buygpWrapper .buygp_sec4 .sec4Container .note_wrapper .note_title {
            font-size: 15px
        }

@media (min-width:0) and (max-width:999px) {
    #header {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

        #header.nav_up {
            -webkit-transform: translate3d(0,-55px,0);
            transform: translate3d(0,-55px,0)
        }

        #header.remind_up {
            -webkit-transform: translate3d(0,-95px,0);
            transform: translate3d(0,-95px,0)
        }

        #header .remind {
            font-size: 12px;
            height: 40px
        }

        #header .header-container {
            padding-left: 0;
            height: 55px;
            line-height: 55px
        }

            #header .header-container .logo_switch {
                min-width: 160px
            }

            #header .header-container .header_link {
                padding-left: 10px
            }

            #header .header-container .arrowdown {
                width: 30px
            }

            #header .header-container .logo_dropdown {
                width: 220px
            }

            #header .header-container .website_switch {
                position: absolute;
                top: 0;
                right: 10px
            }

                #header .header-container .website_switch a {
                    margin: 0;
                    vertical-align: top;
                    height: 100%;
                    font-size: 0
                }

                    #header .header-container .website_switch a:hover {
                        color: #dadada
                    }

                    #header .header-container .website_switch a.currentSite:before {
                        bottom: 0;
                        margin-left: -7px;
                        border-width: 0 7px 7px;
                        border-color: transparent transparent #555
                    }

                    #header .header-container .website_switch a.currentSite:after {
                        bottom: -1px;
                        margin-left: -6px;
                        border-width: 0 6px 6px;
                        border-color: transparent transparent #222
                    }

                #header .header-container .website_switch .icon {
                    display: inline-block;
                    vertical-align: middle;
                    width: 40px;
                    height: 40px;
                    cursor: pointer;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover
                }

                #header .header-container .website_switch .menulocale, #header .header-container .website_switch .menusite_l {
                    display: inline-block
                }

                #header .header-container .website_switch .lanBtn {
                    position: relative;
                    display: -webkit-inline-box;
                    display: inline-flex;
                    -webkit-box-pack: center;
                    justify-content: center;
                    width: 40px;
                    height: 40px;
                    cursor: pointer
                }

                    #header .header-container .website_switch .lanBtn .lan-img {
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                        background-image: url(/img/tw.png);
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: contain
                    }

                    #header .header-container .website_switch .lanBtn:before {
                        content: '繁中';
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        color: #bbb;
                        font-size: 12px;
                        text-align: center;
                        -webkit-transform: scale(.85);
                        transform: scale(.85)
                    }

                    #header .header-container .website_switch .lanBtn.cn .lan-img {
                        background-image: url(/img/cn.png)
                    }

                    #header .header-container .website_switch .lanBtn.cn:before {
                        content: '简中'
                    }

                    #header .header-container .website_switch .lanBtn.en .lan-img {
                        background-image: url(/img/en.png)
                    }

                    #header .header-container .website_switch .lanBtn.en:before {
                        content: 'EN'
                    }

                    #header .header-container .website_switch .lanBtn.jp .lan-img {
                        background-image: url(/img/jp.png)
                    }

                    #header .header-container .website_switch .lanBtn.jp:before {
                        content: '日語'
                    }

                    #header .header-container .website_switch .lanBtn.kr .lan-img {
                        background-image: url(/img/kr.png)
                    }

                    #header .header-container .website_switch .lanBtn.kr:before {
                        content: '???'
                    }

                    #header .header-container .website_switch .lanBtn.active .lan_menu_m {
                        display: block
                    }

                    #header .header-container .website_switch .lanBtn .lan_menu_m {
                        display: none;
                        position: absolute;
                        top: 35px;
                        width: 95px;
                        padding: 0 15px;
                        background: #222;
                        z-index: 2;
                        text-align: left
                    }

                        #header .header-container .website_switch .lanBtn .lan_menu_m .lan_item {
                            font-size: 12px;
                            cursor: pointer
                        }

                            #header .header-container .website_switch .lanBtn .lan_menu_m .lan_item:hover {
                                color: #FF8382
                            }

                #header .header-container .website_switch .hd-jav {
                    background-image: url(/img/jav.png)
                }

                    #header .header-container .website_switch .hd-jav.cn, #header .header-container .website_switch .hd-jav.jp {
                        background-image: url(img/jav_cn.png)
                    }

                    #header .header-container .website_switch .hd-jav.en, #header .header-container .website_switch .hd-jav.kr {
                        background-image: url(/img/jav_en.png)
                    }

                #header .header-container .website_switch .hd-vjav {
                    background-image: url(/img/vjav.png)
                }

                    #header .header-container .website_switch .hd-vjav.cn, #header .header-container .website_switch .hd-vjav.jp {
                        background-image: url(img/vjav_cn.png)
                    }

                    #header .header-container .website_switch .hd-vjav.en {
                        background-image: url(/img/vjav_en.png)
                    }

                    #header .header-container .website_switch .hd-vjav.kr {
                        background-image: url(/img/vjav_kr.png)
                    }

                    #header .header-container .website_switch .hd-member.kr {
                        background-image: url(/img/member_act_kr.png)
                    }

                #header .header-container .website_switch .hd-login {
                    background-image: url(/img/login.png)
                }

                    #header .header-container .website_switch .hd-login.cn, #header .header-container .website_switch .hd-login.jp {
                        background-image: url(img/login_cn.png)
                    }

                    #header .header-container .website_switch .hd-login.en {
                        background-image: url(/img/login_en.png)
                    }

                    #header .header-container .website_switch .hd-login.kr {
                        background-image: url(/img/login_kr.png)
                    }

            #header .header-container .login_menu, #header .header-container .searchbar_wrapper {
                display: none;
                width: 100%;
                margin-left: 0;
                padding-left: 20px
            }

                #header .header-container .searchbar_wrapper .m_magnifier {
                    position: absolute;
                    top: 20px;
                    left: 30px;
                    display: inline-block;
                    background-size: cover;
                    background-image: url(/img/icon_search.png);
                    width: 17px;
                    height: 17px
                }

                #header .header-container .searchbar_wrapper .search_bar {
                    width: 80%;
                    padding: 0 30px;
                    background-color: #fff;
                    border-radius: 50px
                }

                #header .header-container .searchbar_wrapper .search_btn {
                    display: none
                }

            #header .header-container .search-icon {
                position: absolute;
                right: 60px;
                height: 55px;
                line-height: 60px;
                display: inline-block
            }

                #header .header-container .search-icon .icon-searchicon {
                    display: inline-block;
                    font-size: 35px;
                    color: #616161
                }

            #header .header-container .mobile_login {
                display: inline-block;
                border: 1px solid #616161;
                border-radius: 50%;
                position: absolute;
                top: 10px;
                right: 15px;
                width: 35px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                font-size: 12px;
                color: #fff
            }

            #header .header-container .global_language, .path_bar .word_wrapper .menu_container .menu_items ul.submenu, footer .footer-container .nakedGirlPic {
                display: none
            }

            #header .header-container .userLelvelIconM {
                display: none;
                line-height: 1;
                border-radius: 50%;
                position: absolute;
                top: 10px;
                right: 15px
            }

                #header .header-container .userLelvelIconM img {
                    width: 30px;
                    height: 30px
                }

    .path_bar, .path_bar .word_wrapper, .path_bar .word_wrapper .menu_container .menu_items .type {
        height: 40px
    }

        .path_bar .word_wrapper {
            padding: 0;
            line-height: 40px
        }

            .path_bar .word_wrapper .menu_container {
                -webkit-overflow-scrolling: touch;
                overflow: auto;
                width: 100%;
                white-space: nowrap;
                padding-right: 15px
            }

            .path_bar .word_wrapper .arrow_right_mobile {
                position: absolute;
                z-index: 2;
                top: 0;
                right: 0;
                width: 20px;
                height: 40px;
                background: rgba(85,85,85,.6)
            }

                .path_bar .word_wrapper .arrow_right_mobile:after {
                    position: absolute;
                    content: "";
                    top: 15px;
                    left: 8px;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 4px 0 4px 6px;
                    border-color: transparent transparent transparent #fff
                }

    .mainWrapper {
        margin: 0px auto 0px;
        padding: 0 10px
    }

        .mainWrapper.moveD {
            margin-top: 135px
        }

        .mainWrapper.joinusPage, .mainWrapper.noPadding {
            padding: 0
        }

        .mainWrapper .videoListWrapper {
            padding-top: 10px
        }

            .mainWrapper .videoListWrapper .videoGroup .section-title h2 {
                font-size: 20px
            }

            .mainWrapper .videoListWrapper .videoGroup .grayBorder {
                height: 30px;
                border-bottom: 0
            }

    .index_content {
        padding: 0
    }

        footer .footer-container .footer-upper .footer-link {
            width: 100%
        }

        footer .footer-container .footer-upper .footer-upper-right {
            display: block;
            width: 100%
        }

        footer .footer-container .ft_partner {
            display: none
        }

    #gotop {
        bottom: 15%
    }
}

@media screen and (max-width:320px) {
    header .header-container .header_logo {
        width: 130px
    }
}
@media (min-width:999) and (max-width:1300px){
    .nakedGirlPic {
        right: 10%;
    }
}

@media (min-width:0) and (max-width:999px) {
    .nakedGirlPic{
        display:none;
    }

    .account_wrapper .user_content.fixedWidth {
        width: 100%
    }

    .account_wrapper .user_content .upgrade_box {
        margin-top: 15px;
        width: 100%
    }

    .account_wrapper .user_content .input_box:not(:first-of-type) {
        margin-top: 0
    }

    .account_wrapper .faq_ans {
        font-size: 13px
    }

    .account_wrapper .gp_tabs .gp_tabs_cat {
        font-size: 15px
    }

    .account_wrapper .gp_tabs .gp_expire {
        display: none
    }

    .account_wrapper .gp_user_notice {
        padding-left: 0
    }

    .account_wrapper .coupon_content .coupon_input {
        padding-bottom: 25px
    }

        .account_wrapper .coupon_content .coupon_input .input_wrapper .input_box {
            display: block;
            width: 100%
        }

        .account_wrapper .coupon_content .coupon_input .input_wrapper .couponSendBtn {
            margin-top: 15px;
            width: 100%
        }

    .account_wrapper .coupon_content .coupon_table {
        display: none
    }

    .account_wrapper .coupon_content .coupon_table_mobile, .account_wrapper .coupon_content .table_mobile .data_box span {
        display: block
    }

    .account_wrapper .coupon_content .table_mobile:last-of-type .data_box {
        border-bottom: 1px solid #DADADA
    }

    .account_wrapper .coupon_content .table_mobile .data_box {
        position: relative;
        border-top: 1px solid #DADADA;
        padding: 10px 0;
        color: #666
    }

        .account_wrapper .coupon_content .table_mobile .data_box .campaign {
            color: #000
        }

        .account_wrapper .coupon_content .table_mobile .data_box .date {
            position: absolute;
            top: 10px;
            right: 0
        }

        .account_wrapper .coupon_content .table_mobile .data_box .name, .account_wrapper .coupon_content .table_mobile .data_box .sn {
            color: #999
        }

        .account_wrapper .coupon_content .table_mobile .data_box .sn {
            margin-top: 8px
        }

        .account_wrapper .coupon_content .table_mobile .data_box .name, .account_wrapper .coupon_content .table_mobile .data_box .source {
            margin-top: 15px
        }

        .account_wrapper .coupon_content .table_mobile .data_box .gpoint {
            position: absolute;
            bottom: 10px;
            right: 0;
            color: #999;
            font-size: 0
        }

            .account_wrapper .coupon_content .table_mobile .data_box .gpoint span {
                vertical-align: top;
                display: inline-block;
                font-size: 13px
            }

        .account_wrapper .coupon_content .table_mobile .data_box .gp_number {
            color: #FF8382
        }

        .account_wrapper .coupon_content .table_mobile .data_box .videoLink {
            color: #999
        }

        .account_wrapper .coupon_content .table_mobile .data_box .wordspread {
            letter-spacing: 1px
        }


    #buygpWrapper .buygp_sec1 .sec1Container .words, #buygpWrapper .buygp_sec2 .sec2Container .leftBox .boxReminder {
        line-height: 1.5em
    }

    #buygpWrapper .secTitle {
        font-size: 34px
    }

    #buygpWrapper .buygp_sec1 {
        padding: 50px 15px;
        background-position: initial
    }

        #buygpWrapper .buygp_sec1 .sec1Container .headsUP .sprite-gcoinbig {
            width: 76px;
            height: 77px;
            background-position: 0 -2100px;
            margin-right: 10px
        }

        #buygpWrapper .buygp_sec1 .sec1Container .buyNowPink, #buygpWrapper .buygp_sec2 .sec2Container .infoBox, #buygpWrapper .buygp_sec2 .sec2Container .leftBox .btnSection .baseBtn, #buygpWrapper .buygp_sec3 .sec3Container .baseBox {
            width: 100%
        }

        #buygpWrapper .buygp_sec1 .sec1Container .headsUP .bigFont {
            font-size: 43px
        }

    #buygpWrapper .buygp_sec2 .sec2Container {
        padding: 30px 15px
    }

        #buygpWrapper .buygp_sec2 .sec2Container .leftBox {
            padding: 20px 0
        }

            #buygpWrapper .buygp_sec2 .sec2Container .leftBox .boxTitle {
                font-size: 34px
            }

            #buygpWrapper .buygp_sec2 .sec2Container .leftBox .boxMessage {
                font-size: 20px;
                line-height: 1.5em
            }

    #buygpWrapper .buygp_sec3 .sec3Container .leftBox .boxTitle, #buygpWrapper .buygp_sec3 .sec3Container .middleBox .gType {
        font-size: 34px
    }

    #buygpWrapper .buygp_sec2 .sec2Container .leftBox .btnSection {
        margin-top: 50px
    }

        #buygpWrapper .buygp_sec2 .sec2Container .leftBox .btnSection .baseBtn.speedTest {
            margin: 20px 0 0
        }

    #buygpWrapper .buygp_sec2 .sec2Container .rightBox .naked6 {
        display: none
    }

    #buygpWrapper .buygp_sec3 .sec3Container {
        padding: 50px 15px 20px
    }

        #buygpWrapper .buygp_sec3 .sec3Container .boxItemSpaceTop {
            margin-top: 30px
        }

        #buygpWrapper .buygp_sec3 .sec3Container .leftBox {
            padding: 25px 0
        }

        #buygpWrapper .buygp_sec3 .sec3Container .middleBox {
            padding: 30px 0;
            border-right: none;
            border-bottom: 1px solid #FF8382
        }

            #buygpWrapper .buygp_sec3 .sec3Container .middleBox .sprite-gcoindbig {
                width: 51px;
                height: 43px;
                background-position: 0 -2057px
            }

        #buygpWrapper .buygp_sec3 .sec3Container .rightBox {
            padding: 30px 0 0
        }

            #buygpWrapper .buygp_sec3 .sec3Container .rightBox .boxTitle {
                font-size: 34px;
                min-height: initial
            }

                #buygpWrapper .buygp_sec3 .sec3Container .rightBox .boxTitle .sprite-cloudiconb {
                    width: 88px;
                    height: 128px;
                    background-position: 0 -154px;
                    top: 10px
                }

    #buygpWrapper .buygp_sec4 .sec4Container {
        padding: 0 15px 60px
    }

        #buygpWrapper .buygp_sec4 .sec4Container .fixBlock {
            height: 90px
        }

        #buygpWrapper .buygp_sec4 .sec4Container .gPackage {
            margin-bottom: 30px
        }

        #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat:not(:last-of-type), #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg {
            margin-bottom: 20px
        }

        #buygpWrapper .buygp_sec4 .sec4Container .flexWrapper {
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column
        }

        #buygpWrapper .buygp_sec4 .sec4Container .alignVerCenter {
            -webkit-box-align: initial;
            align-items: initial
        }

        #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat {
            padding: 60px 10px 0;
            position: relative;
            min-height: 186px;
            text-align: initial
        }

            #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat .itemLength {
                font-size: 22px
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat .sprite_gp {
                position: absolute;
                top: 25px;
                right: 10px
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat .sprite_gp, #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat .videoLength {
                display: inline-block;
                vertical-align: middle
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat .sprite-g5big {
                width: 136px;
                height: 136px;
                background-position: 0 -558px
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat .sprite-g10big {
                width: 136px;
                height: 136px;
                background-position: 0 -855px
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat .sprite-g15big {
                width: 136px;
                height: 136px;
                background-position: 0 -1152px
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat .sprite-g20big {
                width: 136px;
                height: 136px;
                background-position: 0 -1449px
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gFlexItemCat .sprite-g25big {
                width: 136px;
                height: 136px;
                background-position: 0 -1746px
            }

        #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg:not(:last-of-type) {
            margin-right: 0
        }

        #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent {
            padding: 15px
        }

            #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent .pkgPrice .bigF {
                font-size: 38px
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent .pkgPrice .slash, #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent .pkgPrice .smallF {
                font-size: 18px;
                margin-left: 5px
            }

            #buygpWrapper .buygp_sec4 .sec4Container .gpFlexItemPkg .pkgContent .addGpBtn {
                position: initial;
                width: 100%;
                margin-top: 10px
            }

        #buygpWrapper .buygp_sec4 .sec4Container #gpPkg1 {
            -webkit-box-ordinal-group: 4;
            order: 3;
            margin-bottom: 0
        }

        #buygpWrapper .buygp_sec4 .sec4Container #gpPkg2 {
            -webkit-box-ordinal-group: 3;
            order: 2
        }

        #buygpWrapper .buygp_sec4 .sec4Container #gpPkg3 {
            -webkit-box-ordinal-group: 2;
            order: 1
        }

        #buygpWrapper .buygp_sec4 .sec4Container .note_wrapper .note_item {
            line-height: 1.4em
        }
}
.sprite-icon-internicon {
    width: 25px;
    height: 25px;
    background-position: 0 -229px;
    background-image: url(img/sprite_1x.png);
}