/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    margin-right: 10px;
    margin-left: 10px;
}

.pt-0 {
    padding-top: 0px;
}

.pl-0 {
    padding-left: 0px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.mt-0 {
    margin-top: 0px;
}

.ml-0 {
    margin-left: 0px;
}

.mb-0 {
    margin-bottom: 0px;
}

.mr-0 {
    margin-right: 0px;
}

.col-xs-1-5 {
    width: 18%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 18%;
        float: left;
    }

    #navbar-menu .navbar-nav li a#show-Immigration {
        height:0 !important;
        padding:0 !important;
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 18%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 18%;
        float: left;
    }
}

body {
    font-family: 'Microsoft JhengHei',sans-serif;
}

.nav > li.mobile_title {
    display: none;
}

.navbar {
    z-index: 9989;
}

.navbar-wrapper {
    position: relative;
    z-index: 20;
}

.chat-banner {
    width: 160px;
    position: fixed;
    right: 0;
    bottom: 20px;
    z-index: 99;
    /*background: #CFB072;*/
    overflow: hidden;
    padding: 9px 0px;
    transition: all 0.5s ease-out 0s;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
    padding-right: 0;
    padding-left: 0;
}

.navbar-wrapper .navbar {
    padding-right: 15px;
    padding-left: 15px;
}

    .navbar-wrapper .navbar .container {
        width: auto;
    }

.navbar-brand {
    display: block;
    margin-top: 24px;
    padding-top: 0;
}

    .navbar-brand img {
        width: 225px;
        /*height: 60px;*/
        margin-top:-10px;
        margin-left: -10px;
    }

.navbar-inner {
    background-color: #ffffff;
    height: 130px;
    border-bottom: 0;
}

#navbar-language {
    margin-top: 2px;
}

#navbar-tools ul li img {
    position: absolute;
    top: 10px;
    left: -15px;
}

#navbar-tools ul li {
    width: 101px;
}

    #navbar-tools ul li a {
        color: #016dad;
    }

#navbar-menu .navbar-nav li a {
    color: #000000;
    padding: 5px 30px;
    /*border-bottom:3px solid #ffffff;*/
}

    #navbar-menu .navbar-nav li a:hover {
        /*border-bottom: 3px solid #117ab2;/*CFB072*/
        opacity: 0.9;
    }

#navbar-menu .navbar-nav .dropdown-menu li a:hover {
    border-bottom: 0;
}

#navbar-menu li.navbar-on a {
    /*border-bottom:3px solid #00689c;*/
}

.table-ipo-div {
    max-height: 276px;
}

.table-ipo {
    background-color: #f7fbfc;
    font-size: 14px;
    vertical-align: middle;
    /*max-height:276px;*/
}

    .table-ipo td a {
        color: #474747;
    }

.table-ipo-button1 {
    font-size: 14px;
    height: 28px;
    width: 96%;
    background-color: #e5a812;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    line-height: 28px;
}

    .table-ipo-button1 a {
        color: #ffffff;
    }

.table-ipo-button2 {
    font-size: 14px;
    height: 28px;
    width: 96%;
    background-color: #CFB072;
    text-align: center;
    vertical-align: middle;
    color: white;
    line-height: 28px;
}

.support_menu {
    font-size: 16px !important;
    font-weight: bold;
}
#navbar-menu .support_dropdown-menu li {
    width:210px !important;
}
#navbar-menu .support_dropdown-menu li.right-line {
    width:1px !important;
}
    .support_menu img {
        width: 80px;
        margin-left: -12px;
    }

.moveon {
    display: none;
}

.modal-dialog {
    margin-top: 18px;
    width: 70%;
}

.modal .modal-content {
    height: auto;
}

.fin_line {
    padding: 0;
    padding-bottom: 18px;
    margin-top: -20px;
}

.fin_line_bottom {
    padding-bottom: 0px;
}

.fin_box {
    width: 200px;
    height: 154px;
    padding: 0;
    float: left;
    margin-left: 0;
    margin-right: 20px;
}

.fin_line_bottom .fin_box {
    height: 134px;
}

.fin_box:hover .fin_box_p {
    border-left: 65px solid #117ab2;
    border-right: 65px solid #117ab2;
    color: #117ab2;
}

.fin_box_r {
    margin-right: 0px;
}

.fin_box_p {
    padding: 0 2px 0;
    margin: 15px 0;
    line-height: 1px;
    border-left: 65px solid #474747;
    border-right: 65px solid #474747;
    text-align: center;
    font-size: 14px;
    color: #474747;
}

#popwindow {
    position: fixed;
    top: 20%;
    left: 22%;
    z-index: 9999;
    display: none;
    _left: expression(eval(document.documentElement.clientWidth/2+document.documentElement.scrollLeft));
}

.security-right-content span .link_inline_nobg {
    display: inline;
    background: none;
    padding-left: 8px;
}

li.mobile_servicemenu {
    display: none;
}

#mp4_div, video#banner_full_mp4 {
    width: 80%;
    height: auto;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    top: 8%;
    left: 10%;
    z-index: 9998;
}

    #mp4_div a {
        position: fixed;
        top: 70px;
        right: 22px;
        top: 7%;
        right: 9%;
        width: 36px;
        height: 36px;
        z-index: 9999;
    }

#carousel-bannerbox, #carousel-bannerbox-index {
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding: 0;
    position: relative;
}

#carousel-bannerbox-index {
    display: none;
}

.mobile_mp4 {
    width: 100%;
    height: 100%;
    display: none;
}

#navbar-tools ul li.login_v2 a, #navbar-tools ul li.register_v2 a {
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 15px 7px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    padding-left: 35px;
    font-size: 14px;
}

.login_v2 a {
    /*background-image: url(img2/btn_login.png);*/
    background-color: #EA5504;
    background-image: url(img2/login.svg);
}

.register_v2 a {
    /*background-image: url(img2/btn_open_account.png);*/
    background-image: url(img2/openaccount.svg);
    background-color: #EA5504;
}

#navbar-tools ul li.ipo_v2 a {
    width: 100px;
    height: 30px;
    display: block;
    padding: 0px;
    margin: 7px 0px;
}

    #navbar-tools ul li.ipo_v2 a img {
        width: 100px;
        height: 30px;
        padding: 0;
        margin: 0;
        top: 0;
        display: block;
    }

.navbar-default .navbar-nav > .login_v2 a:hover, .navbar-default .navbar-nav > .login_v2 a:focus {
    background-color: #e5a812;
}

.navbar-default .navbar-nav > .register_v2 a:hover, .navbar-default .navbar-nav > .register_v2 a:focus {
    background-color: #a38531;
}

.Title_type_v2 {
    font-size: 36px;
    font-weight: bold;
    color: #007CC1;
}

    .Title_type_v2 span {
        font-size: 24px;
        font-weight: normal;
    }

.main_p {
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}

.main_p_normal {
    padding: 0;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    height: 94px;
    line-height: 94px;
    vertical-align: middle;
}

    .main_p_normal span {
        width: 94px;
        line-height: 94px;
    }

        .main_p_normal span.blue {
            margin-left: 50px;
            margin-right: 50px;
        }

        .main_p_normal span.yellow {
            margin-left: 30px;
            margin-right: 20px;
        }

    .main_p_normal img {
        width: 94px;
        margin-right: 10px;
        margin-top: -20px;
    }

