@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, b, u, i, dl, dt, dd, ol, ul, li,form, input, table,td {
    margin: 0;
    padding: 0;
	border: 0;
    outline: 0;

}
html, body{font-size:16px;}
* {
  box-sizing: border-box;
  margin:0;padding:0;
}

body{
font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", Arial, sans-serif;
/*font-family: verdan,Georgia, "Times New Roman", "Microsoft YaHei", 宋体, SimSun,微软雅黑, STXihei, 华文细黑, "adobe-caslon-pro-1", "adobe-caslon-pro-2", serif; */
background-color: #c2c2c0;
color:#000000;

}

a, a:link, a:visited,a:focus {

color: #000; 
text-decoration: none; 
}
a.url_link, a.url_link:link, a.url_link:visited,a.url_link:focus {
text-decoration: underline;
}
a.url_link:hover{text-decoration: none;} 

a:hover {
color: #c00; 
text-decoration: underline;

}

:focus {/* remember to define focus styles! */
	outline: 0;
}

#outer_bodywrap{ 
/*margin: 0 4px;*/
}
#bodywrap{ 
max-width: 750px; 
margin: 0 auto;
background-color:#ffffff;
overflow: hidden;
}

#top{ 
overflow:hidden; 
padding: 7px 0;
background-image: url("../../images/logo2020.jpg");
background-repeat: no-repeat;
background-position: 5px center; 

}

#top a:hover{text-decoration: none;}

#top a{ white-space:nowrap;}


#top_title{display: none;vertical-align: middle; padding:0 10px;margin: 1px 0;background-color:#F3F0EB;line-height: 30px; }
#top_title a{display: block;}
#top_title #open_close{margin-top: -3px;}
#top_title span{vertical-align: middle;display: inline-block;}

#f_down{float: right;padding-left: 4px;margin-top: -2px;font-weight: 600;}
#titlt_1,#titlt_2, #titlt_3{font-weight: 600;float: right;}
#f_bar{ float: left;font-weight: 900;}

#top::after,#top_title::after,.fa::after,#top_title a::after { content: "";  clear: both;  display: block;}

#top_title a, #top_title a:link, #top_title a:visited,#top_title a:focus,#top_title a:active {color: #000; }
#top_title a:hover {color: #000; }
#top_title a:hover>#f_bar  {/*color: #c00;*/ }

.topnav {
  list-style-type: none;
  float: right;
  overflow: hidden;
 font-weight: bold; 
}

.topnav li {
  float: left;
}


li a.ul_nav_li,.dropbtn {
  display: inline-block;
  border-top:#9a9b9b 4px solid;
  border-bottom: #9a9b9b 1px solid; 
  text-align: center; 
  padding: 0 13px;
  line-height:32px;
  background: url("../../images/menudivide24.gif") left no-repeat;
  letter-spacing: 1px;

}

.topnav li:first-child a.ul_nav_li,.topnav li a.ul_nav_first_li { background:none;}
.topnav li:last-child a.ul_nav_li {}
.topnav li a.current_li{color: #c00;}


.topnav li a.ul_nav_li:hover, .dropdown:hover .dropbtn{
  border-top: #c00 4px solid;
  border-bottom: #c00 1px solid;
  color:#084699;
}

li.dropdown {display: inline-block;}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  white-space:nowrap;
  line-height: 30px; 
  padding: 0 14px;
  display: block;
  text-align: left;
}

.dropdown-content a:hover,.dropdown-content a.current_li:hover {color:#084699;}

.dropdown:hover .dropdown-content { display: block; padding-top:5px;padding-bottom: 5px;}
i{vertical-align: middle;}

#content{ margin:15px 15px 15px 24px;}
p{ line-height:34px; margin: 9px 0;max-width: 100%;
min-height: 1em;
caret-color: rgb(51, 51, 51);letter-spacing: 0.544px;
white-space: normal;
text-size-adjust: auto;overflow-wrap: break-word !important;}
.df_img{width: 100%; height: auto;}
.p_group{font-weight:bold; color: #C00}
.p_en_text{ font-family: Roman,Times New Roman,Georgia,Serif;}

@media screen and (max-width: 748px) {

	li a.ul_nav_li,.dropbtn {  padding: 0 1.5vw;}
}

@media screen and (max-width: 680px) {

#top{ background-image: url("../../images/logo_2020-2.jpg");}

}

@media screen and (max-width: 620px) {

 #top{padding:0;background-image: none;}
 #top_title{display: block;border-top:#9a9b9b 4px solid;  border-bottom: #9a9b9b 1px solid; }
 .topnav li { display: none; }
	
 .topnav.responsive {  clear: both; float: none; display: block;}
	
 .topnav.responsive li { float: none; display: block; }
	
 .topnav.responsive li a {clear: both; float: none; display: block; text-align: left;border-bottom-style: dashed; border-top: none;background: none;font-weight: normal;padding-left: 10px;}
 .topnav.responsive li:last-child a.ul_nav_li {border-bottom-style: solid;}

 .topnav.responsive .dropdown-content a{ border: none;}
 
 .topnav.responsive li a.ul_nav_li:hover, .topnav.responsive .dropdown:hover .dropbtn{ border-top: none;}

 .topnav.responsive .dropdown-content {margin-left:13px; }
	

}


table {   
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 0;
}
td{white-space: nowrap;}
.log_in{cursor: pointer}



.footer_space{height: 1em;border-bottom: 1px solid #666666;}
#footer { font-family: Perpetua,Times New Roman, Georgia, serif;
	font-style: italic;
color:#666;
padding: 5px 0;
font-size:10px; 
text-align:center; 
}


@media screen and (max-width: 530px) {



	#content{ margin-left: 3%;margin-right: 2%;}
	.footer_space{height: .6em}
	
}