#container { width:960px; margin: 0px auto; background-repeat: repeat-x; overflow: hidden;}

#header { margin-left:auto; margin-right:auto; }

#header_div { position:relative; height:110px;}
#header_imrs_div { position:relative; }

#top_menu_box { float:right; padding:0; margin:0; width:466px; height:25px;}
#top_menu_center { float:right;  padding:0; margin:0; width:440px; height:25px; background-image:url(/images/top_center.gif); background-repeat: repeat-x}
#top_menu_left { float:right; padding:0; margin:0; width:12px; height:25px; }
#top_menu_right { float: right; padding:0; margin:0; width:12px; height:25px;}
#top_menu ul { list-style-type:none; margin: 4px 0 0 14px; padding:0}
#top_menu li { margin-left: 12px; display:inline; float:left; font-size:11px}
#top_menu a { text-decoration:none; color:#FFF; font-size:12px }
#top_menu li:hover a { text-decoration:underline; }

#top_menu_box2 { float:right; position:relative; padding:10px; margin:0; background-color:#043f64;
  -webkit-border-radius: 0px 0px 5px 5px;
     -moz-border-radius: 0px 0px 5px 5px;
          border-radius: 0px 0px 5px 5px;
}
#top_menu2 { float:right; position:relative; padding:0; margin-right:0; }
#top_menu2 ul { list-style-type:none; margin:0; padding:0; }
#top_menu2 li { padding-left: 16px; display:inline; float:left; }
#top_menu2 a { text-decoration:none; color:#FFF; font-size:14px; padding:3px 6px; }
#top_menu2 li:hover a { background-color:#3b5998;
  -webkit-border-radius: 2px 2px 2px 2px;
     -moz-border-radius: 2px 2px 2px 2px;
          border-radius: 2px 2px 2px 2px;
}

#fb_button { clear:both; float:right; padding-right:8px; margin:0; }

#language_menu { clear: both; float:right; padding-right:8px }
#language_menu ul { list-style-type:none; padding:0; margin:0; height:20px; }
#language_menu li { padding:0; margin-left:0; display:inline; font-weight:bold; font-size:11px; color: #333; font-family: Tahoma, Geneva, sans-serif }
#language_menu a { text-decoration:none; color: #356C8A; }
#language_menu li:hover a { text-decoration:underline; color:#036EAA }

#language_menu2 { float:right; padding-right:0; clear:both; }
#language_menu2 ul { list-style-type:none; padding:0; margin:0; height:20px;}
#language_menu2 li { padding:3px 5px; display:inline; font-size:11px; background-color:#e5e5e5;
  -webkit-border-radius: 2px 2px 2px 2px;
     -moz-border-radius: 2px 2px 2px 2px;
          border-radius: 10px 2px 2px 2px;
}
#language_menu2 li:hover { display:inline; background-color:#666;
  -webkit-border-radius: 2px 2px 2px 2px;
     -moz-border-radius: 2px 2px 2px 2px;
          border-radius: 2px 2px 2px 2px;
}
#language_menu2 li:hover a { text-decoration:none; color:#fff }

#login_block2 { float:left; height:20px; font-size:11px; }
#login_block2 span { color:#F00 }
#login_block { float:right; padding-right:20px; height:20px; font-size:11px; }
#login_block span { color:#F00}
#ready_to_login_block { float:right; padding-right:20px; font-size:11px; width:30px }
#ready_to_login_block span { color:#F00; padding:2px; border:#C00 1px solid }

td.num{
	color:#fff;
	background-color:#0482cf;
	font-size:30px;
	padding:10px 2px 0px 4px;
	width:50px;
}

input.groovybutton
{
   font-size:11px;
   vertical-align:middle;
   color:#FFFFFF;
   height:18px;
   background-color: #E13A00;
   border-top-style:solid;
   border-top-color:#ffffff;
   border-top-width:2px;
   border-bottom-style:solid;
   border-bottom-color:#d0d0d0;
   border-bottom-width:2px;
   border-left-style:solid;
   border-left-color:#ffffff;
   border-left-width:2px;
   border-right-style:solid;
   border-right-color:#d0d0d0;
   border-right-width:2px;
}

input.groovybutton2
{
   font-size:11px;
   color:#FFFFFF;
   height:22px;
   width:60px;
   background-color: #356C8A;
   border-top-style:solid;
   border-top-color:#ffffff;
   border-top-width:2px;
   border-bottom-style:solid;
   border-bottom-color:#d0d0d0;
   border-bottom-width:2px;
   border-left-style:solid;
   border-left-color:#ffffff;
   border-left-width:2px;
   border-right-style:solid;
   border-right-color:#d0d0d0;
   border-right-width:2px;
}