.main_p_small {
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

.title_p {
    font-size: 30px;
    font-weight: bold;
}

.title_p_normal {
    font-size: 24px;
    font-weight: bold;
}

div.panel_style1 .panel-body {
    padding: 10px;
    margin-top: -20px;
    background-color: #EAFAFF;
    padding-bottom: 40px;
    padding-top: 30px;
}

div.panel_style1_2 .panel-body {
    background-color: #FFFAE9;
}

.blackcolor {
    color: #000000;
}

div.panel_style2 {
    padding: 0px;
    border-bottom: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    div.panel_style2 .panel-body {
        padding: 0px;
        border-bottom: 0px;
        padding-bottom: 20px;
    }

.floatimg {
    float: left;
}

.students_level1, .students_level2, .students_level3 {
    display: none;
}

.vipclient_level1, .vipclient_level2, .vipclient_level3 {
    display: none;
}

.panel_style1 table {
    width: 100%;
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
}

.small_term {
    font-size: 14px;
}

.panel_style1 table td {
    padding: 10px 28px;
    font-size: 16px;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    vertical-align: top;
}

    .panel_style1 table td.no_topbottom {
        border-top: 0px;
        border-bottom: 0px;
    }

.panel_style1 table tr {
}

.panel_style1 table thead td {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    background-color: #007CC1;
}

span.small_span {
    font-size: 18px;
}

div.panel_style_normal .panel-body {
    margin-top: 30px;
    padding: 0px;
    background-color: #ffffff;
}

.vipclient_level1 table thead td {
    background-color: #BF8922;
}

.vipclient_level2 table thead td {
    background-color: #BF8922;
}

.vipclient_level3 table thead td {
    background-color: #BF8922;
}

.width_percent1 {
    width: 33%;
}

.width_percent2 {
    width: 42%;
}

.main_p_small .show_more {
    padding-right: 30px;
    background-image: url(img2/down-arrow_blue.svg);
    background-repeat: no-repeat;
    background-position: right center;
}

.main_p_small .show_more_yellow {
    padding-right: 30px;
    background-image: url(img2/down-arrow_yellow.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right center;
}

.main_p_small .show_more_back {
    padding-right: 30px;
    background-image: url(img2/up-arrow_blue.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right center;
}

.main_p_small .show_more_back_yellow {
    padding-right: 30px;
    background-image: url(img2/up-arrow_yellow.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right center;
}

.panel-body a.show_more2 {
    text-decoration: underline;
    font-size: 16px;
    color: #007CC1;
}

.panel-body a.show_more2_2 {
    color: #BF8922;
}

.blue {
    color: #007CC1;
}

.yellow {
    color: #BF8922;
}

.big48 {
    font-size: 48px;
}

.show_mobile {
    display: none;
}

#navbar-menu .navbar-nav li a.navbar-menulink-8 {
    /*color: #117ab2;*/
}

.service_v2 {
    margin-right: -42px;
}

div.toptip {
    font-size: 14px;
}

.students_level1, .students_level2, .students_level3, .vipclient_level1, .vipclient_level2, .vipclient_level3 {
    position: relative;
}

.blue_wide_mask, .blue_wide_mask_r {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 80;
    background-color: #EAFAFF;
}

.blue_wide_mask {
    /*left:-100%;
        width:100%;*/
}

.blue_wide_mask_r {
    /*right:-256px;*/
    overflow-x: hidden;
}

.yellow_wide_mask, .yellow_wide_mask_r {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 80;
    background-color: #FFFAE9;
}

.pc_minilogo img {
    width: 40px;
}


#index_tips {
    display: none;
}

li.mobilelang {
        display: none;
}

/*app dropdown-menu*/
@media (max-width: 768px) {
    .support_dropdown-menu {
        height:auto !important;
    }
    .support_dropdown-menu li {
        padding:0 !important;
        margin-left: 60px !important;
    }
    .support_dropdown-menu li.support_menu {
        margin-left:0px !important;
    }
    .support_menu img {
        width: 90px;
        margin-left: initial;
        float:right;
    }
    .support_menu a {
        padding:0 !important;
    }
    .ipo_v2 {
        display: none !important;
    }

    .insurance_pics img {
        width: 100%;
    }

    div.toptip {
        font-size: 14px;
    }

    .Title_type_v2 {
        font-size: 24px;
    }

        .Title_type_v2 span {
            font-size: 20px;
        }

    span.small_span {
        font-size: 16px;
    }

    .show_pc {
        display: none;
    }

    .title_for_students, .title_for_vip {
        width: 100%;
    }

    .floatimg {
        width: 100%;
    }

    .panel_style1 p {
        font-size: 12px;
    }

    .panel_style1 table td {
        padding: 6px 6px;
        font-size: 12px;
    }

    .panel_style1 table thead td {
        font-size: 14px;
    }

    p.title_p {
        font-size: 20px;
    }

    p.title_p_normal {
        font-size: 16px;
    }

    .show_mobile {
        display: block;
    }

    p.main_p {
        font-size: 18px;
    }

    .big48 {
        font-size: 30px;
    }

    .main_p_normal img {
        width: 48px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .main_p_normal {
        height: 40px;
        line-height: initial;
    }

    p.main_p_normal span.blue, p.main_p_normal span.yellow {
        font-size: 14px;
        display: block;
        margin: 0;
        float: left;
        width: 33%;
        line-height: 16px;
    }

    p.main_p_normal span.big48 {
        line-height: 24px;
    }

    .navbar-brand {
        margin-top: 15px;
    }

    #carousel-bannerbox, #carousel-bannerbox-index {
        width: 100%;
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
    }


    li.service_v2 {
        display: none;
    }

    .navbar-brand img {
        height: 60px;
        width:auto !important;
        margin-top:-5px;
    }

    .nav-stacked1 {
        display: block;
    }

    .nav-tabs1 {
        display: none;
    }

    .navbar {
        margin-bottom: 0;
    }

    .navbar-inner {
        height: 82px;
    }

    .IPOTimetb {
        display: none;
    }

    .nav-tabs li {
        width: 70px;
        text-align: center;
    }

        .nav-tabs li a {
            width: 70px;
            padding: 0px;
            border: 0px;
            padding-top: 10px;
            background-color: #eff9fe;
            border-radius: 0px;
            border-right: 2px solid white;
        }

        .nav-tabs li.active a {
            background-color: #CFB072;
            color: white;
            border: 0px;
        }

            .nav-tabs li.active a:hover {
                background-color: #CFB072;
                color: white;
                border: 0px;
            }

    .nav-tabs > li.active > a:focus {
        background-color: #CFB072;
        color: white;
        border: 0px;
    }

    .nav-tabs a {
        font-size: 12px;
    }

    .mapdiv {
        width: auto;
        height: auto;
    }

    .carousel-indicators {
        bottom: 0;
    }

    ol.carousel-indicators li {
        background-color: #ddd;
        border: 1px solid #ddd; 
    }

    .navbar-brand img {
        /*width:80%;*/
    }

    .ivrs_img {
        width: 290px;
    }

    .sczw {
        height: 320px;
    }

    div.table-ipo-button1 {
        font-size: 16px;
        height: 28px;
        width: 80%;
    }


    .clogin_div {
        display: none;
    }


    .modal-dialog {
        width: 96%;
    }

    .moveon {
        display: block;
        position: fixed;
        right: 5px;
        bottom: 5px;
        width: 50px;
        z-index: 9000;
        height: 40px;
    }

        .moveon a {
            background-image: url(img/moveon.png);
            opacity: 0.6;
            display: block;
            width: 50px;
            height: 40px;
        }

            .moveon a:hover {
                opacity: 0.8;
            }

    .table-ipo {
        overflow-x: scroll;
    }

    .table-ipo-button1 {
        padding: 0 4px;
    }

    .table-ipo-button2 {
        padding: 0 4px;
    }

    #navbar-search {
        font-size: 12px;
        margin-top: -10px;
        float: right;
        width: 120px;
        margin-left: 20px;
    }

    .navbar-header {
        position: relative;
    }

        .navbar-header button {
            position: absolute;
            right: 0px;
        }

    #navbar-language {
        position: absolute;
        top: 0;
        right: 50px;
        /*float:right;*/
        margin: 0;
        padding: 0;
    }

        #navbar-language ul {
            margin-right: -50px;
            float: right;
            margin-top: 10px;
        }

            #navbar-language ul li {
                width: auto;
                line-height: 40px;
                float: left;
                padding: 0;
                text-indent: 0;
                margin: 0 1px;
            }

                #navbar-language ul li a {
                    font-size: 12px;
                    color: #016dad;
                }

                #navbar-language ul li, #navbar-language ul li a {
                    color: #016dad;
                }

    .mobile_lang {
        display: none;
    }

    #navbar-tools {
        clear: both;
        float: right;
        margin-right: 0px;
        padding: 0;
        width: 140px;
        margin-top: -40px !important;
    }

        #navbar-tools .navbar-nav {
            margin: 0;
            padding: 0;
            float: right;
            width: 140px;
        }

            #navbar-tools .navbar-nav li {
                margin-left: 5px;
                float: right;
                width: 40px;
                height: 30px;
                text-align: center;
                overflow: hidden;
                text-indent: 20px;
            }

                #navbar-tools .navbar-nav li a {
                    padding: 0;
                    font-size: 12px;
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 30px;
                    height: 25px;
                }

                #navbar-tools .navbar-nav li img {
                    height: 30px;
                }

                #navbar-tools .navbar-nav li .navbar-toggle {
                    margin: 0;
                    padding: 7px 8px;
                    border-color: #ffffff; /*CFB072*/
                }

        #navbar-tools ul li img {
            top: 0;
            left: 0;
        }

    #navbar-menu {
        position: absolute;
        top: 5px;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        border: 0;
        z-index: 9989;
    }

        #navbar-menu .navbar-nav {
            width: 100%;
            margin: 0;
            padding: 0;
            border: 0;
            background-color: #ffffff;
        }

            #navbar-menu .navbar-nav li {
                width: 100%;
                margin: 0px auto;
                padding: 10px 0;
                background-color: #ffffff;
                border-bottom: 1px solid #e0e0e0;
            }

                #navbar-menu .navbar-nav li ul li {
                    border-bottom: 0px;
                    padding-bottom: 0;
                    font-size: 16px;
                }

                #navbar-menu .navbar-nav li.no-padding-top {
                    padding-top: 0;
                }

                #navbar-menu .navbar-nav li ul li a {
                    padding-left: 60px;
                    padding-top: 0;
                    padding-bottom: 0;
                    display:table;
                }

    .sub-menu-list-ul li span {
        padding-left:60px;
        color:gray;
        font-size:14px;
    }

                #navbar-menu .navbar-nav li ul li .sub-menu a {
                    padding-left:0px !important;
                }

                #navbar-menu .navbar-nav li a:focus {
                    color: #EA5504;
                }

                #navbar-menu .navbar-nav li a {
                    color: #000000;
                }

                    #navbar-menu .navbar-nav li a:hover {
                        border-bottom: 0;
                    }


        #navbar-menu .dropdown-menu {
            padding: 0;
            /*display:none;*/
        }

            #navbar-menu .dropdown-menu li span {
                margin-left: 12px;
                color: #ffffff;
            }

                #navbar-menu .dropdown-menu li span img {
                    width: 19px;
                    height: 22px;
                    margin: 0;
                    padding: 0;
                    margin-top: -10px;
                }

                    #navbar-menu .dropdown-menu li span img.toolimg {
                        height: 18px;
                    }

            #navbar-menu .dropdown-menu ul {
                padding: 0;
            }

                #navbar-menu .dropdown-menu ul li {
                    padding: 5px 0;
                    list-style: none;
                    background-color: #ffffff;
                }

    li.support_menu {
        font-weight: normal;
    }

    .support_dropdown-menu {
        height: auto;
    }

    .login_v2 {
        z-index: 9900;
    }

    .mobilemenu {
        z-index: 9980;
    }

    #navbar-menu .dropdown-menu li span.pc_minilogo {
        /*width: 90%;*/
        margin: 0 auto;
        display: block;
        text-align: left;
        font-size: 14px;
        color: #999;
        padding-left: 60px;
    }

    #navbar-menu .dropdown-menu li span.pc_minilogo_blue {
        padding-top: 15px;
    }

    #navbar-menu .dropdown-menu li span.pc_minilogo + ul {
        margin-bottom: 0px;
    }

    #navbar-menu .dropdown-menu li span.pc_minilogo + span {
        display: none;
    }

    .pc_minilogo img {
        display: none;
    }

    .dropdown-menu-right {
        display: none;
    }

    .dropdown-menu-right-mobile {
        display: block;
    }

        .dropdown-menu-right-mobile .right-arr {
            display: none;
        }

    #navbar-menu a.dropdown-toggle {
        width: 78px;
        height: 28px;
        background-image: url(2020/mobilemenu/arrow.svg);
        background-position: 5px center;
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        right: 5px;
        top: 10px;
    }
    /*#navbar-menu a.dropdown-toggle:hover {
                -moz-transform:rotate(180deg);   
                -webkit-transform:rotate(180deg);  
                transform:rotate(180deg); 
            }*/
    #navbar-menu .navbar-nav li a.dropdown-toggle {
        padding: 0;
    }

    #navbar-menu .navbar-nav li.open a.dropdown-toggle {
        background-image: url(2020/mobilemenu/arrow-yellow.svg);
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: #ffffff;
    }

    .navbar-menulink-0 {
        margin-left: 15px;
        text-indent: 15px;
        background-image: url(img/menu/WEEVER.svg);
        background-size: contain;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .navbar-menulink-1 {
        margin-left: 15px;
        text-indent: 15px;
        background-image: url(2020/mobilemenu/investment.svg);
        background-size: 25px 25px;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .navbar-menulink-2 {
        margin-left: 15px;
        text-indent: 15px;
        background-image: url('2020/mobilemenu/wealth management.svg');
        background-size: 25px 25px;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .navbar-menulink-3 {
        margin-left: 15px;
        text-indent: 15px;
        background-image: url('2020/mobilemenu/wealth management.svg');
        background-size: 25px 25px;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .navbar-menulink-4 {
        margin-left: 15px;
        text-indent: 15px;
        background-image: url('2020/關於我們.svg');
        background-size: 25px 25px;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .navbar-menulink-5 {
        margin-left: 15px;
        text-indent: 15px;
        background-image: url('2020/時富頻道.svg');
        background-size: 25px 25px;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .navbar-menulink-6 {
        margin-left: 15px;
        text-indent: 15px;
        background-image: url('2020/mobilemenu/discountpromotion.svg');
        background-size: 25px 25px;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .navbar-menulink-7 {
        margin-left: 15px;
        text-indent: 15px;
        background-image: url('2020/加入我們.svg');
        background-size: 25px 25px;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .navbar-menulink-8 {
        margin-left: 15px;
        text-indent: 15px;
        background-image: url('2020/mobilemenu/customer support.svg');
        background-size: 25px 25px;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .navbar-menulink-9 {
        margin-left: 15px;
        text-indent: 15px;
        background-image: url(img2/customer_service_icon.svg);
        background-size: contain;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .navbar-menulink-2021 {
        margin-left: 15px;
        text-indent: 15px;
        background-image: url(2020/mobilemenu/bfico.jpg);
        background-size: 26px 26px;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .navbar-menulink-202102 {
        margin-left: 15px;
        text-indent: 15px;
        background-image: url(2020/mobilemenu/bf02_01.svg);
        background-size: 26px 26px;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .navbar-menulink-lang {
        margin-left: 15px;
        text-indent: 15px;
        background-image: url(2020/語言.svg);
        background-size: 26px 26px;
        background-position: left center;
        background-repeat: no-repeat;
        width: 120px;
    }

    #navbar-menu .navbar-nav li.mobile_title {
        position: relative;
        display: block;
        background-color: #fafafa;
        width: 100%;
        height: 100%;
        padding: 20px 15px;
    }

    #navbar-menu .navbar-nav li a.mobile_title_href {
        padding: 1px 0px;
        border-bottom: 1px solid #EA5504;
        color: #EA5504;
        width: 130px;
    }

    li.mobilelang {
        display: block;
    }

        .mobilelang div {
            position: absolute;
            width: 190px;
            top: 14px;
            left: 110px;
            left: 60px;
        }

            .mobilelang div a {
                padding: 5px 0px !important;
            }

    .nav > li > a.mobile_title_close {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 10px;
        right: 30px;
    }

    .menulink_bottom {
        box-shadow: 0px 5px 20px 6px #888888;
    }

    #navbar-menu a.dropdown-href {
        background-color: #ffffff;
    }

    #bannermenu.carousel-ul {
        margin-top: 10px;
    }

    #menubg {
        margin-top: 20px;
    }

    #menutitle {
        color: #ffffff;
    }

    #panel-promotion {
        display: none;
    }

    #myCarousel {
        display: block;
    }


    #navbar-tools .dropdown-menu {
        position: absolute;
        width: 158px;
        /*height:186px;*/
        top: 30px;
        left: -30px; /*40px*/
        padding: 0;
        opacity: 0.9;
        background-color: #EA5504;
        overflow: visible;
    }

    #navbar-tools #aboutusmenu.dropdown-menu {
        left: 80px;
    }

    #navbar-tools #servicemenu.dropdown-menu {
        left: 95px;
    }



    #navbar-tools .dropdown-menu li a {
        width: 158px;
        margin: 0px;
        height: 36px;
        line-height: 36px;
        display: block;
        padding: 0;
        color: #ffffff;
        text-align: center;
        font-size: 12px;
    }

        #navbar-tools .dropdown-menu li a:hover {
            color: #CFB072;
            background-color: #ffd800;
        }

    #menutitle {
        display: block;
        text-align: center;
        height: 40px;
        line-height: 40px;
        background-color: #dd9500;
        color: #ffffff;
        margin-top: 10px;
        margin-bottom: -10px;
        padding: 0;
        /*font-weight:bold;*/
    }


    .lianxi-height-xs {
        height: 200px;
    }

    .zichan-xs-img {
        width: 300px;
        height: 160px;
    }

    .index-action-text-xs {
        padding-left: 16px;
        padding-right: 16px;
        text-align: center;
    }

    #panel-promotion a {
        width: 100%;
        margin-bottom: 10px;
    }

    .table-ipo-deadline {
        display: none;
    }

    .left-subtitle {
        background-image: none;
    }

    .left-backcolor .col-md-3, .col-md-9 {
        width: 100%;
    }

    .sm-left-backcolor {
        width: 100%;
        background-color: #d4efff;
        border-top: 1px solid #000000;
    }

    .sm-right-backcolor {
        border-top: 1px solid #000000;
        background-color: #ffffff;
    }

    .stock-lefr09-height {
        line-height: 30px;
        height: 30px;
    }

    .stock-lefr9-height {
        height: auto;
    }

    .sm-right-backcolor .stock-lefr5-height .right-rowstyle .row {
        padding-top: 10px;
    }

    .lefr04-height .left-subtitle {
        padding-top: 30px;
    }

    .lefr05-height .left-subtitle {
        padding-top: 30px;
    }

    .lefr06-height .left-subtitle {
        padding-top: 40px;
    }

    .oplefrt1-height .left-subtitle {
        padding-top: 30px;
    }

    .oplefrt2-height .left-subtitle {
        padding-top: 43px;
    }

    .oplefrt3-height .left-subtitle {
        padding-top: 43px;
    }

    .oplefrt4-height .left-subtitle {
        padding-top: 43px;
    }

    .title_div {
        margin: auto;
        margin-bottom: -4px;
    }

    .img_tp img {
        position: relative;
        left: 4px;
        top: -4px;
    }

    .TradingPlat_foot {
        background-color: #ecf6fd;
        height: 900px;
        font-size: 14px;
    }

    .top_Cashrtq {
        background-color: #e9f3fd;
        height: 630px;
    }

    .foot_Cashrtq {
        background-color: #e9f3fd;
        height: 100%;
    }

    .tb_Cashrtq {
        margin: auto;
    }

    .App_Cashrtq_img {
        width: 200px;
    }

    .topchart_div {
        height: 30px;
    }

    .chart_ul li {
        width: 85px;
    }

        .chart_ul li a {
            width: 85px;
        }

    .chart_technic_panel {
        height: 500px;
    }

    .chart_div_technic {
        /*margin-right: 39px;*/
        float: left;
    }

    .chart_technic_panel table td {
        padding-left: 10px;
    }

    .panel-body promotion1 {
        display: none;
    }

    .carousel slide banner-row promotion2 {
        display: block;
    }

    .panel-more-promotion {
        height: 28px;
        line-height: 28px;
    }

    div.tableBox {
        width: 100%;
    }

        div.tableBox .mainTable {
            width: 100%;
        }
    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    ::-webkit-scrollbar {
        width: 16px;
        height: 16px;
        background-color: #F5F5F5;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 6px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #777;
    }

    #navbar-language {
        display: none;
    }

    li.mobile_servicemenu {
        display: block;
    }

    #navbar-tools .navbar-nav li.login_v2 {
        width: 72px;
        text-indent: 0px;
        float: left;
        left: 10px;
        top: 2px;
    }

        #navbar-tools .navbar-nav li.login_v2 a, #navbar-tools .navbar-nav li.register_v2 a {
            padding-left: 15px;
            width: 72px;
            background-size: 16px;
            background-position: 10px 5px;
            line-height: 25px;
            font-size: 12px;
        }

    #navbar-tools .navbar-nav li.register_v2 {
        width: 72px;
        text-indent: 0px;
        float: left;
        position: absolute;
        left: 105px;
        top: 2px;
        display: none;
    }
    .register_mobile {
        width: 72px;
        float: left;
    }
    .register_mobile a {
        padding: 0 0 0 15px !important;
        line-height: 25px;
    font-size: 12px;
        width: 72px;
    height: 25px;
        background-image: url(img2/openaccount.svg);
        background-color: #EA5504;
        background-repeat:no-repeat;
        background-size: 16px;
    background-position: 10px 5px;
        text-align: center;
    color: #ffffff !important;
    font-weight: bold;
        text-indent: 0px;
        float: right;
        position: absolute;
        right: 75px;
        top: 18px;
    }

    #topbanner {
        background-color: none;
        padding-left: 0;
        padding-right: 0;
    }

    .panel-more-promotion a {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

        .panel-more-promotion a img {
            width: 100%;
        }

    .nopadding {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: -15px;
    }

        .nopadding .panel-heading {
            display: none;
        }

        .nopadding .panel-more-promotion {
            background-color: transparent;
        }

            .nopadding .panel-more-promotion a {
                padding-left: 15px;
                padding-right: 15px;
            }

    #navbar-menu .dropdown-menu li ul li span.menudescribe {
        display: none;
    }


    .chat-banner {
        width: 50px;
        right: 5px;
        bottom: 60px;
        z-index: 9000;
    }

        .chat-banner a {
            width: 50px;
        }

    #navbar-menu ul li a.navbar-menulink-2:hover, #navbar-menu ul li a.navbar-menulink-2:visited {
        color: #000000;
    }

    #navbar-menu ul li a.navbar-menulink-8:hover, #navbar-menu ul li a.navbar-menulink-8:visited {
        color: #000000;
    }

    #navbar-tools {
        margin-top: 15px;
    }
}
/*app dropdown-menu end*/



