*{margin:0px;padding:0px; font-family:"microsoft yahei"; text-decoration:none;}
body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video { margin: 0; padding: 0; font-weight: normal; font-family:"΢ÈíÑźÚ"; }
@media (max-width:1000px) {*{margin:0px; padding:0px;font-size:13px;font-family:"΢ÈíÑźÚ";}}
@media (max-width:800px) {*{margin:0px; padding:0px;font-size:13px;font-family:"΢ÈíÑźÚ";}}
@media (max-width:400px) {*{margin:0px; padding:0px;font-size:13px;font-family:"΢ÈíÑźÚ";}}
a { text-decoration: none; }
ul, li { list-style: none; }
button { border: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } 
/*reset End*/
html, body { height: 100%; width: 100%; padding: 0; margin: 0; font-size: 14px; }
/* header*/
.user-logout a,.user-login-b em,.user-box-info p,.user-exit,.user-set { background:url(../img/header-icon.jpg) no-repeat;}
 .user-exit { color:#fff }

/*header*/
.header { position:relative; width: 100%; height: 55px;background: #252323; color: #fff; z-index:999;}
.header .innerBox { margin: 0 auto; width: 1200px; height:55px; line-height: 40px;}
.header .innerBox .boxLeft { float: left; height: 55px; }

/* boxLeft */
.header .boxLeft .logo { font-size: 18px; font-weight: bold;   }
.header .logo span { padding-left: 44px; display: block; height: 54px;  background-size: 34px 44px;  /*background: url('../img/logo.png') no-repeat;*/  background-position: 0px 6px;  }

.header .boxLeft li { position: relative;  display: inline-block; margin-right:10px; float:left; z-index:999;}
.header .boxLeft li a { display:block;  width: 120px; height:55px; line-height: 55px; text-decoration: none; color: #fff; font-size: 16px; text-align: center; font-family:"microsoft yahei"; }
.header li.active a,.header .boxLeft li a:hover { background: #000; color: #5BA6E4; }
.header .sub-nav { display:none; position: absolute; top:54px; left: 0; z-index:999; padding:5px 0 10px; background:url(../img/subnav-bg.png); border-radius:0 0 4px 4px; z-index:999;}
.header .boxLeft li .sub-nav a { display: block; padding:0 0 0 30px; border:0; width: 170px; height: 24px; font-size: 14px; line-height: 24px; background:none;  color: #FFF; text-align:left; }
.header .boxLeft li .sub-nav a:hover { color:#5BA6E4;}
.header .boxLeft li .logo:hover { background:none; color:#FFF;}


/*.header { width: 100%; height: 70px; background-color: #252323; position: relative; }
.header .box { margin:0 auto; width: 1200px; height: 70px; }
.header .box a.logo { display:inline-block; float:left; margin:13px 0 0 11px; width:126px; height:44px; text-indent:-9em; overflow:hidden;}
.header .box .nav { display:inline-block; float:left; margin:10px 0 0 90px; position:relative;}

.header .box .nav li {  display:inline-block; margin-right:10px; position:relative; float:left;}
.header .box .nav li a { font:16px/26px "microsoft yahei"; color:#FFF; display:block; width: 120px; height:55px; line-height: 55px;  text-align: center;}
.header .box .nav li.curr a,.header .box .nav li a:hover { color:#5BA6E4;}


.header .sub-nav { display:none; position: absolute; top:54px; left: 0; z-index:9999; padding:5px 0 10px; background:url(../img/subnav-bg.png); border-radius:0 0 4px 4px; z-index:999;}
.header .box li .sub-nav a { display: block; padding:0 0 0 30px; border:0; width: 170px; height: 24px; font-size: 14px; line-height: 24px; background:none; font-family:"microsoft yahei"; color: #FFF; text-align:left; }
.header .box li .sub-nav a:hover { color:#5BA6E4;}
*/


.header .user-info { float:right;}
.header .user-info .user-logout { margin:13px 0 0 10px;}
.header .user-info .user-logout a { display:block; width:70px; height:30px; background-position:0 -45px; font:16px/30px "microsoft yahei"; color:#FFF; text-align:center;}
.header .user-info .user-logout a:hover { color:#5BA6E4;}
.header .user-info .user-login { display:none; margin:9px 0 0 10px;}
.header .user-info .user-login .user-login-a { display:inline-block; float:left; margin-right:24px; font:16px/38px "microsoft yahei"; color:#FFF;}
.header .user-info .user-login .user-login-b { position:relative; display:block; float:left;}
.header .user-info .user-login .user-login-b em { display:block; width:38px; height:38px; background-position:-137px 0; cursor:pointer;}
.header .user-box { display:none; position:absolute; top:43px; left:-104px; width:165px; height:128px;}
.header .user-box i { position:absolute; top:0; left:0; display:block; width:165px; height:128px; background:url(../img/login-box.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/login-box.png'); z-index:1;}
.header .user-box .user-box-info { position:relative; padding:19px 2px 0 0; z-index:2;}
.header .user-box .user-box-info p { margin-left:15px; padding-left:25px; width:122px; height:20px; font:14px/20px "microsoft yahei"; color:#3390C0; background-position:0 -86px; overflow:hidden;}
.header .user-box .user-box-info .user-box-info-a { margin-top:6px; margin-bottom:0px; padding-top:0px; width:163px; border-top:1px solid #D2D2D2; text-align: center;}
.header .user-box .user-box-info .user-box-info-a a { font:14px/18px "microsoft yahei"; color:#3390C0;}
.header .user-box .user-box-info .user-box-info-b { margin:0 auto; width:135px;}
.header .user-box .user-box-info .user-box-info-b a { padding-left:17px; font:12px/14px "microsoft yahei"; color:#292929;}
.header .user-set { float:left; background-position:0 -117px;}
.header .user-exit { float:right; background-position:0 -142px; line-height:38px;}
/* content */
.wrap { background:#72b976; width: 100%; min-width: 1280px; height:100%; position: absolute; top:0; left:0; z-index: 1; }
.wrap img { position:absolute; top:0; left:0; display:block; width:100%; vertical-align:middle; z-index:2;}
.wrap img.curr { z-index:3;}
.wrap-content { width: 100%; min-width: 1280px; height: 100%; position: relative; z-index:5; }
.content { position:relative; width: 100%; }
.content .numberBox { position: absolute; }
.content .numberBox1 { position: absolute; top: 140px; left: 415px; }
.content .numberBox2 { top: 250px; left: 163px; }
.content .numberBox3 { top: 331px; left: 425px; }
.content .numberBox4 { top: 524px; left: 657px; }
.content .numberBox5 { top: 243px; left: 774px; }
.content .numberBox6 { top: 243px; left: 774px; }
.content .number { position:absolute; background:url(../img/p.gif);}
.content .garden1 { top:-90px; left:-60px; width:180px; height:140px; }
.content .garden2 { top:-60px; left:-50px; width:210px; height:160px; }
.content .garden3 { top:-90px; left:-130px; width:250px; height:150px;}
.content .garden4 { top:-90px; left:-130px; width:450px; height:150px;}
.content .garden5 { top:-50px; left:-20px; width:200px; height:180px;}
.content .garden6 { top:-90px; left:-100px; width:300px; height:150px;}
.content .garden1 i { top:90px; left:60px;}
.content .garden2 i { top:60px; left:50px;}
.content .garden3 i { top:90px; left:130px;}
.content .garden4 i { top:90px; left:130px;}
.content .garden5 i { top:50px; left:20px;}
.content .garden6 i { top:90px; left:100px;}

.content .number i { position: absolute; width: 44px; height: 44px; line-height: 44px; text-align: center; background: url("../img/circle_ico.png")no-repeat; background-size: 44px 44px;  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/circle_ico.png',  sizingMethod='scale'); color: #3141d4; z-index: 10; font-size: 22px; cursor: pointer; font-style:normal;}
.content .aperture { position: absolute; width:44px; height:44px; top: 0; left: 0; background: url("../img/border.png")no-repeat; background-size:contain; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/border.png',  sizingMethod='scale');}
.content .numberBox .alert-bg { display: none; position:absolute; top:-104px; left:-85px; width:218px; height:122px; background:url(../img/alert.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/alert.png'); opacity:0.5; z-index:10; }
.content .numberBox .alert-close { display:none; position:absolute; top:-95px; left:102px; width:16px; height:16px; background:url(../img/close.jpg) no-repeat; z-index:13; cursor:pointer;}
.content .numberBox .alert { padding: 14px 0 21px; width: 177px; height: 96px; font-size: 22px; color: #3141d4; text-align: center; position: absolute; top: -101px; left: -66px; display: none; z-index: 12; }
.content .numberBox .alert1 { }
.content .numberBox .alert a { color: #fff; text-decoration: none; display: block; background:url("../img/view-info.jpg") no-repeat; width: 126px; height: 27px; line-height: 27px; margin: 0 auto; font-size: 18px; }
.content .numberBox .alert p { margin-bottom:10px; height:30px; line-height:30px; text-align:center;}
.footer { width: 100%; text-align: center; position: absolute; bottom: 25px; color: #fff; }
/************************/
#loginBox {
	height: 300px;
	width: 100%;
    margin:4px 7px 2px 4px;
	/*border: 1px solid #CCCCCC;*/
}
#loginBoxBack
{
	height: 300px;
	width: 300px;
	background-color: #FFFFFF;
	opacity:0.6;
	filter:alpha(opacity=60);
}
#loginBox .width {
	width: 180px;
}
.loginRow label {
	margin-left: 20px;
	margin-right: 50px;
}


#loginBox .loginBar {
	height: 50px;
}

#loginBox .loginBar .loginTitle {
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	float: left;
	width: 100px;
	cursor:pointer;
	font-family: "΢ÈíÑźÚ", "ºÚÌå", "Simplified Arabic Fixed";
	letter-spacing: 0.15em;
	opacity:0.6;
	filter:alpha(opacity=60);
	color: #999;
}
.loginTitleCurr {
	color: #FF6600;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	float: left;
	width: 100px;
	cursor:pointer;
	font-family: "΢ÈíÑźÚ", "ºÚÌå", "Simplified Arabic Fixed";
	letter-spacing: 0.15em;
	opacity:1;
	filter:alpha(opacity=100);
    border-bottom: 2px solid #e13b29;
}
.loginArea form {
	margin: 10px;
}
#loginBox .textbox {
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	border: 1px solid #CCCCCC;
	text-indent: 10px;
	opacity:0.8;
	filter:alpha(opacity=80);
	float: left;
}
.loginRow {
	line-height: 40px;
	width: 100%;
	height: 40px;
}
.loginRow .loginRowRight {
	text-align: right;
	float: left;
	width: 80px;
	font-size: 15px;
}
.loginRow .loginRowLeft {
	float: left;
	width: 200px;
}
.verify {
	float: left;
	width: 102px;
}


.verifyCode{
	cursor:pointer;
	height: 32px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	width: 72px;
}
.btnBar
{
	margin-top: 10px;
}
.btnLogin {
	line-height: 30px;
	text-align: center;
	height: 30px;
	width: 120px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	margin-left: 10px;
	background-color: #e45c40;
	font-family: "΢ÈíÑźÚ", "ºÚÌå", "Simplified Arabic Fixed";
	font-weight: bold;
	color: #FFFFFF;
	font-size: 16px;
}
.btnRegister {
	line-height: 30px;
	text-align: center;
	display: block;
	height: 30px;
	width: 120px;
	float: left;
	margin-left: 20px;
	background-color: #ff5842;
	font-family: "΢ÈíÑźÚ", "ºÚÌå", "Simplified Arabic Fixed";
	font-weight: bold;
	color: #FFFFFF;
	font-size: 16px;
}
.btnInManage {
	line-height: 30px;
	text-align: center;
	height: 30px;
	width: 120px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	margin-left: 10px;
	background-color: #0074cb;
	font-family: "΢ÈíÑźÚ", "ºÚÌå", "Simplified Arabic Fixed";
	font-weight: bold;
	color: #FFFFFF;
	font-size: 16px;
}
.btnLogout{
	line-height: 30px;
	text-align: center;
	display: block;
	height: 30px;
	width: 120px;
	float: left;
	margin-left: 20px;
	background-color: #666666;
	font-family: "΢ÈíÑźÚ", "ºÚÌå", "Simplified Arabic Fixed";
	font-weight: bold;
	color: #FFFFFF;
	font-size: 16px;
}
.loginArea
{
	padding-top: 10px;
}
.loginArea .isLoginBox {
	font-size: 14px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.loginArea .isLoginBox .loginRow{
	text-align: center;
}


.childtitle { position:relative; padding-top:62px; width:600px; z-index:2; color:#FFF; text-align:center;}
.childtitle h2 { margin-bottom:15px; font:54px/60px "microsoft yahei"; text-align:center;}
.childtitle p { margin-bottom:15px; font:28px/60px "microsoft yahei";}
.gardens-info { position:absolute; top:30px; right:30px; padding:30px 32px 20px 30px; width:332px; height:147px; z-index:2;}
.gardens-info i { position:absolute; top:0; left:0; padding:30px 32px 20px 30px; width:332px; height:147px; background:url("../img/gardens-info-bg.png"); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/gardens-info-bg.png'); z-index:1;}
.gardens-info a { display:block; position:absolute; right:25px; top:6px; width:25px; height:25px; background:url(../img/gardens-info-close.jpg); z-index:2;}
.gardens-info p { position:relative; font:18px/30px "microsoft yahei"; color:#FFF; z-index:3;}