.full-width-box{
	width:100%;
	position:relative;
	float:left;
}
.full-width-box h3{ border-bottom:2px #F33 solid; padding-bottom:4px; }
.full-width-box h3 span{ background-color:#F33; font-size:14px; font-style:none; font-weight:bold; padding:8px 10px 5px 10px; color:#FFF; 
-webkit-border-radius: 4px 4px 0px 0px;
     -moz-border-radius: 4px 4px 0px 0px;
          border-radius: 4px 4px 0px 0px;
}
.adminButton{
	margin-top:1px;
	border-left: #FFF 2px solid;
	border-right: #CCC 2px solid;
	border-top: #FFF 2px solid;
	border-bottom: #CCC 2px solid;
	padding-left: 8px;
	padding-right:8px;
	background-color:#A9CFDA;
}

.adminButton:hover{
	margin-top:2px;
	border-left: #CCC 2px solid;
	border-right: #FFF 2px solid;
	border-top: #CCC 2px solid;
	border-bottom: #FFF 2px solid;
	background-color: #f0f0f0;
}

#imrs_language_menu { float:right; padding-right:30px;}
#imrs_language_menu ul { list-style-type:none; padding:0; margin:0; }
#imrs_language_menu li { padding:0; margin-left:0; display:inline; font-weight:bold; font-size:11px; color: #333; font-family: Tahoma, Geneva, sans-serif; }
#imrs_language_menu a { text-decoration:none; color: #356C8A; font-size: 12px }
#imrs_language_menu li:hover a { text-decoration:underline; color:#036EAA}



#menu_head { width:10px; height:40px; float:left}
#menu_body { width:940px; height:40px; background-image:url(/images/menu_bar1_body.png); background-repeat:repeat-x; float:left}
#menu_tail { width:10px; height:40px; float:left}
#menu_body ul { list-style-type:none; margin:0; padding:0; }
#menu_body ul li{ padding-top: 8px; margin-left:30px; display:inline; float:left; font-weight:400; font-size:18px}
#menu_body a { text-decoration:none; color:#FFF}

#info_for { float:left; clear:both; width:960px; margin-top:10px; padding-left:8px }
#info_for_menu { margin-left: 2px; margin-right:2px; float:left}
#info_for_menu_head { width:14px; height:30px; float:left}
#info_for_menu span { width:236px; height:30px; float:left; background-image: url(/images/info_for_button.png); background-repeat: no-repeat; text-align:center; padding-top:5px}
#info_for_menu_tail { width:16px; height:30px; float:left}
#info_for_menu ul { list-style-type:none; margin:0; padding:0; }
#info_for_menu ul li{ padding-top: 2px; margin-left:30px; display:inline; float:left; font-weight:400; font-size:18px; background-image: url(/images/info_for_button.png);}
#info_for_menu a { font-size:14px; font-weight:bold; color:#003; text-decoration:none; margin-top:15px}
#info_for_menu a:hover{ color: #cc0000;}
#info_for_menu span:hover { background-image:url(/images/info_for_button_hover.png); background-repeat:no-repeat}

#title_cat { width:960px; float:left; position:relative; }
#title_cat span{ font-size:54px; color:#FFF; font-family: "华文行楷", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif"; z-index:2; position:absolute; left:0; top: 300px; background-color: rgba(0,0,0,0.7); padding:10px 30px 10px 30px; -moz-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0; }

#title_cat2 { width:960px; float:left; background-image:url(/images/css/title_back2.png); background-repeat:no-repeat; padding-top: 20px; margin-bottom:-20px; height:70px }
#title_cat2 span{ margin-left:40px; font-family: "华文行楷", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif"; font-size:32px; color:#FFF }

#title_cat_convo { width:960px; float:left; padding-top: 0px; }

#title_mchc { width:960px; float:left; background-image:url(/images/css/orange_bg_banner.jpg); background-repeat:no-repeat; padding-top: 20px; margin-bottom:-20px; height:70px }
#title_mchc span{ margin-left:80px; font-family: "华文行楷", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif"; font-size:32px; color:#336 }

#title_pir { width:960px; float:left; }
#title_pir span{ font-size:54px; color:#FFF; font-family: "华文行楷", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif"; z-index:2; position:absolute; margin-left:0; margin-top: 200px; background-color: rgba(0,0,0,0.6); padding:10px 30px 10px 30px; -moz-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0; }

#title_pir_main{ font-family: "华文行楷", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif"; font-size:36px; color:#DBDBFF; padding-right:20px; margin:0; float:left }
#title_pir_sub{ font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#FFF; font-size:14px; float:left; padding:0; margin-top:15px }
#title_pir_sub a:hover{ color:#F00 }

#anchor{ float:left; position:relative; }

a.inact{ color:#Fff }
a.act{ color:#F00; }

.line-up{ border-top: 1px #CCC solid; }
.line-bottom{ border-bottom:1px #CCCCCC solid; }
.line-right{ border-right:1px #CCCCCC solid; }
.line-left{ border-left:1px #CCCCCC solid; }
.arrow_right{
	font-size:16px;
	font-weight:bold;
	border:2px #666666 solid;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
			   position:absolute;
				 bottom: 20px;
				 right:10px;
				 padding:4px 8px;
}

#nav_block{width:960px; padding-left:15px; float:left; margin-top:3px; margin-bottom:-5px}

#imrs_nav{ float:left}
#imrs_nav a { text-decoration:none; color: #356C8A; font-size: 12px }
#imrs_nav ul { list-style-type: inherit; padding:0; margin:0; }
#imrs_nav li { padding:0; margin-left:0; font-size:11px; color: #333; font-family: Tahoma, Geneva, sans-serif}
#imrs_nav li:hover a { text-decoration:underline; color:#036EAA }

#flash_imrs { width:960px; float:left; height:170px; padding-top:5px}
#title_imrs { width:960px; float:left; background-image:url(/images/css/imrs_header.jpg); background-repeat:no-repeat; padding-top: 25px; margin-bottom:-25px; height:100px; padding-left:60px }
#title_imrs_main{ font-family: "华文行楷", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif"; font-size:32px; color:#FFF }
#title_imrs_main a{ color: #fff }
#title_imrs_main a:hover{ color: #303 }
#title_imrs_sub{ font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#303; font-size:14px; clear:both }
#title_imrs_sub a{ color:#befafa }
#title_imrs_sub a:hover{ color: #303 }

#left_block { width:960px; float:left; }
#left_block2 { width:625px; float:left }
#right_block { width: 710px; float:left; margin-left:-710px; margin-right:auto; }
#pir_right_block{ width: 710px; float:left; margin-left:-710px; margin-right:auto; }

#imrs_center_block{ width: 380px; float:left; margin-right:auto; }
#imrs_right_block{ width: 330px; float:left; margin-right:auto; }
#csds_right_block{ float:left; padding-top:5px; margin-left: 5px; }
#csds_righttomenu_block{ width: 720px; float:left; margin-left:-710px; margin-right:auto; }
#csds_center_down_block{ width: 690px; float:left; margin-left:auto; margin-right:auto; margin-top:10px; clear:both; border: #9CC 1px dashed; padding:5px}
#csds_center_top_block{ width: 720px; float:left; margin-left:auto; margin-right:auto; }

#rbleft_block { width: 320px; float:left }
#rbright_block { width: 320px; float:left; margin-left:10px; }

#center_box { width:960px; margin: 5px auto auto 0; clear:both; float:left; }
#center_box h3{ border-bottom:2px #F33 solid; padding-bottom:4px; }
#center_box h3 span{ background-color:#F33; font-size:16px; font-style:none; padding:8px 10px 5px 10px; color:#FFF;
font-family: "微软正黑体", "Microsoft Jhenghei", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif";
-webkit-border-radius: 4px 4px 0px 0px;
     -moz-border-radius: 4px 4px 0px 0px;
          border-radius: 4px 4px 0px 0px;
}

#center_block2 { width: 560px; float:left; margin:3px 0 0 0; }
#center_block { width: 560px; float:left; margin:3px 0 0 -900px; }

#school{ width:100%; float:left; }
#schools2{ width: 560px; float:left; margin:0 5px 20px -3px; position:relative; }
#schools2 ul { list-style-type:none; margin:0; position:relative; margin-left:-36px; float:left; }
#schools2 ul li { padding-right:12px; padding-bottom:10px; float:left; position:relative; }
#schools2 ul li a span {
	width:130px; height:20px; display:block; font-size:16px; padding: 5px; text-align:right; font-weight:bold;
	font-family: "微软正黑体", "Microsoft Jhenghei", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif";
  -webkit-border-radius: 5px 0 0 5px;
     -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
		  	   background-color:#FFF;
			   position:absolute;
				 bottom: 40px;
				 right:10px;
}

#schools3{ width: 565px; float:left; margin:0 0 20px -3px; position:relative; }
#schools3 ul { list-style-type:none; margin:0; position:relative; margin-left:-36px; float:left; }
#schools3 ul li { float:left; position:relative; width:280px; padding-bottom:5px; padding-top:5px; }
#schools3 ul li img{ float:left; position:relative; padding-left:8px; }

.schoolname {
	width:130px; display:block; font-size:16px; padding: 8px 6px; text-align:center; font-weight:bold;
	font-family: "微软正黑体", "Microsoft Jhenghei", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif";
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
		  	   background-color:#ccc;
			   position:absolute;
				 top: 20px;
				 right:10px;
				 color:#e20a19;
}
.coursename {
	width:130px; height:20px; display:block; font-size:16px; padding: 13px 0px 6px 15px; font-weight:bold;
	font-family: "微软正黑体", "Microsoft Jhenghei", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif";
	font-size:12px;
			   position:absolute;
				 top: 54px;
				 right:10px;
}

#newshub_box{ width: 395px; float:left; margin:auto auto 0 0; position:relative; min-height: 405px;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.5em;}

#news_block2 { width: 100%; float:left; clear:both; }

#news_block { width: 550px; float:left; margin:3px 0 0 -900px; }
#news_content{ padding:5px 5px 0 15px; background-color:#eef3f2; }
#news_box{ height:310px; overflow:auto; }
#news_box2{ height:420px; overflow:auto; }
#news_each_box { width: 520px; float:left; margin-bottom:0; margin-top:10px; }
#news_box_img { width: 120px; height:90px; float:left; margin:0; border:#339 1px solid }
#news_box_text { width: 375px; float:left; font-size:12px; margin-left:10px; padding:0 0 5px 0; text-align:justify }
#news_box_text span{ font-size:11px; color:#C00; padding:0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
.more_news{ text-align:right; margin-top:5px; padding-right:10px; padding-bottom:10px }
a.news_title{ font-size:13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color: #003 }
a:hover.news_title{ color: #F66 }

#honor{ width: 200px; clear:both; padding-top:10px }
#facebook{ width: 200px; clear:both; padding-top:10px }

#imrs_news_block { width: 380px; float:left; margin: auto; }
#imrs_title{ width: 365px; float:left; background-color:#eef3f2; padding-left:15px; padding-top: 3px}
#imrs_news_content{ width:380px; background-color:#eef3f2; float:left; clear:both; }
#imrs_news_content.imrs_news_box{ padding: 0; background-color:#eef3f2 }
#csds_news_box{ height:140px; overflow:auto; }
#imrs_news_each_box { width: 360px; float:left; background-color:#eef3f2; padding: 3px 0 4px 15px}
#imrs_news_box_img { width: 65px; height:46px; float:left; margin:0; border:#fff 1px solid }
#imrs_news_box_img2 { width: 65px; height:46px; float:left; margin:0; }
#imrs_news_box_text { width: 270px; float:left; font-size:12px; margin-left:10px; padding:0 0 5px 0; text-align:justify }
#imrs_news_box_text span{ font-size:11px; color:#C00; padding:0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
.imrs_more_news{ text-align:right; margin-top:5px; padding-right:10px; padding-bottom:10px }
a.imrs_news_title { font-size:12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  color: #003 }
a:hover.imrs_news_title{ color: #F66 }

#event_content_box{ float:left; width:322px; height: 60px }
#event_content{ background-image:url(/images/box_center2.gif); background-repeat:repeat-y; margin:0; padding-left:2px; padding-top:5px; width:320px } 

#sa_news_block { width: 420px; float:left; margin:3px 0 0 0; clear:both}
#sa_news_content{ padding:5px 5px 0 15px; background-color:#eef3f2; }
#sa_news_box{ overflow:auto; width:400px; padding-left:15px }
#sa_news_box span{ font-size:11px; color: #F30; font-weight:100 }
#sa_news_box ul{ list-style-type:none; padding-right:25px; }
#sa_news_box ul li{ padding:5px; display:list-item; border-bottom:#999 dashed 1px; margin-left:-50px}
#sa_news_box ul li:hover{ background-color: #DBE6E3;}

#pir_news_block { width: 420px; float:left; margin:3px 0 0 0; }
#pir_news_content{ padding:5px 5px 0 15px; background-color:#eef3f2; }
#pir_news_box{ height:370px; overflow:auto; }
#pir_news_each_box { width: 400px; float:left; margin-bottom:0; margin-top:6px; }
#pir_news_box_img { width: 90px; height:60px; float:left; margin:0; border:#fff 2px solid }
#pr_news_box_img { width: 71px; height:46px; float:left; margin:0; border:#fff 2px solid }
#pr_news_box_img2 { width: 75px; height:50px; float:left; margin:0; }
#pir_news_box_text { width: 295px; float:left; font-size:12px; margin-left:10px; padding:0 0 5px 0; text-align:justify }
#pir_news_box_text span{ font-size:11px; color:#C00; padding:0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
.pir_more_news{ text-align:right; margin-top:5px; padding-right:10px; padding-bottom:10px }
a.pir_news_title { font-size:12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  color: #003 }
a:hover.pir_news_title{ color: #F66 }

#imrs_centre_block { width: 380px; float:left; margin:10px 0 0 0; clear:both }
#imrs_centre_content{ padding:5px 5px 0 15px; background-color:#eef3f2; height:170px }
#imrs_centre_each_box { width: 115px; float:left; margin-bottom:0; margin-top:6px; }
#csds_center_block { width: 380px; float:left; margin:0; }

#csds_pbl_block{ width: 380px; float:left; margin-top:10px; clear:both;}
#csds_pbl_cont{ padding:5px 5px 0 10px; background-color:#eef3f2; height:170px}
#csds_pbl_title{ margin:0; width:325px; height:50px; background-color:#eef3f2; }
#csds_pbl_cat{ float:left; margin:0; padding-left: 8px; padding-top:5px; clear:both; }
#csds_pbl{ padding-right:5px; width:82px; float:left }
#csds_pbl img{width:80px; height:110px }

#left_block_left{ width:280px; margin:0; float:left; padding-right:10px }

#right_to_news{ width: 330px; float:left; margin:0 10px 20px -330px; }
#pir_right_to_news{ width: 280px; float:left; margin:0 0 0 10px; }
#imrs_right_to_news{ width: 315px; float:left; margin:0 0 0 10px; }
#csds_right_to_news{ width: 315px; float:left; margin:0; padding-left: 20px }

#pir_event { width:285px; float:left; clear:both; padding-bottom:5px }
#pir_event_title{ border-bottom:#CCC 1px dotted; margin:0; padding-left:15px; width:260px }
#pir_event_title span{ color:#C00; font-size:18px; font-weight:bold }
#pir_event ul{ margin-top:5px; list-style:none}
#pir_event li{ margin:2px 0 2px -15px; list-style-image:url(/images/button/logonewera.png); }
.pir_date{ font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#006 }
#pir_info_block { width: 285px; float:left; clear:both; }
#pir_info { background-color: #ECF2F4; padding: 2px 8px 1px 8px }
#pir_info_title{ border-bottom:#CCC 1px dotted; margin:0; padding-left:15px; width:250px }
#pir_info_title span{ color:#C00; font-size:18px; font-weight:bold }
#pir_info ul{ margin-top:5px; list-style:none; }
#pir_info li{ margin-left:-15px; list-style-image:url(/images/button/logonewera.png); }

#imrs_events_block { width:320px; float:left; padding-bottom:5px }
#imrs_events_block2 { width:320px; float:left; }
#imrs_events { padding: 2px 8px 0 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
#imrs_events ul{ margin-top:5px; list-style:none; }
#imrs_events li{ margin-left:-15px; list-style-image:url(/images/button/logonewera.png); }

#imrs_pbl_block { width: 320px; float:left; clear:both; padding: 2px 8px 1px 3px; }
#imrs_pbl_title{ margin:0; width:325px; height:50px; }
#imrs_pbl_cat{ float:left; margin:0; padding-left: 8px; padding-top:5px; width:310px; height:120px;  }
#imrs_pbl_cat2{ float:left; margin-top:5px; padding-left: 8px; padding-top:5px; width:310px; height:120px; clear:both; }
#imrs_pbl{ padding-right:8px; width:94px; float:left }
#imrs_pbl img{width:94px; height:125px }

#event { width:320px; float:left; }
#event_title{ background-image: url(/images/box_top2.gif); background-repeat:no-repeat; text-align:center; height:32px; padding-top:5px; margin-bottom: -5px }
#event_title a{ color:#cc0000; font-size:18px; font-weight:bold; }
#event_title a:hover{ color:#F03 }
#event_content_box{ float:left; width:322px; height: 60px }
#event_content{ background-image:url(/images/box_center2.gif); background-repeat:repeat-y; margin:0; padding-left:2px; padding-top:5px; width:320px } 
#event_bottom{ float:left; background-image:url(/images/box_bottom2.gif); background-repeat:no-repeat; height:38px; width:320px }

#notice { width:320px; float:left; clear:both }
#notice_title{ background-image: url(/images/box_top2.gif); background-repeat:no-repeat; text-align:center; height:32px; padding-top:5px; margin-bottom: -5px }
#notice_title a{ color:#cc0000; font-size:18px; font-weight:bold; }
#notice_title a:hover{ color:#F03 }
#notice_content_box{ float:left; width:322px; height: 60px }
#notice_content{ background-image:url(/images/box_center2.gif); background-repeat:repeat-y; margin:0; padding-left:2px; padding-top:5px; width:320px } 
#notice_bottom{ float:left; background-image:url(/images/box_bottom2.gif); background-repeat:no-repeat; height:38px; width:320px }

img.services { border: 1px solid #CCC; padding: 1px 1px 1px 1px; margin-top:3px }

#pir_notice { width: 280px; background-color:#FFFFFF; float:left; margin:-10px 0 10px 0; background-image:url(/images/notepaper_notice_cn.jpg); background-repeat:no-repeat; height:379px; }
#pir_notice ol { margin: 100px 30px 40px 30px; padding:0; list-style-type: decimal; }
#pir_notice ol li { padding-bottom:10px; margin-left:10px; display: list-item; font-size:11px; text-align:justify; margin-top:0; }
#pir_notice a{ font-size:12px }

#sa_events { clear:both; width: 280px; background-color:#FFFFFF; float:left; margin:-5px 0 10px 0; background-image:url(/images/css/notepaper.jpg); background-repeat:no-repeat; height:390px; }
#sa_events ol { margin: 80px 40px 40px 40px; padding:0; list-style-type: decimal; }
#sa_events ol li { padding-bottom:10px; margin-left:10px; display: list-item; font-size:12px; text-align:justify; margin-top:0; }
#sa_events a{ font-size:12px }

#facebook_sa { width: 280px; float:left; margin:2px 0 10px 0; height:120px; }

#details_content{ padding:15px; font-size:12px }
#details_content a{ color: #069 }
#details_content a:hover{ color: #309 }
#details_content table{ font-size:12px }
#details_content ul li{ font-size:12px; font-family:Arial, Helvetica, sans-serif }

#liquid-round {
     width:964px;
     margin: 5px auto auto -2px;
	 clear:both;
	 float:left;
}
#liquid-round_top {
	  float:left;
      width: 964px;
      height:20px;
/*      background:url(/images/news_box_top.gif) no-repeat; */
}
#liquid-round_center{
	  width:964px;
	  float:left;
}
.liquid-round_center-left {
/*	  background:#fff url(/images/leftside.gif) repeat-y; */
	  position:relative;
	  width:964px;
	  float:left;
}
.liquid-round_center-right {
	  float:right;
      position:relative;
/*      background:url(/images/rightside.gif) repeat-y; */
      width:25px;
}
#liquid-round_bottom {
	  float:left;
      height:60px;
/*      background:url(/images/news_box_bottom.gif) no-repeat; */
	  width:964px;
}

.wrapper{
	width: 960px;
	margin: 0px auto;
	position: relative;
}

.block_title { color: #03F ; font-size:16px; padding: 3px; font-weight:bold; text-indent: 5px; margin-bottom: 5px }
.mq { list-style-type:none; font-size:14px; margin-left: -25px; margin-right: 5px}
.mq li {  margin-bottom: 20px; }
.mq li a { text-decoration:none; color:#03C }

#jumpmenu { width:320px; float:left;}
#jumpmenu_content{background-image:url(/images/box_center2.gif); background-repeat:repeat-y; margin:0; padding-left:2px; padding-top:5px; width:320px;} 
#quicklink { width:320px; float:left;}

#links_block2{float:left; clear:both; width:960px; margin-top:10px; padding-left:8px}
#links_block{width:885px; float:left; clear:both; margin:-10px 0 0 -900px; border:#eef3f2 1px solid}
#link{float:left; margin:0; padding:0;}
#link span {width:308px; height:71px; float:left; background-image: url(/images/button/fb_cn.png); background-repeat:no-repeat; background-position:12px 12px}
#link span:hover{background-image:url(/images/button/fb_hover_cn.png); background-repeat:no-repeat; background-position:0 0}
#link2 span{width:302px; height:71px; float:left; background-image: url(/images/button/blogspot_cn.png); background-repeat:no-repeat; background-position:12px 12px}
#link2 span:hover{background-image:url(/images/button/blogspot_hover_cn.png); background-repeat:no-repeat; background-position:0 0}
#link3 span{width:302px; height:71px; float:left; background-image: url(/images/button/plurk_cn.png); background-repeat:no-repeat; background-position:12px 12px}
#link3 span:hover{background-image:url(/images/button/plurk_hover_cn.png); background-repeat:no-repeat; background-position:0 0}

#linkr span {width:300px; height:30px; float:left; background-image: url(/images/button/button_index.png); background-repeat:no-repeat; padding-right:20px}
#linkr span:hover{background-image:url(/images/button/button_index2.png); background-repeat:no-repeat;}
#linkr2 span{width:300px; height:30px; float:left; background-image: url(/images/button/button_index2_1.png); background-repeat:no-repeat; padding-right:20px;}
#linkr2 span:hover{background-image:url(/images/button/button_index2_2.png); background-repeat:no-repeat;}
#linkr3 span{width:300px; height:30px; float:left; background-image: url(/images/button/button_index3_1.png); background-repeat:no-repeat;}
#linkr3 span:hover{background-image:url(/images/button/button_index3_2.png); background-repeat:no-repeat;}

.latest_block_title { color: #cc0000; font-size:18px; padding: 3px; font-weight:bold; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.top_block_title { color: #800; font-size:16px; padding: 3px; font-weight:bold; text-indent: 5px; margin-bottom: 5px } 
.middle_block_title { color: #360; font-size:16px; padding: 3px; font-weight:bold; text-indent: 5px; margin-bottom: 5px } 
.bottom_block_title { color: #339; font-size:16px; padding: 3px; font-weight:bold; text-indent: 5px; margin-bottom: 5px } 
.other_block_title { color: #F30; font-size:18px; padding: 3px; font-weight:bold; text-indent: 5px; margin-bottom: 5px }
.newslist { padding:14px 0; border-bottom:1px #999999 dashed; display:block }
.newslist:hover { background-color:#e0e0e0 }

#left_side_block { width:200px; float:left; margin:0 20px 20px -930px;padding:5px}
#left_side_block h3 { margin-top: 20px; margin-bottom:0; font-size:20px; color:#C00; font-family: "微软正黑体", "Microsoft Jhenghei", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif"; font-weight:100;border-bottom:#CCC 1px dotted; padding-left:10px; padding-bottom:5px }
#left_menu { width: 200px; float:left;}
#left_menu2 { width: 200px; float:left; clear:both}

.archives{
	border:#FFF 1px solid; padding:6px; width:auto; text-align:right; height: 20px;
}
.archives:hover{
	background-color:#FFF;
}
.date{ color:#006; font-size:16px; font-weight:bold; width:auto; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; padding-bottom:10px}
.date2{ color: #036EAA; font-size:11px; font-family: Verdana, Geneva, sans-serif}
.red12{ color:#C00; font-size:12px }
.event_list{
	width: 400px; padding:15px; height:auto;
}
.event_list_img{
	padding-left:auto; margin-bottom:2px;
}
.Group {
	display: block;
	width: 173px;
	background-image: url(/images/css/red_arrow.png);
	background-repeat:no-repeat;
	background-position:13px 9px;
	border-bottom: #CCC 1px dashed;
	padding-left: 27px;
	padding-top:8px;
	padding-bottom:8px;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
}

.Group2 {
	display: block;
	height: 22px;
	width: 163px;
	background-image: url(/images/css/dark_blue_arrow.png);
	background-repeat:no-repeat;
	background-position:25px 9px;
	line-height: 27px;
	padding-left: 37px;
	text-decoration: none;
	font-size:12px;
}
.subGroup {
	display: block;
	height: 22px;
	width: 163px;
	background-image: url(/images/css/dark_blue_arrow.png);
	background-repeat:no-repeat;
	background-position:25px 9px;
	line-height: 27px;
	padding-left: 37px;
	text-decoration: none;
	font-size:12px;
}
.subGroup2 {
	display: block;
	height: 22px;
	width: 163px;
	background-image: url(/images/css/blue_arrow.png);
	background-repeat:no-repeat;
	background-position:35px 9px;
	line-height: 27px;
	padding-left: 47px;
	text-decoration: none;
	font-size:12px;
}
.noGroup {
	display: block;
	width: 173px;
	border-bottom: #CCC 1px dashed;
	padding-top:8px;
	padding-bottom:8px;
	padding-left: 27px;
	text-decoration: none;

	font-size:12px;
	font-weight:bold;
}
.noGroup:hover {
	color: #dfdfdf;
	text-decoration: underline;
	background-color:#333;
}
.Option {
	display: block;
	
	width: 163px;
	padding-left: 37px;
	padding-top: 8px;
	padding-bottom:0;
	color: #dfdfdf;
	text-decoration: none;
	font-size:12px;
}
.Option:hover {
	color: #CC0000;
	text-decoration: underline;
	background-image:url(../css/dropdown/themes/default/images/spinner_bar.gif);
	background-repeat:no-repeat;
	background-position: 21px 9px;
}
.subOption {
	display: block;
	height: 20px;
	width: 153px;
	line-height: 27px;
	padding-left: 47px;
	color: #dfdfdf;
	font-size:12px;
}
.subOption:hover {
	color: #CC0000;
	text-decoration: underline;
	background-image:url(../css/dropdown/themes/default/images/spinner_bar.gif);
	background-repeat:no-repeat;
	background-position: 31px 9px;
}
.subOption2 {
	display: block;
	height: 16px;
	width: 153px;
	padding-left: 57px;
	color: #dfdfdf;
	font-size:12px;
}
.subOption2:hover {
	color: #CC0000;
	text-decoration: underline;
	background-image:url(../css/dropdown/themes/default/images/spinner_bar.gif);
	background-repeat:no-repeat;
	background-position: 41px 3px;
}
.show {
	display:inline;
}
.hide {
	display:none;
}

.text_content{
	background-color:#FFF;
	padding:15px;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.text_content h3{
	line-height:28px}
.tbl_rec{
	border: 1px solid #ccc;
}
.tbl_bottom {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color:#CCC;
}

#bootstrap a{
	text-decoration:none; color: #ffffff; font-size: 12px;
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
  color: rgba(255, 255, 255, 0.75);
}

#sitemap h3 { font-size:14px}
#sitemap ul { margin-top:4px}
#sitemap li{ margin:2px 0 2px -22px}

#for_content { margin:0 20px auto -930px; padding-bottom:50px; float:left; clear:both; width:960px}
#for_content ul { margin-top:4px; }
#for_content li{ list-style-image:url(/images/button/logonewera.png); margin:2px 0 2px -22px}
#for_content a{ color: #356C8A }
#for_content a:hover{ color:#036EAA; text-decoration:underline}

#for_content2 { margin:20px 20px auto 0; padding-bottom:50px; float:left; clear:both; width:960px; position:relative; }
#for_content2 ul { margin-top:4px; }
#for_content2 li{ list-style-image:url(/images/button/logonewera.png); margin:2px 0 2px -22px}
#for_content2 a{ color:#3b5998; }
#for_content2 a:hover{ background-color: #3b5998; color:#FFF; }
#for_content2 h3{ font-size:14px; font-weight:500; padding-bottom:3px; margin-bottom:0; margin-top:0; color:#C00}

#for_box_1st{ width:235px; float:left; position:relative; }
#for_box_other{ width:225px; float:left; padding:12px; position:relative; height:auto; }
#for_box_other h3{ border-bottom:2px #F33 solid; padding-bottom:4px; }
#for_box_other h3 span{ background-color:#F33; font-size:14px; font-style:none; font-weight:bold; padding:8px 10px 5px 10px; color:#FFF; 
-webkit-border-radius: 4px 4px 0px 0px;
     -moz-border-radius: 4px 4px 0px 0px;
          border-radius: 4px 4px 0px 0px;
}

#for_box_auto{ width:auto; float:left; padding:10px 15px; position:relative; height:auto; border-right:1px #CCC dashed; }
#for_box_auto h3{ border-bottom:2px #F33 solid; padding-bottom:4px; }
#for_box_auto h3 span{ background-color:#F33; font-size:14px; font-style:none; font-weight:bold; padding:8px 10px 5px 10px; color:#FFF; 
-webkit-border-radius: 4px 4px 0px 0px;
     -moz-border-radius: 4px 4px 0px 0px;
          border-radius: 4px 4px 0px 0px;
}

#for_box_last{ width:210px; float:left; padding:12px 0 10px 12px; position:relative; }
#for_box_last h3{ border-bottom:2px #F33 solid; padding-bottom:4px; }
#for_box_last h3 span{ background-color:#F33; font-size:14px; font-style:none; font-weight:bold; padding:8px 10px 5px 10px; color:#FFF; 
-webkit-border-radius: 4px 4px 0px 0px;
     -moz-border-radius: 4px 4px 0px 0px;
          border-radius: 4px 4px 0px 0px;
}
#for_box_staff_1st{ width:450px; float:left; padding-right:10px; height:auto; margin-left:10px}
#for_box_large{ float:left; padding:10px 0 10px 10px; position:relative; }
#for_box_large h3{ border-bottom:2px #F33 solid; padding-bottom:2px; }
#for_box_large h3 span{ background-color:#F33; font-size:14px; font-style:none; font-weight:bold; padding:6px 8px 3px 8px; color:#FFF; 
-webkit-border-radius: 4px 4px 0px 0px;
     -moz-border-radius: 4px 4px 0px 0px;
          border-radius: 4px 4px 0px 0px;
}

#box_newera { width:280px; text-align: justify; margin-top:0; float:left; padding:0; margin-left: 0}
#box_newera ul{ margin-top:0; margin-bottom:0}
#box_newera a{ color:#069 }
#box_newera a:hover{ color:#009 }
#box_newera_div{ font-size:11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #003; }

#top_div { width:320px; height: 80px; border:1.5px #999 solid; margin: 5px; font-size: 14px; background-color:#FCDBDB}

#middle_div { width:320px; height: 80px; border:1.5px #999 solid; margin: 5px; font-size: 14px; background-color:#B3F4C5}

#bottom_div { width:320px; height: 175px; border:1.5px #999 solid; margin: 5px; font-size: 14px; background-color: #D3EAFA}

#other_div { width:320px; height:350px; border:1.5px #999 solid; margin: 5px; font-size: 14px; background-color:#FF9 }
#other_div ul { margin-top: 5px }
#other_div ul li { margin-top: 10px; list-style-image: url("images/arrow.gif");}

#banner { margin-left:10px; border: #eeeeee 1px solid; float:left; width:650px; margin-bottom:auto; height:270px}
#banner_neuc { float:left; width:960px; padding-top:0; clear:both; margin-bottom:30px;}
#banner_pir { margin-top:10px; float:left; margin-bottom:auto; padding:0}

#adv{ width:910px; float:left; clear:both; margin:5px 0 0 -900px; }
#adv_link{ float:left; margin:0; padding:0; }

#logo { margin-left: 5px; padding-top: 5px; float:left;}

#pathway { width:710px; float:left; margin:0 0 10px 0; font-size:12px}
#pathway a{ color:#3b5998; text-decoration:none }
#pathway a:hover{ text-decoration:none; background-color:#3b5998; color:#FFF; }

#pathway2 { width:926px; float:left; margin-top:30px; padding-bottom:10px; padding-left:34px; border-bottom:#F33 2px solid; font-weight:bold; }
#pathway2 a { color: #3b5998; text-decoration:none; font-weight:900; padding: 3px 6px; }
#pathway2 a:hover { text-decoration:none; background-color:#333; color:#FFF;
-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

#for_pathway { margin:0 0 10px -910px; float:left; width: 960px; font-weight:bold;}
#for_pathway a{ font-weight:bold; color: #356C8A; }
#for_pathway a:hover{ text-decoration:none; background-color:#F33; color:#FFF; }

#content_box { margin-left:0; margin-right:auto; width:730px; float:left; clear:both}
#content_box h3 { margin-top:10px; margin-bottom:20px; font-size:28px; color:#C00; font-family: "华文行楷", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif"; font-weight:100 }
#content_box li{ padding-bottom:3px;}
#content_box a{ color: #3b5998; text-decoration:none; }
#content_box a:hover{ text-decoration:none; background-color:#3b5998; color:#FFF;}
#content_box ol{ list-style:decimal; display:block}
#content_box ul{ list-style-image:url(/images/button/logonewera.png); }

#menus { margin-left:auto; margin-right:auto; float:left; width:160px;}


/* FOOTER - COLS ------------------------------------------------------------*/

#footer_neuc{
	position: relative;
	background: #E9E9E9 url(/images/css/footer-glow.png) no-repeat top center;
	color: #fff;
	clear:both;
	width:100%;
	margin-bottom:-20px;
	margin-top:10px;
}

/* FOOTER - COLS ------------------------------------------------------------*/

#footer-cols{
	display: block;
	overflow: hidden;
	color: #333;
	line-height: 1.5em;
	margin-left:-30px;
}

#footer-cols li.col{
	display: block;
	font-size: 12px;
	width: 285px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

#footer-cols li.col>h6{
	color: #333;
	margin-top: 30px;
	margin-bottom: 20px;
	text-shadow: 0px -1px rgba(255, 255, 255, 0.8);
	font-size:14px;
	padding:5px;
	border-bottom:2px #F03 solid;
	font-family: "微软正黑体", "Microsoft Jhenghei", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif";
}

#footer-cols li.clear-col{ clear:left; }

#footer-cols li.col ul{
	display: block;
	margin-left:-30px;
	margin-top:-10px;
}

#footer-cols li.col ul li{
	display: block;
	line-height: 1.7em;
}


#footer-cols li.col ul li.page_item{
	display: block;
	line-height: 2.5em;
	padding-left: 17px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	background: url(/images/css/footer-bullet.png) no-repeat 0px 10px;
}

#footer-cols li.col ul li:first-child{ border-top: none; }

#footer-cols li.col ul li:last-child{ border-bottom: none; }

#footer-cols li.col ul li a{
	text-decoration: none;
	color: #333;
}

#footer-cols li.col ul li a:hover{
	color: #fff;
}

#footer-cols p a{
	color: #3b5998;
}

#footer-cols p a:hover{
	color: #fff;
	background-color:#3b5998;
}


/* FOOTER BOTTOM --------------------------------------------------------*/

#bottom_neuc{
	margin-top:0;
	position: relative;
	width: 100%;
	font-size: 12px;
	line-height: 60px;
	color: #868686;
	background: #222426;
}

#bottom #bottom-text{
	width: 600px;
	overflow: hidden;
	margin-left: 30px;	
}

#bottom a{
	color: #AFEAF9;
	text-decoration: none;
}

#bottom #to-top{
	position: absolute;
	right: 30px;
	top: -22px;
	width: 33px;
	height: 33px;
	background: url(/images/css/to-top.png) no-repeat;
	cursor: pointer;
}

/* SOCIAL --------------------------------------------------------*/

.social{
	position: absolute;
	top: 2px;
	right: 0px;
	display: block;
	overflow: hidden;
}

.social li{
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#bottom .social a{
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9000px;
}

#bottom .social a:hover{
	background-position: 0px -32px;
}

/* Apply box homepage */
#apply_box{ width:300px; position:relative; margin:0 0 0 27px; float:left; padding-bottom:30px; }
#apply_box h3{ border-bottom:2px #F33 solid; padding-bottom:4px; }
#apply_box h3 span{ background-color:#F33; font-size:16px; font-style:none; padding:8px 10px 5px 10px; color:#FFF;
font-family: "微软正黑体", "Microsoft Jhenghei", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif";
-webkit-border-radius: 4px 4px 0px 0px;
     -moz-border-radius: 4px 4px 0px 0px;
          border-radius: 4px 4px 0px 0px;
}
#apply_box a{ color: #3b5998; }
#apply_box a:hover{	color: #fff; background-color:#3b5998; }
#apply_box li{ padding-bottom: 5px; margin-top:-2px; }