/*pc dropdown-menu*/

@media (min-width: 769px) {
    #ProductsAndServices {
        position: relative;
        top: -110px;
        height: 0;
        overflow: hidden;
    }

    #contactus {
        position: relative;
        top: -135px;
        height: 0;
        overflow: hidden;
    }

    #navbar-tools ul li.login_v2 a, #navbar-tools ul li.register_v2 a {
        padding: 5px;
        margin: 7px 8px;
        padding-left: 25px;
    }


    /*.pro_share {
        float:right;
        width:24px;
        height:24px;
        margin-right:-15px;
        position:relative;
    }
    .share_btn {
        width:24px;
        height:24px;
        background-image:url(img/share/1.png);
    }*/


    #navbar-menu .dropdown-menu li.dropdown-menu-right-mobile span.pc_minilogo {
        display: none;
    }

    .share_list {
        font-size: 14px;
        right: 0px;
        width: 230px;
        float: right;
        height: 22px;
        line-height: 22px;
        position: relative;
    }

        .share_list a {
            display: block;
            margin-left: 10px;
            margin-right: 0px;
            float: right;
            width: 22px;
            height: 22px;
            background-repeat: no-repeat;
            background-position: left center;
        }

    #share_qrcode {
        width: 148px;
        height: 148px;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #777;
        background-color: #ffffff;
        position: absolute;
        top: -158px;
        right: -30px;
        z-index: 9900;
    }

    .share_fb {
        background-image: url(img/share/2.png);
    }

    .share_tw {
        background-image: url(img/share/3.png);
    }

    .share_in {
        background-image: url(img/share/4.png);
    }

    .share_wx {
        background-image: url(img/share/8.png);
    }

    .share_em {
        background-image: url(img/share/7.png);
    }

    #sczwtext {
        text-align: justify;
    }

    .dot-ellipsis {
        text-align: justify;
    }

    .m_NewsInfoShort {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 280px;
        display: block;
    }

    .nav-stacked1 {
        display: none;
    }

    .nav-tabs1 {
        display: block;
    }

    .IPOTimetb {
        display: block;
    }

    .mapdiv {
        width: 711px;
        height: 600px;
    }

    .nav li a.nav_type_2 {
        width: 97px;
        background-image: url(img/支票存入1.png);
        background-position: left top;
        background-color: transparent;
        margin-left: -10px;
    }

        .nav li a.nav_type_2:hover {
            color: #ffffff;
            background-image: url(img/支票存入2.png);
            background-color: none;
        }

    .nav li a.nav_type_4 {
        width: 94px;
        background-image: url(img/20大升幅2.png);
        background-color: transparent;
        margin-right: -1px;
    }

        .nav li a.nav_type_4:hover {
            color: #ffffff;
            background-image: url(img/20大升幅1.png);
            background-color: none;
        }

    .nav li a.nav_type_4_eng {
        width: 110px;
        background-image: url(img/eng/20大升幅1.png);
        background-color: transparent;
        margin-right: -1px;
    }

        .nav li a.nav_type_4_eng:hover {
            color: #ffffff;
            background-image: url(img/eng/20大升幅2.png);
            background-color: none;
        }

    .nav li a.nav_type_5 {
        margin-left: -10px;
        width: 122px;
        background-image: url(img/20大成交額1.png);
        background-color: transparent;
    }

        .nav li a.nav_type_5:hover {
            color: #ffffff;
            background-image: url(img/20大成交額2.png);
            background-color: none;
        }

    .nav-tabs1 li.active a.nav_type_2 {
        background-image: url(img/支票存入2.png);
    }

    .nav-tabs1 li.active a.nav_type_4 {
        background-image: url(img/20大升幅1.png);
    }

    .nav-tabs1 li.active a.nav_type_4_eng {
        background-image: url(img/eng/20大升幅2.png);
    }

    .nav-tabs1 li.active a.nav_type_5 {
        background-image: url(img/20大成交額2.png);
    }

    .sczw {
        height: 565px;
    }

    .menu-openacc {
        width: 100%;
        margin-top: 20px;
        display: block;
        /*background: #e5a812;*/
        text-align: center;
        height: 40px;
        line-height: 40px;
        color: #ffffff;
        background: url(/Content/img/Home/開立戶口.jpg) no-repeat;
    }

        .menu-openacc a {
            color: #ffffff;
            cursor: pointer;
            font-size: 20px;
        }

    .chart_div_technic {
        margin-right: 15px;
        float: right;
    }

    .chart_technic_panel table td {
        padding-left: 20px;
    }

    .chart_ul li {
        width: 105px;
    }

        .chart_ul li a {
            width: 105px;
        }

    .chart_technic_panel {
        height: 360px;
    }

    .clogin_div {
        display: block;
    }

    .chat-banner {
        display: block;
    }

    .row .col-md-9 .common-cell {
        background-color: #ffffff;
    }


    .title_hidden_pc {
        visibility: hidden;
        display: none;
    }

    .navbar-header a {
        padding-left: 0;
    }

    #navbar-container {
        height: 135px;
        height: 110px;
    }

    .navbar-fixbg {
        width: 100%;
        height: 135px;
        height: 110px;
        z-index: 9989;
        padding-top: 0;
        position: fixed;
        margin: 0 auto;
        top: 0;
        left: 0;
        right: 0;
        _position: absolute;
        _top: expression(eval(document.documentElement.scrollTop));
        background-color: #ffffff;
    }

    .navbar-fixbg-line {
        box-shadow: 0 5px 4px rgba(0, 0, 0, 0.4);
    }

    #navbar-container .container {
        min-width: 1170px;
        height: 110px;
        z-index: 9990;
    }

    .clogin_div {
        width: 1100px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
    }

    #topbanner {
        min-width: 1130px;
        width: 100%;
        height: auto;
        background-repeat: repeat-x;
        margin: 0 auto;
        margin-top: -20px;
        padding: 0;
        overflow: hidden;
    }

        #topbanner .col-md-8 {
            /*width:648px;*/
            width: 724px;
            height: 220px;
        }

        #topbanner .col-md-4 {
            /*width:450px;*/
            /*padding-left:255px;*/
        }

    #panel-promotion {
        display: block;
    }

    .navbar .nav > li:hover .dropdown-menu {
        display: block;
    }

    #navbar-language {
        font-size: 14px;
        line-height: 50px;
        margin-bottom: 0;
        width: 95px;
        float: right;
        margin-left: 40px;
        margin-right: 50px;
        margin-top: 29px;
    }

        #navbar-language ul li, #navbar-language ul li a {
            color: gray;
        }

    #navbar-tools {
        margin-top: 18px;
        margin-top: 33px;
        font-size: 14px;
        width: 300px;
        width: 100px;
        float: right;
        position: absolute;
        right: 10px;
    }

        #navbar-tools ul li a {
            /*font-size:13px;*/
            font-size: 14px;
            color: #016dad;
            padding-left: 15px;
        }

        #navbar-tools ul li img {
            margin-top: 4px;
            width: 20px;
            height: 20px;
        }

    #navbar-search {
        font-size: 14px;
        margin-top: 20px;
        float: right;
        width: 105px;
        margin-right: -30px;
    }

    .navbar-tools-dropdown {
    }

        .navbar-tools-dropdown:hover, .navbar-about-dropdown:hover {
            background-image: url(img/tri_blue.png);
            background-position: 30px 34px;
            background-repeat: no-repeat;
        }

    #navbar-tools .dropdown-menu {
        position: absolute;
        width: 158px;
        /*height:182px;*/
        top: 42px;
        left: -40px;
        padding: 0;
        background-color: #EA5504;
        overflow: visible;
    }

    #navbar-tools #loginmenu.dropdown-menu {
        left: 172px;
        left: -15px;
        /*height:218px;*/
    }

    #langmenu.dropdown-menu {
        width: 60px;
        min-width: 60px;
        margin: 0;
        padding: 0;
        background-color: #EA5504;
        left: -15px;
    }

        #langmenu.dropdown-menu > li {
            margin: 0;
        }

            #langmenu.dropdown-menu > li > a {
                width: 100%;
                border: 0;
                margin: 0px;
                height: 36px;
                line-height: 36px;
                display: block;
                text-align: center;
                padding: 0;
                color: #ffffff;
                font-size: 14px;
            }

                #langmenu.dropdown-menu > li > a:hover, #langmenu.dropdown-menu > li > a:visited {
                    background-color: #E5A812;
                    color: #ffffff;
                }

    #navbar-tools #aboutusmenu.dropdown-menu {
        left: 83px;
    }

    #navbar-tools .dropdown-menu li a {
        width: 158px;
        margin: 0px;
        height: 36px;
        line-height: 36px;
        display: block;
        padding: 0;
        color: #ffffff;
        text-align: center;
        font-size: 14px;
    }

        #navbar-tools .dropdown-menu li a:hover {
            color: #ffffff;
            background-color: #e5a812;
        }

    #navbar-menu .navbar-nav .dropdown-menu li a {
        padding-right: 0;
    }

    #navbar-menu .navbar-nav .img1 {
        position: relative;
        left: 60px;
        top: -35px;
    }

    #navbar-menu .navbar-nav .img2 {
        position: relative;
        left: 115px;
        top: -35px;
    }

    #navbar-menu .navbar-nav .img3 {
        position: relative;
        left: 95px;
        top: -35px;
    }

    #navbar-menu {
        margin-top: -5px;
        margin-top: -32px;
        float: right;
        margin-left: 140px;
        width: 630px;
        padding-right: 0px;
    }

    .navbar-nav {
        float: right !important;
        height:68px; /*20220701*/
    }

    .container { /*20160120 added*/
        width: 1100px;
    }

    #navbar-menu .dropdown-menu {
        margin: 0px;
        padding: 0;
        width: 100%; /*20160120 added*/
        top: 110px; /*135px*/
        /*opacity: 0.9;*/
        /*background-color: #117ab2;*/
        /*background-color: #f5f6f5;*/
        height: 286px; /*304px*/
        left: 0;
        position: fixed;
        border-color: #cccccc;
    }

    #navbar-menu .support_dropdown-menu {
        height: 226px !important;
    }

    .support_menu a, .support_menu a:hover {
        /*background-color: #ffffff;*/
        /*text-align: center;*/
        line-height: 40px;
        font-size: 24px;
        display: block;
        /*border: 1px solid #d7b673 !important;*/
        height: 100% !important;
        text-decoration: none !important;
    }

    #navbar-menu .support_dropdown-menu li.support_menu {
        line-height: 30px;
    }

    #navbar-menu .support_dropdown-menu .right-line, #navbar-menu .support_dropdown-menu .right-line img {
        height: 130px;
    }

    #navbar-menu .dropdown-menu li span {
        display: block;
        margin: 30px auto 5px 30px;
        padding: 0;
        color: #000000;
        font-size: 18px;
        /*font-weight: bold;*/
    }

        #navbar-menu .dropdown-menu li span img {
            /*margin-left: -36px;*/
            margin-left: -56px;
            margin-right: 10px;
        }

        #navbar-menu .dropdown-menu li span.pc_minilogo_yellow {
            color: #626262;
            font-size: 14px;
        }

        #navbar-menu .dropdown-menu li span.pc_minilogo_blue {
            color: #626262;
            font-size: 14px;
        }

    #navbar-menu .navbar-nav li a.navbar-menulink {
        /*font-size: 18px;*/
    }

    #navbar-menu .navbar-nav li a.menu-classon {
        color: #EA5504;
    }

    #navbar-menu .dropdown-menu li {
        float: left;
        display: block;
        width: 280px;
        margin-left: 45px;
        margin-right: 30px;
    }

        #navbar-menu .dropdown-menu li.right-line {
            width: 1px;
            height: 247px;
            padding: 0;
            margin: 30px 0 0 0;
            /*float: right;*/
        }

        #navbar-menu .dropdown-menu li.right-line-gray {
            float: left;
            background-color: #cccccc;
        }

    #navbar-menu .dropdown-menu .dropdown-menu-right {
        height: 100%;
        width: 245px;
        width: 350px;
        padding-left: 0;
        padding-right: 0;
        float: right;
        margin-right: 0px;
        margin-left: 0px;
        /*background-color: #0081c4;*/
    }

        #navbar-menu .dropdown-menu .dropdown-menu-right ul {
            height: 100%;
            /*border-left: 1px solid #ffffff;*/
            padding-left: 40px;
            margin-left: 30px;
        }

            #navbar-menu .dropdown-menu .dropdown-menu-right ul li {
                width: 200px;
            }



    #navbar-menu .dropdown-menu li a {
        /*color: #117ab2;*/
    }

    #navbar-menu .dropdown-menu .dropdown-menu-right span.right-arr {
        font-family: SimHei;
        font-size: 10px;
        color: #ffffff;
        display: inline;
        margin: 0;
        line-height: 36px;
    }

    #navbar-menu .dropdown-menu .dropdown-menu-right a {
        color: #ffffff;
        color: #000000;
        padding-left: 8px;
        line-height: 36px;
        /*background-image:url(img/iarr.png);
                background-position:right center;
                background-repeat:no-repeat;*/
    }

    .bannerpic {
        width: 100%;
        padding: 0px 10px;
        margin: 0 auto;
    }

    .footer-rightline {
        border-left: 1px solid #63626c;
    }

    footer .sub-links a.en_footer_about {
        text-indent: 0;
        margin-left: 15px;
        margin-right: 9px;
    }

    #navbar-menu ul li a:hover {
        color: #EA5504;
    }

    #navbar-menu ul li a.dropdown-href {
        height: 76px;
        z-index: 9000;
        background-position: right 15px;
        /*background-position:center 31px;*/
        background-repeat: no-repeat;
    }

        #navbar-menu ul li a.dropdown-href:hover {
            /*background-color: #117ab2;*/
            /*opacity: 0.9;*/
            /*color:#ffffff;*/
            background-image: url(img/bluebg.jpg);
            background-position: center 64px;
            background-repeat: no-repeat;
            overflow: visible;
        }

    #navbar-menu ul li a.marketslink:hover {
        background-image: url(img/tri2.png);
        background-image: url(img/bluebg.jpg);
    }

    #navbar-menu ul li a.aboutuslink:hover {
        background-image: url(img/tri2.png);
        background-image: url(img/bluebg.jpg);
    }

    #navbar-menu .dropdown-menu li a:hover {
        /*background: none;*/
        text-decoration: underline;
    }

    #navbar-menu .dropdown-menu li ul li {
        clear: left;
        margin: 10px 0;
        padding: 0;
        /*height: 24px;*/
        line-height: 24px;
        list-style: none;
        font-size: 15px;
    }

    #navbar-menu .dropdown-menu li ul.platform_menu li {
        margin: 5px 0;
    }

    #navbar-menu .navbar-nav .dropdown-menu li.platform_menu_ipo a {
        margin-top: 10px;
        width: 170px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        background-color: #EA5504;
        display: block;
        text-align: center;
        color: #ffffff;
        padding: 0;
        text-decoration: none;
    }

    #navbar-menu .dropdown-menu li ul li span.menudescribe {
        text-indent: 0px;
        text-align: left;
        font-size: 14px;
        color: #575757;
        margin: 0;
    }

    #navbar-menu .dropdown-menu .dropdown-menu-right ul.dropdown-menu-right-ul {
        margin-left: 0;
        padding-left: 0;
        height: 115px;
    }

        #navbar-menu .dropdown-menu .dropdown-menu-right ul.dropdown-menu-right-ul li {
            clear: none;
            margin: 0px;
            height: 30px;
            padding: 0px;
            width: 50%;
            float: left;
            text-indent: 10px;
            display: block;
        }

            #navbar-menu .dropdown-menu .dropdown-menu-right ul.dropdown-menu-right-ul li a {
            }

    #navbar-menu .navbar-nav li a {
        padding: 5px 19px;
        padding: 5px 15px 5px 15px;
        height: 36px;
        line-height: 24px;
    }

        #navbar-menu .navbar-nav li a.dropdown-toggle-overtips {
            height: 0;
            padding:0;
        }

    #navbar-menu .navbar-nav ul.dropdown-menu ul {
        padding-left: 31px;
    }

    #navbar-menu .navbar-nav .dropdown-menu li a {
        padding: 5px 0px;
        /*font-weight: 600;*/
        font-size: 16px;
    }

    #security-menu {
        /*left: -169px;*/
        /*left: -196px\0;*/
        left: -263px;
    }

    #futures-menu {
        /*left: -243px;*/
        /*left: -270px\0;*/
        left: -332px;
    }

    #wealth-menu {
        left: -455px;
    }

    #bullion-menu {
        /*left: -701px;*/
        /*left: -710px\0;*/
        left: -766px;
    }

    #markets-menu {
        /*left: -870px;*/
        /*left: -980px\0;*/
        /*left: -967px;*/
        left: -875px;
    }

    #aboutus-menu {
        left: -980px;
    }

    #menutitle {
        display: none;
    }

    .banner-row {
        margin-top: -20px;
    }


    #bannermenu a {
        /*font-size:15px;*/
        font-size: 16px;
    }

    .lianxi-height-md {
        height: 600px;
    }

    .index-panel-body {
        line-height: 24px;
    }

    .panel-more-promotion {
        height: 35px;
    }

    .panel .panel-more-promotion a {
        vertical-align: middle;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }

    .panel-more-promotion img {
        vertical-align: middle;
    }

    #panel-promotion a {
        width: 50%;
    }

    #panel-promotion .index-action-text {
        /*padding-left:18px;
		padding-right:18px;*/
        padding-left: 6px;
        padding-right: 6px;
    }

    .index-panel-body-Today-HK-Height {
        /*height:726px;*/
    }

    .left-subtitle {
        font-size: 17px;
        font-weight: normal;
        vertical-align: middle;
        padding-left: 0;
        padding-bottom: 0;
        background-image: url(../../content/img/form_left_arrow.png);
        background-repeat: no-repeat;
        background-position: 135px 40px;
        width: 152px;
        text-align: center;
        height: 90px;
        margin-left: -15px;
    }

    .left-backcolor .col-md-3 {
        width: 152px;
    }

    .left-backcolor .col-md-9 {
        width: 643px;
    }

    .right-backcolor {
        background-color: #f3f3f3;
    }

    .sm-right-backcolor {
        border-top: 1px solid #000000;
        background-color: #ffffff;
    }

    .right-rowstyle {
        padding-left: 40px;
        padding-bottom: 20px;
    }

        .right-rowstyle ul {
            padding-left: 0px;
        }

            .right-rowstyle ul li {
                padding-left: 0px;
                color: #1a92d8;
                height: 24px;
                line-height: 24px;
            }

                .right-rowstyle ul li a {
                    color: #1a92d8;
                    text-decoration: underline;
                }

    .right-subtitle {
        font-size: 14px;
        font-weight: bold;
    }

    .sm-left-backcolor {
        background-color: #d4efff;
        width: 152px;
        border-top: 1px solid #000000;
    }

        .sm-left-backcolor .left-subtitle {
            color: #404040;
        }

    .stock-lefr01-height {
        height: 300px;
        line-height: 300px;
    }

    .stock-lefr1-height {
        height: 300px;
    }

    .stock-lefr02-height {
        height: 100px;
        line-height: 100px;
    }

    .stock-lefr2-height {
        height: 100px;
    }

    .stock-lefr03-height {
        height: 310px;
        line-height: 310px;
    }

    .stock-lefr3-height {
        height: 310px;
    }

    .stock-lefr04-height {
        height: 300px;
        line-height: 300px;
    }

    .stock-lefr4-height {
        height: 300px;
    }

    .stock-lefr05-height {
        height: 180px;
        line-height: 180px;
    }

    .stock-lefr5-height {
        height: 180px;
    }

    .stock-lefr06-height {
        height: 110px;
        line-height: 110px;
    }

    .stock-lefr6-height {
        height: 110px;
    }

    .stock-lefr07-height {
        height: 150px;
        line-height: 150px;
    }

    .stock-lefr7-height {
        height: 150px;
    }

    .stock-lefr08-height {
        height: 400px;
        line-height: 400px;
    }

    .stock-lefr8-height {
        height: 400px;
    }

    .stock-lefr09-height {
        line-height: 100px;
        height: 100px;
    }

    .stock-lefr9-height {
        height: 100px;
        padding-top: 40px;
    }

    .lefr04-height .left-subtitle {
        padding-top: 40px;
    }

    .lefr04-height {
        height: 160px;
    }

    .lefr4-height {
        height: 160px;
    }

    .lefr05-height .left-subtitle {
        padding-top: 20px;
    }

    .lefr05-height {
        height: 100px;
    }

    .lefr5-height {
        height: 100px;
    }

    .lefr06-height {
        height: 100px;
        line-height: 100px;
    }

    .lefr6-height {
        height: 100px;
    }

    .oplefrt1-height .left-subtitle {
        padding-top: 40px;
    }

    .oplefrt2-height .left-subtitle {
        padding-top: 40px;
    }

    .oplefrt3-height .left-subtitle {
        padding-top: 40px;
    }

    .oplefrt4-height .left-subtitle {
        padding-top: 40px;
    }

    .reg_table_l {
        width: 382px;
        padding: 0;
    }

    .reg_table_r {
        width: 382px;
        padding: 0;
        float: right;
    }

    .title_div {
        margin-left: 65px;
        margin-bottom: -4px;
    }

    .TradingPlat_foot {
        background-color: #ecf6fd;
        height: 300px;
        font-size: 14px;
    }

    .comm_td {
        height: 100px;
        border-right: 1px solid #f3f3f3;
    }

    .Futures_tradtop {
        background-image: url(/Content/img/Futures/t1.jpg);
        height: 433px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Futures_tradmain {
        background-image: url(/Content/img/Futures/t2.jpg);
        height: 433px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .mainfuc {
        background-image: url(/Content/img/Futures/t3.jpg);
        width: 942px;
        height: 202px;
        margin: auto;
    }

    .top_Cashrtq {
        background-color: #e9f3fd;
        height: 360px;
    }

    .foot_Cashrtq {
        background-color: #e9f3fd;
        height: 360px;
        margin-top: 200px;
    }

    .tb_Cashrtq {
        margin: auto;
        position: relative;
        top: -130px;
    }

    .img_Cashrtq1 {
        position: relative;
        left: 100px;
        top: -180px;
    }

    .img_Cashrtq2 {
        position: relative;
        left: -80px;
        top: -490px;
    }
}

@media (min-width: 1150px) {
    #topbanner {
        background-position-x: -355px;
    }
}

