.top_bar { border-bottom: 3px solid #003055; overflow: hidden; padding: 15px 50px;}
.logo { padding: 0; width: 610px; float: left; border-bottom-width: 0;}
.logo img { height: 50px;}
.logo h2 { font-size: 20px; margin-top: 16px;}
.logo_box { width: auto;}
.logo_box h2 .b,
.logo_box h2 .e,
.logo_box h2 .m { color: #fb8d26;}

@media ( max-width: 1280px){ 
    .logo { width: 550px;}
    .logo img { height: 45px;}
    .logo h2 { font-size: 18px;}
}

@media ( max-width: 1200px){ 
    .top_bar { padding: 15px 0;}
    .logo h2 { font-size: 16px;}
}

@media ( max-width: 750px){ 
    .logo_box { width: auto;}
    .logo_box  h2 {
        font-size: 14px;
        padding-top: 8px;
        clear: both;
        margin: 0px 10px;}    
}
.top_menu { width: auto; float: right; height: auto;  background: transparent;}
.top_menu a { padding: 10px 15px; font-size: 20px; color: #214986;}
.top_menu li.current a, .top_menu li:hover a { background: #2c6ed7; color: #fff;}
@media ( max-width: 1280px){ 
    .top_menu a { font-size: 18px; padding: 10px;}
}
@media ( max-width: 1200px){ 
    .top_menu  { top: 102px; background: #214986; width: 100%;}
    .top_menu a { color: #fff;}
}

.page_content_box { overflow: hidden;}
.html_list_page .page_content_box { margin: 1em auto 2em;}

#research_box .cat_name { color: #333; font-size: 20px; text-align: left; line-height: 1.6; margin: 1em 0 1em 0;}
.rtext { width: 53%; margin-right: 2%; float: left; font-size: 19px; line-height: 1.9; text-align: justify; color: #4a4a4a;}
.rthumb { width: 45%; float: left;}
.page_content_box0 { margin-top: 50px;}
.page_content_box0 .rtext{ width: 100%;}
.page_content_box0 .rthumb { display: none;}
.rthumb img { border-radius: 6px;  width: 100%; display: block; border: 1px solid #ccc; box-sizing: border-box;}

@media ( max-width:1200px){
    .rtext { width: 100%; margin-right: 0; float: left;}
    .rthumb { width: 100%; float: none;}
    .rthumb img { width: 80%;  margin: 0.5em auto 0;}   
    .rtext { line-height: 1.8;}
}