body {
	background:url(../image/10page_header_bg.jpg)  center top repeat-x;
	margin: 0;
	padding:0;
	font-size:12px;
	color:#616161;

	 

}
a{color:#616161; text-decoration:none; font-size:12px}
a:hover{
	color:#5e6db3;
	position:relative;
	top:1px;
	left:1px;
	
}
#container{
	margin:0 auto;
	width:990px;
}
#mainbody_home{
	
}
.STYLE1 {color: #FFFFFF}

/*header
=======================================================================================================*/
.header{   width:990px; height:286px; background-image:url(../image/10page_header_pic.jpg)}
.header_f{ padding:3px 0 0 200px; width:560px; float:left}
.header a{ color:#FFFFFF; font-weight:bold}
.header a:hover{ 
	color: #FFCC66;
	position:relative;
	top:1px;
	left:1px;
}



/*left
=======================================================================================================*/
.left{width:172px; float:left}
.left dl dt{
	text-align:left;
	background:url(../image/menu_bg01.gif) no-repeat ;
	height:23px;
	margin:0 0px 0 30px;
	padding:7px 0 0 8px;
}
.shu{color:#cbcbcb; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-right:10px}

/*right
=======================================================================================================*/
.right{float:left; margin-left:20px;width:780px;background:url(../image/10page_title_1.gif) no-repeat;  }



/*search
=======================================================================================================*/
.search{background:url(../image/10page_bg_2.jpg) no-repeat 100%; width:183px; height:35px;}

/*news setting
=======================================================================================================*/
.news{ color:#666;}
.news a{
	color:#616161;
	text-decoration:none;
	/*background:url(../image/icon_point.gif) 5px 5px no-repeat;*/
	padding-left:10px;
}
.news a:hover{
	color:#5e6db3;
	position:relative;
	top:1px;
	left:1px;
}
.news .data{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background:url(../image/2page_header_bg.jpg) right;
}
.news_list{
	background:url(../image/newslist_bg.jpg) left;
}
.news .title{
	border-bottom:1px dashed #e4e4e4;
	height:26px;
	line-height:26px;
}
.btn_more{margin:10px 0 0 0;}

/*頁數樣式
=============================================================================================*/
.PagerWrap{
	clear:both;
	padding:0 10px 20px 20px ;
	font-size:12px;
	color:#5f5f5f;
	
}
.PagerWrap a{
	font-size:11px;
	color:#5f5f5f;
	font-family:Verdana;
	padding:3px;
	text-decoration:none;
}
.PagerWrap a:hover{
	color:#a7e049;
	font-size:11px;
}
.PagerWrap span{
	border-right: 1px dotted #000; 
	padding-right:5px;
	margin-right:5px;
}



/*分校介紹 setting
=======================================================================================================*/
.school_pic{ background:url(../image/school_pic_bg.jpg) top center no-repeat; text-align:center;font-size:12px;color:#666;}
.school_pic img{width:96px;height:58px;margin:4px 4px 5px 6px;}

/*footer setting
=======================================================================================================*/
#footer{clear:both;background:url(../image/footer_bg.jpg) ;height:60px;}
#footer p{font-size:12px;color:#666666;padding:14px 0 0 30px;margin:0 0 0 130px;}#mainbody {
	height: 100%;
}
#zuo {
	background-color: #5F6DB4;
	height: 500px;
	width: 220px;
}
#apDiv1 {
	clip: rect(auto,auto,auto,auto);
	left: 550px;
}
/*=鏈€鏂扮敘鍝?
=============================================================================================*/


.goods{ margin:0 0 0 20px;; text-align:left; float:left; width:125px}
.goods2{ margin:8px; text-align:left; float:left;}
.goodsph img{ width:125px; height:125px; border:1px solid #CCCCCC;}
.goodspr{ width:125px; margin-top:10px; line-height:14px;  color:#333333; text-align:center;}
.fontred{color:#FF0000; font-weight:bold;font-size:15px;line-height:150%;}
#newpro_root{background-color:#ffffff;}


/*add by spark 2013.06.03
=======================================================================================================*/
.clear {clear: both !important; float: none !important;font-size: 0 !important;height: 0 !important;line-height: 0 !important; overflow: hidden !important;}
.header{ position:relative;}

/*主導航*/
.menu{ position:absolute;width:730px; right:14px; top:0; height:24px;}
.menu ul{ padding:4px 10px; margin:0; height:16px; list-style:none;}
.menu li{ float:left; line-height:16px; border-right:1px solid #fff;}
.menu li a{ color:#fff; padding:0 12px; font-size:12px; line-height:16px; font-weight:normal;}
.menu li a:hover{ color:#fc6;}
.menu li.last{ border:0;}
.menu li.last a{ padding-right:0;}

.googlemap{ width:170px; border:1px solid #d5bcfe; margin:10px 0;}
.googlemap h3{ line-height:30px; margin:0; background:#6400FF url(../image/icon_mop.png) 10px center no-repeat; color:#fff; padding-left:35px; font-size:14px; }
.googlemap iframe{ margin:0; padding:0; overflow:hidden;}
.maplink{line-height:24px; font-size:13px; color:#6400ff; background-color:#d5bcfe; display:block; text-align:center; font-weight:bold;}
.maplink:hover{ position: inherit;background-color:#fff; color:#6400ff; text-decoration:none;}

.storedetail{ padding-top:10px; padding-right:270px; position:relative;height:auto!important;height:180px;min-height:180px; margin-bottom:20px;}
.storedetail .photo{ position:absolute; width:240px; height:180px; top:10px; right:0;}
.storedetail .photo img{max-width:240px; max-height:180px; width: expression(this.width >240 && this.height < this.width ? 240: true); height: expression(this.height > 180 ? 180: true);}
h4.storename{ margin:0; line-height:20px; font-size:16px; padding:0 0 10px 0; color:#616161;}

.storegroup{ padding:20px; margin-bottom:20px; border-style:dashed; border-width:1px; border-radius:10px; }
.storegroup h4.storename{ padding:0 0 0 15px; margin-bottom:10px; border-left-width:3px; border-left-style:solid;}
.storeinfo .storegroup table{ margin-bottom:0;}
.storeinfo .storegroup th, .storeinfo .storegroup td{border-color:#616161;}

.yellowtype{ background-color:#fef7db; border-color:#ffc600;}
.yellowtype h4.storename{ border-left-color:#c0a705; color:#c0a705;}

.bluetype{ background-color:#c6f5fd; border-color:#30b9d3;}
.bluetype h4.storename{ border-left-color:#30b9d3; color:#16a8cd;}

.redtype{ background-color:#fbd2d2; border-color:#e64847;}
.redtype h4.storename{ border-left-color:#e64847; color:#c20000;}

.greentype{ background-color:#d5fceb; border-color:#37d98e;}
.greentype h4.storename{ border-left-color:#37d98e; color:#11a35f;}

.orangetype{ background-color:#fee1cc; border-color:#ff6b01;}
.orangetype h4.storename{ border-left-color:#ff6b01; color:#be5102;}

.storedetail .storeinfo{ margin-bottom:0;}
.storeinfo{ margin-bottom:20px;}
.storeinfo table{ width:100%; margin-bottom:20px;}
.storeinfo th, .storeinfo td{border-bottom: 1px dashed #ccc; padding:10px 5px; line-height:20px; font-size:12px; vertical-align:top;}
.storeinfo th{ color:#333; font-size:16px; text-align:left; width:120px;}
.storeinfo strong.title{color:#333; font-size:16px; display:block; padding-bottom:10px;}

.tabs { clear:both; width:100%; height:44px;background:url(../image/tabs_bg.jpg) 0 0 no-repeat; margin-bottom:20px;}
.tabs ul { margin:0 0 0 15px; list-style:none; height:34px; overflow:hidden; padding:10px 10px 0 0; background:url(../image/tabs_bg.jpg) 100% 0 no-repeat;}
.tabs li{ float:left; height:34x; margin-right:10px;}
.tabs li a {  display:inline-block; margin:0; padding-left:20px; background:url(../image/tabs_li_bg.jpg) 0 -68px no-repeat; line-height:34px; text-decoration: none; font-weight:bold;}
.tabs li a span{color:#6400ff; display:inline-block; padding-right:20px; background:url(../image/tabs_li_bg.jpg) 100% -68px no-repeat; cursor: pointer;}
.tabs li.current a, .tabs li.current a:hover, .tabs li a:hover{ background-position:0 0;}
.tabs li.current a span, .tabs li.current a:hover span, .tabs li a:hover span{ color:#6400ff; background-position:100% 0;}

.content_box{ clear:both;}
.content_box .htmledit, .content_box .alumni_list, .content_box .storeinfo, .content_box .newslist { display:none;}
.content_box .storeinfo .htmledit{ display: block;}


/* ---------- alumni style ----------  */
.alumni_list{ clear:both; width:780px; padding-top:10px;}
.alumni_list ul{margin:0;  list-style:none; padding:0;}
.alumni_list li{ float:left; width:224px; padding:6px 0 15px 0; margin:0 18px; background:url(../image/album_bg.gif) 0 0 no-repeat;}
.alumni_list li .photo{clear:both;width:200px;height:150px;padding:0;margin:0 6px 0 18px;table-layout:fixed; overflow:hidden; position:relative;border-radius:3px;}
.alumni_list .over .photo{ border-color:#fff;}
.alumni_list li .photo .mask{ position:absolute; left:0px; width:190px; height:20px; bottom:-20px; padding:0 5px; background:url(../image/alumni_mask_bg.png); z-index:2;}
.alumni_list li .photo .mask span{ line-height:20px; color:#fff; font-weight:bold;}
.alumni_list li .photo .mask .date{ float:left;font-family: Tahoma,Geneva,sans-serif; font-size:11px;}
.alumni_list li .photo .mask .number{ float:right;}
.alumni_list li .photo table{padding:0;margin:0;text-align:center; table-layout:fixed;vertical-align:middle;width:200px;height:150px;position:relative; z-index:1;}
.alumni_list li .photo table td{padding:0;margin:0;vertical-align:middle;width:200px; height:150px;text-align:center;}
.alumni_list li .photo table td img { max-width:200px; max-height:150px; width: expression(this.width >200 && this.height < this.width ? 200: true); height: expression(this.height > 150 ? 150: true);}
.alumni_list li .alumniname{ font-weight:bold; text-align:center; display:block; line-height:20px; padding-top:15px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.newslist{ width:100%; overflow:hidden;}
.newslist ul{margin:0;  list-style:none; padding:0;}
.newslist li{padding:10px; cursor:pointer; overflow:hidden; border-bottom:1px dashed #ccc;}
.newslist li a{ color:#666; line-height:24px; display:block;font-weight:bold; font-size:13px;}
.newslist li a:hover{color:#6400FF; text-decoration:underline;}
.newslist li a .date{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; padding-right:10px; color:#6400FF;}
.newslist li a.current{ color:#333;}
.newslist li .info{ clear:both; margin:10px 0; line-height:20px; background:#f6f6f6; padding:10px; display:none;}
.newslist li.last{ border:0;}
.newslist li.last .info{ margin-bottom:0px;}