﻿html {
	min-width: 1210px;
	height: 100%;
}
/*html {-webkit-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}*/

body {
	/*background: #000000 url('../img/background.jpg') no-repeat top center;*/
	/*background-size: cover;*/
	color: #333;
	font-size: 14px;
	/*margin: 0;*/
	/*height: 100%;*/
	font-family: 'Noto Sans HK', sans-serif;
	
}
body {
	width: 100%;
    background: url(../img/fon-bg-top.jpg) center top no-repeat,url(../img/fon-bg-bottom.jpg) center bottom no-repeat;
    background-color: #000307;
    /*font-family: arial,verdana;*/
    /*font-size: 13px;*/
    /*color: #fff;*/
    min-height: 100vh;
    overflow-x: hidden;
}
.light {
    float: left;
    width: 290px;
    height: 297px;
    position: absolute;
	top: -225px;
    left: -65px;
    animation-name: light;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    z-index: 1;
    background: url(../img/light.png) no-repeat;
}
@keyframes light {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}
.big-light {
    width: 355px;
    height: 364px;
    position: absolute;
	right: -120px;
    top: -105px;
    animation-name: big-light;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    z-index: 1;
    background: url(../img/big-light.png) no-repeat;
}
@keyframes big-light {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.sparks-sparks {
	right: -210px;
    position: absolute;
    top: 395px;
    z-index: 1;
}

.sparks {
    background-repeat: no-repeat;
    background-position: left 0 bottom 0;
    position: absolute
}

.sparks-1 {
    background-image: url(../img/sparks-1.png);
    width: 117px;
    height: 136px;
    right: 200px;
    bottom: 0;
    background-position: left 0 bottom 0;
    animation-name: sparks-1;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.sparks-2 {
    background-image: url(../img/sparks-2.png);
    width: 219px;
    height: 176px;
    right: 200px;
    bottom: 30px;
    background-position: left 0 bottom 0;
    animation-name: sparks-2;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: .5s;
    opacity: 0
}

.sparks-3 {
    background-image: url(../img/sparks-3.png);
    width: 438px;
    height: 281px;
    right: 100px;
    bottom: 20px;
    background-position: left 0 bottom 0;
    animation-name: sparks-3;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s;
    opacity: 0
}

@keyframes sparks-1 {
    0% {
        right: 200px;
        bottom: 10px;
        opacity: 0
    }

    33% {
        right: 210px;
        bottom: 20px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        right: 220px;
        bottom: 30px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        right: 230px;
        bottom: 40px;
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes sparks-2 {
    0% {
        right: 210px;
        bottom: 40px;
        opacity: 0
    }

    33% {
        right: 220px;
        bottom: 50px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        right: 230px;
        bottom: 60px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        right: 240px;
        bottom: 70px;
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes sparks-3 {
    0% {
        right: 120px;
        bottom: 30px;
        opacity: 0
    }

    33% {
        right: 140px;
        bottom: 50px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        right: 160px;
        bottom: 70px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        right: 180px;
        bottom: 90px;
        opacity: 0;
        transform: scale(1.1)
    }
}
a {
	color: #777;
	text-decoration: none;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

a:hover {
	color: #ffda8a;
}

img {
	border: 0px;
}

input[type=text], input[type=password], input[type=number] {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus {
	border: 1px solid #ccc;
}
.worldLink {
    position: absolute;
    right: 60px;
    top: 20px;
    width: 150px;
    background-color: #c9c9ca;
    color: #848484;
}
#header {
	width: 100%;
	margin: 0px auto;
	padding: 80px 0px;
	text-align: center;
	color: #fff;
}

#container {
	background: #ffffff;
	width: 1210px;
	height: auto;
	margin: 0px auto;
	/* padding: 20px 0px; */
}

#content {
	width: 100%;
	overflow: auto;
	min-height: 500px;
	padding: 10px 5px 0px 5px;
}
.table-hover{
	box-shadow: 0 0 10px #e3e3e3;
}

.footer-footer{
	border-top: 1px solid #d3d3d3;
}
.footer {
    border-top: 1px solid #d3d3d3;
    background: #efefef;
    background-size: cover;
    font-family: 'Noto Sans HK', sans-serif;
    width: 100%;
    font-size: 14px;
    color: #777777;
    padding: 20px 0px;
    overflow: auto;
}
	.footer > .footer-container {
		margin: 0px auto;
		clear: both;
	}
	#footer_container {
    background-color: #efefef;
    padding-top: 40px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
	} 
	.footer-time-title {
		color: #777777;
		font-weight: bold;
	}
	.footer-time {
		font-size: 48px;
		color: #ff3214;
		font-weight: bold;
		position: relative;
		top: -10px;
	}
	.footer-date {
		position: relative;
		top: -20px;
		font-size: 12px;
	}
#navbar {
	/*background: #0000007d;*/
	width: 100%;
	/*position: fixed;*/
    z-index: 99;
}
#navbar ul{
	text-align: center;
	margin: 0;
	-webkit-padding-start: 0px;
}
#navbar ul li {
	font-family: 'Noto Sans HK', sans-serif;
	list-style-type: none;
	display: inline-block;
	font-size: 16px;
}
#navbg{
	-webkit-padding-start: 0px;
	text-align: center;
	position: absolute;
    margin-top: 38px;
    width: 100%;
    height: 52px;
    z-index: -999;
         background: linear-gradient(
     to right,
     rgba(0,0,0,0) 0%,
     rgba(0,0,0,0) 10%,
     rgba(0,0,0,0.3) 20%,
     rgba(0,0,0,0.4) 30%,
     rgba(0,0,0,0.5) 40%,
     rgba(0,0,0,0.8) 50%,
     rgba(0,0,0,0.5) 60%,
     rgba(0,0,0,0.4) 70%,
     rgba(0,0,0,0.3) 80%,
     rgba(0,0,0,0) 90%,
     rgba(0,0,0,0) 100%)
}
#navbar .menu-list{
	height: auto;
	/*background: url('../img/bg_gnb.png') 0 0 repeat-x;*/
	/*background-color: rgba(0, 0, 0, 0.3);*/
}
#navbar ul li a {
	display: inline-block;
	color: #ffffff !important;
	text-decoration: none;
	padding: 15px 30px;
}

