@charset "utf-8";

.clear{	clear:both;font-size:0px;line-height:0px;}
/*color:#434657;*/
.content{ position:relative;float:left;}
.content a { color:#434657;}
.content a:hover { color:#976C1F;}
div.main-content{width: 100%;}
td.maintd { background:none; border-right:1px solid #cccccc; padding-bottom:10px;}
.main-content{position:relative;	/*border-left:1px solid #D0D0D0;*/}
.main-content h3{ font-size:18px}
.main-content p{ margin: 5px 0px 5px 267px;font-size:16px; color:#434657;}
.main-content span{color:#434657;	}
img.news-img, img.art-img, img.vid-img, img.vp-img, img.oth-img, img.up-img {margin-right:10px;border:0px;}
.firstn span {font-size:12px;font-weight:100; margin: 5px 10px 0 0;color:#999;}
.firstn span.fa { margin-right:5px}
.upf {margin-right:10px; text-transform: none; font-size:14px} 
.blcdwn {float:left; margin:0 10px 10px;}
.blcdwn a {color:#434657}
.blcdwn p { font-size:16px;}
.blcdwn h3 { font-size:18px;}
.blcdwn p a {color:#434657;}
.blcdwn a:hover {color:#976C1F;}
.fst_h2 {color:#fff; font-size:20px; margin: 20px 0px 15px 0; text-align:center;}
.fst_h2 a { color:#fff;}
.fst_h2 a:hover { color:#976C1F;}
.fh_in {background-color: #A12828}
.fh_na {background-color: #006699}
.fh_bl {background-color: #48741C}
.fh_aa {background-color: #003366}
.fh_vi {background-color: #105560}
.fh_vp {background-color: #6B056B}
.fh_up {background-color: #3e4d2b}
.fh_li {background-color: #5F4004}
.fh_di {background-color: #333366}
.fh_lib {background-color: #660033}

.main-news, .main-art, .main-vid, .main-vp, .main-up {	/*position:relative;*/	border-top: 1px solid #993300;	/*	border-top:2px solid #f90f48;	border-right:1px solid #cccccc;	border-bottom:1px solid #e0e5eb;	*/}
.main-news .news-about, .main-art .art-about, .main-vid .vid-about, .main-vp .vp-about, .main-up .up-about{	position:relative; /*height:170px;		border-right:1px solid #cccccc;*/	padding: 5px 8px 5px 8px;}
.main-news .news-about p a, .main-art .art-about p a, .main-vid .vid-about p a, .main-vp .vp-about p a, .main-up .up-about p a{	color:#434657;	}
.main-news .news-about p a:hover, .main-art .art-about p a:hover, .main-vid .vid-about p a:hover, .main-vp .vp-about p a:hover, .main-up .up-about p a:hover{	color:#976C1F;	}
.main-news .midle-line, .main-art .midle-line, .main-vid .midle-line, .main-vp .midle-line, .main-up .midle-line{	position:relative;	height:1px;	font-size:0px;	background-color:#993300;}
.main-news .other-main-news, .main-art .other-main-art, .main-vid .other-main-vid, .main-vp .other-main-vp, .main-up .other-main-up
{position:relative;	z-index:50;	border:1px solid #c6c7cc; border-left:1px solid #cccccc; background-color:#f5f5f5; padding-bottom:10px;	padding-left:1px; border-right:1px solid #cccccc;}
.main-news .other-main-news .top-line, .main-art .other-main-art .top-line, .main-vid .other-main-vid .top-line, .main-vp .other-main-vp .top-line, .main-up .other-main-up .top-line
{ position:relative; height:3px; font-size:0px; background-color:#e7e7e7;	margin-left:-1px;}
.main-news .other-main-news .news-block, .main-art .other-main-art .art-block, .main-vid .other-main-vid .vid-block, .main-vp .other-main-vp .vp-block, .main-up .other-main-up .up-block
{position:relative;display:block;z-index:100;width:32%; /*height: 104px;*/	margin-left:2px; margin-right:1px; float:left; padding-top:16px; margin-top:-10px; text-align:center; cursor:pointer;}
.main-news .other-main-news .news-block.pointer, .main-art .other-main-art .art-block.pointer, .main-vid .other-main-vid .vid-block.pointer, .main-vp .other-main-vp .vp-block.pointer, .main-up .other-main-up .up-block.pointer
{ background:url(/oe/img/news-pointer_b.gif) no-repeat top center;}
.main-news .other-main-news .news-block img, .main-art .other-main-art .art-block img, .main-vid .other-main-vid .vid-block img, .main-vp .other-main-vp .vp-block img, .main-up .other-main-up .up-block img
{padding:2px;margin-bottom:3px;/*width:101px;*/	border:1px solid #c1c2c8;}
.main-news .other-main-news .news-block.pointer img, .main-art .other-main-art .art-block.pointer img, .main-vid .other-main-vid .vid-block.pointer img, .main-vp .other-main-vp .vp-block.pointer img,
.main-up .other-main-up .up-block.pointer img {border:1px solid #976C1F;}
.main-news .other-main-news .news-block.pointer span, .main-art .other-main-art .art-block.pointer span, .main-vid .other-main-vid .vid-block.pointer span, .main-vp .other-main-vp .vp-block.pointer span,
.main-up .other-main-up .up-block.pointer span {color:#976C1F;}


.vertabs {
min-width: 530px;
width: 100%;
background:#fff;
}
.vertabs p{
font-size:16px; 
}
.vertabs h3{
font-size:18px; 
}
.vertabs__caption {
	list-style: none;
	background: #FFF;
	width: 227px;
	float: left;
	display: inline;
}
.vertabs__caption li {
	float: left;
	display: inline;
	color: #434657;
	cursor: pointer;
	background: #F5F5F5;
	position: relative;
	padding: 6px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4 ;
	width: 214px;
}
.vertabs__caption li:hover {
	color: #976C1F;
	background: #FFF;
}
.vertabs__caption .active {
	width: 215px;
	color: #976C1F;
	background: #fff;
	border: 1px solid #D4D4D4;
	border-right: 1px solid #fff;
	margin-right: -1px;
}
.vertabs__content {
height:100%;
min-height:560px;
margin-left: 227px;
	display: none;
	border: 1px solid #C6C7CC ;
	background: #fff;
}
.vertabs__content div {
	padding:8px 12px;
}
.vertabs__content.active {
	display: block;
}
.vertabs_img_small {
height:40px;
margin: 0px 5px 0px 0px;
float:left}
.vertabs_img {
height:200px;
margin: 0px 0px 10px 10px;
float:right;
padding-left: 170px;

}
@media(min-width: 800px) { .news-about, .art-about, .vid-about, .vp-about { min-height:260px;} }
@media(min-width: 1024px) { .vertabs__content { min-height:560px; } .news-about, .art-about, .vid-about, .vp-about { min-height:240px;} }
@media(min-width: 1152px) { .vertabs__content { min-height:480px; }  .news-about, .art-about, .vid-about, .vp-about { min-height:230px;} }
@media(min-width: 1230px) { .vertabs_img {padding-left:0;} .vertabs__content { min-height:390px; } }
@media(min-width: 1280px) {  .vertabs__content { min-height:370px; } .news-about, .art-about, .vid-about, .vp-about { min-height:190px;}}
@media(min-width: 1360px) { .vertabs__content { min-height:340px; } }
