*::-moz-selection{
    color: white;
    background-color: #7eb7c9;
}
*::selection {
    color: white;
    background-color: #7eb7c9;
}
a,.selected{
    color: #7eb7c9;
}
.template_banner {
    background: url("/20230224210307oe_/https://wys.cuhk.edu.hk/cms/wp-content/themes/wysc/img/news/header_banner.jpg") repeat-x  fixed top center !important;
    background-size: cover;
}
.template_banner#sub_page{
    background: url("/20230224210307oe_/https://wys.cuhk.edu.hk/cms/wp-content/themes/wysc/img/news/news_banner.jpg") no-repeat fixed top center !important;
}
.title_box .table_col,
.template_content .title_box{
    color: #7eb7c9;
}
.template_content .title_box .breadcrumb{
    border-color: #7eb7c9 !important;
}

.template_content .feature_text{
    color: #7eb7c9;
}
.hr{
    border-color: #7eb7c9;
}

.row.background{
    background-color: #7eb7c9;
}

.tab.selected{
    background-color: #7eb7c9 !important;
}
.tab:nth-child(1n+0){
    background-color: #d2e7ed;
}
.tab:nth-child(2n+0){
    background-color: #a7cfdd;
}
.tab:nth-child(3n+0){
    background-color: #bcdbe4;
}

h1,h2,h3,a{
    color: #7eb7c9;
}


/*===============================
=            Keypage            =
===============================*/
.keypage a:hover,
.keypage .bottom_wrapper .shortcut_block .info .title{
    color: #7eb7c9;
}

#news-information.keypage .center_wrapper .middletext a{
    color: #505050;
}
.keypage .stud_textone{
    width: 330px;
    margin: auto;
    text-align:center;
    padding: 2.5em 0 2em 0;
}
.keypage .linklist .item {
    list-style-image: url("/20230224210307oe_/https://wys.cuhk.edu.hk/cms/wp-content/themes/wysc/img/news/link_icn.png");
}
.keypage .linklist a{
    color: #7eb7c9;
}
.keypage .linklist a:hover{
    color: #95D0E2 !important;
}

.keypage .top_wrapper{
    background: url('/20230224210307oe_/https://wys.cuhk.edu.hk/cms/wp-content/themes/wysc/img/news/bkg_01.png') repeat-x center ;
    height: 482px;
}
.keypage .top_wrapper .middletext{
    padding: 2em 0 3em 0;
}
.keypage .middletext a{
    color: white;
}

.template_contentwrapper .banner_deemer{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#77b2c5+0,77b2c5+17&0.9+0,0.5+12,0+17 */
    background: -moz-linear-gradient(top,  rgba(119,178,197,0.9) 0%, rgba(119,178,197,0.5) 12%, rgba(119,178,197,0) 17%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(119,178,197,0.9) 0%,rgba(119,178,197,0.5) 12%,rgba(119,178,197,0) 17%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(119,178,197,0.9) 0%,rgba(119,178,197,0.5) 12%,rgba(119,178,197,0) 17%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e677b2c5', endColorstr='#0077b2c5',GradientType=0 ); /* IE6-9 */
}
#bottom_left_logo {
        background-image: url("/20230224210307oe_/https://wys.cuhk.edu.hk/cms/wp-content/themes/wysc/img/news/footer_logo.png") !important;
}
#go_to_top_btn {
        background-image: url("/20230224210307oe_/https://wys.cuhk.edu.hk/cms/wp-content/themes/wysc/img/news/to-top_btn.png");
}
/*======================================
=           end of Keypage            =
=======================================*/
#news-information.keypage .top_wrapper{
    position: relative;
    z-index: 100;
}
#news-information.keypage.top_wrapper .circlewrapper{
    margin-top: 92px;
}
#news-information.keypage .top_wrapper .inner_content {
    height: 100%;
}
#news-information.keypage .top_wrapper{
    color: white;
    z-index: 100;
}

#news-information.keypage .top_wrapper .text{
    color: white;
    font-weight: 400;
    width: 300px;
    top: 100px;
    display: inline-block;
    position: absolute;
}
#news-information.keypage .top_wrapper .text h2{
    text-align: center;
    margin-bottom: 1em;
    color: #DBF390;
}
#news-information.keypage .top_wrapper .text p{
    font-size: 14px;
}
#news-information.keypage .top_wrapper .text.leftcontent{
    left: 50px;
}
#news-information.keypage .top_wrapper .text.rightcontent{
    left: 65%;
}
#news-information.keypage .center_wrapper {
    height: 540px;
    margin-top: -20px;
    background-color: transparent;
    padding-bottom: 50px;
    background: url("/20230224210307oe_/https://wys.cuhk.edu.hk/cms/wp-content/themes/wysc/img/news/bkg_02.jpg") repeat-x center ;
}
#news-information.keypage .center_wrapper .inner_content{
    height: 100%;
}
#news-information.keypage .bottom_wrapper  {
    min-height: 100px;
    margin-top: -38px;
    background: url("/20230224210307oe_/https://wys.cuhk.edu.hk/cms/wp-content/themes/wysc/img/general/bkg_03.png") repeat-x top center ;
}
#news-information.keypage .bottom_wrapper h2 a:hover{
    color: #7eb7c9 !important;
}

#news-information.keypage .center_wrapper p{
	width: 300px;
	margin: 2em auto;
	text-align: center;
}
/*=====  End of Keypage  ======*/


.text.proftitle {
    position: relative;
    left: 100px;
}
#news-information .bottom_wrapper .shortcut_block .icon{
    display: inline-block;
    width: 70px;
    height: 70px;
    background-color: #6fa2b3;
    color: white;
    border-radius: 50%;

    /*=====================
    for vertical center
    ======================*/
    vertical-align: top;
    text-align: center; 
    font-size: 0;
}
#news-information .bottom_wrapper .shortcut_block .icon:before{
    /*=====================
    for vertical center
    ======================*/
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
#news-information .bottom_wrapper .shortcut_block .icon p{
    display: inline-block;
    line-height: 14px;
    /*=====================
    for vertical center
    ======================*/
    vertical-align: middle;
    font-size: 13px;
}
#news-information .bottom_wrapper .shortcut_block .info{
    display: inline-block;
    width: 60%;
}
.zh #news-information .bottom_wrapper .shortcut_block .info{
    margin-top: 0;
}
#news-information .bottom_wrapper .shortcut_block .desc{
    font-size: 12px;
}
#news-information.keypage .center-img{
    margin-top: 14%;
}

#news-information.keypage .top_wrapper .info{
    position: absolute;
}
#news-information.keypage .top_wrapper .info.issue{
    top:70%;
    left: 30%;
    font-weight: 200;
}
#news-information.keypage .top_wrapper .info.badge{
    top: -40px;
    left: 57%;
    z-index: 100;
}

.inner_content table td{
    border: none;
}

.back_wrap{
    margin-top: 5em;
}