@media (min-width: 1366px) {
    #topbanner {
        background-position-x: -310px;
    }
}

@media (min-width: 1440px) {
    #topbanner {
        background-position-x: -270px;
    }
}

@media (min-width: 1600px) {
    #topbanner {
        background-position-x: -195px;
    }
}

@media (min-width: 1920px) {
    #topbanner {
        background-position-x: -38px;
    }
}

@media (min-width: 2560px) {
    #topbanner {
        background-position-x: 288px;
    }
}

@media (max-width: 1150px) {

    .clogin_div {
        padding-left: 0px;
    }

    #topbanner {
        background-position-x: -430px;
    }
}
/*pc dropdown-menu end*/



.table-indexHK-tr-td-arrow div, .table-indexHK-tr-td div {
    background-color: #ffffff;
    width: 98%;
    margin: 0 auto;
}

.table-indexHK-tr-td div {
    margin-bottom: 4px;
}

.border_corl {
    position: absolute;
    left: 15px;
    width: 9px;
    height: 16px;
    background-image: url(img/Home/三角形.png);
}


footer {
    width: 100%;
    text-align: center;
    font-size: 14px;
    /*background: url(img/footeline_blue.png) bottom center no-repeat;*/
    background-size: contain;
    /*background-color: #51505b;*/
    background-color: #000000;
    color: #ffffff;
    padding: 30px 0 45px 0;
}

    footer a {
        color: #ffffff;
    }

        footer a:hover {
            color: #ffffff;
        }

    footer h5 {
        /*font-weight: bold;*/
        text-indent: 24px;
        text-align: left;
        font-size: 18px;
    }

    footer .sub-links a {
        text-indent: 24px;
        line-height: 24px;
        display: block;
        text-align: left;
    }

    footer .sub-links span {
        text-indent: 24px;
        line-height: 24px;
        display: block;
        text-align: left;
    }

