@charset "utf-8";
/* CSS Document */
html,body,div,img,ul,li,a,p,span,h1,h2,h3,h4{ padding:0; margin:0;}
img{border:none}
html{font-family:"华文楷体","宋体";}
body{height:780px;background-color:#feffef}/*1263x684*/
ul{list-style-type:none;overflow:hidden;}
a {color: #0075bf;text-decoration: none;cursor: pointer;}
a:hover{cursor:pointer; text-decoration:none;color:#0075BF;}
.clear_div{clear:both;	/* 把一个div中的多个float排列的元素框在里面 */}
.noBorder{border-right:none !important	;zoom:1;}

.header,.main_content,.leftInfo,.footer{float:left;}

/*--------------------------------header------------------------*/
.header{width:100%;height:17%;}
.nav{width:75%;height:100%;float:left;}
.logo{float:left;width:25%;height:90%;}
.nav li{width:23%;height:100%;float:left;list-style-type:none;border-right:1px solid #57A5F3;}
.nav a{
	display:block;
	height:100%;
	width:100%;
	text-align:center;
	float:left;
	font-size:23px;
	color:#006699;
	font-weight:bold;
	line-height:75px;
	text-shadow:1px 1px 0px #E2F0F3;
	-webkit-transition-property:font-size;
	-webkit-transition-duration:0.3s;
	-webkit-transition-timing-function:ease-in-out;
	
	
}
.nav a:hover{text-decoration:none;color: #839B1A;font-size:28px;text-shadow:3px 3px 0px #E2F0F3;}
.nav p{line-height:16px;font-size:0.6em;font-weight:normal;}
.nav h2{margin:0 0 -20px 0;font-size:1.1em;}
#sub_nav{display:none;}
.wrapper{
	border:3px solid grey;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;}

/*--------------------------------leftInfo------------------------*/
.leftInfo{width:20%;height:	70%;}
#news_detail{width:168px;height:114px;float:left;
	background:url("/static/img/left_bg.png") no-repeat;text-align:center;padding-left:4px;}
.leftInfo span{overflow:hidden;float:left;width:54%;height:63px;}
.leftInfo h3,.leftInfo p{margin:7px 0 0 0;text-align:center;}
.leftInfo img{display:block;float:left}

#news,#msg_board,#donate{float:left;padding:15% 0 0 20%;width:65%;height;30%;}

.mb_wrapper{background-color:#8e42ff}
.d_wrapper{background-color:#0fd600}
.s_wrapper{background-color:#e8d753}
.mb_wrapper h3{color:#99CC33}
.mb_wrapper p{color:#FF9933}
.d_wrapper h3{color:#8f27b4}
.d_wrapper p{color:#b73a28}
.s_wrapper p{color:#cb5ce9}
.mb_wrapper,.d_wrapper,.s_wrapper{
	display:block;
	overflow:hidden;
	border:3px solid #CCCCCC;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition-property:font-size,color,font-family;
	-webkit-transition-duration:0.3s;
	-webkit-transition-timing-function:ease-in-out;}
.mb_wrapper:hover,.d_wrapper:hover{	text-decoration:none;font-size:18px; }

marquee {height:70%;color:#2979A0}
.comment_mar{width:97%;height:84%;color:#2979A0;overflow-y:scroll;}
/*--------------------------------main_content--------------------border:1px solid black----*/
.main_content{width:70%;height:83%;padding:0 0 3% 3%;background-color:white;border:1px solid #e7e8e8;
	box-shadow:2px 2px 0px grey;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-top-left-radius: 150px;	
	border-top-right-radius: 150px;	
}
.left_content,.right_content,.buttom_left,.buttom_right{float:left}
.left_content{width:40%;height:51%;}
.left_content ul,.buttom_right ul{list-style-type:disc;padding-left:30px}
.left_content p,.buttom_right p{margin-top:30px;font-size:25px;color:#963;float:left}
.left_content li,.buttom_right li{border-bottom:1px dotted green;padding:10px;font-size:20px;line-height:20px;}
#more{font-size:14px;margin-left:116px;line-height:20px;color:black;float:right;}
.sub_title{width:100%;overflow:hidden;}
.right_content{padding-top:10px;width:57%;height:51%;color:black;}
.right_content img{max-width:80%; max-height:80%;border:1px solid black;margin:24px 0 0 43px;
	text-shadow:1px 1px 0px white;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;}
.buttom_left{width:47%;height:46%;color:#666633;background-color:#F4EBD2}
.buttom_left h2{padding:48px 0 0 14px;font-size:30px;}
.buttom_left h3{font-size:20px;padding:12px 12px 15px 40px;}
.buttom_left p{font-size:15px;padding-top:20px;padding-left:65px;}
.buttom_right {width:50%}
.wrapper2{margin:3px 164px 0px 83px;padding:40px;}
.contact_us h4{margin-bottom:15px;}
.wrapper3{height: 360px;text-align:left;overflow-y:scroll;}
.wrapper3 tr{border-bottom:1px solid black;}
.p_name,.p_comment{text-align:left;color:black;font-size:20px;}
.p_time{text-align:left;font-size:20px;float:right;}
.p_comment{color:#666633;padding-left:20px}
.comment_div{overflow:hidden;border:1px solid black;margin:5px;
    -ms-box-shadow: 3px 2px 5px 0px grey;
	-o-box-shadow: 3px 2px 5px 0px grey;
	-moz-box-shadow: 3px 2px 5px 0px grey;
	-webkit-box-shadow: 3px 2px 5px 0px grey;
	box-shadow: 3px 2px 5px 0px grey;}
input,textarea{
	float:left;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-ms-box-shadow: 3px 2px 5px 0px #E2F0F3;
	-o-box-shadow: 3px 2px 5px 0px #E2F0F3;
	-moz-box-shadow: 3px 2px 5px 0px #E2F0F3;
	-webkit-box-shadow: 3px 2px 5px 0px #E2F0F3;
	box-shadow: 3px 2px 5px 0px #E2F0F3;

}
#comment{width:95%;}
#user_name,#email{float:left;}
#user_name{width:120px}
.special_btm{float:left;}
.special_btm:hover{float:left;text-decoration:none;}
/*--------------------------------footer-----------------------background:url("/static/img/footer_bg.png")-*/
.footer{width:70%;color:#999999;margin-left:27%;margin-top:20px}


/* navigation styles - BEGIN .nav{background:url("/static/img/bg2.gif");}*/ 

.nav .dropdown{display:none;border:1px solid #7FCDEE;position:absolute; padding:20px;background-color:#eafffc;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding-top:0px;
	-ms-box-shadow: 3px 2px 5px 0px #E2F0F3;
	-o-box-shadow: 3px 2px 5px 0px #E2F0F3;
	-moz-box-shadow: 3px 2px 5px 0px #E2F0F3;
	-webkit-box-shadow: 3px 2px 5px 0px #E2F0F3;
	box-shadow: 3px 2px 5px 0px #E2F0F3;}

.dropdown  a{color:#000059;font-size:14px;height:35px;float:left;}
.dropdown  a:hover{color:#000059;font-size:16px;}
/* navigation styles - END */ 
/* -------------------------school---------------------------- */
#school_div{margin-bottom:50px;}
#school_div h1{text-align:center;padding-top:10px;padding-bottom:}
.school_description{width:45%;height:450px;float:left}
.school_description marquee{height:100%;font-size:20px;}
#school_pic{float:left;width:46%;border:1px solid black;}
#school_pic img{width:100%;height:100%;}
#pic_desc{float:left;width:200px;}
#pic_desc p{font-size:20px;}
/*--------------topic------------------*/

.share_topic,.share{margin:4% 7% 0% 3%;height:90%;overflow-y:scroll;}
.share_topic{background-color:yellowgreen;border-top-left-radius:5px}
.share_topic h1{text-align:center;}
.share_topic p{padding-top:10px;line-height:27px;font-size:20px;}
.share h1{text-align:center;font-size:30px;}
.share ul{font-size:25px;list-style-type:disc;}
.share li{margin-left:40px;border-bottom:1px dotted}

.wrapper2_comment{margin:3px 164px 0px 83px;padding:40px;overflow-y:hidden;}
.wrapper3_comment{height: 400px;text-align:left;}
/*--------------student------------------*/
.pic_li{float:left;width:33%}
.pagination{float:right;margin-right:12px;margin-top:15px}
.field_wrapper{width:86%;height:auto;margin-top:12px;padding-bottom:13px;margin-left:10px}
.stu_info_ul li{float:left;font:19px '宋体'}
#stu_pic{position:relative;right:118px;width:200px;height:200px;border:3px solid #ffba39;float:right}
#stu_detail{width:400px;float:left}
#stu_detail li{width:100%;margin:12px}
.f_a{border:3px solid #ffba39;padding-top:13px;width:36%;padding-left:50px;margin-left:60px}
.wrapper_stu{overflow-y:scroll;width:90%;height:555px}