@charset "utf-8";
/*form*/

.ban_box{position:relative;}
.contact_box{
	position:absolute;
	left:0px;
	top:120px;
	width:100%;
	
	}
.contact_form{
	margin-top:30px;
	
	}
#trigger{position:relative;}
#trigger h1{
	display:inline-block;
	float:left;
	width:130px;
	height:130px;
	background-color:#000;
	border-radius:50%;
	overflow:hidden;
	}
#trigger h1 a{
	border-radius:50%;
	display:inline-block;
	width:100%;
	height:100%;
	float:left;
	}
#trigger h1:hover a, #trigger h1.on a{opacity:0.8;}
#trigger h1.one{ width:135px;height:135px;position:absolute;left:180px;top:180px;}
#trigger h1.two{position:absolute;left:610px;top:180px;}
#trigger h1.three{ width:155px;height:155px;position:absolute;left:390px;top:45px;}
#trigger h1.four{width:120px;height:120px;position:absolute;left:600px;top:370px;}
#trigger h1.five{position:absolute;left:150px;top:350px;}
#trigger h1.one a{
	background:#63ca07 url("../images/ban_contact_icon01.png") center center no-repeat;
	}
#trigger h1.two a{
	background:#37ca88 url("../images/ban_contact_icon02.png") center center no-repeat;
	}
#trigger h1.three a{
	background:#fa2e80 url("../images/ban_contact_icon03.png") center center no-repeat;
	}
#trigger h1.four a{
	background:#0099ff url("../images/ban_contact_icon04.png") center center no-repeat;
	}
#trigger h1.five a{
	background:#ffc000 url("../images/ban_contact_icon05.png") center center no-repeat;
	}
	
	
	
	
	
	
	
#trigger h1 a{
	}

/* Style you custom popupbox according to your requirement */
.popupbox {
	width:500px;
	height:300px;
	background-color:#fff;
	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
.popupbox2 {
	width:550px;
	height:300px;
	background-color:#fff;
	display: none; 
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
.popupbox3 {
	width:500px;
	height:300px;
	background-color:#fff;
	display: none;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
.popupbox4 {
	width:610px;
	height:400px;
	background-color:#fff;
	display: none;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}
#fade { 
	display: none; /* Hidden as default */
	background-color:rgba(102,102,102,.5);
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 9999;
}
#intabdiv,#intabdiv2,#intabdiv3,#intabdiv4 {
	text-align:center;
	padding:40px 70px;
}
#close img {
	text-decoration:none;
}
#close {
	width:50px;
	height:50px;
	position: absolute;
	float:right;
}

#intabdiv h2,#intabdiv2 h2,#intabdiv3 h2,#intabdiv4 h2 {
	font-size:24px;
	color:#696868;
	font-family:Verdana, Geneva, sans-serif;
}
#intabdiv p,#intabdiv2 p,#intabdiv3 p,#intabdiv4 p{
	font-size:32px;
	color:#00c8f2;
	font-family:Verdana, Geneva, sans-serif;
	line-height:50px;
	font-weight:bold;
}



#formbox h3{font-size:16px;height:32px;color:#3366cc;font-weight:800;border-bottom:solid 1px #D1D1D1;margin:0 0 5px 0;padding:0 10px;text-align:center;}
#formbox .item{padding-top:5px;height:50px;overflow:hidden;line-height:36px;font-size:16px;}
#formbox .item2{padding-top:5px;overflow:hidden;line-height:26px;font-size:14px;}
#formbox .item a:link,#formbox .item a:visited{text-decoration:underline;}
#formbox .item2 .fl textarea{border:1px solid #bbb;}
#formbox .label{float:left;margin-left:40px;width:140px;text-align:right;font-size:14px;}
#formbox .span-150{width:150px;}
#formbox .text{width:240px;height:24px;padding:4px 3px;border:1px solid #bbb;font-size:14px;font-family:arial,"宋体";}
#formbox .text-1{width:100px;}
#formbox .blank{width:16px;height:16px;margin:2px 5px 0;}
#formbox .img img{height:26px;margin:0 5px;}
#formbox .succeed{background:url(images/pwdstrength.gif) no-repeat -105px 0;}
#formbox .blue_button{font-weight:bold;color:#fff;border:none;cursor:pointer;background-color:#00c8f2;border-radius:6px;padding:5px 20px;font-size:18px;}
#formbox .highlight1{border:1px solid #EFA100;outline:2px solid #FFDC97;*border:2px solid #ffcc66;*padding:3px 2px;}
#formbox .highlight2{border:1px solid #f00;outline:1px solid #FFC1C1;color:#f00;}
#formbox .pwdbg{background:#FFF8EB;}
#formbox .focus{color:#999;line-height:22px;*line-height:20px;}
#formbox .null,#formbox .error{color:red;line-height:22px;*line-height:20px;}
#formbox .checkbox{margin-top:6px;*margin-top:2px;}
#formbox #referrer{color:#999;font-size:12px;}
#formbox #protocol{margin:0px 5px 0 0;display:inline;}
#pwdstrength{color:#999;line-height:22px;padding-right:10px;}
#pwdstrength b{float:left;width:104px;height:13px;overflow:hidden;margin-top:5px;*margin-top:3px;}

.theme-popover{z-index:9999;position:fixed;top:20px;left:50%;width:660px;margin:0px 0 0 -330px;border-radius:5px;border:1px solid #aaa;background-color:#fff;display:none;box-shadow: 0 0 10px #666;}
.theme-poptit{paddin-top:10px;position: relative;}
.theme-poptit a{text-decoration:none;border:1px solid #eaeaea;float:right;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;color:#f00;font-size:20px;font-weight:bold;}
.theme-popbod{padding:20px 15px 10px;}
.theme-popover-mask{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none}