#navbar ul .menu-list a:active, #navbar ul .menu-list a:focus, #navbar ul .menu-list a:hover {
    color: #ffffff !important;
	box-shadow: inset 0px 14px 16px -18px #fc3030;
	border-top: 1px solid #fc3030;
}

.admincp-button {
	position:absolute;
	top:10px;
	right:10px;
}

.page-title {
	color: #ff0000;
	font-family: 'Noto Sans HK', sans-serif;
	font-size: 32px;
	margin-bottom: 10px;
	font-weight: bold;
}

/* 新闻模块 */
.panel-news {
	margin-bottom: 30px;
	color: #333;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3;
}
.panel-news .panel-heading {
	padding-top: 20px;
	padding-bottom: 20px;
	background: #ffefef;
}
.panel-news .panel-title {
	color: #c04e4e;
	font-family: 'Noto Sans HK', sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.panel-news .panel-footer {
	border-top: 1px solid #e7e7e7;
	background: #fff;
	/* font-style: italic; */
	font-size: 11px;
	height: 40px;
	color: #777;
}

/* 排名模块 */
.ImgTop{
	width:30px;
	height: auto;
}
.rankings-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	-moz-box-shadow: 0 0 5px #e3e3e3;
	-webkit-box-shadow: 0 0 5px #e3e3e3;
	box-shadow: 0 0 5px #e3e3e3;
}