#carousel-bannerbox-index.carousel .item {
    height: 700px;
}

#carousel-bannerbox.carousel .item {
    height: 400px;
}

.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 700px;
}

#dda-carousel, #ddi-carousel {
    width: 550px;
    height: 742px;
    float: left;
    padding: 60px 0;
    position: relative;
    margin-top: 50px;
}

    #dda-carousel a, #ddi-carousel a {
        width: 91px;
        height: 700px;
        display: block;
        position: absolute;
        vertical-align: middle;
        line-height: 700px;
        text-align: center;
    }

        #dda-carousel a.carousel-control-prev, #ddi-carousel a.carousel-control-prev {
            top: 0;
            left: 0;
        }

        #dda-carousel a.carousel-control-next, #ddi-carousel a.carousel-control-next {
            top: 0;
            right: 0;
        }

    #dda-carousel .carousel-inner, #ddi-carousel .carousel-inner {
        width: 300px;
        height: 100%;
        margin: 0 auto;
    }

        #dda-carousel .carousel-inner > .item, #ddi-carousel .carousel-inner > .item {
            width: 300px;
            height: 100%;
        }

            #dda-carousel .carousel-inner > .item > img, #ddi-carousel .carousel-inner > .item > img {
                width: 300px;
                height: 100%;
            }

