header {
    position: fixed;
    top: 0;
    width: 100%;
   background-image: linear-gradient(to right, rgba(10, 85, 145, 0.75), rgba(59, 147, 236, 0.87), rgba(12, 165, 180, 0.85) 100%);
    z-index: 101;
    box-shadow: 0 2px 4px rgba(14, 15, 15, 0.37);
}

    header .remind {
        height: 30px;
        color: #fff;
        background: #F75534;
        text-align: center;
        letter-spacing: 1px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 15px
    }

        header .remind .gold, header .remind .gold a {
            color: #F8E71C
        }

        header .remind #timer {
            display: none
        }

            header .remind #timer.show {
                display: inline-block
            }

            header .remind #timer span {
                display: inline-block;
                width: 25px
            }

        header .remind .gold.pointer {
            cursor: pointer
        }

    header .header-container {
        position: relative;
        margin: 0 auto;
        padding-left: 15px;
        max-width: 1170px;
        min-width: 320px;
        width: 100%;
        height: 65px;
        line-height: 65px;
        color: #fff;
        font-size: 0
    }

        header .header-container .logo_switch {
            display: inline-block;
            position: relative;
            min-width: 170px;
            font-size: 0;
            vertical-align: top
        }

        header .header-container .header_link {
            display: inline-block;
            height: 100%;
            padding-left: 20px
        }

        header .header-container .header_logo {
            display: inline-block;
            vertical-align: middle;
            width: 161px;
            height: 59px;
            background-position: top;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(/img/javLogo.png)
        }

            header .header-container .header_logo.cn, header .header-container .header_logo.jp {
               
            }

            header .header-container .header_logo.en, header .header-container .header_logo.kr {
                background-image: url(/static/assets/images/javLogo_cn.png)
            }

        header .header-container .website_switch {
            display: inline-block;
            vertical-align: top;
            height: 100%
        }

            header .header-container .website_switch a {
                position: relative;
                display: inline-block;
                margin: 0 0 0 25px;
                color: #DADADA;
                font-size: 16px
            }

                header .header-container .website_switch a.currentSite, header .header-container .website_switch a:hover {
                    color: #fff
                }

                    header .header-container .website_switch a.currentSite:after, header .header-container .website_switch a.currentSite:before {
                        position: absolute;
                        left: 50%;
                        content: '\0020';
                        width: 0;
                        height: 0;
                        border-style: solid;
                        z-index: 1
                    }

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

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

            header .header-container .website_switch .menulocale, header .header-container .website_switch .menusite_l {
                display: none
            }

        header .header-container .searchbar_wrapper {
            position: relative;
            display: inline-block;
            vertical-align: top;
            margin-left: 25px
        }

            header .header-container .searchbar_wrapper .search_bar {
                vertical-align: middle;
                width: 150px;
                height: 30px;
                line-height: 30px;
                padding: 0 5px 0 15px;
                border: none;
                background-color: #f5f5f5;
                color: #9B9B9B;
                outline: 0;
                font-size: 16px;
                appearance: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px
            }

            header .header-container .searchbar_wrapper .search_btn {
                display: inline-block;
                vertical-align: middle;
                text-align: center;
                width: 30px;
                height: 30px;
                line-height: 30px;
                background-color: rgba(255,255,255,.3);
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                color: #fff;
                cursor: pointer
            }

                header .header-container .searchbar_wrapper .search_btn i {
                    font-size: 20px
                }

        header .header-container .searchkey_wrapper {
            vertical-align: middle;
            display: inline-block;
            margin-left: 15px;
            width: 30%;
            font-size: 13px;
            color: #f5f5f5;
            height: 65px;
            overflow: hidden
        }

@media screen and (min-width:1100px) and (max-width:1200px) {
    header .header-container .searchkey_wrapper {
        width: 280px
    }
}

@media screen and (min-width:1000px) and (max-width:1099px) {
    header .header-container .searchkey_wrapper {
        width: 220px
    }
}

@media screen and (max-width:999px) {
    header .header-container .searchkey_wrapper {
        display: none
    }
}

header .header-container .searchkey_wrapper a {
    margin-right: 5px;
    color: #eeee00
}

    header .header-container .searchkey_wrapper a:last-child {
        margin: 0
    }

