@charset "utf-8";
body {
	background:url(../images/bg.jpg) no-repeat;
	background-attachment:fixed;
	font-size:14px;
	font-family:"宋体",Arial, sans-serif
	background-color: #C0C0C0;
	margin: 0;
	padding: 0;
	color: #333;
	

}
/* ~~ 元素/标签选择器 ~~ */
ul, ol, dl, li { /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
	padding: 0;
	margin: 0;
	list-style-type: none;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
	padding-right: 15px;
	padding-left: 15px; /* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
	
}
h3{font-weight:normal;}
p{ text-indent:2em; line-height:25px;}
a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
	border: none;
}
/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */
a:link {
	color: #333333;
	text-decoration: underline; /* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */
}
a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
	text-decoration: none;
}
/* ~~ 此固定宽度容器包含其它 div ~~ */
.container {
	width: 1000px;
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */
}

.mainr {
	float: right;
	width: 270px;
	background:	none repeat scroll 0 0 #FFFFFF;
	margin-bottom:10px;
	padding:10px;

}
.mainb {
	width: 700px;
	background: #FFF;
	margin-bottom:10px;
	overflow:hidden;
	float:left;
}

/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
/*----------------------------------------------- header Style ---------------------------------------------*/
#navcon
{
    background: url("http://www.cnmn.com.cn/Subject2012/20121026shibada/images/headbg.jpg") repeat-x scroll 0 -1px transparent;
    width: 100%;
	margin-top:10px;
}
#header
{
    background: url("http://www.cnmn.com.cn/Subject2012/20121026shibada/images/headbg.jpg") repeat-x scroll 0 -1px transparent;
    margin: 0 auto;
    padding-left: 20px;
    padding-top: 3px;

}
#header ul
{
    overflow: hidden;
    zoom: 1;
    text-align: center;
}
#header ul li
{
    float: left;
    font-family: "宋体";
    font-size: 13px;
    line-height: 22px;
    margin: 2px;
}
#header ul li.last
{
    border: none;
}
#header ul li a
{
    color: #666;
    text-decoration: none;
}
#header p
{
    line-height: 25px;
    padding-left: 4px;
}
#header p a
{
    padding: 0 0.5em;
    color: #455E78;
}
/* ~~ 这是布局信息。 ~~ 

1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样，您可以避免使用任何“方框模型数学”。请注意，如果向 div 自身添加任何侧边填充或边框，这些侧边填充或边框将与您定义的宽度相加，得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充，并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。

*/

.content {
	margin: 10px 0;
	padding: 10px;
}

.newslist {
}
/*~~图片轮换~~*/
.featured_slide {
}
.list li.left {
	margin: 10px 10px 10px 0;
}
.list li {
	width:240px;
	font-size:12px;
	float: left;
	overflow: hidden;
	margin: 10px 0 10px 10px;
}
.list li img {
	border: 3px #CCCCCC solid;
	width: 213px;
	margin: 10px;
}
.list li p {
	width: 210px;
	
	text-indent:0;
	line-height:20px;
}

.list li span{ float:right; padding:10px;}
.listsmall { width:240px;_width:250px;}
.listsmall li{	float: left;
	overflow: hidden;
	margin: 5px;}
.listsmall li img {
	border: 1px #CCCCCC solid;
	width: 107px;
}

.ttbarwh {
    border-bottom: 2px solid #D54F34;
    clear: both;
    height: 38px;
    overflow: hidden;
	background-color:#fff;
}
ul.bList {
	margin:10px;
	overflow:hidden;
}
ul.bList li {
    background: none repeat scroll 0 0 #FAAD5B;
    border: 1px solid #FF8400;
    line-height: 25px;
    margin: 5px 0;
    width: 230px;
	float:left;
}

.bList li a {
	float: left;
	width: 195px;
	overflow: hidden;
	height: 24px;
	line-height: 24px;
	margin:0 10px;
}
h2.tth2wh {
    background: url("../list/images/tth2wh.jpg") no-repeat scroll 0 0 transparent;
    color: #D54F34;
    display: inline;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    padding-bottom: 1px;
    padding-left: 30px;
	font-family: 宋体;
}