#dda-list, #ddi-list {
    padding-top: 150px;
}

    #dda-list img, #ddi-list img, #dda-mlist img, #ddi-mlist img {
        display: none;
    }

#dda-mlist img, #ddi-mlist img {
    width: 100%;
    margin-top: -10px;
}

/*------------------------------------Index---------------------------------*/
.index-panel-body {
    font-size: 14px;
    background-color: white;
    padding-left: 0px;
    padding-right: 0px;
    /*background-color: #f1f3f2;*/
    background-color: #f7fbfc;
    padding: 15px;
}

    .index-panel-body a {
        color: black;
    }

        .index-panel-body a.hover {
            color: black;
        }




.table > tbody > tr > td {
    border-top: 0;
}

.table-ipo a:hover {
    text-decoration: none;
}

.table-ipo tr td {
    height: 46px;
    line-height: 42px;
}

.table-ipo thead tr td {
    border-bottom: 5px solid #CFB072;
    height: 24px;
    line-height: 24px;
    text-indent: 10px;
}

.panel {
    border: 0px; /*solid #ffffff*/
}

    .panel panel-default {
        border: 0px; /*solid #ffffff*/
    }

.panel-body {
    font-size: 14px;
    background-color: white;
    padding-left: 0px;
    padding-right: 0px;
    border: 0px none #ffffff;
}

    .panel-body a {
        color: #191919;
    }