header .header-container .global_language {
    position: absolute;
    right: 185px;
    top: 0;
    padding-left: 20px;
    z-index: 102;
    background: #000
}

    header .header-container .global_language .lan_btn {
        display: inline-block;
        vertical-align: middle;
        width: 120px;
        height: 35px;
        line-height: 34px;
        border: 1px solid;
        text-align: center;
        font-size: 13px;
        color: #9B9B9B;
        cursor: pointer;
        border-radius: 35px
    }

        header .header-container .global_language .lan_btn.active, header .header-container .global_language .lan_btn:hover {
            background-color: #FF8382;
            border-color: #FF8382
        }

            header .header-container .global_language .lan_btn.active .lan_txt, header .header-container .global_language .lan_btn:hover .lan_txt {
                color: #fff
            }

            header .header-container .global_language .lan_btn.active .lan_menu, header .header-container .global_language .lan_btn:hover .lan_menu {
                display: block
            }

    header .header-container .global_language .lan_menu {
        display: none;
        background: #222;
        padding: 0 20px
    }

        header .header-container .global_language .lan_menu .lan_item {
            text-align: left;
            padding: 5px 0;
            cursor: pointer
        }

            header .header-container .global_language .lan_menu .lan_item:hover {
                color: #FF8382
            }

header .header-container .lan_icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/img/tw.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: text-bottom;
    margin-right: 5px
}

    header .header-container .lan_icon.cn {
        background-image: url(/img/cn.png)
    }

    header .header-container .lan_icon.en {
        background-image: url(/img/en.png)
    }

    header .header-container .lan_icon.jp {
        background-image: url(/img/jp.png)
    }

    header .header-container .lan_icon.kr {
        background-image: url(/img/kr.png)
    }

header .header-container .mobile_login, header .header-container .search-icon {
    display: none
}

header .header-container .login_menu {
    position: absolute;
    width: 175px;
    top: 0;
    right: 0;
    text-align: center
}

    header .header-container .login_menu .login-button {
        display: inline-block;
        vertical-align: middle;
        background-color: #FF8382;
        width: 120px;
        height: 35px;
        line-height: 34px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        cursor: pointer;
        border-radius: 35px
    }

    header .header-container .login_menu .member_group {
        cursor: pointer;
        transition: all,.3s
    }

        header .header-container .login_menu .member_group:hover {
            background-color: #333
        }

            header .header-container .login_menu .member_group:hover .member_dropdown {
                opacity: 1;
                visibility: visible
            }

        header .header-container .login_menu .member_group .user_profile {
            display: block;
            text-align: center
        }

            header .header-container .login_menu .member_group .user_profile .user_pic_wrapper {
                display: inline-block;
                vertical-align: middle;
                margin-right: 20px;
                transform: scale(1.4)
            }

                header .header-container .login_menu .member_group .user_profile .user_pic_wrapper .user_pic {
                    vertical-align: middle;
                    width: 35px;
                    height: 35px
                }

                    header .header-container .login_menu .member_group .user_profile .user_pic_wrapper .user_pic.round_pic {
                        border-radius: 50%
                    }

            header .header-container .login_menu .member_group .user_profile .user_id {
                display: inline-block;
                vertical-align: top;
                max-width: 100px;
                overflow: hidden;
                font-size: 14px;
                font-weight: 800
            }

                header .header-container .login_menu .member_group .user_profile .user_id.intern {
                    color: #FFBAB9
                }

                header .header-container .login_menu .member_group .user_profile .user_id.silver {
                    color: #FF8382
                }

                header .header-container .login_menu .member_group .user_profile .user_id.gold {
                    color: #F32B70
                }

        header .header-container .login_menu .member_group .member_dropdown {
            position: absolute;
            opacity: 0;
            visibility: hidden;
            background-color: #333;
            width: 175px;
            z-index: 102;
            border-radius: 0 0 8px 8px;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
            transition: all,.3s
        }

            header .header-container .login_menu .member_group .member_dropdown .list_style {
                display: block;
                color: #fff;
                height: 52px;
                font-size: 15px;
                text-align: center;
                line-height: 52px
            }

                header .header-container .login_menu .member_group .member_dropdown .list_style :hover, header .header-container .login_menu .member_group .member_dropdown .list_style:last-child {
                    border-radius: 0 0 8px 8px
                }

                header .header-container .login_menu .member_group .member_dropdown .list_style:hover {
                    background-color: #FF8382;
                    transition: .3s
                }

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

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

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

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

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

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

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

            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: inline-flex;
                    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;
                        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_act.png)
                }

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

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

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

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

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

                    header .header-container .website_switch .hd-member.en {
                        background-image: url(/img/member_en.png)
                    }

                    header .header-container .website_switch .hd-member.kr {
                        background-image: url(/img/member_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(/static/assets/images/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 .global_language {
                display: none
            }
}

header .header-container .phone_down {
    position: absolute;
    width: 145px;
    top: 0;
    right: 200px;
    text-align: center;
    
}
    header .header-container .phone_down:before {
        content: '';
        width: 28px;
        height: 27px;
        background-image: url(/static/assets/images/2x_hotlogo.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 8px;
        left: 14px;
        color: #ff3b3b;
        animation: 1s scale infinite;
    }

    header .header-container .phone_down .down-button {
        display: inline-block;
        vertical-align: middle;
        background-color: #f8f8f8;
        width: 120px;
        height: 35px;
        line-height: 34px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        cursor: pointer;
        border-radius: 35px;
    }
@media (max-width: 999px) and (min-width: 0){
    header .header-container .phone_down {
        position: absolute;
        width: 145px;
        top: 0;
        right: 40px;
        text-align: center;
    }
}






.path_bar {
    position: relative;
    margin: 0 auto;
    height: 45px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.62);
}

nav.path_bar {}

    .path_bar:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, 0.44);
        content: '';
        display: block;
    }

    .path_bar .word_wrapper {
        margin: 0 auto;
        height: 45px;
        width: 100%;
        padding-left: 15px;
        max-width: 1170px;
        line-height: 45px
    }

        .path_bar .word_wrapper .menu_container {
            position: relative;
            display: inline-block;
            vertical-align: top;
            font-size: 0
        }

            .path_bar .word_wrapper .menu_container .menu_items {
                position: relative;
                display: inline-block;
                vertical-align: top
            }

                .path_bar .word_wrapper .menu_container .menu_items:hover > ul.submenu {
                    opacity: 1;
                    visibility: visible;
                    transition: all,.3s,ease-in
                }

                .path_bar .word_wrapper .menu_container .menu_items .type {
                    display: inline-block;
                    padding: 0 18px;
                    height: 45px;
                    vertical-align: top;
                    font-size: 15px;
                    color: #e2e2e2
                }

                    .path_bar .word_wrapper .menu_container .menu_items .type:active, .path_bar .word_wrapper .menu_container .menu_items .type:hover {
                        transition: all,.3s,ease-in;
                        color: #FF8382
                    }

                    .path_bar .word_wrapper .menu_container .menu_items .type.apen {
                        animation: blink-smooth 1s ease;
                        animation-iteration-count: infinite;
                        color: #F6A623
                    }

                        .path_bar .word_wrapper .menu_container .menu_items .type.apen:before {
                            content: '';
                            width: 28px;
                            height: 27px;
                            background-image: url(/static/assets/images/2x_newlogo.png);
                            background-position: center;
                            background-repeat: no-repeat;
                            background-size: cover;
                            position: absolute;
                            top: -3px;
                            left: -2px;
                            color: #ff3b3b;
                            animation: 1s scale infinite
                        }

                .path_bar .word_wrapper .menu_container .menu_items .eve {
                    animation: 1s blink-smooth infinite
                }

                .path_bar .word_wrapper .menu_container .menu_items .status_show {
                    color: #4fb1f7
                }
