/*
author      : comfill@gmail.com
last modify : 10:05 2010-3-18
*/



/*----------------- base -----------------*/
* { margin: 0; padding: 0; list-style:none; }
body{
	font:0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
}
a { text-decoration:none; }
a img { border:0; }

h2 {font: 1.5em "΢ÈíÑźÚ", "Trebuchet MS"; }
h3 {font: bold 1.2em "Trebuchet MS"; }
h4 {font: bold 1.1em "Trebuchet MS", serif; }

ul{list-style: none;}
blockquote, pre {padding: 0.25em 40px;}
blockquote {font: italic 1.05em Georgia, Times, serif; background: url(/pix/quote_wh.gif) 10px 0.75em no-repeat; margin: 0.25em 0;}
pre, code {font: 1.05em Courier, monospace;}
pre {line-height: 1.5em;}
pre strong {font-size: 1em; font-weight: bold;}
pre code {font-size: 1em; line-height: 1.5em;} /* handle legacy articles until markup gets a scrubbing */

input, textarea{ font:12px tahoma; }
input, textarea{ padding:2px; }


h1{ margin:0.5em 0; color:#133982; text-align:center; font:2em "΢ÈíÑźÚ"; }

/*----------------- header -----------------*/
#header{
	width:100%;
	height:120px;
	position:relative;
	background:#0f2645 url(i/header.png) no-repeat center top;
}
#search{
	position:absolute;
	top:35px;
	right:20%;
	text-align:center;
}
#search p a{
	padding-left:10px;
	color:#fff;
	font:11px "΢ÈíÑźÚ";
	background:url(i/ico_top.gif) no-repeat 0 center;
}
#search table{ margin:0 auto !important; margin:0; }
#search h2{
	font:bold 16px "΢ÈíÑźÚ";
	color:#fff;
}

/*----------------- nav -----------------*/
.nav{
	width:100%;
	height:56px;
	position:relative;
	z-index:100;
	background:url(i/nav_bg.png) repeat-x 0 0;
	text-align:center;
}
.nav ul{
	width:1100px;
	margin:0px auto;
	list-style:none;
	background:url(i/nav_spec.png) no-repeat right center;
}
.nav ul li{
	position:relative;
	float:left;
	width:135px;
	height:56px;
	padding-left:1px;
	background:url(i/nav_spec.png) no-repeat 0 center;
}
.nav ul li#model{ width:145px; }
.nav a.outer{
	display:block;
	padding-top:6px;
	height:50px;
	font:13px/30px "΢ÈíÑźÚ";
	color:#000;
	background:url(i/nav_item.gif) no-repeat 10px center;
	text-align:left;
	text-indent:30px;
	position:relative;
	z-index:602;
}
.nav a.outer em{ display:block; color:#787878; text-transform:uppercase; font:10px "Trebuchet MS"; }
.nav ul li.show a.outer,.nav ul li.rshow a.outer{ text-decoration:none; background:#fff url(i/nav_item.gif) no-repeat 10px center; }
.nav ul li .child{
	display:none;
	position:absolute;
	width:150px;
	top:56px;
	left:1px;
	background:#fff;
}
.nav ul li.show .child, .nav ul li.rshow .child{
	display:block;
	filter:alpha(opacity=90);
	opacity:0.90;
}
.nav .child a.inner{
	width:100%;
	height:27px;
	padding-top:0;
	display:block;
	font:13px/27px "΢ÈíÑźÚ";
	color:#000;
	background:url(i/nav_sub_item.gif) no-repeat 0 center;
	text-align:left;
	text-indent:45px;
}
.nav .child a.last{ margin-bottom:10px; background:url(i/nav_sub_item_last.gif) no-repeat 0 center; }
.nav ul li .child a:link,.nav ul li .child a:visited{ text-decoration:none; color:#000; }
.nav ul li .child a:hover{ text-decoration:none; color:#d00; }



/*----------------- content -----------------*/
#wrapper{ width:100%; padding:25px 0 0 0; background:url(/style/i/content_bg.png) no-repeat center 0; text-align:center; }
#content{ width:950px; margin:0 auto; text-align:left; border-collapse:collapse; }
#content td, #content th{ vertical-align:top; }
#index_wrapper{ width:100%; padding:5px 0 0 0; background:url(/style/i/content_bg.png) no-repeat center 0; text-align:center; }
#index_container{ width:1000px; margin:10px auto 0 auto; }
#SecContent{ margin-top:7px; }
.layout{ width:980px; margin:0 10px; text-align:left; border-collapse:collapse; }
.layout td, .layout th{ vertical-align:top; }
	.news{ width:260px; }
	.photo{ width:500px; }
	.sidebar{ width:200px; }
	#MainContent td.news{ width:auto; padding:0 7px; }
	#SecContent td.photo{ width:auto; padding:0 7px; }
	.box{
		border:1px solid #ddd;
		border-top:none;
		background:#f9f9f9;
	}

.layout h2{
	background:url(i/title_bg.png) repeat-x 0 0;
	color:#fff;
	font:bold 13px/26px "΢ÈíÑźÚ";
	text-indent:.8em;
	text-transform:uppercase;
}


.notice_list{
	border:1px solid #ddd;
	border-top:none;
	background:#f9f9f9;
}
.notice_list li{
	padding:4px 7px;
	font:12px/1.5 tahoma;
	border-top:1px solid #ddd;
}
.notice_list li.ogg{
	background:#f2f2f2;
}
.notice_list li a{
	width:100%;
	display:block;
	background:url(i/ico_square.png) no-repeat 0 8px;
	color:#000;
	text-indent:.8em;
}
.notice_list li a:hover{
	color:#d00;
}

#news h2{
	width:100%;
	height:26px;
	position:relative;
	background:url(i/news_bg.jpg) no-repeat 0 0;
}
#news h2 a{
	position:absolute;
	right:6px;
	top:9px;
}
#notice h2{
	width:100%;
	height:26px;
	background:url(i/notice_title.png) no-repeat 0 0;
}
.news_list{
	padding:4px 0;
	border:1px solid #ddd;
	border-top:none;
	background:#f9f9f9;
}
.news .news_list{ margin-bottom:7px; }
.news_list li{
	font:12px/24px tahoma;
}
.news_list li a{
	width:100%;
	display:block;
	background:url(i/ico_square.png) no-repeat 7px 11px;
	color:#000;
	text-indent:15px;
}
.news_list li a:hover{
	color:#d00;
}


#exchange ul{ padding:4px; }
#exchange ul li{ font:bold 13px/22px "΢ÈíÑźÚ"; display:inline; }
#exchange ul li a{
	width:100px;
	display:inline-block;
	color:#165e98;
	padding-left:1em;
	background:url(i/ico_course.gif) no-repeat .3em center;
}
#exchange ul li a:hover{  }


