/* 以下为网站布局，结构分割代码
----------------------------------------------------------- */

html,body{  /* 想要高度100%自动适应，需单独设置浏览器body高度为100% …… */
width:100%; height:100%;background-image:url(images/YYF-footerBG-Gray1.gif);margin:0px;}

#box{ width:100%; height:100%;margin:0px;}

	#enter{ font-family:Arial, Helvetica, sans-serif; font-size:20px; margin-top:100px;}
		#enter a:link{ text-decoration: none; color:#666666; font-weight:normal; }
		#enter a:hover{ color:#b10a1b; text-decoration: underline; font-weight:normal; }
		#enter a:active{ color:#b10a1b; text-decoration:none; font-weight:normal;}
		#enter a:visited{ text-decoration: none; color:#666666; font-weight:normal; }

	#head_box{ width:100%; height:110px;background-color:#FFFFFF;margin:0px;}
		#header{ width:1000px; height:110px;background-color:#ffffff;margin-left:auto;margin-right:auto;}
		#header_logo{ width:280px; height:60px;background-image:url(images/201903-徐氏慈善基金会.png);float:left;margin:0 0 15px 0; }
		#languageBar{ width:1000px; height:20px;float:left; border-top:10px solid #be3723; }
		#header_pic{ width:750px; height:190px;float:left;}
	#head_box_enter{ width:100%; height:380px;background-color:#FFFFFF;margin:0px;}
		#header_enter{ width:1000px; height:670px;background-color:#ffffff;margin-left:auto;margin-right:auto;}
		#header_logo_enter{ width:280px; height:60px;background-image:url(images/201903-徐氏慈善基金会.png);margin:90px 0 0 360px; float:left;}
		#index_header_banner{ width:1000px; height:220px; margin-top:100px; margin-bottom:40px; float:left; background-image:url(images/indexBG.jpg);}
	.language_box{ width:70px; height:12px; float:right; margin-top:3px; font-size:9px; font-family:Arial,微软雅黑; text-align:right;}
			.language_box a:link{ font-weight:bold;text-decoration:none;color: #000000;}
			.language_box a:visited{ font-weight:bold;text-decoration: none;color: #000000;}
			.language_box a:hover{ font-weight:bold;text-decoration:underline;color: #B10A1B;}
			.language_box a:active{ font-weight:bold;text-decoration: none;}


	#body{  /*  …… */
	width:1000px;background-color:#b63726;margin-left:auto;margin-right:auto;border:#FFFFFF;border-left-style:double;border-left-width:1px;border-right-style:double;border-right-width:1px; }
		#leftbar_box{ width:230px; background-color:b1b1b1; background-image:url(images/leftbar-BG.png); height:100px; float:left;}
		#content_box{ width:1000px; background-color:#FFFFFF; float:left; }
			.content{ width:700px; padding:0 35px 35px 35px; font-family: Arial;font-size:12px;color:#666666;line-height:20px; float:left; position:relative;}
				.content a:link{ font-weight:bold;text-decoration:none;color: #B10A1B;}
				.content a:visited{ font-weight:bold;text-decoration: none;color: #B10A1B;}
				.content a:hover{ font-weight:bold;text-decoration:underline;color: #B10A1B;}
				.content a:active{ font-weight:bold;text-decoration: none;}
			.content_contact{ width:930px; padding:0 35px 35px 35px; font-family: Arial;font-size:12px;color:#666666;line-height:20px; float:left;}
			.block_big_contact{ width:930px; float:left;}

		#main_menu{ width:900px;height:20px;background-image:url(images/body_BG.gif);float:left;}
		#menu{ width:430px; height:20px;float:left;margin:8px 0 0 200px;}
			ul{ margin:0; padding:0; list-style:none outside none;} /* 解決多个<li>标签同时float时，标题前被隐藏的圆点还是占空白位的问题 …… */
			#menu{font-family: "微软雅黑", Arial;font-size:13px;font-weight:bold;color:#333333;}
			#menu li a:link{text-decoration: none;color: #333333;} 
			#menu li a:visited{text-decoration: none;color: #333333;}
			#menu li a:hover{text-decoration: none; color: #b10a1b; background-image:url(images/menu-RedArrow.gif); background-repeat:no-repeat; background-position:center;}
			#menu li a:active{text-decoration: none; background-image:url(images/menu-RedArrow.gif); background-repeat:no-repeat; background-position:center;}
			
		.leftbar_box{ width:230px; height:180px; float:left; text-align:center; vertical-align:middle; display:inline;}
			.navGroup li{width:230px; height:50px; background-image:url(images/leftbar-BattonBG.gif);font-family: Arial;font-size:15px;font-weight:bold; color:#666666; text-align:center; vertical-align:middle; float:left;margin:0; display:inline;}
			.navGroup li a{width:230px; height:50px ;margin:0; display:table-cell; vertical-align:middle;}
			.navGroup li a:link{text-decoration: none;color: #666666; vertical-align:middle;text-align:center;} 
			.navGroup li a:visited{text-decoration: none;color: #666666;}
			.navGroup li a:hover{text-decoration: none; color: #b10a1b; background-image:url(images/leftbar-BattonBG_over.gif);}
			.navGroup li a:active{text-decoration: none; background-image:url(images/leftbar-BattonBG_over.gif);}
			#menu_sel{width:230px; height:50px; display:table-cell; text-align:center; vertical-align:middle; background-image:url(images/leftbar-BattonBG_sel.gif);font-family: Arial; font-size:15px; font-weight:bold; color:#666666; float:left;}
		
	#index_banner_box{ width:100%; height:220px;background-color:#FFFFFF; background-image:url(images/YYF-footerBG-Gray1.gif); margin-top:20px; margin:0px;}
	#banner_box{ width:100%; height:220px;background-color:#FFFFFF; background-image:url(images/YYF-footerBG-Gray1.gif); margin:0px;}
		#banner{ width:1000px; height:220px;background-color:#ffffff;margin-left:auto;margin-right:auto; }
		#banner_enter{ width:1000px; height:200px; margin-left:auto;margin-right:auto; }
		.block_big{ width:700px; float:left;}
		.block_big_content{ width:700px; font-family: Arial;font-size:12px; color:#666666; line-height:22px; float:left; }
		.block_big_content2{ width:700px; font-family: Arial;font-size:12px; color:#666666; line-height:22px; float:left; margin-top:20px;}
		.block_flag{ width:500px; font-size:20px; font-family:Arial; float:left; font-weight:bold; }
		.block_title{ width:700px; font-size:20px; font-family:Arial; font-weight:bold; margin:20px 0 8px 0; float:left; line-height:1; }
		.block_title_Founder{ width:470px; font-size:20px; font-family:Arial; font-weight:bold; margin:20px 0 20px 0; float:left; line-height:1; }
		.block_title-topbig{ width:700px; font-size:20px; font-family:Arial; font-weight:bold; margin:38px 0 8px 0; float:left; line-height:1; }
		.block_big_subline{ width:700px; float:left; background-image:url(images/subline.gif); background-position:center; background-repeat:repeat-x; min-height:7px; }
		.block_big_content-stafftitle{ width:700px; height:120px; font-size:18px; font-family:Arial; position:relative; float:left;}
			.stafftitle_box{
	width:505px;
	float:left;
	position:absolute;
	bottom:-6px;
	left: 4px;
}
			.staffpic_box{ width:100px; height:100px; padding-left:70px;float:right; border-left:1px solid #999999; margin-top:15px; margin-right:20px;}
			.staffpic_box_Eric{ width:100px; height:100px; padding-left:70px;float:right; border-left:1px solid #999999; margin:20px 20px 10px 30px;}
			
		.block_title_350{ width:350px; font-size:22px; font-family:Arial; font-weight:bold; margin:20px 0 8px 0; float:left; line-height:1; }
		.block_big_content_half{  width:350px; font-family: Arial;font-size:12px; color:#666666; margin-top:15px; margin-bottom:15px; line-height:22px; float:left;}
		.block_title_290{ width:290px; font-size:22px; font-family:Arial; font-weight:bold; margin:30px 0 15px 0; float:left; line-height:1; }
		.block_big_content_290{  width:290px; font-family: Arial;font-size:12px; color:#666666; line-height:22px; float:left;}
		.block_title_contact{ width:930px; font-size:22px; font-family:Arial; font-weight:bold; margin:30px 0 15px 0; float:left; line-height:1; }
		
		.ARpic_box1{ width:177px; height:250px; float:left; margin-top:15px; margin-right:80px;}
		.ARpic_boxright{ width:177px; height:250px; margin-top:15px; float:left;}
	#webmapbar_box{ height:30px; width:450px; font-size:14px; font-family:Arial; text-align:right; background-image:url(images/webmap-BG.gif); background-position:left; padding:0 30px 0 20px; position:absolute;
	z-index:10; left:270px; top:1px; line-height:30px; }
	#webmapbar_box_cn{ height:30px; width:330px; font-size:14px; font-family:Arial; text-align:right; background-image:url(images/webmap-BG.gif); background-position:left; padding:0 30px 0 20px; position:absolute;
	z-index:10; left:390px; top:1px; line-height:30px; }
		#webmapbar_box a:link{ text-decoration: none; color:#ffffff; font-weight:normal; }
		#webmapbar_box a:hover{ text-decoration: underline; color:B10A1B; font-weight:normal; }
		#webmapbar_box a:active{ text-decoration:underline; color:#B10A1B; font-weight:normal;}
		#webmapbar_box a:visited{ text-decoration: none; color:#ffffff; font-weight:normal; }
		
		.copyright{  /*  …… */
		width:1000px; height:50px;background-color:#b63726;float:right;margin-left:auto;margin-right:auto;padding-top:15px; }


/* 以下为主菜单代码
----------------------------------------------------------- */				
ul#css3menu1,ul#css3menu1 ul{margin:0;list-style:none;padding:0; background-color:#E6E6E6;border-width:0px;border-style:solid;border-color:#999999;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
ul#css3menu1 ul{ display:none;position:absolute;left:0;top:100%;-moz-box-shadow:0.7px 0.7px 1px #777777;-webkit-box-shadow:0.7px 0.7px 1px #777777;box-shadow:0.7px 0.7px 1px #777777;background-color:#FFF;background-image:none;border-width:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-style:solid;border-color:#d8d9da;padding:0 9px 9px;}
ul#css3menu1 li:hover>*{ display:block;}
ul#css3menu1 li{ position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{ z-index:1;}
ul#css3menu1{ font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:1px 1px 1px 0; *display:inline;}
* html ul#css3menu1 li a{ display:inline-block;}
ul#css3menu1>li{ margin:0 0 0 1px;}
ul#css3menu1 ul>li{ margin:1px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{ outline-style:none;}
ul#css3menu1 a{ display:block;vertical-align:middle;text-align:center;text-decoration:none;font:bold 15px Arial;color:#262626;cursor:pointer;padding:10px;background-color:#ffffff;background-image:url("images/mainbk.png");background-repeat:repeat;background-position:0 200px;border-width:0px;border-style:none;border-color:;}
ul#css3menu1 ul li{ float:none;margin:9px 0 0;}
ul#css3menu1 ul a{ text-align:left;padding:8px 0 0 0;background-color:#FFF;background-image:none;border-width:1px 0 0 0;border-style:solid;border-color:#D9D9D9;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;font:17px Arial;color:#333333;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{ background-color:#e3e3e3;border-style:none;color:#b63726;background-image:url("images/mainbk.png");background-position:0 200px;text-decoration:none;}
ul#css3menu1 span{ display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{ background-color:#FFF;background-image:none;border-style:solid;border-color:#D9D9D9;color:#da0000;text-decoration:none;}
ul#css3menu1 li.topfirst>a{ border-radius:8px 0 0 8px;-moz-border-radius:8px 0 0 8px;-webkit-border-radius:8px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;text-shadow:#d8d8d8 0px 1px 1px;}
ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst a.pressed{ text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.topmenu>a{ -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;text-shadow:#d8d8d8 0px 1px 1px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{ text-shadow:#FFF 0px -1px 1px;}
ul#css3menu1 li.toplast>a{ border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;text-shadow:#d8d8d8 0px 1px 1px;}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast a.pressed{ text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 _>li>a{ padding:0;}
ul#css3menu1 li.subfirst>a{ border-width:0;border-style:none;padding:0;}
ul#css3menu1 li.subfirst:hover>a,ul#css3menu1 li.subfirst a.pressed{ border-style:none;}
	
/*----------------------------------------------------------- */


/* 以下为折叠菜单代码
----------------------------------------------------------- */	
.menus { width: 650px; overflow: hidden; box-shadow: 1px 1px 4px gray; 
    /* border-bottom: 1px solid black; 
    border-top: 1px solid black; */ 
    border: 1px solid gray; border-radius: 5px; margin-top:20px; }

.menufold { overflow: hidden; height: 0px; transition: all 0.3s ease; float:left; }
.menu_title { width: 620px; height: 50px; line-height: 50px; background: #ebebeb; color: gray; font-size: 20px; padding-left: 30px; transition: all 0.3s ease; cursor: pointer; position: relative; overflow: hidden; float:left; }
.menu_title:hover { background: #dedede; color: black;}
.indicator { width: 50px; height: 50px; position: absolute; right: 0px; top: 0px; transition: all 0.3s ease; color:#FFFFFF; background-color:#ba2b16; text-align: center; float:right; }

.item { width: 650px; height: 40px; line-height: 40px; background:#ffffff; color: white; padding-left: 30px; transition: all 0.3s ease; cursor: pointer; overflow: hidden; }
.item:hover { background: #b4b4b4; color:#333333; }
.item a { width: 650px; height: 40px; display: block; font-style:normal; text-decoration: none; color: white; }
.item_divider { width: 650px; height: 1px; background: white; display: block; opacity: 0.8; }
.menu_divider { width: 100%; height: 1px; background: gray; float:left; }

.item_text { width: 650px; height: 40px; line-height: 40px; background:#ffffff; color:#333333; padding-left: 30px; transition: all 0.3s ease; cursor: pointer; overflow: hidden; }



.examples{ width:650px; padding:10px 15px 10px 30px; margin-top:10px; border:1px solid gray; border-radius:5px;  float:left;  color:gray; font-size: 16px; transition: all 0.3s ease; position: relative; overflow: hidden; }
.block_big_subline_small{ width:650px; background-image:url(images/subline.gif); background-position:center right; background-repeat:repeat-x; min-height:7px; margin:15px 0 15px 0;  float:left; }
.block_big_subline_small-gray{ width:650px; background-image:url(images/subline-gray.gif); background-position:center right; background-repeat:repeat-x; min-height:7px; margin:15px 0 15px 0;  float:left; }
.toggler-text14{ font-size:12px;}

.link_gary a:link{ text-decoration: none; color:gray; font-weight:normal; }
.link_gary a:hover{ text-decoration: underline; color:gray; font-weight:bold; }
.link_gary a:active{ text-decoration:underline; color:#B10A1B; font-weight:bold;}
.link_gary a:visited{ text-decoration: none; color:gray; font-weight:normal; }

.yearbox{ width:100px; background-color:#ffffff; font-family:Arial; font-size:40px; color:#ebebeb; font-weight:bold; float:left; }
		


	/* 以下为所有页面 字体 链接 的样式
----------------------------------------------------------- */





h6{font-size:12px;}
h4{font-size:16px; font-family:"微软雅黑","宋体", Arial;}
h3{font-size:18px;}
h2{font-size:22px;}
h1{font-size:25px;}


.text_annex{
font-family: "宋体", Arial;
font-size:12px;
color:#999999;
letter-spacing:1px;
line-height:24px;
}

.copyright{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
text-align:center;
line-height:8px;
}


.block_more{
font-family: "宋体", Arial;
font-size:12px;
color:#666666;
}
.block_more a:link{
text-decoration: none;
color: #666666;
}
.block_more a:visited{
text-decoration: none;
color: #666666;
}
.block_more a:hover{
text-decoration:underline;
color: #B10A1B;
}
.block_more a:active{
text-decoration: none;
color: #666666;
}

#sub_menu{
font-family: "宋体", Arial;
font-size:12px;
color:#565656;
letter-spacing:2px;
}
.sub_menu_sel{ 
text-decoration: none;
color: #b10a1b;
}
.sub_navGroup a:link{
text-decoration: none;
color: #565656;
}
.sub_navGroup a:visited{
text-decoration: none;
color: #565656;
}
.sub_navGroup a:hover{
text-decoration:underline;
color: #b10a1b;
}
.sub_navGroup a:active{
text-decoration: none;
}
.sub_navGroup_sel{ color: #B10A1B; }
.sub_navGroup_sub{ color: #565656; }