@keyframes blink-smooth {
    50% {
        color: transparent
    }
}

@media (min-width:0) and (max-width:999px) {
    .path_bar, .path_bar .word_wrapper, .path_bar .word_wrapper .menu_container .menu_items .type {
        height: 40px;
        padding: 0 9px;
    }

        .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 .menu_container .menu_items ul.submenu {
                    display: none
                }

            .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
                }
}



  header .header-container2 .searchbar_wrapper2 {
            position: relative;
            display: inline-block;
            vertical-align: top;
            margin-left: 25px
        }

            header .header-container2 .searchbar_wrapper2 .search_bar2 {
                vertical-align: middle;
                width: 120px;
                height: 30px;
                line-height: 30px;
                padding: 0 5px 0 15px;
                border: none;
                background-color: #f5f5f5;
                color: #9B9B9B;
                outline: 0;
                font-size: 10px;
                appearance: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px
            }

            header .header-container2 .searchbar_wrapper2 .search_btn2 {
                display: inline-block;
                vertical-align: middle;
                text-align: center;
                width: 30px;
                height: 30px;
                line-height: 30px;
                background-color: rgba(255,255,255,.3);
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                color: #fff;
                cursor: pointer
            }

                header .header-container2 .searchbar_wrapper2 .search_btn2 i {
                    font-size: 20px
                }


header .header-container .search_down {
    position: absolute;
    width: 120px;
    top: 0;
    right: 200px;
    text-align: center;
    
}
    header .header-container .search_down:before {
        content: '';
        width: 28px;
        height: 27px;
        background-image: url(/static/assets/images/2x_hotlogo.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 8px;
        left: 14px;
        color: #ff3b3b;
        animation: 1s scale infinite;
    }

    header .header-container .search_down .down-button {
        display: inline-block;
        vertical-align: middle;
        background-color: #EEEE00;
        width: 120px;
        height: 35px;
        line-height: 34px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        cursor: pointer;
        border-radius: 35px;
    }
@media (max-width: 999px) and (min-width: 0){
    header .header-container .search_down {
        position: absolute;
        width: 205px;
        top: 0;
        right: 40px;
        text-align: center;
    }
}