#scholarship_box{ width:300px; position:relative; margin:0; float:left; padding-bottom:30px;}
#scholarship_box h3{ border-bottom:2px #F33 solid; padding-bottom:4px; }
#scholarship_box h3 span{ background-color:#F33; font-size:16px; font-style:none; padding:8px 10px 5px 10px; color:#FFF; 
font-family: "微软正黑体", "Microsoft Jhenghei", "经典中圆简", "经典仿宋简", Arial, "MS Sans Serif";
-webkit-border-radius: 4px 4px 0px 0px;
     -moz-border-radius: 4px 4px 0px 0px;
          border-radius: 4px 4px 0px 0px;
}
#scholarship_box p{ padding-left:5px; }
#scholarship_box p a{ color: #3b5998; font-size:11px; }
#scholarship_box p a:hover{	color: #fff; background-color:#3b5998; }
#scholarship_box li{ padding-bottom: 5px; margin-top:-2px; }

/* Content list box */
.d3-part-box{
	width:220px;
	padding:5px;
	position:relative;
	float:left;
	text-align:center;
}

/* Background box that split part vertically */
.bgbox{ width:100%; padding-bottom:30px; position:relative; float:left; clear:both; margin:0; }
.bgbox2{ width:100%; padding-bottom:30px; padding-top:10px; position:relative; float:left; clear:both; margin:0 0 5px 0; }
.bgpattern1{ background: url(/images/css/bg/p5.png) repeat; }
.bgpattern2{ background: url(/images/css/bg/polyester_lite.png) repeat; }

