@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {	width:100%;}

body {background-color:#e9e9e9;}
ul,li {	list-style:none;	}

input[type="text"]
    {
	color:#abadae;
	font-size:80%;
	border: 1px solid #b2b2b2; 
	vertical-align:bottom;
    }

input[type="submit"]
	 {padding:2px 10px}

input[type="button"]
	 {padding:2px 10px}
	
/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		9;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	50;
	
	灵感来自于 Ethan Marcotte 的“具有响应的 Web 设计” 
	http://www.alistapart.com/articles/responsive-web-design
	
	和 Joni Korpi 的“黄金网格系统”
	http://goldengridsystem.com/
*/

/* 移动设备布局: 480px 及更低。 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 94.3703%;
	padding-left: 1.8148%;
	padding-right: 1.8148%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.login_tipbg,.login_tipbg2{
	width:100%;
	height:100%;
	min-height:500px;
	margin:0 auto;
	padding:0;
	background-repeat:no-repeat;
	/*border:1px #ff0000 solid;*/
	}
.login_tipbg {
	background-image:url(../images/login_tipbg.gif);
	background-position:left bottom;}

.bg_cloud {
	width:100%;
	height:100%;
	/*background-image:url(../images/login_cloud_phone.gif);
	background-repeat:repeat;
	border:1px solid #000;*/
	}

.login_bg {
	display:block;
	margin:0 auto;
	width:80%;
	margin-left:10%;
	}	
.login_bg input {}
	
.title {width:100%;	}

.title1 {
	color:#21B8C6;
	margin-top:30px;
	display:block; 
	font-size:180%;
	font-family:黑体;
	text-align:center;	}
.title2 {
	color:#E8A328;
	margin-top:10px; 
	margin-bottom:15px;
	display:block; 
	font-size:180%;
	font-family:黑体;
	text-align:center; 
}

.login_name {
	background-image:url(../images/login_name.gif);}
.login_pw {
	background-image:url(../images/login_pass.gif);}
.login_phone {
	background-image:url(../images/login_phone.gif);}	
.login_email {
	background-image:url(../images/login_email.gif);}		

.login_name,.login_pw,.login_phone,.login_email {
	display:block;
	padding:15px 0 0 42px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:left bottom;
	width:80%;
	}	

.login_name input,.login_pw input,.login_phone input,.login_email input {
	width:100%;
	max-width:350px;
	height:34px;	
	border:1px solid #21b9c7;
	border-radius:0;
	}

.login_btn  {
	display:block;
	width:100%;
	margin:0 auto;
	margin-top:15%;
	margin-bottom:10px;
	text-align:center;
	}

.login_btn3  {
	display:inline;
	text-align:center;
	/*background-color:#f4a019;*/
	padding:10px 6px 0 6px;
	margin-top:15px;
	}	
.login_btn3 A:link,.login_btn3 A:visited,.login_btn3 A:hover {
	color:#f4a019;
	font-size:120%;
	text-decoration:none;
	
	}	
.login_btn input[type="submit"] ,.login_btn3	input[type="submit"]{
	width:100%;
	height:40px;
	background-color:#21b9c7;
	color:#ffffff;
	font-size:160%;	   
	border:0; 
	border-radius:0;       
    }

.login_btn2 {
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
	width:60px;
	height:60px;	
	padding-top:5px;
	background-color:#21B8C6;
	border:1px solid #21b9c7;
	border-radius:30px;
	color:#ffffff;
	text-align:center;
	}