.rankings-class-image {
	width: 30px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-radius: 15%;
}
.rankings-table tr td {
	border-bottom: 1px solid #e3e3e3;
	padding: 10px;
	font-size: 18px;
	vertical-align: middle !important;
	text-align: center;
}
.rankings-table-place {
	color: #666;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}
.rankings-table tr:first-child td {
	color: #ff0000;
	border-bottom: 3px solid #ff0000;
}
.rankings-update-time {
	text-align: right;
	font-size: 11px;
	color: #ccc;
	padding: 10px 0px;
}
.rankings_menu {
	width: 100%;
	overflow: auto;
	text-align: center;
	margin-bottom: 10px;
	border-bottom: 2px solid #393939;
}
.rankings_menu span {
	width: 100%;
	display: inline-block;
	padding: 10px 0px;
	color: #ccc;
	font-size: 24px;
}
.rankings_menu a {
    display: inline-block;
    width: 16.66%;
    border: 1px solid #e3e3e3;
    text-align: center;
    padding: 7px;
    /* margin: 2px; */
    background: #f1f1f1;
    -moz-border-radius: 2px;
    /* border-radius: 2px; */
    color: #ccc;
    font-size: 16px;
}
.rankings_menu a.active {
	color: #fff;
    background: #393939;
    border-color: #393939;
}
.rankings_menu a:hover {
	color: #ffffff;
    /*background: #393939;*/
    border-color: #393939;
}
.rankings_guild_logo tr td {
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}
.rankings-gens-img {
	width: auto !important;
	height: 30px !important;
	border: 0 !important;
	-moz-box-shadow: 0 0 0px #000 !important;
	-webkit-box-shadow: 0 0 0px #000 !important;
	box-shadow: 0 0 0px #000 !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

/* 我的帐户模块 */
.myaccount-table {
	width: 100%;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	/*  */
}
.myaccount .table tbody tr td{
    vertical-align: middle;
}
.myaccount-table tr td {
	color: #666;
	font-weight: bold;
}
.myaccount-table tr td {
	/* border-bottom: 1px solid #e3e3e3; */
	padding: 20px !important;
}
.myaccount-table tr:last-child td {
	border: 0px;
}

span.glyphicon.glyphicon-user.myaccount-cron {
	font-size: 50px;
	margin-top:6px;
	text-align:center;
}
.myaccount-acc {
	border:1px solid #777;
	border-radius:50%;
	width:70px;
	height:70px;
	text-align:center;
	
}
.characterClass {

}
/* 一般表格用户界面 */
.general-table-ui {
	width: 100%;
	table-layout: fixed;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	padding: 10px;
	margin: 10px 0px;
}
.general-table-ui tr td {
	padding: 5px;
	vertical-align: middle !important;
}
.general-table-ui tr:first-child td {
	color: #ff0000;
}
.general-table-ui tr:nth-child(2n+2) td {
	background: #fafafa;
}
.general-table-ui tr td {
	text-align: center;
}
.general-table-ui img {
	width: 50px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* 服务条款页面 */
.tos_list li {
	color: #aa0000;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 40px;
}
.tos_list li p {
	color: #444;
	text-align: justify;
	text-justify: inter-word;
	text-transform: none;
	padding-right: 35px;
	font-size: 14px;
	font-weight: normal;
}

/* 赞助 */
.panel-donation{
/*	margin-bottom: 30px;*/
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}
.donation-a{
	width:120px;
}
.donation-description{
/*	font-size: 13px;*/
/*	position: relative;*/
	top: auto;
	bottom:auto;
	color: #777;
	
}
.content{width:80%;margin:10px auto;}
.hide_box{z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;display:none;}
.shang_box{width:540px;height:540px;padding:10px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;border:1px dotted #dedede;display:none;}
.shang_box img{border:none;border-width:0;}
.shang_close{float:right;display:inline-block;}
.shang_logo{display:block;text-align:center;margin:20px auto;}
.shang_tit{width: 100%;height: 75px;text-align: center;line-height: 66px;color: #a3a3a3;font-size: 16px;background: url('../img/donation/cy-reward-title-bg.jpg');font-family: 'Microsoft YaHei';margin-top: 7px;margin-right:2px;}
.shang_tit p{color:#a3a3a3;text-align:center;font-size:16px;}
.shang_payimg{width:170px;padding:10px;border:6px solid #EA5F00;margin:0 auto;border-radius:3px;height:170px;}
.shang_payimg img{display:block;text-align:center;width:140px;height:140px; }
.pay_explain{text-align:center;margin:10px auto;font-size:12px;color:#545454;}
.radiobox{width: 16px;height: 16px;background: url('../img/donation/radio2.jpg');display: block;float: left;margin-top: 5px;margin-right: 14px;}
.checked .radiobox{background:url('../img/donation/radio1.jpg');}
.shang_payselect{text-align:center;margin:0 auto;margin-top:40px;cursor:pointer;height:60px;width:280px;}
.shang_payselect .pay_item{display:inline-block;margin-right:10px;float:left;}
.shang_info{clear:both;}
.shang_info p{color:#C3C3C3;text-align:center;font-size:12px;text-decoration:none;line-height:2em;}
.donation-gateway-continue {
margin: 0px auto;
text-align: center;
}
.donation-gateway-continue input[type=submit] {
background: url('../img/done.png') no-repeat;
width: 180px;
height: 55px;
border: 0px;
}
/*支付宝*/
.alipay-gateway-container {
width: 100%;
background: #1a2133;
border: 1px solid #2e374f;
}

.alipay-gateway-content {
margin: 3px;
background: #f1f1f1;
/*border: 2px solid #f79433;*/
padding: 10px;
overflow: auto;
}

.alipay-gateway-conversion-rate {
margin: 0px auto;
text-align: center;
color: #000;
font-size: 18px;
padding: 10px 0px;
}

.alipay-gateway-form {
width: 100%;
margin: 0px auto;
text-align: center;
}

.alipay-gateway-form div {
display: inline-block;
padding: 0px 10px;
color: #000;
font-size: 18px;
}

.alipay-gateway-form input[type=text] {
width: 50px;
}
/* 贝宝 */
.paypal-gateway-container {
width: 100%;
background: #1a2133;
border: 1px solid #2e374f;
}

.paypal-gateway-logo {
width: 100%;
height: 68px;
background: #eeedeb url(../img/donation/paypal.png) no-repeat top center;
margin-bottom: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.paypal-gateway-content {
    margin: 3px;
    background: #ffffff;
    /* border: 2px solid #f79433; */
    padding: 10px;
    overflow: auto;
}

.paypal-gateway-conversion-rate {
margin: 0px auto;
text-align: center;
color: #000;
font-size: 18px;
padding: 10px 0px;
}

.paypal-gateway-form {
width: 100%;
margin: 0px auto;
text-align: center;
}

.paypal-gateway-form div {
display: inline-block;
padding: 0px 10px;
color: #000;
font-size: 18px;
}

.paypal-gateway-form input[type=text] {
width: 50px;
}



/* 罗兰峡谷样式 */
.csinfo_container {
	background: url('../img/castle_siege.jpg') no-repeat top right;
	background-size: cover;
	width: 100%;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #333;
	-moz-box-shadow: 0 0 10px #555;
	-webkit-box-shadow: 0 0 10px #555;
	box-shadow: 0 0 10px #555;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
}
.csinfo_content {
	width: 100%;
	height: 180px;
	margin: 10px 0px 0px 10px;
	display: inline-block;
}
.csinfo_glogo {
		float: left;
		width: 30%;
		height: 180px;
		text-align: center;
	}
.csinfo_ginfo {
		float: left;
		width: 70%;
		padding: 0px 10px;
	}
	
.csinfo_ginfo table {
			table-layout: fixed;
			width: 400px;
		}
.csinfo_ginfo table tr td {
	padding: 3px 0px;
	font-size: 20px;
	color: #fff;
}
.csinfo_ginfo table tr td:first-child {
	color: #9a7e46;
}
			
.csinfo_glist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
	.csinfo_glist li {
		float: left;
		width: 30%;
		padding: 8px 10px;
	}
	.csinfo_glist li:hover {
		background: #0d0c0b;
	}

.module-requirements {
	font-size: 12px;
	margin-top: 20px;
}
/* 侧边栏样式 */
.panel-sidebar {
	background: #f1f1f1;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3;
}

.panel-sidebar > .panel-heading {
	background: #fff;
	color: #ff0000;
	font-family: 'Noto Sans HK', sans-serif;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-bottom: 3px solid #ff0000;
}

.lk-form ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
}
.lk-form li a {
    display: block;
    padding: 10px 0px 10px 0px;
    text-decoration: none;
    font-size: 14px;
    border-top: 1px solid rgba(170, 115, 132, 0.2);
    text-decoration: none;
    color: #D0D0D0;
}

.lk-form li:hover {
    background: rgba(255,255,255,0.46);
    box-shadow: 0px 11px 31px -9px rgba(0, 0, 0, 0.1);
}

.sidebar-banner {
	margin: 20px 0px;
	border: 0px;
}

.sidebar-banner img {
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3;
	border: 0px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

/* 一般面板样式 */
.panel-general {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}

.panel-body .panel-title {
	color: #666;
	/* font-family:"webfontA" !important; */
	font-size: 18px;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 20px !important;
	font-weight: bold;
}

/* 添加统计模块样式 */
.panel-addstats {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}
.panel-addstats .character-avatar img {
	width: 100px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.panel-addstats .character-name {
	color: #666;
	font-family:'Noto Sans HK', sans-serif;
    font-size:18px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	border-bottom: 1px solid #e3e3e3;
	padding: 20px 0px;
	margin-bottom: 20px !important;
	font-weight: bold;
}

/* 下载模块样式 */
.panel-downloads {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}
	.download-description {
		font-size: 11px;
		position: relative;
		top: -4px;
		left:20px;
		color: #808080;
	}

.online-status-indicator {
	margin-left: 5px;
}

/* X-TEAM CMS */
.webengine-powered { color: #777 !important; }
.webengine-powered:active, .webengine-powered:hover { color: #ff3214 !important; }
.footer-p{font-size:13px;}

/**NEW LOGO **/
.logo {
	z-index: 4;
	text-align: center;
	margin-top: 60px;
	overflow: auto;
	display: inline-block;
	margin-left: 340px;
	transition: 0.3s;
	position: absolute;
}
.logo:hover {
	-webkit-filter: brightness(120%);
    filter: brightness(120%);
}
.logo img {
	width: 500px;
	height: auto;
}

/*Leaves*/
.header {
    width: 1210px;
    margin: 0 auto;
    position: relative;
    z-index: 91;
/*    height: 400px;*/
}
.left-12{
	width:100%;
}
.left-8{
	width:70%
}
.left-4{
	width:30%
}
.toppading{
	margin-top: 100px;
	display: inline-block;
}
.carouselBG{
	margin-top: 175px;
	/*padding-top: 145px;*/
	background: url(../img/bg_main01.png) 0 100% repeat-x;
}


/*罗兰峡谷*/
.hero-guide-block {
/*    background: linear-gradient(to bottom, #0000003d, rgba(0, 0, 0, 0));*/
/*    border-top: 2px solid #870000;*/
    width: 350px;
    height: 250px;
    position: absolute;
    right: 35px;
    top: 120px;
    padding: 10px;
}
.castle-siege-block{
	margin-left: -50px;
}
.hero-guide-block .csbg {
    /*content: "";*/
    background: url(../img/castle_siege.png) no-repeat;
	width: 133px;
    height: 240px;
    position: absolute;
    left: 250px;
    top: -15px;
}

.cs-block {
    text-align: center;
    /*width: 230px;*/
}

.cs-block img {
    /*margin-top: 50px;*/
/*    margin-bottom: 10px;*/
    background: #000000;
    border-radius: 5px;
}

.cs-guild-title a {
    text-transform: uppercase;
    display: block;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
/*    margin-bottom: 5px;*/
}
.cs-guild-title{
	color:#a9a9a9;
	line-height: 30px;
}

.cs-guild-guildowner {
    margin-top: -5px;
    color: #A20305;
    display: block;
    font-size: 18px;
}

.time-cs {
    width: 100%;
    text-align: center;
    /*margin-top: 5px;*/
    font-family: 'ZCOOL XiaoWei', serif;
}

.Battle-Begins-In {
    color: rgb(255, 204, 62);
    font-size: 18px;
}

.guild_countdown {
    margin-top: -7px;
    display: block;
    color: #fff;
    font-size: 26px;
}

.guild_countdown>span {
    color: #A20305;
	font-size: 36px;
}

/*搜索*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #737373;
    border-color: #737373;
}

.pagination>li>a, .pagination>li>span {
    color: #737373;
    border: 1px solid #737373;
}
.copyright {
    text-align: center;
    font-size: 14px;
    color: #908d8b;
}

*{  
           margin: 0px;  
           padding: 0px;  
       }  
       video{  
           position: fixed;  
           right: 0px;  
           bottom: 0px;  
           min-width: 100%;  
           min-height: 100%;  
           height: auto;  
           width: auto;  
           /*加滤镜*/
           /*filter: blur(15px); //背景模糊设置 */
           /*-webkit-filter: grayscale(100%);*/ 
           /*filter:grayscale(100%); //背景灰度设置*/ 
           z-index:-11
       }  
       source{  
           min-width: 100%;  
           min-height: 100%;  
           height: auto;  
           width: auto;  
       }