/* CSS Document by Shaorui */
* {
	margin:0;
	padding:0;
}
html {
	width:100%;
	height:100%;
	overflow-x:hidden;
}
body {
	height:100%;
	margin:0;
	padding:0;
	font-size:10pt;
	background:#CCC;
	color:#333;
	overflow:auto;
	overflow-x:hidden;
}
body#index {
	border-left:200px solid #333333;
}

body#page {
	padding:20px;
	height:auto;
	overflow-x: auto;
}
a {
	color:#0D324F;
	text-decoration:none;
}
input {
	font-size:24px;
	background:#F4F4F4;
	border:1px solid #A5ACB2;
	height:30px;
	overflow:hidden;
}
input.bt {
	height:40px;
	padding:4px;
	border:3px double #CCC;
	border-right-color:#999;
	border-bottom-color:#999;
	background:url(http://www.richbox.net/blog/wp-admin/images/fade-butt.png) #EEE repeat-x left top;
}
input.checkbox {
	border:none;
}
textarea,select {
	background:#F4F4F4;
	border:none;
}
table {
	margin:8px auto;
	border-collapse:collapse;
}
th,td {
	padding:4.7px;
	vertical-align:middle;
	border:1px dotted #DDD;
	border-collapse:collapse;
}
th {
	background:#DFDFDF;
}
td {
	background:#F1F1F1;
}
h1 {
	position:absolute;
	width:180px;
	color:#525252;
	font-size:12pt;
	left:0;
	padding:10px 0 8px 20px;
}
h2 {
	background:#666;
	font-size:12px;
	padding:8px;
	color:#FFF;
}
/**/
#loginForm {
	width:400px;
	height:300px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-150px 0 0 -200px;
	background:#FFF;
	border:3px solid #999;
}
#loginForm h3 {
	background:#000;
	color:#FFF;
	margin:0 0 30px 0;
	padding:10px;
}
#loginForm label {
	display:block;
	padding:12px 40px;
}
#loginForm label span {
	display:block;
	position:absolute;
	padding:8px 0 0 0;
}
#loginForm label input {
	width:200px;
	margin:0 0 0 70px;
}
#globalNav {
	position:absolute;
	top:40px;
	left:0;
}
#globalNav li a{
	display:block;
	width:180px;
	padding:10px;
	background:#666;
	border-bottom:3px solid #525252;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#globalNav li a:hover{
	background:#585858;
	border-right:3px solid #333;
}
#globalNav li ul li a{
	background:#585858;
}
#globalNav li ul li a:hover{
	background:#666;
}
#frameBord {
	border-left:3px solid #666;
}
.page{font-size: 22px;}
.xianshi{display: block!important;}
/* 1. 普通状态 */
.ahrefbtn{
	display:inline-block;
	padding:3px 5px;
	border-radius:20px;               /* 胶囊形状 */
	background:#7f8c8d;               /* 亮蓝 */
	color:#fff;
	text-decoration:none;
	transition:all .25s ease;
}

/* 2. 鼠标悬停 */
.ahrefbtn:hover{
	background:#2980b9;               /* 深蓝 */
	border-radius:6px;                /* 变方 */
	transform:translateY(-2px);       /* 浮起 */
	box-shadow:0 4px 10px rgba(0,0,0,.2);
}

/* 3. 鼠标按下（点击中） */
.ahrefbtn:active{
	background:#1c5d87;               /* 更深 */
	transform:translateY(0);          /* 落回 */
	box-shadow:0 1px 3px rgba(0,0,0,.3);
}

/* 4. 点击过（已访问） */
.ahrefbtn:visited{
	background:#3498db;               /* 灰 */
	color:#ecf0f1;
}



.phoneStyle{
	display: none;
}
.phoneUl{
	display: inline-block;
}
.phoneLi{
	display: inline-block;
	/*padding: 5px 50px;*/
	background-color: #7f8c8d;
	border-radius: 5px;
	height: 65px;
	font-size: 28px;
	width: 150px;
	line-height: 65px;
	text-align: center;
	margin-right: 10px;
}
.phoneLi a{
	color: white;
}

@media (max-width: 1400px) {
	body#index{
		border-left:0px;
	}
	#globalNav{
		display: none !important;
	}
	.background{
		display: none;
	}

	.phoneStyle{
		display: block;
	}
}