.login_btn2 A:link,.login_btn2 A:visited {color:#ffffff;text-decoration:none;text-align:center}

.login_btn2 A:active {}
	
.login_tip {
	display:block;
	width:80%;
	color:#5c2d00;
	font-size:110%;
	margin-top:10%;
	margin-left:10%;
	margin-bottom:5%;  
}


/*修改个人资料checkuser、shfen   */
.check {
	font-size:120%;
	margin:0 auto;
	width:100%;
	}

.check table {width:100%}

.check input {
	width:60%;
	max-width:350px;
	height:28px;	
	border:1px solid #21b9c7;
	border-radius:0;
	}

.login_tip2 {
	display:block;
	width:80%;
	color:#ff0000;
	font-size:100%;
	margin-top:10%;
	margin-left:10%;
	margin-bottom:5px;
}

/*中转界面，可参见上一级目录下的style.css   */
.zz {
	display:block;
	margin:0 auto;
	padding:0;
	width:100%;
	text-align:center;
	max-width:740px;
	font-size:180%;
	color:#ffffff;
	}	

.zz A:link,.zz A:visited {color:#fff;text-decoration:none;
	border-bottom:3px solid #83d0d7;padding-bottom:5px;}
.zz A:hover {color:#b76104;text-decoration:none;
	border-bottom:3px solid #b76104;padding-bottom:5px;}

.zz ul {
	float:left;width:100%;margin:0 auto;}
.zz li {
	float:left;
	width:47%;
	margin:0;
	padding:0;
	text-align:center;
	padding-top:50px;
	min-height:90px;
	/*	
	min-width:140px;
	border:1px solid #ff0000;*/
	}

li.blue1 {background-color:#65cdd8;}
li.blue2 {background-color:#43beca;}
li.blue3 {background-color:#76c88d;}
li.blue4 {background-color:#b0ce85;}
li.blue5 {background-color:#20aeba;}
li.blue6 {background-color:#3fb4be;}

/*答题界面  */

.title3 {	
		width:100%;
		padding:14px 0;
		background-color:#21B8C6;
		color:#fff;
		font-size:140%;	
		font-family:黑体;
		margin-bottom:15px;
	}
.navi {
	width:100%;
	text-align:center;
	height:35px;
	margin-bottom:5px;
	}
.navi li {
	float:left;
	color:#22becb;
	text-align:center;
	width:16%;
	font-family:微软雅黑;
	font-size:120%;
	}
.navi A:link,.navi A:visited {color:#19949e;text-decoration:none;}
.navi A:hover {color:#b76104;text-decoration:none;}

.timu {
	width:90%;
	margin:0 auto;
	padding:15px;
	border:1px solid #22becb;
	/*font-family:微软雅黑;*/
	}

.timu_end {
	width:90%;
	margin:0 auto;
	padding:15px;
	border:1px solid #f4a019;
	border-radius:10px;	
	text-align:center;
	color:#915c05;
	/*
	background-color:#f4a019;
	font-family:微软雅黑;*/
	}
.timu_end p {text-indent:70px;padding-top:15px}

.name_bg,.grade_bg,.time_bg {
	width:355px;
	height:55px;
	margin-top:10px;
	}

.name_bg {background-image:url(../images/name_bg.gif);}
.grade_bg {background-image:url(../images/grade_bg.gif);}
.time_bg {background-image:url(../images/time_bg.gif);}

.title_answer_outline {width:90%;margin:0 auto}
.title_answer {
	color:#fff;
	font-size:20pt;		
	font-family:黑体;
	margin-top:20px;
	padding:5px 20px;
	background-color:#ffad29;
	}
	

.timu_answer {
	width:90%;
	margin:0 auto;
	padding:15px;
	border:1px solid #22becb;
	border-radius:10px;
	}
.timu_answer p{line-height:150%}
.dx {
	color:#ff0000;
	font-weight:bold;
	}

.cha {	
	width:355px;
	margin:0 auto;
	text-align:left;
	}
	
.chakan {
	color:#ff0000;
	font-size:160%;
	padding-left:0.5em;
	padding-right:0.5em;
	}

.abcd {padding-left:40px;}

/*查看个人历史成绩*/
.userlist {margin:0 auto;width:90%;margin-top:30px;margin-bottom:40px;color:#915c05;text-align:center;}
.userlist p {text-indent:30px;padding-top:15px}

#userlist img {margin-bottom:5px}

@media screen and (orientation:portrait) {}

@media screen and (orientation:landscape) {
.login_bg {
	display:block;
	width:60%;
	margin-left:20%;
	}

.title1,.title2 {
	margin-top:15px;}

.login_name { padding-top:15px}
.login_btn  {
	margin-top:5%;
	}	
.login_btn input[type="submit"] {
	width:65%;       
    }

.login_btn2 {
	width:60px;
	height:60px;
	border:1px solid #21b9c7;
	border-radius:30px;
	color:#ffffff;
	text-align:center;
	}

}


/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 89.125%;
	padding-left: 1.9375%;
	padding-right: 1.9375%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.login_tipbg{
	background-image:url(../images/login_bg_left.gif);
	}
.login_tipbg2{
	background-image:url(../images/login_bg_right.gif);
	background-position:right bottom;
	}
}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 769px) {

body {background-color:#d7f5ff;}

.gridContainer {
	width: 87%;
	max-width: 1232px;
	padding-left: 1.5%;
	padding-right: 1.5%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.login_tipbg{background-image:url(../images/login_bg_left.gif);}
.login_tipbg2{background-image:url(../images/login_bg_right.gif);
	background-position:right bottom;}

.title {
	width:100%;
	display:block;	
	}
	
.title1 ,.title2 {display:none;}

.title_img {
	display:block;	
	width:100%;
	height:147px;
	margin:20px 0;
	background-image:url(../images/title.gif);
	background-repeat:no-repeat;
	background-position:center;
	}


.login_bg {
	display:block;	
	width:700px;
	max-height:330px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
	background-color:#21b9c7;
	font-size:150%;
	color:#ffffff;
	}

.login_name,.login_pw,.login_phone,.login_email {	
	display:block;
	width:342px;
	margin:0 auto;
	padding-top:0;
	border:1px solid #fff;
	}	

.login_pw,.login_phone,.login_email {	
	margin-top:40px;
	}	
	
.login_name input,.login_pw input,.login_phone input,.login_email input {
	display:block;
	width:340px;
	height:36px;
	
	border:1px solid #21b9c7;
	border-radius:0;
	}

.login_btn  {
	display:block;
	width:100%;
	margin:50px 0;
	text-align:center;
	}
		
.login_btn input[type="submit"] {
	width:30%;
	height:40px;
	background-color:#e8a328;
	color:#ffffff;
	font-size:120%;	   
	border:0; 
	border-radius:0;       
    }

.login_btn2 {
	margin:0 auto;
	margin-top:25px;
	width:340px;
	height:40px;
	border:1px solid #21b9c7;
	border-radius:20px;
	color:#ffffff;
	font-weight:bold;
	vertical-align:central;	
	text-align:center;
	padding-top:15px;
	}

.login_btn3 {
	display:inline;
	margin:0 auto;
	height:40px;
	border:1px solid #21b9c7;
	color:#ffffff;
	font-weight:bold;
	vertical-align:central;	
	text-align:center;
	}
	
.login_bg_bottom {
	display:block;	
	width:700px;
	height:35px;
	margin:0 auto;
	text-align:center;
	background-color:#d3e7de;
	}
	
.login_tip {
	display:block;	
	width:700px;
	margin:0 auto;
	margin-top:20px; 
	margin-bottom:150px; 
	line-height:140%;
	/*border:1px solid #000;*/	  
}

.login_tip2 {
	display:block;	
	width:600px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:5px;
	line-height:180%;
	/*border:1px solid #000;*/	  
}
	
.check table {width:80%}

.navi {
	width:80%;
	margin-left:10%;
	}

.login_btn3  {
	display:inline;
	width:240px;
	text-align:center;
	padding:10px 10px 0 10px; 
	}	
.login_btn3 A:link,.login_btn3 A:visited {
	color:#f6e2c3;
	font-size:90%;
	text-decoration:none;
	}

.login_btn3 A:hover,.login_btn3 A:active {
	color:#fff;
	border:1px solid #f4a019;
	padding:5px 20px;

}