/* nav */
.nav{
    background: #0370E8;
    padding: 0 20%;
}
.nav a{
    color: white;
}
.nav li{
    text-align: center;
}
.nav-link {
    padding: .5rem 1rem;
    margin: .5rem;
}
.container-fluid{
    padding: 0;
    
}
.nav img{
    width: 100%;
    /* margin: 5px 30px; */
}
.nav_a{
    width: 14%!important;
    margin: 5px 30px!important;
}
.nav-link.active, .nav-link:hover {
    -webkit-box-shadow: inset 0 -2px 0  #FFFFFF;
}


 /* index */
.index_bg{
    width: 100%;
    height: auto;
}
.index_bg img{
    width: 100%;
    height: auto;
}
.index_sec{
    width: 60%;
    margin:10px auto;
}
.index_sec1{
    width: 48%;
    border: 1px solid rgba(3, 112, 232, 0.21);
}
.index_sec1 div{
    background: #0370E8;
    width: fit-content;
    color: white;
    padding: 10px 20px;
    font-size: 1rem;
}
.index_sec1 p{
    color: #212121;
    margin: 10px 20px;
    font-size: 1rem;
}
.index_sec1 p span{
    color: #E71313;
    font-size: 0.6rem;
}

/* hkcd_intro */
.hkcd_intro_con{
    width: 60%;
    margin: 20px auto;
    color: #212121;
}
.breadcrumb{
    background:#0370E8;
    width: fit-content;
    font-size: 0.8rem;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #FFFFFF;
    content: ">";
}
.breadcrumb-item a,.breadcrumb-item{
    color: white;
}
.line{
    width: 100%;
    background-color: #0370E8;
    height: 1px;
    margin:20px auto;
}
.content_sec1 img{
    width: 56%;
}
.content_sec1_r{
    background: url(../img/hkintro_bgr.png) no-repeat;
    background-size: 100% auto;
    background-position: bottom;
}
.content_sec1_r p{
    height: fit-content;
    line-height: 2.3em;
}
.content_sec2 .nav{
    background: transparent;
    padding: 0;
}
.content_sec2 .nav a{
    color:#212121;
    padding: 5px 10px;
}
.content_sec2 .nav-tabs{
    border-bottom:1px solid #F6A167;
    width: fit-content;
    padding: 2px;
}
a:hover{text-decoration:none}
.content_sec2 li .active{
    background: #F6A167;
    color: white;
}
.tab-content p{
    margin-top: 20px;
}
.heikuang {
    border-style: solid;
    border-width: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-color: black;
}
.hkwebintro_code{
    width: 100%;
}
.hkwebintro_code div{
    margin:10px;
    width: 17%;
}
.hkwebintro_code span{
    color: #212121;
    white-space: nowrap;
    font-size: 0.9rem;
}
.hkwebintro_code img{
    width: 50%;
}


/* corp */
.corp_con{
    width: 60%;
    margin: 20px auto;
}
.corp_con div{
    /* margin: 20px auto; */
}
.corp_con span{
    word-break: keep-all;
    width: 20%;
    color: #0370E8;
    font-weight: bold;
}
.corp_con p{
    width: 78%;
}
.table thead th{
    background: #88C1FF;
    border-bottom: 4px solid white;
    border-right:none;
}
.table thead tr{
    color: white;
}
tbody tr{
    background: #E2F0FF;
    color: #666666;
}
.table td{
    border-top:none;
    border-right: 1px solid white;
}
.table td a{
    color: #666666;
}


/* contact */
.contact_con{
    width: 60%;
    margin: 20px auto;
}
.contact_con_hkweb{
    background: #F6A167;
    color: white;
    padding:10px 20px;
    width: fit-content;
}
.contact_con span{
    margin-top: 10px;
}
.table_head th{
    background: #64A5EC!important;
    border-bottom: 1px solid white!important;
}
.contact_con th{
    border-right: 1px solid white!important;
}
.contact_code{
    width: 75%;
}




/* footer */
footer{
    background-color: transparent!important;
    color: #666666!important;
}
footer span a{
    color: #666666;
    font-size: 0.5rem;
}
footer span a:hover{
    color: #666666;
}
.hkweb_index_footer{
    font-size: 0.5rem;
    color: #4D5C91;
}