#quick_banner{ padding:6px 0 5px 0 !important; padding:5px 0; text-align:center; }
#quick_banner a{ display:block; margin-top:3px; }
#quick_banner2{ padding:7px 0; text-align:center; }
#quick_banner2 a{  }

#yxbk{ margin-top:2px !important; margin-top:3px; }

#friend_link{ }
#friend_link form{ padding:8px 0; text-align:center; }
#friend_link label{ font:bold 12px tahoma; color:#424242; }
#friend_link select{ width:12em; margin-right:1em; font:12px/2 tahoma; }


/*----------------- photo -----------------*/
#pic_nav{ background:#ccc; text-align:right; }
#pic_nav a{
	margin-right:1em;
	font:12px/24px tahoma;
	color:#245daa;
}



#photos{ height:227px; margin:0 7px; position:relative; background:url(i/photos_bg.png) repeat-x 0 30px; }
#photos h2{ text-align:center; }

#photos p{ width:154px; position:absolute; right:12px; bottom:21px; z-index:10; background:#e2e5e5; }
#photos p a{ display:block; font:bold 12px/20px tahoma; color:#316ba2; }

.show_wrap{ padding:10px 15px; }
.show_wrap table{
	width:100%;
	height:160px;
	border-collapse:collapse;
	background:url(i/photo_tb.png) no-repeat right 0;
}
.photos_nav{
	width:164px;
	height:138px;
}
.photos_nav a{
	display:block;
	font:12px/33px tahoma;
	color:#e7e7e7;
	text-indent:33px;
	margin-bottom:1px;
	background:url(i/tab_item.png) no-repeat 0 center;
}

.photos_nav a.on{
	background:url(i/tab_item_on.png) no-repeat 0 center;
}
.show_wrap table td.more{ height:22px; vertical-align:bottom; padding:0 2px; }
.show_wrap table td.more a{ display:block; padding-right:5px; text-align:right; background:#e2e5e5; color:#316ba2; font:11px/20px arial }


/*----------------- right style -----------------*/
#login_area{ background:#f9f9f9; border:1px solid #ddd; text-align:center; }
#login_area h2{
	height:26px;
	background:url(i/login_title.png) no-repeat 0 0;
}
#login_area form{ padding:3px 0 2px 0; }
#login_area form p{ margin:5px 0 !important; margin:3px 0; font:12px tahoma; }
#login_area form p label{
	width:3.5em;
	display:inline-block;
}
#login_area form p input.logintxt{
	width:125px;
	padding:0 2px;
	font:12px/18px tahoma;
	height:18px;
	border:1px solid #ccc;
}