.panel-default > .panel-heading {
    /*color:#CFB072;*/
    color: #202020;
    background: none;
    /*border-bottom: 5px solid #83d5e4;*/
    border-bottom: 5px solid #CFB072;
    /*padding-left: 0px;*/
    /*font-weight:bold;*/
    font-size: 20px;
}

.panel-promotion img {
    width: 100%;
    padding: 0 10px;
}

.panel-promotion a {
    width: 50%;
    float: left;
    display: block;
    text-align: center;
}

.panel-more-promotion {
    background-color: #e5a812;
    /*background-color: #d7f7fc;*/
    text-align: center;
}

    .panel-more-promotion a {
        color: #ffffff;
    }

.nav-title {
    background-color: #eeeeee;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 56px;
}

    .nav-title li {
        font-size: 14px;
        padding: 0;
        margin-top: 0;
        height: 56px;
        line-height: 56px;
    }

.table-indexHK {
    background-color: #f7fbfc;
    height: 29px;
    line-height: 29px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.table-indexHK-tr-td-title {
    font-size: 14px;
    color: white;
    width: 98%;
    margin: 0 auto;
}

.table-indexHK-tr-td-green {
    font-size: 14px;
    color: white;
    background-color: #4e9e2d;
    width: 98%;
    margin: 0 auto;
}

.table-indexHK-tr-td-red {
    font-size: 14px;
    color: white;
    background-color: #ca1b28;
    width: 98%;
    margin: 0 auto;
}

.table-indexHK-tr-td-green-font {
    color: #4e9e2d;
}

.table-indexHK-tr-td-red-font {
    color: #ca1b28;
}

.table-HKPrice {
    background-color: #f7fbfc;
    height: 217px;
    line-height: 26px;
    text-align: left;
    width: 96%;
    margin: 0 auto;
}

    .table-HKPrice tr td {
    }

.table-HKPrice-tr-td-green {
    font-size: 14px;
    color: white;
    background-color: #4e9e2d;
    font-weight: normal;
}

.table-HKPrice-tr-td-red {
    font-size: 14px;
    color: white;
    background-color: #ca1b28;
    font-weight: normal;
}

.table-HKPrice-font {
    font-size: 12px;
    /*font-weight: bold;*/
}

    .table-HKPrice-font tr td div.table-HKPrice-name {
        font-size: 14px;
        font-weight: normal;
        vertical-align: top;
    }

.display-none {
    display: none;
}


#HKPrice-quote {
    width: 105px;
    height: 30px;
    text-indent: 15px;
    padding-top: 0px;
    border: 0px;
    background-image: url(img/shouyebaojia.png);
    background-size: 105px 30px;
    background-position: bottom center;
    background-repeat: no-repeat;
}

