body {
	/*background-image: linear-gradient(to bottom right, RGB(35, 80, 183), RGB(1, 8, 128));*/
	background-image: linear-gradient(to bottom right, RGB(1, 8, 128), RGB(1, 8, 128));
}

label > input {
	vertical-align: text-top;
}

.a572x281 {
	background-size: 572px 281px; width:572px; height:281px;
}

.a281x281 {
	background-size: 281px 281px; width:281px; height:281px
}

.a440x215 {
	background-size: 440px 215px; width:440px; height:215px;
}

.a215x215 {
	background-size: 215px 215px; width:215px; height:215px;
}

#starry {
	z-index: 1; position: fixed; top: 0; left: 0;
}

.big-banner,
.table-banner,
.navbox,
.home-body,
.table-body,
.show-body,
.footer > div { width: 1280px; z-index: 3; position: relative; }

.big-banner,
.table-banner,
.home-body,
.table-body,
.show-body,
.footer > div { margin:0 auto; }

.topics,
.navbox { position: absolute; }

.topics {
	display: none;
}

.navbox {
	z-index: 9;
	height: 100px;
	top: 0; left: 50%; margin-left: -640px;
}

.right-btn,
.retrieve-fixed,
.post-fixed,
.login-fixed,
.register-fixed {
	z-index: 150;
}

.big-banner {
	position: relative;
	overflow: hidden;
}

.big-banner,
.big-banner .bd li {
	height: 750px;
}

.table-banner,
.table-banner li {
	height: 280px;
}

.big-banner .bd li,
.table-banner div {
	display: block; background-size: cover!important; 
	behavior: url(res/css/backgroundsize.min.htc);
}

.table-banner div {
	width: 100%; height: 100%;
}

.big-banner .hd {
	position: absolute; width: 100%; height: 15px; overflow: hidden;
	bottom: 35px; z-index: 3; left: 0; font-size: 0; text-align: center; 
}

