﻿/*--- general ---*/
.ExamCenterNavbar { overflow:hidden; height:32px; background:url(images/bg_examCenter.png) 0 0 repeat-x}
.ExamCenterNavbar div { overflow:hidden; width:980px; height:22px; margin:0 auto; padding:5px}
.ExamCenterNavbar p { float:right}
.ExamCenterNavbar h2#logo { float:left; padding-right:8px}
.ExamCenterNavbar h2#logo img { width:88px; height:22px; background:url(images/bg_examCenter.png) 0 -40px no-repeat}
.ExamCenterNavbar a.s1 { color:#0177c9}
.ExamCenterNavbar a.s1:hover { color:#f13a09}

	/* 回顶部 */
#gotop { width:130px}
#gotop p { overflow:hidden; height:20px; padding-right:4px; border:2px solid #ff9980; border-bottom:0; background:#ff9980}
#gotop p a { float:right; padding-left:11px; color:#fff; background:url(images/bg_examCenter.png) -80px -293px no-repeat}
#gotop p span { float:left; cursor:pointer; width:9px; height:9px; padding:6px 8px 5px; background:#fff}
#gotop p span img { width:9px; height:9px; background:url(images/bg_examCenter.png) 0 -300px no-repeat}
#gotop p span:hover img { background-position:-20px -300px}
#gotop p.s1 { border-bottom:2px solid #ff9980}
#gotop p.s1 span { background:#ff9980}
#gotop p.s1 span img { background-position:-40px -300px}
#gotop p.s1 span:hover img { background-position:-60px -300px}
#gotop p.s2 { border:0; background:#fff}
#gotop p.s2 a { padding-left:15px; padding-right:4px; color:#fff; background:url(images/bg_examCenter.png) -76px -293px no-repeat #ff9980}
#gotop div { padding:8px 0; line-height:24px; text-align:center; color:#e62713; border:2px solid #ff9980; border-top:0; background:#fff}
#gotop div input { margin-right:6px}
#gotop div a { color:#0177c9}

/*--- layout ---*/
#wrap_examCenter { width:980px; margin:0 auto; background:#fff}
#main { width:100%; padding-bottom:20px; background:url(images/bg_examCenter_01.png) repeat-x #fff}

/*--- parent ---*/
.parent01 { margin-bottom:20px}
.space01 { overflow:hidden; height:8px; line-height:0; font-size:0}
.area01 { float:left; width:676px; padding:20px 16px 40px}
.area02 { float:left; width:240px; padding:20px 16px 0 12px}
.area03 { float:left; width:4px; padding-top:20px}
.area03 img.gaptop { width:4px; height:50px; background:url(images/bg_examCenter_02.png) 0 0 no-repeat}
.area03 img.gapmdl { width:4px; background:url(images/bg_examCenter_02.png) -10px 0 repeat-y}
.area03 img.gapbtm { width:4px; height:50px; background:url(images/bg_examCenter_02.png) 0 -50px no-repeat}

/*--- block ---*/


/*--- special ---*/
.breadcrumb { padding:4px 12px; color:#666; background:#fff}
.breadcrumb a { color:#666}

.in_intro { height:32px; padding:10px 12px 8px; border-top:1px solid #fff; border-bottom:4px solid #e1e1e1; background:url(images/bg_examCenter_01.png) repeat-x}
.in_intro h1 { display:inline; font-size:16px; padding:0 12px 0 8px} 
.in_intro img { width:32x; height:32px; vertical-align:middle; background:url(images/bg_examCenter.png) -200px -160px no-repeat}
.in_intro span { color:#666}

.in_catalog { float:left; width:248px}
.in_catalog h2 { overflow:hidden; width:224px; height:20px; padding:6px 12px; font:bold 14px Microsoft Yahei, Simsun; color:#fff; background:url(images/bg_examCenter.png) 0 -110px no-repeat} 
.in_catalog ul { width:240px; border:4px solid #e8502a; border-top:0}
.in_catalog li { padding:4px 8px}
.in_catalog li.s1 { background:#f3f3f3}
.in_catalog h3 a { font-size:12px; color:#922003}
.in_catalog h3 a:hover { color:#f13a09}
.in_catalog div span { padding-right:5px; white-space:nowrap}

.in_features { float:left; width:420px; padding:0 16px; background:#fff}
.in_features div { width:100%; padding-top:12px}
.in_features div h2 { padding-bottom:4px; font:bold 14px/20px Microsoft Yahei, Simsun; color:#922003}
.in_features div ul { overflow:hidden}
.in_features div li {  width:100%; margin-top:-1px; padding:6px 0 5px; background:url(images/GlobalLine_02.gif) left top repeat-x #fff}
.in_features div li a { margin-right:4px; color:#0177c9}
.in_features div li a.s1 { color:#666}
.in_features div li a:hover { color:#f13a09}
.in_features div li em { padding-left:16px; font-size:11px; background:url(images/bg_examCenter.png) -400px -290px no-repeat}

.in_sider { float:left; width:272px; border-left:4px solid #e1e1e1; border-right:4px solid #e1e1e1}
.in_sider .calendar h2 { padding:4px 16px; font-size:12px; color:#922003; background:url(images/bg_examCenter.png) 0 -70px no-repeat}
.in_sider .calendar div { padding:16px; color:#666}
.in_sider .calendar p { float:left; width:92px; height:88px; padding-top:28px; text-align:center; background:url(images/bg_examCenter.png) 0 -160px no-repeat}
.in_sider .calendar p big { display:block; font:bold 24px/26px Arial; color:#e62713}
.in_sider .calendar dl { float:left; width:136px; padding-left:12px}
.in_sider .calendar dt { padding-left:10px; background:url(images/bg_examCenter.png) -400px -243px no-repeat}
.in_sider .calendar dt.s1 { font-weight:bold; color:#e62713}
.in_sider .calendar dd { overflow:hidden; height:20px; padding-bottom:2px; white-space:nowrap}
.in_sider .search h2 { margin-bottom:8px; padding:4px 16px; font-size:12px; color:#922003; background:url(images/bg_examCenter.png) 0 -70px no-repeat}
.in_sider .search p { padding:8px 16px 0}
.in_sider .search p input.txtinput { width:210px}

.examListCatalog { margin-bottom:12px; padding:3px; border:1px solid #dfdfdf; background:#f1f1f1}
.examListCatalog h1 { padding:6px 12px 0; font-size:14px; color:#e62713; background:#fff}
.examListCatalog ul { padding:2px 0 6px 6px; background:#fff}
.examListCatalog li { float:left; overflow:hidden; width:128px; height:18px; padding:2px 4px 2px 0; line-height:18px}
.examListCatalog li small { padding-left:2px; font-size:11px; color:#666}
.examListCatalog li a { display:block; padding:0 2px 0 6px; color:#0177c9}
.examListCatalog li a:hover { text-decoration:none; color:#fff; background:#ff9980}
.examListCatalog li a:hover small { color:#fff}
.examListCatalog li em { display:block; padding:0 2px 0 6px; color:#fff; background:#e62713}
.examListCatalog li em small { color:#fff}

.examList { color:#666}
.examList li { float:left; width:100%; padding:6px 0 7px; background:url(images/GlobalLine_02.gif) left bottom repeat-x #fff}
.examList li strong { float:left; width:436px; padding:0 8px; font-size:12px; font-weight:normal}
.examList li strong a { margin-right:4px; color:#0177c9}
.examList li strong a.s1 { color:#666}
.examList li strong a:hover { color:#f13a09}
.examList li strong em { padding-left:16px; font-size:11px; background:url(images/bg_examCenter.png) -400px -290px no-repeat}
.examList li big { float:left; width:84px; padding-right:8px}
.examList li big a { color:#666}
.examList li big a:hover { color:#f13a09}
.examList li small { float:left; width:60px; padding-right:8px}
.examList li span { float:left; width:48px; text-align:right}
.examList ul.hd li { padding:2px 0 1px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:none}
.examList ul.ctn li small, .examList ul.ctn li span { font-size:11px}
.examList ul.ctn li:hover { background-color:#f3f3f3}

.examCalendar h2 { padding-bottom:8px; font:bold 14px/20px Microsoft Yahei, Simsun; color:#922003}
.examCalendar div { color:#666}
.examCalendar p { float:left; width:92px; height:88px; padding-top:28px; text-align:center; background:url(images/bg_examCenter.png) 0 -160px no-repeat}
.examCalendar p big { display:block; font:bold 24px/26px Arial; color:#e62713}
.examCalendar dl { float:left; width:136px; padding-left:12px}
.examCalendar dt { padding-left:10px; background:url(images/bg_examCenter.png) -400px -243px no-repeat}
.examCalendar dt.s1 { font-weight:bold; color:#e62713}
.examCalendar dd { overflow:hidden; height:20px; padding-bottom:2px; white-space:nowrap}

.examSearch h2 { padding-bottom:4px; font:bold 14px/20px Microsoft Yahei, Simsun; color:#922003} 
.examSearch p { padding-bottom:4px}
.examSearch input.txtinput { width:210px}

.examPrepare h1 { padding-bottom:12px; text-align:center; font:25px/40px Microsoft Yahei, Simhei, Simsun; color:#e62713}
.examPrepare table { margin:0 auto; border:1px solid #ccc}
.examPrepare th { padding:4px 0 4px 20px; background:#f1f1f1}
.examPrepare td { padding:4px 0 4px 20px; border-top:1px solid #ccc}
.examPrepare td a.s1 { text-decoration:underline}
.examPrepare td em { padding-left:12px; color:#e62713}
.examPrepare td big { padding-left:12px; color:#418B2D}
.examPrepare .func { padding:30px 0; text-align:center; color:#666}
.examPrepare .func a { color:#0177c9}
.examPrepare .func a:hover { color:#f13a09}
.examPrepare .func .fav { display:inline-block; width:64px; height:20px; margin-left:20px; vertical-align:middle}
.examPrepare .func .fav a { display:block; width:50px; height:15px; padding:3px 0 2px 14px; text-align:center; text-decoration:none; line-height:15px; font-family:Simsun; color:#333; background:url(images/bg_examCenter.png) 0 -340px no-repeat}
.examPrepare .tips { padding:12px 20px; background:#f1f1f1}
.examPrepare .tips h2 { font-size:12px; color:#922003}
.examPrepare .tips p { padding-bottom:8px}
.examPrepare .confirm { padding:40px 0 120px}

.examChart h2 { padding-bottom:4px; font:bold 14px/20px Microsoft Yahei, Simsun; color:#922003} 
.examChart li { float:left; overflow:hidden; width:100%; height:20px; padding:3px 0; color:#666; border-top:1px solid #dfdfdf}
.examChart li span { float:left; width:20px; padding-left:4px; padding-right:4px; text-align:right; font-size:11px;}
.examChart li strong { float:left; width:94px; padding-left:4px; font-weight:normal; color:#333}
.examChart li em { float:left; width:50px; padding-left:4px; text-align:center}
.examChart li small { float:left; width:50px; padding-left:4px; text-align:right}
.examChart li.hd { padding:2px 0 2px; border-bottom:0; background:#f1f1f1}
.examChart li.hd span { width:24px; padding-right:0; font-size:12px}
.examChart li.hd strong { color:#666}

.examRaletive h2 { padding-bottom:4px; font:bold 14px/20px Microsoft Yahei, Simsun; color:#922003} 
.examRaletive li { padding:2px 0 2px 10px; background:url(images/bg_examCenter.png) -400px -241px no-repeat}

.groupFeeds h2 { padding-bottom:4px; font:bold 14px/20px Microsoft Yahei, Simsun; color:#922003} 
.groupFeeds { width:100%; padding:8px 0}
.groupFeeds ul.s1 { overflow:hidden; padding:6px 10px 2px}
.groupFeeds ul.s1 a.pic { display:block; width:72px; height:48px; margin:0 auto; padding:1px; border:1px solid #ccc; background:#fff}
.groupFeeds ul.s1 a.pic img { width:100%; height:100%; vertical-align:top}
.groupFeeds ul.s1 a.pic:hover { border-color:#999}
.groupFeeds ul.s1 li { float:left; width:102px; padding:0 4px; text-align:center}
.groupFeeds ul.s1 li span { display:block; overflow:hidden; height:20px; padding-top:4px}
.groupFeeds ul.s2 { padding:5px 10px}
.groupFeeds ul.s2 li { overflow:hidden; height:20px; padding:1px 0 1px 10px; background:url(images/bg_examCenter.png) -400px -240px no-repeat}
.groupFeeds ul.s2 li span { float:right; padding-left:16px; color:#999}

.testHeader { padding:20px 24px; background:#fff}
.testHeader ul { float:right; padding:8px 0 0 40px}
.testHeader ul li { float:left; width:60px; margin-right:2px; text-align:center; border-top:6px solid #ccc}
.testHeader ul li.s1 { border-top-color:#ff9225}
.testHeader h1 { width:700px; padding-bottom:4px; font:25px/30px Microsoft Yahei, Simhei, Simsun; color:#e62713}
.testHeader p { width:700px}
.testHeader p a.s1 { padding-left:14px; color:#0177c9; background:url(images/bg_examCenter.png) -400px -130px no-repeat}
.testHeader p a.s2 { padding-left:14px; color:#0177c9; background:url(images/bg_examCenter.png) -400px -170px no-repeat}
.testHeader p a:hover { color:#f13a09}

.testTitle { padding-left:24px; margin-bottom:1px; border-bottom:1px solid #dfdfdf}
.testTitle p { float:right}
.testTitle ul { float:left; width:680px}
.testTitle ul li { float:left; padding-right:4px; white-space:nowrap}
.testTitle ul li a { display:block; padding:2px 12px; border:1px solid #DFDFDF; border-bottom:0; background:#f1f1f1}
.testTitle ul li.this { position:relative;}
.testTitle ul li.this a { color:#fff; border-color:#e62713; background:#e62713}
.testTitle ul li.this small { position:absolute; z-index:2; left:50%; top:25px; display:block; overflow:hidden; width:5px; height:3px; margin-left:-2px; background:url(images/bg_examCenter.png) -400px -50px no-repeat}
.testTitle p.s1 { overflow:hidden; height:24px; padding-right:8px; color:#e62713}
.testTitle p.s1 input { margin:0 6px; vertical-align:text-bottom}
.testTitle p.s1 a {  color:#0177c9}
.testTitle p.s1 a:hover { color:#f13a09}
.testTitle p.s2 { padding-right:24px; color:#e62713}
.testTitle p.s2 a { padding-left:14px; color:#0177c9; background:url(images/bg_examCenter.png) -400px -210px no-repeat}
.testTitle p.s2 a:hover { color:#f13a09}

.testList .tips { padding-bottom:8px}
.testList .tips h2 { font-size:12px}
.testList .tips p { color:#666}
.testList .list { width:100%; padding-top:12px; border-top:1px solid #ccc}
.testList .list .question { padding-bottom:8px; line-height:22px; font-size:14px}
.testList .list .question span.num { padding-right:20px; font-size:12px; font-weight:normal}
.testList .list .question span.num02 { padding-right:8px; font-size:12px; font-weight:normal}
.testList .list .question div { overflow:hidden; width:100%}
.testList .list .question div p { padding-bottom:4px}
.testList .list .question div p.s1 { font:bold 12px/20px Tahoma}
.testList .list .question ul { clear:both; padding-top:4px}
.testList .list .question li { padding:1px 0 1px 32px}
.testList .list .question ul.checkbox li, .testList .list .question ul.radio li { cursor:pointer}
.testList .list .question ul.checkbox li:hover, .testList .list .question ul.radio li:hover { background:#faf8dd}
.testList .list .response { padding:6px 12px 2px; background:#f1f1f1}
.testList .list .response small { float:right; padding-left:20px; color:#999}
.testList .list .response label { margin-right:4px; padding-right:8px}
.testList .list .response textarea { width:623px; height:120px; font:14px/21px Tahoma, Simsun; color:#922003}
.testList .list .response textarea.s1 { height:60px}
.testList .list .response input.txtinput { width:200px; font-family:Tahoma; color:#922003}
.testList .list .response input.s1 { width:40px}
.testList .list .response div { padding-bottom:4px}
.testList .list .response div.grade { color:#418b2d}
.testList .list .response p { padding-bottom:4px}
.testList .list .response h5 { font-size:12px}
.testList .listGroup .response { margin-bottom:12px}
.testList .list .answer { padding:0 0 8px 32px; color:#922003}
.testList .list .answer h5 { padding-bottom:4px; font-size:12px}
.testList .list .answer P { padding-bottom:4px}
.testList .list .correct { background:#E8FFDC}
.testList .list .wrong { background:#FFE3DF}
.testList .list .hand { background:#FFE9C7}

.testFunction { overflow:hidden; height:24px; padding-top:40px; text-align:right; color:#e62713}
.testFunction input { vertical-align:text-bottom}

.testPages { padding-top:20px; text-align:center}
.testPages a { color:#0177c9}
.testPages a:hover { color:#f13a09}
.testPages p.s1 { padding-bottom:10px}
.testPages p.s1 a { padding:4px 32px; border:1px solid #dfdfdf; background:#f1f1f1}
.testPages p.s1 a:hover { text-decoration:none; color:#fff; background:#e62713}
.testPages p.s2 { color:#ccc}

.testSerialNo { padding-bottom:20px}
.testSerialNo h2 { padding-bottom:4px; font:bold 14px/20px Microsoft Yahei, Simsun; color:#922003}
.testSerialNo h3 { font-size:12px; padding-bottom:4px}
.testSerialNo ul { padding:8px 0}
.testSerialNo ul li { padding-bottom:4px}
.testSerialNo ul li img { width:12px; height:12px; margin-right:4px; vertical-align:middle; border:1px solid #999; background:#fff}
.testSerialNo ul li.s1 img { border:1px solid #ff9225; background:#ffe9c7}
.testSerialNo ul li.s2 img { border:1px solid #308f00; background:#e8ffdc}
.testSerialNo ul li.s3 img { border:1px solid #ff3819; background:#ffe3df}
.testSerialNo ol { padding-bottom:8px}
.testSerialNo ol li { float:left; padding:0 4px 4px 0}
.testSerialNo ol li a { display:block; padding:0 4px; line-height:18px; color:#666; border:1px solid #999; background:#fff}
.testSerialNo ol li.s1 a { border:1px solid #ff9225; background:#ffe9c7}
.testSerialNo ol li.s2 a { border:1px solid #308f00; background:#e8ffdc}
.testSerialNo ol li.s3 a { border:1px solid #ff3819; background:#ffe3df}
.testSerialNo ol li a:hover { text-decoration:none; color:#fff; border-color:#0177c9; background:#0177c9}

.testReportCard h1 { padding:12px 0; text-align:center; font-size:16px; color:#e62713}
.testReportCard ul { margin-bottom:16px; padding:2px 0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f1f1f1}
.testReportCard li { float:left; width:150px; padding-left:12px}
.testReportCard table { margin:0 auto; border-collapse:collapse; border:1px solid #dfdfdf}
.testReportCard th { padding:2px 20px; border:1px solid #dfdfdf; background:#f1f1f1}
.testReportCard td { padding:2px 20px; border:1px solid #dfdfdf}
.testReportCard .func { padding:40px 0 20px; text-align:center}
.testReportCard .func a { margin-right:30px; padding-left:14px; color:#0177c9}
.testReportCard .func a:hover { color:#f13a09}
.testReportCard .func a.s1 { background:url(images/bg_examCenter.png) -400px -90px no-repeat}
.testReportCard .func a.s2 { background:url(images/bg_examCenter.png) -400px -130px no-repeat}
.testReportCard .func a.s3 { background:url(images/bg_examCenter.png) -400px -170px no-repeat}
.testReportCard .func a.s4 { background:url(images/bg_examCenter.png) -400px -210px no-repeat}

/*--- mod ---*/