.videolist img{ padding:5px; width:224px;}
.videocontent { width:503px;}
.videocontent p{ float:left; font-size:12px;}
.videocontent h3{line-height:20px;}
.talkcc
{
    overflow: hidden; /*或者 hidden,scroll,不包括visible */
    _height: 1%; /*设置高度是为了ie6获取haslayout */
    margin: 10px 30px;
    border-bottom: #ccc solid 1px;
    padding: 10px 0;
}
.talkcc p
{
    margin: 5px 15px;
}
#Today {
    background-color: #FFEFD5;
    display: inline-block;
    padding: 10px 0;
    width: 100%;
}
#Today h2 {
    color: #990000;
    font-size: 1.6em;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}
#Today h4 {
    color: #333333;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}

/* ~~ 脚注 ~~ */
#footcont
{
    border-top: 2px solid #666;
    background: #ddd;
    width: 100%;
}
.footer
{
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0;
    clear: both;
}
.footer p
{
    text-align: center;
	font-size:12px;
}


/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;

}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.bgfff {
	background-color: #FFF;
}

.imglist
{
    float: left;
    border-top: 1px solid #fef;
    padding: 10px 0;
}
.imglist ul
{
    zoom: 1;
}
.imglist li
{
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #ccc;
    float: left;
    margin: 5px;
    padding: 5px;
    text-align: center;
}
.imglist li a
{
    display: block;
    border: 1px solid #fff;
    padding: 1px;
}
.imglist li img
{
    width: 144px;
}
.imglist2
{
    bottom: 150px;
}
span.title
{
    width:134px;
    overflow:hidden;
    float: left;
    text-align: left;
    padding-left: 10px;
    display: block;
}
/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	position:relative;
	padding:10px;
	width:980px;
	text-align:left;
	background-color:#FFF;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 15px 0;
	padding:0;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	line-height:normal;
	}

.row1{color:#999999; background-color:#06213F;}
.row1 a{color:#FCFCFC; background-color:#06213F;}
.row2, .row3, .row4{color:#979797; background-color:#F9F9F9;}



/*
Template Name: Academic Education
File: Featured Slider CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

#featured_slide{
	display:block;
	position:relative;
	width:950px;
	height:300px;
	margin:0;
	padding:5px;
	overflow:hidden;
	color:#666666;
	background-color:#FFFFFF;
	}

#featured_slide a{
	background:transparent;
	}

#featured_slide a, #featured_slide ul, #featured_slide img{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	list-style:none;
	text-decoration:none;
	}

/* ----------------------------------------------Generalise-------------------------------------*/

#featured_content, .featured_box, .featured_box img{
	display:block;
	width:950px;
	height:250px;
	overflow:hidden;
	}

.featured_box, .featured_box img{
	position:relative;
	}

/* ----------------------------------------------Content-------------------------------------*/

.featured_box .floater{
	display:block;
	position:absolute;
	top:25px;
	right:25px;
	width:290px;
	height:140px;
	margin:0;
	padding:30px;
	background-image:url("../images/featured_slide_trans.png");
	overflow:hidden;
	}

.featured_box p{
	margin:0;
	padding:0;
	line-height:1.6em;
	}

.featured_box p.readmore{text-align:right; margin:0;}

/* ----------------------------------------------Tabbed Navigation-------------------------------------*/

#featured_slide .ui-tabs-hide{
	display:none;
	}

#featured_slide ul#featured_tabs{
	display:block;
	position:absolute;
	bottom:5px;
	left:5px;
	width:949px;
	height:50px;
	overflow:hidden;
	font-size:12px;
	}

#featured_slide ul#featured_tabs li{
	/* This block makes it IE6 compatible*/
	display:block;
	float:left;
	}

#featured_slide ul#featured_tabs li a{
	display:block;
	float:left;
	width:169px;
	height:40px;
	padding:10px 10px 0 10px;
	color:#666666;
	background-color:#DEDACB;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	border-right:1px solid #666666;
	}

#featured_slide ul#featured_tabs li.last a{
	border-right:none;
	}

#featured_slide ul#featured_tabs li a:hover, #featured_slide ul#featured_tabs li.ui-state-active a{
	color:#FFFFFF;
	background-color:#333333;
	}

/* ----------------------------------------------Rounded Corners-------------------------------------*/

#featured_slide .overlay_left, #featured_slide .overlay_right{
	display:block;
	position:absolute;
	z-index:1000;
	top:0;
	left:0;
	width:15px;
	height:310px;
/*	background-image:url("../images/featured_slide_left.png");*/
	}

#featured_slide .overlay_right{
	left:945px;
	/*background-image:url("../images/featured_slide_right.png");*/
	}