.quick_link{ margin:8px 0; text-align:center; }
.quick_link a{ float:left; }
.quick_link a img{ }

#model_banner{ margin-top:7px; }
#banner_ce, #banner_tw, #banner_sa{ width:100%; height:51px; display:block; margin-bottom:4px; }
#banner_ce{ background:url(i/banner_links.jpg) no-repeat 0 0; }
#banner_tw{ background:url(i/banner_links.jpg) no-repeat 0 -55px; }
#banner_sa{ background:url(i/banner_links.jpg) no-repeat 0 -110px; }
#banner_ce:hover{ background:url(i/banner_links.jpg) no-repeat 0 -165px; }
#banner_tw:hover{ background:url(i/banner_links.jpg) no-repeat 0 -220px; }
#banner_sa:hover{ background:url(i/banner_links.jpg) no-repeat 0 -275px; }

.course_list{ }
.course_list{ padding:2px 0; }
.course_list li{ margin:1px 0; padding:3px 1px 2px 5px; background:#fff; }
.course_list li a{
	background:url(i/ico_course.gif) no-repeat 0 center;
	color:#333;
	font:12px tahoma;
	padding-left:7px;
	vertical-align:middle;
}
.more{ text-align:right; padding:0 10px 2px 0;}


/*----------------- calendar style -----------------*/
.calendar{ margin:1em; border-collapse:collapse; empty-cells:show; background:#fff; border:2px solid #5f8db4; }
.calendar caption{ color:#133982; text-align:left; font:bold 1em/2 "΢ÈíÑźÚ"; }
.calendar th{ border:1px solid #5f8db4; text-align:center; font:12px/2 "Trebuchet MS"; white-space:nowrap; }
.calendar thead th{ background:url(i/th_bg.gif); color:#fff; }
.calendar tbody th{ background:#e2f4ff; color:#133982; }
.calendar tfoot th{ background:#e2f4ff; }

.calendar td{ padding:2px; border:1px solid #b8d6e5; font:0.8em/2 tahoma; text-align:center; }
.calendar tbody td{ width:25px; }
.calendar tbody td.text{ width:200px; padding:5px; color:#000; text-align:left; vertical-align:top; }
.calendar tbody td strong{ margin:0 0.2em; color:#d00; }
.calendar tfoot th, .calendar tfoot td{ border-top:2px solid #5f8db4; background:#ffea80; font-weight:bold; border-right:1px solid #ddb800; color:#995900;  }
.calendar tfoot td{ }

	.calendar td.vacation{ background:#eee; border:1px solid #ddd; color:#999; }
	.calendar td.holiday{ background:#4c0; border:1px solid #2d8e02; color:#fff; }
	.calendar td.dbh{ background:#f63; border:1px solid #b33d02; color:#fff; }


/*----------------- explan -----------------*/
.explan{ margin:1em 2px; padding:1em; background:#fff; border:1px dotted #b8d6e5; }
.explan h2{ color:#133982; font:1.5em/2 "΢ÈíÑźÚ"; clear:both; }
.explan ol{ margin:0 3em; font:0.8em/2 tahoma; }
.explan ol li{ width:49%; float:left; }
.explan p{ margin:0 1em; font:1em/2 tahoma; }


/*----------------- footer -----------------*/
#footer{
	margin-top:10px;
	background:url(i/footer_bg.png) repeat-x 0 0;
	text-align:center;
}
#footer div{
	width:956px;
	height:120px;
	margin:0 auto;
	background:url(i/footer.png) no-repeat center 0;
	text-align:right;
}

.tb{
	table-layout:fixed;
}
.tb td{
	word-break:break-all;
}



/*----------------- pages menu -----------------*/
#sidebar{ width:203px; padding-right:3px; }
#sidebar h2{
	height:90px;
	font:bold 18px/90px "΢ÈíÑźÚ";
	background:url(i/side_title.png) no-repeat 0 0;
	color:#fff;
	text-align:right;
	padding-right:20px;
}
    
ul#menu, ul#menu ul {
	list-style-type:none;
}

ul#menu a {
	display:block;
	text-decoration: none;	
}

ul#menu li {
	margin-top:1px;
}

ul#menu li a {
	color:#fff;
	font:bold 14px/40px "΢ÈíÑźÚ";
	text-indent:14px;
	background:url(i/side_menu_bg.png) no-repeat right 0;
	border:1px solid #3582a4;
}
ul#menu li.on a {
	background:url(i/side_menu_bg.png) no-repeat right -40px;
}
ul#menu li a:hover {
	background:url(i/side_menu_bg.png) no-repeat right -40px;
}

ul#menu li.on ul li a, ul#menu li ul li a {
	font:bold 13px/38px "΢ÈíÑźÚ";
	text-indent:18px;
	color:#000;
	background:url(i/side_subment_bg.png) no-repeat 0 0;
	border:0;
}
ul#menu li ul li.on a {
	background:url(i/side_subment_bg.png) no-repeat 0 -38px;
}
ul#menu li ul li a:hover {
	background:url(i/side_subment_bg.png) no-repeat 0 -38px;
}
#gohome{ text-align:right; padding:10px; border-bottom:1px solid #396fa3; }


/*----------------- article -----------------*/
#main_content{
	text-align:left;
	background:#ededed;
}
.banner{ text-align:center; }
.banner img{ width:744px; height:90px; }
.article_wrap{
	margin:0 30px;
}
#position{
	padding-right:1em;
	text-align:right;
	font:12px/3 Arial;
}
#position a{ color:#000; text-decoration:underline; }


.pub_date{ margin-right:45px; text-align:right; font:12px/3 "ËÎÌå"; }
.article{ padding-bottom:20px; }
.article h2{
	margin-top:0.5em;
	padding-left:1em;
	background:url(i/article_title.png) no-repeat 0 0;
	clear:both;
}
.article h2 em{
	display:block;
	padding-right:1em;
	font:bold 14px/40px Arial;
	background:url(i/article_title.png) no-repeat right 0;
}
.article h2.newstitle em{ font:14px/40px Arial; text-align:center; }
.article h3{ margin-bottom:1em; font:bold 14px/2 tahoma; color:#477199; }
.article p{ margin:1em; font:12px/2 Arial, Helvetica, sans-serif; }
.article p.addico{ padding-left:1.5em; background:url(i/ico_square2.png) no-repeat 0 8px; }
.article p.img{ margin-bottom:1em; text-align:center; }
.article p.img img{ width:50%; }

h3.addico{
	margin-top:1em;
	background:url(i/ico_square2.png) no-repeat 15px 10px;
	text-align:left;
	color:#477198;
	font:bold 14px/30px tahoam;
	border-bottom:1px solid #a6a6a6;
	border-top:1px solid #a6a6a6;
	text-indent:2.5em;
}

.tb_noborder{ margin-left:3em; }
.tb_noborder th{ width:6em; color:#477198; font:12px/2 tahoma; vertical-align:top; text-align:left; }
.tb_noborder td{ color:#000; font:12px/2 tahoma; vertical-align:top; }


.pro_list{ margin:15px; list-style:none; margin-bottom:1em; text-align:left; }
.pro_list li{ border-bottom:1px dotted #000; padding-left:1.5em; background:url(i/ico_square2.png) no-repeat 0 center; }
.pro_list li a{ color:#474747; font:13px/38px arial; }
.pro_list li a.new{ padding-right:40px; background:url(i/ico_news_new.png) no-repeat 100% center; }
.pro_list li a:hover{  }
.pro_list li em{ float:right; margin-right:1em; color:#2e679d; font:bold 13px/38px arial; }
.pro_list li em a{ color:#2e679d; font:bold 13px/38px arial; }

.plan_tb{ width:80%; border-collapse:collapse; font:12px/2 tahoma; text-align:center; }
.plan_tb th{ color:#477199; font-weight:normal; border:1px solid #a6a6a6; }
.plan_tb td{ border:1px solid #a6a6a6; }

ul.img{ margin:1em; }
ul.img li{ width:40%; margin-right:5%; float:left; }
ul.img li span{ display:block; padding:10px; background:url(i/article_imgwrap.png) no-repeat 0 0; }
ul.img li img{ width:259px; height:159px; }
ul.img li em{ display:block; font:normal 12px/2 arial; padding-left:1.5em; background:url(i/ico_square2.png) no-repeat 0 8px; }

.page_ctr{ clear:both; text-align:right; }
.page_ctr a{ margin-right:10px; color:#000; text-decoration:underline; }

.control{ padding:5px; clear:both; text-align:right; background:#dfdfdf; border:1px solid #fff; }
.control a{ margin-right:10px; color:#000; }
.input_txt{ margin:0 5px; height:15px; font:12px "Trebuchet MS"; border:1px solid #8e8e8e; }
.input_btn{ margin:0 5px; height:21px; font:bold 12px Arial; border:1px solid #8e8e8e; background:url(i/ctr_btn_bg.png) repeat-x; text-transform:uppercase; cursor:pointer; }


.curriculum_list{ margin:20px 0 30px 10px; list-style:none; }
.curriculum_list li{ width:300px; height:45px; float:left; font:14px/45px tahoma; margin:0 20px 10px 0; text-indent:20px; background:url(i/curriculum_item_bg.png) no-repeat 0 0; }
.curriculum_list li a{ width:300px; height:45px; float:left; font:14px/45px tahoma; color:#000; }

.lib_list{ width:100%; float:left; margin:2em 0; padding:50px; background:url(i/library_bg.png) no-repeat 0 0; }
.lib_list li{ float:left; margin-right:20px; }
.lib_list li a{ display:block; margin-top:8px; text-align:right; }

.art_list{ margin:30px 100px; }
.art_list li{ width:112px; height:157px; float:left; margin:0 30px 30px 0; background:url(i/art_item_bg.png) no-repeat 0 0; text-align:center; }
.art_list li a img{ width:100px; height:100px; margin-top:11px; }
.art_list li a em{ display:block; padding:5px; font:12px/1.5 tahoma; color:#000; }

.activities_list{ margin:15px; list-style:none; margin-bottom:1em; }
.activities_list li{ border-bottom:1px dotted #000; padding-left:0.5em; }
.activities_list li img{ margin:0.5em 1em; vertical-align:middle; }
.activities_list li a{ color:#474747; font:13px/38px arial; }
.activities_list li em{ margin-right:1em; color:#d00; font:bold 13px/38px arial; }
.activities_list li em a{ color:#2e679d; font:bold 13px/38px arial; }

.pro_name{ width:80%; text-align:center; }
.pro_name span{ width:20%; display:inline-block; font:14px/2 tahoma; }

/*----------------- model construction -----------------*/
#model_wrap #sidebar h2{ background:url(i/side_title_model.png) no-repeat 0 0; }
#model_wrap ul#menu li a {
	background:url(i/model_menu_bg.png) no-repeat right 0;
	border:1px solid #97574f;
}
#model_wrap ul#menu li.on a { background:url(i/model_menu_bg.png) no-repeat right -40px; }
#model_wrap ul#menu li a:hover { background:url(i/model_menu_bg.png) no-repeat right -40px; }
#model_wrap .pro_list li{ background:url(i/ico_square3.png) no-repeat 0 center; }
#model_wrap .pro_list li em{ color:#844d4b; }
#model_wrap .article h2{ background:url(i/model_article_title.png) no-repeat 0 0; }
#model_wrap .article h2 em{ background:url(i/model_article_title.png) no-repeat right 0; }

.model_list{ margin:20px 0 30px 10px; list-style:none; }
.model_list li{ width:300px; float:left; margin:0 20px 10px 0; background:url(i/model_list_bg.png) no-repeat 0 0; }
.model_list li a{ width:300px; height:65px; float:left; font:14px/65px tahoma; text-indent:20px; color:#000; }

.download{ text-align:center; margin:1em; clear:both; }
.download a{
	text-decoration:none;
	text-indent:0;
	font:12px tahoma;
	color:#fff;
	display:inline-block;
	padding: 4px 20px 3px 20px;
	background:#3060fe;
	border-left:1px solid #3cf;
	border-top:1px solid #3cf;
	border-right:1px solid #30c;
	border-bottom:1px solid #30c;
}
.download a:hover{text-decoration:none; background:#4b75fd;}

.cus_list{ margin:1em; }
.cus_list li{ width:45%; margin:0 1em 1em 0; float:left; }
.cus_list li img{ margin-right:0.5em; vertical-align:middle; }
.cus_list li a{ font:12px tahoma; color:#000; }

.cyy_list{
	width:100%;
	border-top:1px solid #ccc;
	border-collapse:collapse;
}
.cyy_list th, .cyy_list td{
	padding:5px;
	font:12px/1.5 tahoma;
	border-bottom:1px solid #ccc;
	text-align:left;
}
#content .cyy_list td{ width:50px; vertical-align:middle; }
.cyy_list td em{ width:30px; display:inline-block; padding:5px 0; font:18px "Trebuchet MS"; background:#154c7f; color:#fff; text-align:center; }
	.cyy_list h3, .cyy_list p{ padding:0; margin:0; }
	.cyy_list h3 a{ font:bold 14px "Trebuchet MS"; color:#154c7f; }
	.cyy_list h3.c_title{ margin:0.5em 0; }
	.cyy_list h3.e_title{ margin-top:0.5em; }
	.cyy_list p{ font:normal 12px "Trebuchet MS"; padding-left:2em; color:#666; }