body {-webkit-text-size-adjust:none; word-wrap:break-word; word-break:normal; color:#333;}
body, input, textarea, select , p , table, div{font-size:13px; color:#333; font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;}
dd,dt,dl,p,ul,li,ol,form,input,h1,h2,h3,h4,h5,h6 {margin:0px;padding:0px;}
ul,ol,li {list-style-type:none; list-style-image:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-style:normal;}

a {text-decoration:underline; 
	color:#0454c2; 
	outline: none; /* for Firefox */
	hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
a:hover {text-decoration:none;color:#0454c2;}

/*clearfix*/
.clear {clear:both;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
img {border:none; text-decoration:none;}

/*iframe*/
div.iframe {width:717px;
	margin:0;
	padding-top:16px;
	padding-bottom:10px;
	background:url(images/img_bg.gif) repeat-x left top;
	position:relative;
}

span.math {color:#017dc0;font-weight:bold;}
span.english {color:#498404;font-weight:bold;}
span.physical {color:#b61920;font-weight:bold;}
span.mark, font.score {color:#FF0000;font-weight:bold;}
span.total {width:170px;display:block; float:left;}


/*index, top------------------------------------------------------------------------------------------------------*/
div.iframe p.tt {
	text-align:center;
	margin-bottom:10px;
}

div.notebox {
	width:677px;
	margin:0 auto 15px auto;
}
div.notebox p {
	color:#822626;
	font-weight:bold;
	text-align:left;
	padding-top:11px;
	padding-top:13px\9;
	padding-left:22px;
}
div.notebox ul {
	padding-left:44px;
	margin-top:16px;
	width:630px;
}
div.notebox li {
	list-style-type:decimal;
	padding:5px 0;
}
div.notebox li {
	line-height:24px;
	_line-height:26px;
}

div.event {
	height:331px;
	background:url(images/img_bg_index.gif) no-repeat;
}
div.event ul {
	width:490px;
}
div.notebg {
	height:150px;
	background:url(images/img_bg_note.gif) no-repeat;
}
div.notebg li {
	line-height:20px;
}
div.rule {
	height:177px;
	background:url(images/img_bg_rule.gif) no-repeat;
}
div.rule li {
	line-height:20px;
}
div.recordtop {
	height:126px;
	background:url(images/img_top_record.gif) no-repeat;
}
div.recordtop li {
	list-style-type: none;
}


/*index menu----------------------------------------------------------------------------------------------------*/
a.btn_math, a.btn_english, a.btn_physical,a.btn_record, a.btn_link, a.btn_more, a.btn_recom {
	position:absolute;
	z-index:1;
	border:none;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:133px;
	height:49px;
	left:563px;
}
a.btn_math {
	background:url(images/btn_index.gif) no-repeat 0 0;
	top:305px;
}
a.btn_math:hover {
	background:url(images/btn_index.gif) no-repeat 1px 0;
}
a.btn_english {
	background:url(images/btn_index.gif) no-repeat 0 -55px;
	top:360px;
}
a.btn_english:hover {
	background:url(images/btn_index.gif) no-repeat 1px -55px;
}
a.btn_physical {
	background:url(images/btn_index.gif) no-repeat 0 -110px;
	top:415px;
}
a.btn_physical:hover {
	background:url(images/btn_index.gif) no-repeat 1px -110px;
}
a.btn_record {
	background:url(images/btn_index.gif) no-repeat 0 -165px;
	top:470px;
}
a.btn_record:hover {
	background:url(images/btn_index.gif) no-repeat 1px -165px;
}
a.btn_link {
	background:url(images/btn_index.gif) no-repeat 0 -220px;
	top:525px;
}
a.btn_link:hover {
	background:url(images/btn_index.gif) no-repeat 1px -220px;
}

/*exam box----------------------------------------------------------------------------------------------------*/
p.examtop {
	height:135px;
	padding:0;
	width:701px;
	margin:0 auto;
}
p.exambot {
	height:30px;
	padding:0;
	width:701px;
	background:url(images/img_boxbot.gif) no-repeat bottom;
	margin:0 auto;
}
p.mathbg {
	background:url(images/img_title.gif) no-repeat 0 0;
}
p.englishbg {
	background:url(images/img_title.gif) no-repeat 0 -141px;
}
p.physicalbg {
	background:url(images/img_title.gif) no-repeat 0 -282px;
}
p.sharebg {
	background:url(images/img_title.gif) no-repeat 0 -423px;
}

p.rec_math {
	background:url(images/img_title2.gif) no-repeat 0 0;
}
p.rec_english {
	background:url(images/img_title2.gif) no-repeat 0 -141px;
}
p.rec_physical {
	background:url(images/img_title2.gif) no-repeat 0 -282px;
}


p.datebox {
	width:701px;
	margin:0 auto;
	padding:0;
	height:54px;
	background:url(images/img_bg_date.gif) no-repeat top left;
}
p.datebox span.L{
	float:left;
	font-weight:bold;
	padding-top:20px;
	padding-left:30px;
}
p.datebox span.R{
	float:right;
	font-weight:normal;
	padding-top:18px;
	padding-right:28px;
}
div.exambox {
	width:701px;
	background:url(images/img_bg_mid.gif) repeat-y;
	margin:0 auto;
}
div.exambox p.btnbox {
	width:701px;
	text-align:center;
	display: inline-table;
	padding:10px 0;
}

div.mvbox {
	float:left;
	margin:10px 0 20px 17px;
	_margin:10px 0 20px 9px;
	text-align:left;
	width:280px;
}
div.QAbox {
	float:right;
	width:366px;
	margin:10px 17px 20px 0;
	_margin:10px 9px 20px 0;
}
div.QAbox p.top {
	background:url(images/img_qabg_t.gif) repeat; 
	height:23px;
	width:366px;
}
div.QAbox p.bot {
	background:url(images/img_qabg_b.gif) repeat; 
	height:31px;
	width:366px;
}
div.QAbox .mid {
	background:url(images/img_qabg_m.gif) repeat-y top left; 
	width:366px;
}
div.QAbox .mid ul {
	width:314px;
	margin:0 auto;
}
div.QAbox .mid li {
	width:314px;
	text-align:center;
	padding:5px 0;
}
div.QAbox .mid li.timer {
	color:#C90000;
	background:url(images/img_timerbg.gif) no-repeat center;
	height:18px;
	font-weight:normal;
}
div.QAbox .mid li.answer {
	color:#FFF;
	font-size:12px;
	padding:6px 0;
	text-align:left;
}
div.QAbox .mid li.gostart {
	text-align:center;
	padding:40px 0;
}
div.QAbox .mid li.share {
	text-align:left;
	color:#FFF;
	line-height:20px;
}
div.QAbox .mid span.w{
	font-weight:bold;
	color:#FFFF00;
}
div.QAbox .mid span.school{
	font-weight:normal;
	color:#00fff6;
}

p.recordbtn {
	width:700px;
	height:64px;
	position:relative;
	margin:0 auto;
}
a.math_r, a.english_r, a.physical_r {
	position:absolute;
	z-index:1;
	border:none;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:145px;
	height:64px;
	top:0;
}
a.math_r {
	background:url(images/btn_record_1.gif) no-repeat 0 0;
	left:120px;
}
a.math_r:hover {
	background:url(images/btn_record_1.gif) no-repeat 0 1px;
}
a.english_r {
	background:url(images/btn_record_2.gif) no-repeat 0 0;
	left:277px;
}
a.english_r:hover {
	background:url(images/btn_record_2.gif) no-repeat 0 1px;
}
a.physical_r {
	background:url(images/btn_record_3.gif) no-repeat 0 0;
	left:435px;
}
a.physical_r:hover {
	background:url(images/btn_record_3.gif) no-repeat 0 1px;
}

table.learn {
	width:651px;
	margin:0 auto;
	padding:10px 0;
}
table.learn th {
	background:#cfcac7;
	padding:8px 0;
	text-align:center;
	font-weight:bold;
	color:#7f7f7f;
}
table.learn td {
	padding:12px 0;
	text-align:center;
	color:#333;
	border-bottom:#ababab 1px dashed;
}
table.learn td.datet {
	font-size:11px;
}
table.learn td a {
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
table.learn td a:hover {
	color:#333;
	text-decoration:underline;
	font-weight:bold;
}
table.learn td a.right {
	color:#ff0000;
}
table.learn td a.wrong {
	color:#3c9700;
}
table.learn td a.not {
	color:#0042ff;
}
table.learn td a.right, table.learn td a.wrong, table.learn td a.not {
	text-decoration:none;
	font-weight:bold;
}
table.learn td a.right:hover, table.learn td a.wrong:hover, table.learn td a.not:hover {
	text-decoration:underline;
}

div.pagealign{text-align:center; padding-top:8px;}

/*share of video----------------------------------------------------------------------------------------------------*/
ul.share {
	width:660px;
	margin:0;
	display:inline-table;
	padding-left:41px;
}
ul.share li {
	width:131px;
	float:left;
	padding:0 12px;
	margin-bottom:15px;
	text-align:center;
}
ul.share li p {
	padding:5px;
	font-size:12px;
	text-align:center;
	line-height:18px;
}
.videobox {
	width:129px;
	height:92px;
	border:#CCC 1px solid;
	background:#fff;
	position:relative;
}
.videobox img {
	width:127px;
	height:90px;
	margin:1px;
}
.videobox .play {
	background:url(images/btn_play.png) no-repeat top left;	
	position:absolute;
	cursor:pointer;
	height:92px;
	width:129px;
	top:1px;
	left:1px;
	overflow:hidden;
}

/*lightbox----------------------------------------------------------------------------------------------------*/
div.lbox {
	width:524px;
	height:364px;
	position:relative;
}
div.lbox p {
	padding-top:70px;
	margin-left:200px;
	text-align:center;
	width:257px;
	height:110px;
	display:block;
	font-size:15px;
	font-weight:bold;
	line-height:150%;
}
div.lbox span.red {
	color:#FF0000;
}
div.lbox span.blue {
	color:#0454c2;
	font-size:13px;
	font-weight: normal;
}
a.more, a.again, a.yes {
	position:absolute;
	z-index:1;
	border:none;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:71px;
	top:250px;
}
a.more {
	width:273px;
	left:40px;
	background:url(images/btn_more.gif) no-repeat;
}
a.again {
	width:161px;
	left:325px;
	background:url(images/btn_again.gif) no-repeat;
}
a.yes {
	width:101px;
	left:345px;
	background:url(images/btn_yes.gif) no-repeat;
}

div.lbox_bg1 {
	background:url(images/img_lbox.png) no-repeat 0 0;
}
div.lbox_bg2 {
	background:url(images/img_lbox.png) no-repeat 0 -371px;
}
div.lbox_bg3 {
	background:url(images/img_lbox.png) no-repeat 0 -740px;
}
div.lbox_bg4 {
	background:url(images/img_lbox.png) no-repeat 0 -1109px;
}

div.lbox p.blog {
	padding-top:186px;
	margin-left:40px;
	text-align:left;
	width:446px;
	display:block;
	font-size:13px;
	font-weight: normal;
	line-height:20px;
}
a.clear, a.sure {
	position:absolute;
	z-index:1;
	border:none;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:39px;
	width:76px;
	top:290px;
}
a.clear {
	left:180px;
	background:url(images/btn_clear.gif) no-repeat 0 0;
}
a.clear:hover {
	background:url(images/btn_clear.gif) no-repeat 0 1px;
}
a.sure {
	left:265px;
	background:url(images/btn_sure.gif) no-repeat 0 0;
}
a.sure:hover {
	left:265px;
	background:url(images/btn_sure.gif) no-repeat 0 1px;
}
div.lightbox {width:403px; height:152px; display:none;}
div.lightbox ul{width:274px; padding:11px 10px 0 116px;}
div.lightbox li{line-height:20px; padding:6px; text-align:center; color:#444;}
div.lightbox li span{ font-weight:bold; font-size:15px;}
div.lightbox li.content{ height:65px;line-height:22px;} 
div.pass {background:url(images/img_ligbox_bg1.gif) no-repeat top left;}
div.fail {background:url(images/img_ligbox_bg2.gif) no-repeat top left;}