/* CSS Document */
*{
 margin:0;
 padding:0;
}

 html{ margin:0; padding:0; height:100%;}
 body{ 
 margin:0; 
 padding:0;
 text-align:center;
  color:#000;
   height:100%;
   
       scrollBar-face-color:#f5f5f5;        /* 滑块 */
     scrollBar-hightLight-color:#fff;    /* 高亮 */
     scrollBar-3dLight-color:#aaa;    /* 3维光线 */
     scrollBar-darkshadow-color:#aaa;    /* 暗影    */
     scrollBar-shadow-color:#eee;      /* 阴影   */
     scrollBar-arrow-color:#aaa;       /* 箭头 */
     scrollBar-track-color:#eee;         /* 滑道颜色 */
     scrollBar-base-color:#f5f5f5;          /* 主要颜色 */
  
  
  background:#fff;
 font-size:12px;
 font-family:Verdana,Arial,"新明细体","新明細體",Helvetica,sans-serif;
  }

 /* body > #box {height: auto; min-height: 100%;}*/
  
/*links*/
a{cursor:pointer; color:#06c;}
.link{cursor: pointer;}

:focus { outline: none; } 
#wait{position:absolute;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5; top:50%;left:50%;z-index:100;vertical-align:middle; }
#wait img{display:inline;}

/*list*/

li{line-height:200%;text-align:left; list-style:none;}

p{ line-height:200%;}

.data{ 
position:absolute;
top:0;
right:5px;
text-align:right;
}

.bold{ font-weight:bold;}
/*h2*/

h2{
text-align:left;
height:25px;
line-height:25px;
font-size:12px;  
position:relative;
z-index:0;
overflow:hidden;
   }
   

/*其他*/
img{border:none; vertical-align:middle; display:block;}

table{text-align:left; font-size:12px; font-family:Arial,"新明細體",Helvetica,sans-serif; border-collapse: collapse; empty-cells:show;}
td,th{ padding:0 5px; line-height:22px;}

.warn{ color:#f00;}
.center{ text-align:center; }
.text{ line-height:1.8em; color:#707070; padding:10px;}
h2,h3,h4{ font-size:12px; line-height:300%; color:#555;}

pre{
width:96%;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word; 
}

*html pre{
word-wrap: break-word;   /* Internet Explorer 5.5+ */
 white-space : normal ;       /* Internet Explorer 5.5+ */
}

/*main*/

#box{width:993px; text-align:left; margin:0 auto; background:#fff; position:relative;overflow:hidden;}
#left{ position:absolute; left:0; top:0;width:156px; background:url(../img/left.jpg) left top no-repeat #000; height:707px;}

#menu{ margin-top:110px; margin-right:16px;}
#menu li{ line-height:30px; *line-height:28px; text-align:right; overflow:hidden;zoom:1;}
#menu li a{ display:block;color:#fff;}
#right{ margin-left:156px;width:auto; border-right:1px solid #eee; height:680px;}

#top{ font-size:10px; color:#999; text-align:right; border-bottom:1px solid #aaa; margin-top:5px;}
#top a{color:#999; text-decoration:none;}
#banner,.vision{margin-left:16px;}

#right-cont{padding:0 20px;zoom:1;}
#menu2,#area{background:url(../img/line.gif) left bottom no-repeat; height:25px; line-height:25px; margin-bottom:10px;}
#menu2 a{text-decoration:none; margin:0 10px; position:relative; float:left;display:inline-block;_display:inline; vertical-align:middle; _vertical-align:bottom;}
.menu2 a{ margin:0 20px!important;}
#menu2 a .Selected{height:20px;line-height:20px;overflow:hidden; background:#fff; z-index:5; padding-left:18px; background-image:url(../img/icon2.jpg); background-repeat:no-repeat; background-position:0 4px; vertical-align:middle; display:none;}
#menu2 a .original{height:20px; line-height:20px; overflow:hidden; background:#fff;vertical-align:bottom;  padding-left:18px;background-image:url(../img/icon1.jpg); background-repeat:no-repeat; background-position:0 4px;}


#menu3{text-align:left;background:url(../img/line.gif) left top no-repeat; height:25px; line-height:25px;text-align:right;}
#menu3,#menu3 a{ color:#7f7f7f;}

.title{ margin-bottom:5px; clear:both;}
#cont{overflow:auto; overflow-x:hidden;overflow-y:scroll;height:455px;*height:450px;}

/*news*/
.news_title{line-height:25px; font-size:15px; font-weight:bold; font-family:"微軟雅黑",Helvetica,sans-serif}
.list{ height:425px;*height:415px;}
.list li{ border-bottom:1px dotted #dcdbdf; background:url(../img/li_icon.gif) 2px 10px no-repeat; padding-left:15px;text-indent:0;text-overflow:ellipsis;       
whitewhite-space:nowrap;overflow:hidden;}
.list a{color:#7f7f7f; text-decoration:none;}
.list a:hover{ color:#333;}

/*list_index 2010-8-27*/
.list_index li{ float:left; width:45%; margin-left:1%; height:25px; line-height:25px;}


/*news_detail*/
#news_detail{ height:405px;*height:395px; overflow:auto; overflow-x:hidden;overflow-y:scroll; line-height:18px;}
#news_detail p{margin:15px 0;}
/*about*/
#cont2,#cont3,#cont4,#cont5{ display:none;}
/*
.normallist{ color:#2c898c}
.normallist dt{ margin-top:5px; font-weight:bold;}
*/
/*team*/
#team{ height:390px;*height:380px;_height:390px;display:block; overflow:hidden;}
#team li{ float:left;width:50px; height:75px; border:1px solid #000e15; text-align:center; overflow:hidden; background:#000e15;}
#team li a{ display:block;}
#team li a img{ width:auto;max-width:100px;filter:alpha(opacity=100);-moz-opacity:1;}
#team li a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;}

#area span{background:url(../img/icon1.jpg) left center no-repeat; padding-left:18px;}

#art_detail{background:#ffeeff; height:425px;*height:415px; overflow:auto; overflow-x:hidden; *overflow-y:scroll;}
#art_detail dt,#art_detail dd{ float:left; margin-top:10px;padding:10px; zoom:1;}
#art_detail dt,#art_detail dt img{width:100px;}
#art_detail dd{ width:530px;line-height:20px;}
#art_detail strong{ line-height:25px; color: #580092;}
#art_detail dt img{border:3px solid #eee;}


#team_detail{height:390px;background:#eee;  overflow-x:hidden;}
#team_detail dt,#team_detail dd{ float:left;  margin-top:10px;padding:10px; zoom:1; }
#team_detail dt{text-align:center; width:108px}
#team_detail dt span{ display:block; line-height:30px;}
#team_detail dt img{ border:3px solid #ccc; width:100px;}
#team_detail dd{ width:530px;line-height:20px; height:360px;*height:380px;  word-break:break-all; overflow:hidden; position:relative;}

#intr{ padding:10px}
#intr pre{ max-height:100px; overflow:hidden;_ height: expression( this.scrollHeight > 100 ? "100px" : "auto" ); line-height:20px;}

#team_detail h3{ line-height:20px; color: #000;}

#frameContent{ position:absolute; left:10px; top:0;width:530px;}

#team_more{ height:413px;*height:405px; overflow:auto; overflow-x:hidden; *overflow-y:scroll; background:#eee;}
#team_more h2{ display:block; background:#ddd; padding-left:10px; height:20px; line-height:20px; color:#000;}
#team_more .text{ color:#000;}
#pic_list{ display:block;}
#pic_list li{ float:left; width:90px; height:110px; overflow:hidden; margin:3px;}
#pic_list li a{ display:block; overflow:hidden;}
#pic_list li a img{width:90px; height:110px;filter:alpha(opacity=100);-moz-opacity:1;}
#pic_list li a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;}
#hit{position:relative; border:1px solid #ddd;}
#hitshow,#hitbg{ position:absolute; top:1px; left:20px;}
#hitshow{ width:20px; overflow:hidden;}
/*copyright*/
.table{ width:98%;}
.table td,.table th{ border:1px solid #c7dcea;}
.table th{ background:#f0f7fc; color:#333;}
#copyright{height:450px; overflow:hidden;}
#cont7,#cont8,#cont9,#cont10{ display:none;}
#cont6,#cont7,#cont8,#cont9,#cont10{ position:relative;height:430px; *height:430px;}
#copyright #next{ position:absolute; left:0; bottom:0;}

/*campus_talk_div             ---add by xu */
#campus_talk_div{height:485px; overflow:hidden;}
#talk_cont6{ position:relative;height:465px; *height:465px;}
#campus_talk_div #next{ position:absolute; left:0; bottom:0;}
   #campus_talk_div table{ table-layout:fixed; }
   #campus_talk_div table td{white-space:nowrap;overflow:hidden;}

/*family*/
#family{height:410px;*height:402px;_height:410px; overflow-y:scroll;color:#fff;}
#family li{margin-top:5px;padding:10px; zoom:1; height:auto; min-height:100px; background:#1d568b; }
#family li img{ float:left; width:120px; margin-right:20px; border:5px solid #ccc;}
#family li h3{ color:#fff; border-bottom:1px solid #fff; margin-left:150px;}
#family li a{ color:#fff;}

/*links*/
#links,#recruit{height:410px;*height:405px; overflow-y:scroll; line-height:20px;}
#recruit h3,.recruit_div{ color:#36c;}
#links li{ text-align:center; float:left; margin:4px;_margin:3px; width:122px; overflow:hidden;}
#links li img{ width:120px;}
#links li a.links-img{ display:block; padding:1px; border:3px solid #ccc;width:120px; height:60px; overflow:hidden;}
#links li p{text-align:left; height:20px; line-height:20px;overflow:hidden;}

#links dt,#links dd{ color:#333; line-height:25px;}
#links dt{ font-weight:bold; line-height:30px;}
#links dd label{ width:70px; display:inline-block;}
#links dd textarea{ vertical-align:top; width:300px; height:80px;}

#next{ color:#7f7f7f; padding-left:10px; clear:both;}
#next input{ border:1px solid #666; background:#fff; height:14px;}


/*case cooper*/
#cooper{ height:428px;*height:423px;_height:428px; overflow-x:hidden;position:relative;}
#case{height:402px;*height:395px; padding-top:0;}
.case_bg{
position:relative;
height:395px;
background:url(../img/gallery_images2.jpg) top left repeat-y;
}

.cooper_bg{
position:relative;
height:160px;
  background:url(../img/gallery_images.jpg) top left repeat-y;
}
.cooper_bg h3{font-weight:lighter; height:20px; line-height:20px; padding-left:65px; background:url(../img/icon1.jpg) 50px center no-repeat;}



/*foot*/
#foot{ background:#404040; color:#fff; position:relative; height:35px; line-height:35px; padding:0 20px; font-family:Arial,"新明細體", Helvetica, sans-serif}
#foot .data{right:20px;font-size:10px;}

/*add right select*/
#content{ float:left; width:100%;width:895px;}

/* */
#right_ad{position:absolute; right:0;_right:-1px; top:10px;width:98px; background:url(../img/quick.jpg) top left no-repeat;}
#right_ad ul{ margin:20px 10px 5px 10px;}
/* height:80px; width:70px */
#right_ad li{ background:#eee; display:block;height:80px; width:70px; margin-top:25px;zoom:1; text-align:center; vertical-align:middle; overflow:hidden;}
#right_ad li img{height:80px; width:70px;}

/*right_ad2 2010-8-27*/
#right_ad2{
	width:84px; height:58px;
margin:30px 10px 5px 10px;
background:url(../img/ad2.gif) top left no-repeat;
position:relative;
}
#right_ad2 .ad_links{
	position:absolute;top:38px; left:5px;		
}
#right_ad2 .ad_links a{
    display:inline-block;
	width:18px;height:18px;margin-right:2px;
	}
	
	.recommend{
	position:relative;top:-30px;left:360px;
	background:url(../img/recom_l.gif) top left no-repeat;
	height:25px;
	
	}
.recommend .recom_r{
position:absolute; top:0;right:0;
background:url(../img/recom_r.gif) top right no-repeat;
height:25px; width:6px; display:inline-block;
}
.recom{
	position:absolute; top:5px;left:45px;
	
}
.recom a{
display:inline;
float:left;margin-right:5px;
}

/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, .datepicker_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}
.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}
.datepicker_rtl {
	direction: rtl;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .datepicker_prompt {
	width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.datepicker_control {
	background: #400;
	padding: 2px 0px;
}
.datepicker_links {
	background: #000;
	padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
	float: right;
	text-align: right;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
	float: left;
	text-align: left;
}
.datepicker_header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.datepicker a {
	display: block;
	width: 100%;
}
.datepicker_titleRow {
	background: #777;
}
.datepicker_daysRow {
	background: #eee;
	color: #666;
}
.datepicker_weekCol {
	background: #777;
	color: #fff;
}
.datepicker_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
.datepicker_daysCell a{
	display: block;
}
.datepicker_weekEndCell {
	background: #ddd;
}
.datepicker_titleRow .datepicker_weekEndCell {
	background: #777;
}
.datepicker_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.datepicker_unselectable {
	color: #888;
}
.datepicker_today {
	background: #fcc !important;
}
.datepicker_currentDay {
	background: #999 !important;
}
.datepicker_status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.datepicker_titleRow a {
	color: #eee !important;
}
.datepicker_control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
	border: 1px solid #777;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}