/* label */
.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
}

.label {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.badge {
  padding-right: 9px;
  padding-left: 9px;
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
          border-radius: 9px;
}

.label:empty,
.badge:empty {
  display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}

.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}

.btn-mini .label,
.btn-mini .badge {
  top: 0;
}

/* icon */
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

/* White icons with optional class, or on hover/focus/active states of certain elements */

.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
  background-image: url("/img/glyphicons-halflings-white.png");
}

.icon-glass {
  background-position: 0 0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  width: 16px;
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  width: 16px;
  background-position: -384px -120px;
}

.icon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

/* font size */
.font10{ font-size:10px; }
.font11{ font-size:11px; }
.font12{ font-size:12px; }
.font13{ font-size:13px; }
.font14{ font-size:14px; }

/* font color */
.grey{ color:#666 }

#imrs_pbl span {
	width: 45px;
	height: 45px;
	display: block;
	position: relative;
	bottom: 45px;
	left: 48px;
}
#imrs_pbl span.new_book {
	background: url(/images/css/new_book_star.png) no-repeat;
}

h3.redhat{ border-bottom:2px #F33 solid; }
h3.redhat span{ background-color:#F33; font-size:14px; font-style:none; padding:9px 10px 8px 10px; color:#FFF; font-weight:bold;
-webkit-border-radius: 4px 4px 0px 0px;
     -moz-border-radius: 4px 4px 0px 0px;
          border-radius: 4px 4px 0px 0px;
}





/* ============================================================
  GLOBAL
============================================================ */
.effects {
  padding-left: 15px;
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 5px;
  width: 25%;
  overflow: hidden;
}
.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  margin-left: -15px;
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 5px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* ============================================================
  EFFECT 1 - SLIDE IN BOTTOM
============================================================ */
#effect-1 .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
#effect-1 .overlay a.expand {
  left: 0;
  right: 0;
  bottom: 50%;
  margin: 0 auto -30px auto;
}
#effect-1 .img.hover .overlay {
  height: 100%;
}

