@charset "utf-8";
html, body, span, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, em, img, strong, b, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tr, th, td, textarea {
	margin: 0;
	padding: 0;
}
ul, li, ol {
	list-style: none;
}
[hidden] {
 display: none;
}
div{
border:solid 0px black;
}
html, body {
	background: #fff;
	color: #666;
	font-size: 12px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height:1.5em;
	font-weight:300;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-overflow-scrolling:touch;
}
a:focus {
	outline: thin dotted;
}
a:active, a:hover {
	outline: 0;
}
a, a:link, a:visited, a:active {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #680;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
button, input, select, textarea {
	font-size: 100%;
	vertical-align: baseline;
 *vertical-align: middle;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
b, strong {
	font-weight:700;
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup {
	top:-.5em;
}
sub {
	bottom:-.25em;
}
.clearfix {
*zoom:1;
}
.clearfix:after {
	content:"\0020";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix:before {
	content:" ";
	display:table;
	height:0;
	overflow:hidden;
}
.clr {
	clear:both;
}
.pagewrapper {
	width: 100%;
	max-width: 1000px;
	min-width: 480px;
	margin: 0 auto;
	background:#fff;
}
.pageauto {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 480px;
}
.top {
	display:block;
}
.top img {
	max-width:282px !important;
	height:auto !important;
}
.menu{
	display:block;
	height:36px;
	background:#4B4A48;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
	line-height:35px;
	color:#FFF;
}
.view{
	min-height:300px;
	margin-top:20px;
}
.view .lt{
	float:left;
	width:28%;
	margin:0 1% 0 1%;
	display:inline-block;
}
.view .rt{
	float:left;
	width:68%;
	height: 100%;
	margin:0 1% 0 1%;
	display:inline-block;
	border:solid 0px black;
}
.view .apic img{
	width:100%;
}
.view .ipic{
	text-align:center;
	padding:10px 0;
}
.view .ipic img{
	width:90%;
}
.view .ipic2{
	width:100%;
	background:url(../images/3pic2.jpg) 0 0 no-repeat;
	background-size:100%;
	min-height:410px;
}
.view .atxt{
	text-align:center;	
	padding:0 0 20px 0;
}
.view .aico{
	padding:5px 1%;
}
.view .aico .aicolt{
	float:left;
	width:28%;
	margin:0 1% 0 1%;
	display:inline-block;
}
.view .aico .aicort{
	float:left;
	width:68%;
	margin:0 1% 0 1%;
	display:inline-block;
	line-height:1.5em;
}
.view .aico .aicolt img{
	width:90%;
}
.view .tits{
	line-height:100%;
	padding:10px 0;
	font-weight:600;
	display:block;
	font-size:18px;
	color:#999;
	text-align:left;
}
.view .btn_link{
	line-height:100%;
	padding:10px 0;
	font-weight:600;
	display:block;
	font-size:14px;
	color:#fff;
	text-align:center;
}
.view .btn_link a{
	line-height:100%;
	padding:8px;
	font-weight:600;
	display:inline-block;
	font-size:14px;
	color:#fff;
	text-align:center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}
.view .btn_link .off{
	background:#D5D5D5;
}
.view .btn_link .on{
	background:#FABF0D;
	margin-left:1%;
}
.view .titbar{
	border-bottom:solid #ccc 1px;
	line-height:100%;
	padding:25px 0 5px 0;
	font-weight:600;
	display:block;
	font-size:18px;
	color:#999;
}
.view .titbar span{
	float:right;
	display:inline-block;
}
.view .info{
	margin:10px 0;
}
.info .tab{
	width:98%;
	margin:0 auto;
}
.info .tab .item{
	width:33%;
	display:inline-block;
	float:left;
	line-height:30px;
	text-align:center;
	vertical-align:middle;
}
.tab .item .tlt{
	float:left;
	width:58%;
	margin:0 1% 0 1%;
	display:inline-block;
	line-height:20px;
	white-space:nowrap;
	overflow:hidden;
}
.tab .item .trt{
	float:left;
	width:38%;
	margin:0 1% 0 1%;
	display:inline-block;
	line-height:20px;
	white-space:nowrap;
	overflow:hidden;
}
.tab .item .txt{
	font-size:10px;
	color:eee;
}
.view .ipic2 span{
	border:solid 0px black;
	width : 70px;
	display:inline-block;
	position:absolute;
	color:#fff;
}
.view .ipic2 .tagpic1{
	margin:9.7% 0 0 18%;
	font-weight:700;
}
.view .ipic2 .tagpic2{
	margin:12% 0 0 89%;
	font-weight:700;
}
.view .ipic2 .tagpic3{
	margin:25.7% 0 0 62%;
	font-weight:700;
	color:#fefefe;
}
.view .ipic2 .tagpic4{
	margin:30% 0 0 73%;
	text-align:center;
	font-weight:700;
}
.view .ipic2 .tagpic5{
	margin:45.8% 0 0 65%;
	font-weight:700;
}
.view .ipic2 .tagpic11{
	margin:9.7% 0 0 8%;
	font-weight:900;
	font-size: 150%;
}
.view .ipic2 .tagpic21{
	margin:12% 0 0 78%;
	font-weight:900;
	font-size: 150%;
}
.view .ipic2 .tagpic31{
	margin:25.7% 0 0 55.2%;
	font-weight:700;
	font-size: 120%;
	color:#fefefe;
}
.view .ipic2 .tagpic41{
	margin:26.5% 0 0 73%;
	text-align:center;
	font-weight:900;
	font-size: 150%;
}
.view .ipic2 .tagpic51{
	margin:45.8% 0 0 54%;
	font-weight:700;
	font-size: 120%;
}
.loginmain{
	background:#ccc;
	background:url(../images/loginbg.gif)0 0 no-repeat;background-size:100% 800px; min-height:700px;
}
.loginmain .login{
	width:480px;
	margin:0 auto;
	padding:7% 0;
}
.loginmain .login .tit{
	padding:20px;
	text-align:center;
	background:#A0C9ED;
	color:#fff;
	font-size:18px;
	font-weight:700;
	text-shadow: 0 0px, 1px 1px rgba(0, 0, 0, .8);
	-moz-box-shadow: 1px 0px 0px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, .12);
	box-shadow: 1px 0px 0px rgba(0, 0, 0, .12);
	-webkit-border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}
.loginmain .login .info{
	background:#E1E1E1;
	border-top:solid #fefefe 1px;
	-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, .12);
	box-shadow: 1px 2px 1px rgba(0, 0, 0, .12);
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	min-height:200px;
}
.login .info .itemo{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border-top:solid #CECECE 1px;
	border-bottom:solid #ffffff 1px;
	border-left:solid #cccccc 1px;
	border-right:solid #ffffff 1px;
	background:#DFDFDF;
	margin:15px 5%;
}
.login .info .itemo span{
	margin:0 5% 0 0;
}
.login .info .item{
	float:left;
	display:inline-block;
	width:40%;
	line-height:64px;
	font-weight:800;
}
.login .info .item2{
	float:left;
	display:inline-block;
	width:60%;
	line-height:64px;
	padding:18px 0;
}
.login .info .item2 .ipttxt{
	width:65%;
	height:20px;
	line-height:20px;
	border: solid #A0C9ED 1px;
}
.login .info .itemo2{
	margin:15px 5%;
	background:url(../images/login_bt1.png) center 0 no-repeat; height:65px;
	line-height:65px;
}
.login .info .itemo2 a{
	display:block;
	float:right;
	margin-right:110px;
	font-size:14px;
	font-weight:800;
	color:#999;
}
.login .info .itemo2 a:hover{
	color:#F7BE0D;
}
.login .info .itemo3{
	margin:10px 5%;
	line-height:25px;
	text-align:right;
}
.login .info .itemo3 a{
	color:#999;
}
.login .info .itemo4{
	margin:15px 5%;
	background:url(../images/login_bt.png) center 0 no-repeat; height:14px;
	line-height:14px;
	overflow:hidden;
}
.info .tabs{
	margin:20px auto;
}
.info .tabs .t1{
	float:left;
	width:30%;
	display:inline-block;
}
.info .tabs .t2{
	float:left;
	width:30%;
	display:inline-block;
}
.info .tabs .t3{
	float:left;
	width:33%;
	display:inline-block;
}
.info .tabs .t1s{
	float:left;
	width:3%;
	display:inline-block;
}
.info .tabs .line{
	border-left:solid #f2f2f2 1px;
	height:180px;
	margin:0 auto;
	width:1%;
}
.info .tabs .t2s{
	float:left;
	width:3%;
	display:inline-block;
}
.info .tabs .line2{
	height:180px;
	margin:0 auto;
	width:100%;
	display:block;
	background:url(../images/shuline2.gif) center center no-repeat;
	background-size:100%;
}
.info .tabs .tit{
	display:block;
	margin:5px auto 10px auto;
	font-size:14px;
	font-weight:700;
}
.info .tabs .t1 .item1{
	display:block;
	background:url(../images/sd1.gif) 0 0 no-repeat;
	background-size:100% 42px;
	height:42px;
	line-height:42px;
	text-align:right;
	padding-right:1%;
	margin-bottom:10px;
}
.info .tabs .t1 .item2{
	display:block;
	background:url(../images/sd2.gif) 0 0 no-repeat;
	background-size:100% 42px;
	height:42px;
	line-height:42px;
	text-align:right;
	padding-right:1%;
	margin-bottom:10px;
}
.info .tabs .t1 .item3{
	display:block;
	background:url(../images/sd3.gif) 0 0 no-repeat;
	background-size:100% 42px;
	height:42px;
	line-height:42px;
	text-align:right;
	padding-right:1%;
	margin-bottom:10px;
}
.info .tabs .t3 .item1{
	display:block;
	background:url(../images/r1_bg1.gif) 0 0 no-repeat;
	background-size:100% 32px;
	height:33px;
	line-height:32px;
	padding-right:2%;
	margin-bottom:20px;
}
.info .tabs .t1 .item4{
	display:block;
	background:url(../images/sd4.gif) 0 0 no-repeat;
	background-size:100% 42px;
	height:42px;
	line-height:42px;
	text-align:right;
	padding-right:1%;
	margin-bottom:10px;
}
.info .tabs .t3 .item1 font{
	display:inline-block;
	float:left;
	margin-left:20%;
}
.info .tabs .t3 .item1 span{
	display:inline-block;
	float:right;
}
.info .tabs .t3 .item2{
	display:block;
	background:url(../images/r2_bg1.gif) 0 0 no-repeat;
	background-size:100% 32px;
	height:33px;
	line-height:32px;
	padding-right:2%;
	margin-bottom:20px;
}
.info .tabs .t3 .item2 font{
	display:inline-block;
	float:left;
	margin-left:22%;
}
.info .tabs .t3 .item2 span{
	display:inline-block;
	float:right;
}
.info .tabs .t3 .item3{
	display:block;
	background:url(../images/r3_bg.gif) 0 0 no-repeat;
	background-size:100% 32px;
	height:33px;
	line-height:32px;
	padding-right:2%;
	margin-bottom:20px;
}
.info .tabs .t3 .item3 font{
	display:inline-block;
	float:left;
	margin-left:25%;
}
.info .tabs .t3 .item3 span{
	display:inline-block;
	float:right;
}
.info .tabs .t2 .item2 span{
	background:url(../images/daybg.gif) 0 0 no-repeat;
	background-size:100% 40px;
	height:40px;
	display:inline-block;
	padding:10px 5% 10px 20%;
}
.info .tabs .t2 .item4 span{
	background:url(../images/daybg.gif) 0 0 no-repeat;
	background-size:100% 40px;
	height:40px;
	display:inline-block;
	padding:10px 5% 10px 20%;
}
.info .inputtxt{
	vertical-align: middle;
	background-color:transparent;
	border:none;
	outline: none;
	resize: none;
	width:100%;
	height:23px;
	line-height:23px;
	font-size:12px;
	padding:0 5px;
	margin:0;
}

#Label1
{
	color:#ff0000;
	width: 240px;
	height: 20px;
	text-align:center;
	
}
.graph{
	width: 100%;
	height: 365px;	
	z-index:-1;

}

.box_mid{
	border: 0px solid #000;
	width: 100%;
	height: 18px;
	text-align: center;
	top: 0px;
	left: 0px;
	position: relative;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;	
}
.dd{
	float: right;
	border: 0px solid #000000;
	width: 30%;
	height: 22px;
	text-align: right;
	margin-right: 0;
	margin-top:-15px;	
	z-index:90;

}
#datepicker1{
	border:0px;
	text-align: right;
	margin-right: 16px;	
	font:13px/normal ΢���ź�;
	color: #333;
	position: relative;
	z-index:198;
}
#datepicker2{
	border:0px;
	font:13px/normal ΢���ź�;
	color: #333;
	position: relative;
	z-index:99;
}
#datepicker3{
	border:0px;
	font:13px/normal ΢���ź�;
	color: #333;
	position: relative;
	z-index:111;
}
#occ{
	position: absolute;
	background-color:White;
	border: 0px solid #000000;
	right: 20px;
	width:50px;
	height:14px;
	z-index:220;
}
.lgt{	
	margin:auto;
	border: 0px solid #000000;
	width: 960px;
	height: 22px;
	text-align: right;	
	margin-top:0px;	
	
}
/*below contents for forgot password page*/
.cmain
{
	border: 0px solid #000000;
   width:100%;
   text-align:center;
   margin-left:auto;
   margin-right:auto;
   margin-top : 20px;
   
}
.clabel
{
	float:left;
	border: 0px solid #000000;
	color:#333;
	text-align:right;
	margin-top:4px;
	width:200px;
}

.clab
{
	float:left;
	color:#333;

}

.citem
{	border: 0px solid #000000;
   	width:600px;
   	height:28px;
	margin-bottom:10px;
	text-align:center;
   	margin-left:auto;
   	margin-right:auto;
	vertical-align:middle;
}