input {
    outline: 0px;
}

#HKPrice-quote1 {
    width: 105px;
    height: 30px;
    text-indent: 15px;
    padding-top: 0px;
    border: none;
    background-image: url(img/shouyebaojia.png);
    background-size: 105px 30px;
    background-position: bottom center;
    background-repeat: no-repeat;
}

    #HKPrice-quote1:focus {
        border: none;
    }

.HKPrice-submit {
    position: absolute;
    top: 0;
    left: 78px;
    width: 40px;
    height: 30px;
    z-index: 1000;
    cursor: pointer;
    background-color: white;
    opacity: 0;
    left: 68px\9;
}

.index-cs {
    line-height: 35px;
}

.index_ipo_bt {
    vertical-align: middle;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 20px;
}

.float_right {
    float: right;
}


.chat-banner:hover {
    /*width: 160px;*/
}

.chat-banner li {
    white-space: nowrap;
    padding: 8px 14px 8px 18px;
    margin-bottom: 4px;
}

.chat-icon {
    width: 47px;
    display: inline-block;
    vertical-align: top;
}

.chat-text {
    display: inline-block;
}

.qrcode-icon {
    display: block;
    margin-bottom: 10px;
}

    .qrcode-icon + img {
        display: none;
        max-width: none;
        width: 100px;
    }

.chat-banner:hover .qrcode-icon + img {
    display: block;
}

.chat-banner li:hover {
    background: #3B6FAB;
}

.chat-banner li:last-child {
    margin-bottom: 0;
}

.chat-banner li a {
    color: #fff;
    font-size: 14px;
}

.chat-banner img {
    margin-right: 24px;
}



.mobile_lang {
    position: absolute;
    right: 50px;
    top: 20px;
    width: 30%;
}

#navbar-menu .navbar-nav li.mobile_title .mobile_lang > a {
    width: 5%;
    padding: 5px;
}

.container {
    min-width: 366px;
}