/* Copyright (c) 2008 GoGoLet.com All rights reserved. */

/* Built by YangZihui */

/* MSN & Mail: cx-game@hotmail.com */

/* ///////////////////////////////////////////// */

* { margin: 0px; padding:0px; /*  border: 0px; */ }

body { background: #333333; margin: 0px; /* text-align: center; */ }
body,div,td,th { font-family: verdana, simsun, Lucida Grande, '宋体', sans-serif;  font-size: 12px; color: #333; line-height: 180%; }

div,form,img { padding: 0px; border: 0px; margin: 0px; }
dl,dt,dd,ul,ol,li { list-style-type: none; list-style-position: outside; padding: 0px; border: 0px; margin: 0px; }
dl,ul { clear: left; text-align: left; }
dt,dd,li { display: block; }
h1,h2,h3,h4,h5 { margin: 0px; }
select,input { font-size: 9pt; }
/* td,p { text-align: left; } */

em { font-style: normal; }

a { text-decoration: none; }
a:link    { color: #333; }
a:visited { color: #333; }
a:hover   { color: #F60; text-decoration: underline; }
a:active  { color: #F60; }

/* ///////////////////////////////////////////// */

.center { margin: 0 auto; }
.left   { margin: 0 auto 0 0; }
.right  { margin: 0 0 0 auto;}
.b { font-weight: bold; }

.float-l { float: left; }
.float-r { float: right; }

.clear-both { clear: both; height: 0; overflow: hidden; }

.white { color:#FFF; }
.red { color:#F00; }
.gray { color:#999; }
.orange { color:#F60; }
.blue { color:#014CCC; }

.b-blue { background:#FFFDE2; }



/* ///////////////////////////////////////////// */

.space0 { clear:both; width:100%; height:0px; overflow: hidden; clear:both; }


/*///// head op /////*/
#head { margin:0 auto; width:1003px; height:53px; background:#333333 url(../img/head_bak.jpg) no-repeat top; overflow:hidden; }
#head img { float:left; margin-left:10px; }
#head span { float:right; margin:30px 10px 0 0; }

/*///// main  /////*/
#main { clear:both; margin:0 auto; width:1003px; height:607px; overflow:hidden; background:#FFFFFF url(../img/left_bak.jpg) repeat-y left; }


/*///// main_left /////*/
#left { float:left; width:210px; height:400px; }
#left hr { clear:both; width:200px; float:left; margin:11px auto 11px 0; *margin:5px auto 0 -9px; border-top:1px solid #FFF; border-bottom:1px solid #CCC; border-left:none; border-right:none; }
#left center { display:block; margin:0 auto; width:177px; height:24px; line-height:24px; text-align:center; background:url(../img/online.jpg) no-repeat top; text-decoration:none; font-weight:bold; }


#left .login { clear:both; width:95%; height:auto; background:url(../img/login_bak.jpg) repeat-x top;  }
#left .login table { margin:10px auto 0 auto; width:90%; }
#left .login table td { padding:6px 0 !important; padding:5px 0; text-align:center; color:#999999; }
#left .login td img { margin:0 0 -3px 0; }
#left .login td .input { width:110px; height:18px; line-height:18px; border:1px solid #CCC; }
#left .login td input { vertical-align:middle; }
#left .login td a { display:inline-block; width:auto; height:18px; margin:-10px 0 0 10px !important; margin:0 0 7px 10px; text-decoration:underline; }
#left .login td a:link    { color: #083D65; }
#left .login td a:visited { color: #083D65; }
#left .login td a:hover   { color: #F60; text-decoration: underline; }
#left .login td a:active  { color: #F60; }
#left .login h3 { width:184px; margin:8px 0 4px 0; padding:0 3px; background:#FFF; height:20px; line-height:20px; font-size:12px; }
#left .login h3 a { float:right; font-weight:normal; }
#left .login h3 span { color:#FF0000; font-weight:normal; }
#left .login li { clear:none; margin:3px 0 3px 20px !important; margin:3px 4px 3px 12px; float:left; width:69px; height:24px; line-height:24px; }
#left .login li a { display:block; width:69px; height:24px; background:url(../img/login-ok.jpg) no-repeat center; text-align:center; }
#left .login li a:link    { color: #0D64A4; }
#left .login li a:visited { color: #0D64A4; }
#left .login li a:hover   { color: #0D64A4; text-decoration: underline; }
#left .login li a:active  { color: #0D64A4; }


#left .online { clear:both; width:95%; height:auto; }
#left .online ul { width:92%; margin:0 auto; height:auto; display:table; }
#left .online li { clear:none; float:left; margin:6px 4px 6px 6px !important; margin:5px 4px 5px 4px; width:81px; height:27px; background:url(../img/qq_bak.jpg) }
#left .online li a { display:block; width:81px; height:27px; line-height:29px; text-indent:33px; }
#left .online p { clear:both; display:block; width:85%; height:40px; margin:7px auto 2px auto !important; *margin:16px auto 4px auto !important; margin:5px auto 8px auto; color:#999; line-height:18px;}

#left .top { clear:both; width:95%; height:auto; }
#left .top dl { width:171px; margin:10px auto 0 auto; }
#left .top dt { clear:none; float:left; width:85px; height:24px; line-height:24px; *line-height:25px; text-align:center; color:#666; cursor:pointer; }
#left .top #m11 { background:url(../img/left1.jpg) no-repeat center; border-right:1px solid #CCCCCC; }
#left .top #m12 { background:url(../img/left2.jpg) no-repeat center; }
#left .top dd { clear:both; width:169px; height:178px; border:1px solid #CCC; background:#FFF; margin:0 auto; text-align:center; }
#left .top #m11.check { background:url(../img/left11.jpg) no-repeat center; }
#left .top #m12.check { background:url(../img/left22.jpg) no-repeat center; }
#left .top table { border-left:1px solid #CCC; border-top:1px solid #CCC; margin:10px auto; background:#E7E7E7; }
#left .top th { background:#DDDDDD; border-right:1px solid #CCC; border-bottom:1px solid #d4d4d4;  }
#left .top td { border-right:1px solid #CCC; border-bottom:1px solid #CCC; }
#left .top tr.alt { background:#F9F9F9;  /*这行将给所有的tr加上背景色*/ }
#left .top tr.over { background:#FFFFEE;  /*这个将是鼠标高亮行的背景色*/ }


/*///// main_right /////*/
#right { clear:none; margin:0; float:right; width:793px; background:#F5F5f5; }


/*///// foot /////*/
#foot{ margin:0 auto; width:1003px; height:52px; line-height:52px; text-align:center; font-size:11px; background:#333333 url(../img/foot_bak.jpg) no-repeat top; overflow:hidden; }


/*///// frame /////*/
#frame { text-align:left; width:793px; height:607px; background:#F5F5f5;overflow-x:hidden; overflow-y:hidden; }
.banner { margin:0 auto; }
.tese { clear:both; margin:25px auto 0 auto; }
.tese li { clear:none; float:left; width:33%; text-align:center; }

.menu { width:100%; padding:13px 0 0 0; height:39px; border-bottom:1px solid #D4D4D4; }
.menu ul { margin:0 auto; width:444px; height:39px; background:url(../img/menu.jpg) no-repeat center; }
.menu ul li { clear:none; float:left; }
.menu ul li a { display:block; margin:0 2px; width:107px; height:39px; line-height:39px; text-align:center; font-weight:bold; }
.menu ul li a:link    { color: #083D65; }
.menu ul li a:visited { color: #083D65; }
.menu ul li a:hover   { color: #083D65; background: url(../img/menu-over.jpg) no-repeat center; text-decoration: none; }
.menu ul li a:active  { color: #083D65; }
.menu ul .check a { background: url(../img/menu-check.jpg) no-repeat center; color:#083D65; }
.menu ul .check a:hover { background: url(../img/menu-check.jpg) no-repeat center; color:#083D65; }

.body { width:100%; height:514px; overflow-x:hidden; overflow-y:hidden; border-bottom:1px solid #D4D4D4; }

.tigang div { clear:none; float:left; margin:40px 10px 30px 23px !important;  margin:40px 10px 30px 16px; width:218px; height:200px; border:1px solid #dddddd; background:#FFFFFF; }
.tigang h3 { height:23px; line-height:23px; background:#3F81DD; color:#FFFFFF; text-indent:6px; font-size:12px; }
.tigang h3 a { float:right; margin:5px 5px 0 0; }
.tigang dl { width:97%; height:85px; margin:4px auto 3px auto; overflow:hidden; }
.tigang dt { float:left; width:84px; height:84px; }
.tigang dt img { width:80px; height:80px; border:1px solid #DDDDDD; padding:1px; }
.tigang dd { width:123px; float:right; }
.tigang p { display:block; width:100%; height:65px; background:#F3F3F3; border-top:1px solid #EBEBEB; }
.tigang p a { clear:none; float:left; display:block; margin:7px 3px 0 16px !important; *margin:7px 0 0 18px !important; margin:7px 3px 0 11px; width:80px; height:22px; line-height:22px; text-align:center; background:url(../img/jj-bak.jpg) no-repeat center; font-weight:bold; }
.tigang p a:link    { color: #FFFFFF; }
.tigang p a:visited { color: #FFFFFF; }
.tigang p a:hover   { color: #FFFF00; text-decoration: none; }
.tigang p a:active  { color: #FFFF00; }
/*outline*/
.tigang ol {width:97%; height:150px; margin:4px auto 3px auto; }
.tigang li {width:100%; float:left; margin-left:10px; }


.search { padding:3px 20px 0 0; width:773px; height:28px; border-top:1px solid #FFFFFF; border-bottom:1px solid #D4D4D4; text-align:right; }
.search .input { width:160px; height:18px; line-height:18px; border:1px solid #D8D8D8; }
.search input { vertical-align:middle; }

.body-list { width:100%; height:540px; overflow:hidden; border-bottom:1px solid #D4D4D4; position:relative; }
.body-list .left-tag { position:absolute; display:block; top:35px; left:28px; *left:13px; width:24px; height:155px; }
.body-list .left-tag a { writing-mode: tb-rl; clear:both; margin:0 0 2px 0; display:block; width:24px; height:50px; text-align:center; line-height:100%; *line-height:24px; letter-spacing:2px; *letter-spacing:normal; background:url(../img/tag-bak.jpg) no-repeat left top; }
.body-list .left-tag a:link    { color: #3F81DD; }
.body-list .left-tag a:visited { color: #3F81DD; }
.body-list .left-tag a:hover   { color: #FF3300; text-decoration: none; }
.body-list .left-tag a:active  { color: #FF3300; }

.body-list .list { margin:10px 10px 0 auto; table-layout:fixed; border-left:1px solid #DDDDDD; border-top:1px solid #DDDDDD; }
.body-list .list th { height:24px; background:#DDD; border-bottom:1px solid #E7E7E7; border-right:1px solid #E7E7E7; color:#083D65; }
.body-list .list a:link    { color: #3F81DD; }
.body-list .list a:visited { color: #3F81DD; }
.body-list .list a:hover   { color: #FF6600; text-decoration: underline; }
.body-list .list a:active  { color: #FF6600; }
.body-list .list tr.alt { background:#e9e9e9;  /*这行将给所有的tr加上背景色*/ }
.body-list .list tr.over { background:#FFFFEE;  /*这个将是鼠标高亮行的背景色*/ }
.body-list .list td { height:30px; border-bottom:1px solid #E7E7E7; border-right:1px solid #E7E7E7; line-height:32px; text-align:center; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; word-break:keep-all; }


.page { width:95%; height:29px; padding:10px 0 0 0; text-align:right; }
.page a { display:inline-block; line-height:100%; padding:4px 6px; vertical-align:middle; background:#CCCCCC; color:#000000; }
.page strong { display:inline; line-height:100%; padding:3px 6px 2px 6px; *padding:2px 6px; background:#3F81DD; color:#FFFFFF; vertical-align:middle; }
.page a:hover   { color:#03C; text-decoration: none; }
.page a:active  { color: #03C; }



/* 阶梯图 */
.jieti { width:793px; height:323px; background:url(../img/jieti-bak.jpg) no-repeat center top; overflow:hidden; }
.jieti ul { margin:55px 0 0 0; padding:0 35px; width:723px; height:266px; overflow:hidden; position:relative; }
.jieti li { position:absolute; bottom:0; width:26px; border-left:1px solid #FFF; border-top:1px solid #FFF; border-right:1px solid #FFF; background:url(../img/tj-bak.jpg); background-position:top; writing-mode:tb-rl; text-align:right; white-space:nowrap; overflow:hidden; }

.jieti2 { clear:both; width:793px; height:82px; background:url(../img/jieti-bak2.jpg) repeat-x top; overflow:hidden; }
.jieti2 ul { margin:13px 0 0 0; width:793px; height:75px; overflow:hidden; position:relative; }
.jieti2 li { position:absolute; width:65px; }
.jieti2 li img { width:65px; height:75px; }



.enter { clear:both; width:793px; height:200px; background:#FFFFFF url(../img/kuaijie-bak.jpg) no-repeat 0 15px; overflow:hidden; }
.enter h3 { margin:20px auto 0 auto; font-size:14px; text-indent:28px; }
.enter h4 { margin:45px auto 0 auto; *margin:46px auto 0 auto; font-size:12px; text-indent:38px; }
.enter ul { margin:24px auto 0 auto; width:759px; height:37px; }
.enter ul li { clear:none; float:left; margin:0 3px; width:145px; height:37px; }

/*注册页面*/
.regform { width:40%; float:left; padding:10px;}

.regtips { width:55%; height:200px; margin-right:20px; float:right; border:1px dotted #CCCCCC; clear:right;}
.regtips h5 { margin-left:20px; color:#3300CC;}
.regtips p { margin-left:20px; }
.regbottom { width:97%; clear:both;}
.sysinfo { width:31%; height:200px; margin-left:10px; float:left;}

/*学前测试页面*/
.test1 { width:55%; margin:0 auto; padding:10px 0 10px 0; text-align:center; border:1px dotted #CCCCCC; }
.test1 table {width:80%; margin:0 auto; }
.test1 table tr th {background:#000099; color:#FFF; text-align:left;}
.test1 table tr td {text-align:left;}
.test1 p { text-align:center; font-size:12pt; font-weight:bold; margin-top:20px;}
.test2 {width:55%; height:20px; margin:80px auto 10px auto;; text-align:center; border:1px dotted #CCCCCC; }
.test2 table {width:100%; height:20px; }
.test2 table tr td { width:3%; display:inline; }
.darkbluebg { background-color:#0000CC; }
.lightbluebg {background-color:#9999FF; }

/*知识点测试页面*/
.point-test { width:95%; height:530px; margin:0 auto; border:1px solid #CCC; overflow-x:hidden; overflow-y:scroll; position:relative;}
.point-test table { width:100%; border:0;}
.point-test table tr th {background:#CCC;}

.mycount {width:600px; margin-left:10px; border:1px solid #ccc; padding:0; border-collapse:collapse;}
.mycount tr td { border-right:1px solid #CCC; border-bottom:1px solid #CCC;}