.big-banner .hd li{ display: inline-block; margin: 0 16px; width:70px; height:15px; background:transparent; border-radius: 6px; border: 1px solid #fff; }
.big-banner .hd li.on{ background:#fff; }

/*.navbox,*/
.topics li,
.box-title,
.retrieve-fixed,
.post-fixed  {
	background-image: url("../img/nav_bj.png");
}

.navbox .logo {
	height: 100px;
	width: 180px;
	background-image: url("../img/logo_top.png");
	margin-left: 10px;
	display: block;
}

.navbox .logo,
.navbox > ul > li {
	float: left;
	position: relative;
}

.navbox > ul {
	float: right;
}

.nav-pop {
	height: 0;
	display: inline-block;
	overflow: hidden;
	position: absolute;
	background-color: #fff;
	right: 0;
	top: 70px;
	min-width: 150px;
}

.nav-pop > div {
	padding: 5px 0;
}

.nav-pop a {
	display: block;
	padding: 5px 15px;
	white-space: nowrap;
	color: #333;
	text-align: center;
}

.nav-pop a:hover {
	background-color: #f5f5f5;
}

.lang .nav-pop a {
	text-align: left;
}

.topics { width:100%; min-width: 1280px; height: 50px; line-height: 48px; top: 109px; z-index: 5; text-align: center; }
.topics li { display: inline-block; }
.topics a {
	height: 16px; line-height: 12px; color: #fff; border-left: 1px solid #fff;
}
.topics a {
	padding-left: 5px;
	padding-right: 5px;
}

.navbox > ul > li,
.navbox > ul > li > a {
	color: #fff;
}

.navbox > ul > li > a {
	padding: 5px 35px; margin-top: 35px;
	display: inline-block;
}

.navbox > ul > li > .vline {
	border-right: 1px solid #fff;
	display: inline-block;
	height: 12px;
}

.navbox .lang > a {
	border-right: 0;
	padding-right: 10px!important;
}

.lang-en .navbox > ul > li > a {
	padding-left: 12px;
	padding-right: 12px;
}

.lang-ru .navbox > ul > li > a {
	padding-left: 6px;
	padding-right: 6px;
}

.lang-en .navbox .lang > a {
	padding-left: 15px;
}

.lang-ru .navbox .lang > a {
	padding-left: 12px;
}

.dropdown-menu ul { background-color: #555; }
.dropdown-menu li { height: 30px; }
.dropdown img { margin-right: 2px; }

.dropdown-menu > li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #111;
}

.lang-menu img {
	margin-left: 10px;
}

.home-body,
.table-body,
.show-body .left-parent {
	background-color: #fff;
}

.home-body {
	padding: 63px;
}

.table-body {
	padding: 36px;
}

.table-body,
.show-body {
	border-top: 15px solid transparent;
}

.show-body {
	margin-top: 100px;
}

.body-article {
	overflow: hidden;
	width: 1154px;
}

.body-article > div {
	width: 1164px;
}

.body-more {
	text-align: center;
	padding-top: 30px;
	height: 70px;
	display: none;
}

.body-more img:hover {
	width: 35px;
	height: 35px;
}

.article-box {
	padding: 0 10px 10px 0;
	float: left;
	position: relative;
	overflow: hidden;
}

.body-left,
.body-right,
.body-right iframe {
	min-height: 728px;
}

.home-body,
.table-body,
.show-body .left-parent,
.show-body .body-right {
	min-height: 800px;
}

.show-body .body-right {
	width: 926px;
	background-color: #f2f1ef;
	padding: 36px;
}

.body-left {
	float: left;
	overflow: hidden;
	position: relative;
	height: 100%;
	border-top: 1px solid #e5e5e5;
	background-image: url("../img/left_rim.jpg");
	background-repeat: repeat-y;
}

.body-right {
	/*float: right;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.body-right .body-article,
.body-right .title-box,
.body-right .article-control,
.body-right iframe {
	width: 890px;
}

.body-right iframe {
	border: 1px solid #ddd;
}

.show-body .body-right .body-article,
.show-body .body-right .title-box,
.show-body .body-right .article-control {
	width: 854px;
}

.body-right .body-article > div {
	width: 900px;
}

.body-right h3,
.body-right .article-control {
	padding: 15px;
}

.body-right > center {
	margin-top: 45px;
	margin-bottom: 30px;
}

.title-box {
    border-bottom: 1px dashed #ddd;
}

.title-box span {
    display: block;
    font-size: 12px;
    color: gray;
    text-align: center;
    margin-bottom: 15px;
}

.body-right h3 {
	text-align: center;
}

.body-left,
.left-body > a {
	width: 280px;
}

.show-body .left-parent {
	padding: 36px;
	width: 354px;
	height: 100%;
	float: left;
	overflow: hidden;
}

.left-menu {
	position: relative;
	border-left: 6px solid #e5e5e5;
}

.left-menu a {
	border-bottom: 1px solid #e5e5e5;
	padding: 13px;
	display: block;
}

.left-menu.select {
	border-left: 6px solid #000880;
}

.left-prefix {
	display: none;
}

.fixed-topic,
.box-title {
	padding: 12px;
	position: absolute;
	font-weight: bold;
	height: 43px;
}

.fixed-topic,
.box-title,
.fixed-topic a {
	color: #fff;
}

.fixed-topic:hover a,
.article-box a:hover .box-title {
	color: #000880;
}

.fixed-topic {
	bottom: 53px;
	background-color: #349800;
}

.fixed-topic:hover {
	background-color: #eee;
}

.box-title {
	bottom: 10px;
	text-align: center;
}

.navbox a:hover,
.navbox a:focus,
.topics a:hover,
.topics a:focus {
	color: #000880;
}

.left-menu,
.left-menu a,
.left-prefix a {
	color: #595959;
}

.prefix-btn {
	background-image: url(../img/prefix_add_a.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.prefix-btn:hover {
	background-image: url(../img/prefix_add_s.jpg);
}

.prefix-btn.select,
.prefix-btn.select:hover {
	background-image: url(../img/prefix_cut_s.jpg);
}

.left-menu:hover,
.left-menu a:hover,
.left-prefix a:hover {
	color: #000880;
}

.navbox ul > li > a.select,
.nav-pop > div > a.select,
.topics a.select {
	color: #1cb503;
	font-weight: bold;
}

.left-menu.select a,
.left-prefix a.select {
	color: #000880;
	font-weight: bold;
}

.footer-info,
.footer-logo {
	height: 150px;
}

.footer-info,
.footer-logo {
	float: left;
}

.footer-logo {
	width: 350px;
	background-image: url("../img/logo_footer.png?v=1.0");
}

.footer-info,
.footer-info a {
	color: #000880;
	color: #959595;
}

.footer-info {
	width: 930px;
	font-size: 13px;
}

.lang-zh .footer-info {
	padding-top: 52px;
}

.lang-en .footer-info,
.lang-ru .footer-info {
	padding-top: 42px;
}

.right-btn {
	width: 65px;
	height: 203px;
	position: fixed;
	right: 9px;
	top: 50%;
	margin-top: -101px;
	
}

.right-btn,
.right-btn > div {
	overflow: hidden;
}

.right-btn > div {
	margin-bottom: 4px;
}

.btn-top {
	background-image: url("../img/right_btn_top.jpg");
}

.btn-my,
.btn-login {
	background-image: url("../img/right_btn_login.jpg");
}

.btn-num {
	background-image: url("../img/right_btn_num.jpg");
}

.btn-logout {
	background-image: url("../img/right_btn_logout.jpg");
}

.btn-register {
	background-image: url("../img/right_btn_register.jpg");
}

.btn-my,
.btn-num,
.btn-top,
.btn-login,
.btn-logout,
.btn-register {
	position: relative;
}

.btn-my span,
.btn-num span,
.btn-login span,
.btn-logout span,
.btn-register span {
	color: #fff;
	display: block;
	text-align: center;
	width: 100%;
	position: absolute;
	padding: 0 3px;
	bottom: 7px;
}

.lang-ru .btn-register span {
	word-break: break-word;
	word-wrap: break-word;
	line-height: 0.8;
}

.right-btn > div,
.right-btn > div > a {
	width: 65px;
	height: 65px;
}

.right-btn > div > a {
	display: block;
}

.btn-num > div {
	width: 21px;
	height: 21px;
	color: #fff;
	margin-top: 13.5px;
    margin-left: 21.5px;
	text-align: center;
}

.body-left .badge {
	padding-bottom: 3.5px;
	margin-left: 9px;
	background-color: #d90000;
}

.btn-my,
.btn-num,
.btn-logout,
.login-fixed,
.register-fixed,
.retrieve-fixed,
.post-fixed {
	display: none;
}

.retrieve-fixed,
.post-fixed {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.login-fixed,
.register-fixed,
.retrieve-fixed,
.post-fixed {
	position: fixed;
}

.login-fixed,
.register-fixed,
.retrieve-fixed > div {
	width: 365px;
}
.post-fixed > div,
.retrieve-fixed > div {
	position: relative;
	left: 50%;
	top: 50%;
}

.retrieve-fixed > div {
	margin-left: -182px;
	margin-top: -143px;
}

.post-fixed > div {
	width: 850px;
	height: 602px;
	margin-top: -301px;
	margin-left: -425px;
}

.login-fixed,
.register-fixed {
	right: 85px;
}

.fixed-top {
	height: 84px;
	background-image: url("../img/login_fixed_top.png");
	text-align: center;
}

.retrieve-fixed .fixed-top {
	background-image: url("../img/retrieve_fixed_top.png");
}

.post-fixed .fixed-top {
	background-image: url("../img/post_fixed_top.png");
}

.fixed-top a {
	position: absolute;
	right: 22px;
    top: 13px;
	color: #555;
	font-size: 18px;
}

.fixed-top span {
	color: #000880;
	font-size: 22px;
	padding-top: 25px;
	display: block;
	font-weight: bold;
}

.fixed-body {
	min-height: 81px;
	background-image: url("../img/login_fixed_body.png?v=1.0");
	background-repeat: repeat-y;
	padding: 1px 32px 0 32px;
}

.post-fixed .fixed-body {
	background-image: url("../img/post_fixed_body.png");
}

.fixed-bottom {
	height: 43px;
	background-image: url("../img/login_fixed_bottom.png");
}

.post-fixed .fixed-bottom {
	background-image: url("../img/post_fixed_bottom.png");
}

.fixed-body > input {
	height: 35px;
	line-height: 35px;
	border: 1px solid #989da1;
	border-radius: 6px;
	margin-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.fixed-body > div {
	margin-top: -5px;
}

.login-fixed .fixed-body > div > label {
	width: 180px;
}

.login-fixed .fixed-body > div > label {
	width: 180px;
}

.register-fixed .fixed-body > div > label {
	width: 155px;
}

.forget-password,
.immediate-login {
	float: right;
	font-weight: bold;
}

.forget-password {
	color: #787d82;
}

.immediate-login {
	color: #000880;
}

.fixed-body .btn,
.activation-email .btn {
	height: 50px;
	font-size: 20px;
	background-color: #000880;
	border-radius: 22px;
	color: #fff;
	line-height: 36px;
}

.fixed-body .btn {
	margin-top: 15px;
	width: 100%;
}

.activation-email .btn {
	display: block;
	margin: 39px auto 0 auto;
	width: 280px;
}

.validate-img {
	position: absolute;
	right: 38px;
	top: 231px;
}

.login-fixed .validate-img {
	top: 185px;
}

.retrieve-fixed .validate-img {
	top: 138px;
}

.post-fixed .validate-img {
	top: 500px;
}

.activation-email {
	width: 864px;
	height: 437px;
	position: relative;
	background-image: url("../img/activation_email.jpg");
	margin: 50px auto 0 auto;
}

.activation-email h3 {
	padding-top: 35px;
	text-align: center;
}

.activation-email span {
	display: block;
	padding-top: 213px;
	text-align: center;
}

.activation-email span b {
	color: #000880;
}

.center-msg {
	margin-top: 300px;
	text-align: center;
}

.cooperative-partners {
	width: 1202px;
	min-height: 90px;
	margin: 0 auto; padding-top: 90px;
	background-image: url("../img/cooperative_partners.jpg?v=1.0");
	background-repeat: no-repeat;
	position: relative;
}

.cooperative-partners a {
	border: 1px solid #d6d6d6;
	display: inline-block; width: 1202px;
	margin-bottom: 30px; text-align: center;
}

.cooperative-partners a:hover {
	border: 1px solid #000880;
}

.body-forum {
	border: 1px solid #e5e5e5;
	min-height: 713px;
}

.forum-nav {
	background-color: #eceef2;
	height: 46px;
	border-bottom: 1px solid #e5e5e5;
}

.forum-nav > a {
	display: inline-block;
	height: 45px;
	padding: 11px 30px;
	font-size: 16px;
	color: #000;
}

.forum-nav > a:hover {
	color: #000880;
}

.forum-nav .select {
	background-color: #dedfe3;
}

.forum-left,
.forum-right {
	min-height: 666px;
}

.forum-left {
	float: left;
	width: 888px;
	padding-bottom: 10px;
	border-right: 1px solid #e5e5e5;
}

.forum-right {
	float: right;
	width: 318px;
}

.forum-right > div {
	border-top: 1px solid #e5e5e5;
	padding: 18px 22px;
}

.forum-right .btn {
	width: 100%;
	background-color: #000880;
	font-size: 18px;
	color: #fff;
	height: 52px;
	line-height: 39px;
}

.forum-right .title {
	font-size: 14px;
	font-weight: bold;
}

.forum-right .list li {
	background: url("../img/forum_list_ico.jpg") 0px 2px no-repeat;
	padding-left: 24px;
	font-size: 12px;
	margin-bottom: 30px;
}

.list-table {
    border: 0;
}

.page-btn {
    background-color: #339700;
}

.page-btn:hover {
    background-color: #189502;
}

.nav-pop a,
.dropdown-menu > li > a,
.body-more img,
.navbox a,
.topics a,
.left-menu a,
.left-prefix a,
.forum-nav > a,
.page-btn,
.fixed-topic,
.fixed-topic a,
.box-title,
.cooperative-partners a {
	-moz-transition: all 0.3s ease-in;	/* Firefox 4 */
	-webkit-transition: all 0.3s ease-in;	/* Safari 和 Chrome */
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

#CuPlayer {
	width: 600px; height: 450px;
}