/* ============================================================
  EFFECT 2 - SLIDE IN TOP
============================================================ */
#effect-2 .overlay {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
#effect-2 .overlay a.expand {
  left: 0;
  right: 0;
  top: 50%;
  margin: -30px auto 0 auto;
}
#effect-2 .img.hover .overlay {
  height: 100%;
}

/* ============================================================
  EFFECT 3 - SLIDE IN LEFT
============================================================ */
#effect-3 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
}
#effect-3 .overlay a.expand {
  top: 0;
  bottom: 0;
  left: 50%;
  margin: auto 0 auto -30px;
}
#effect-3 .img.hover .overlay {
  width: 100%;
}

/* ============================================================
  EFFECT 4 - SLIDE IN RIGHT
============================================================ */
#effect-4 .overlay {
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  height: 100%;
}
#effect-4 .overlay a.expand {
  top: 0;
  bottom: 0;
  right: 50%;
  margin: auto -30px auto 0;
}
#effect-4 .img {
  overflow: hidden;
}
#effect-4 .img.hover .overlay {
  width: 100%;
}

/* ============================================================
  EFFECT 5 - ICON BORDER ANIMATE
============================================================ */
#effect-5 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-5 .overlay a.expand {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#effect-5 .img.hover .overlay {
  opacity: 1;
}
#effect-5 .img.hover .overlay a.expand {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* ============================================================
  EFFECT 6 - ICON BOUNCE IN
============================================================ */
#effect-6 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-6 .overlay a.expand {
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#effect-6 .img.hover .overlay {
  opacity: 1;
}
#effect-6 .img.hover .overlay a.expand {
  top: 50%;
  margin-top: -30px;
  opacity: 1;
}

/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Media Queries
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
@media only screen and (max-width: 1100px) {
  .effects {
    padding-left: 5px;
  }
  .effects .img {
    width: 50%;
  }
  .effects .img:nth-child(n) {
    margin-right: 5px;
  }
  .effects .img:first-child {
    margin-left: 0;
  }
  .effects .img:nth-child(2n-1) {
    margin-left: -5px;
  }
  .effects .img:nth-child(2n) {
    margin-right: 0;
  }
  .effects .img:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 520px) {
  .effects .img {
    width: 100%;
  }
  .effects .img:nth-child(n) {
    margin-right: 0;
  }
  .effects .img:first-child {
    margin-left: 0;
  }
  .effects .img:nth-child(2n-1) {
    margin-left: 0;
  }
  .effects .img:nth-child(2n) {
    margin-right: 0;
  }
  .effects .img:last-child {
    margin-right: 0;
  }
  .effects .img img {
    margin: 0 auto;
  }
}