/*font-family: 'Open Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700');

/*reset css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.4; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*end reset css*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { height: 100%; }
body { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #ccc; padding-bottom: 26px; }
p { margin-bottom: 10px; }
strong { font-weight: bold; }

.color-yellow { color: #fff200; }
.img-responsive { display: block; max-width: 100%; height: auto;}
.img-center { margin: 0 auto; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.m-t-20 { margin-top: 20px; }
.m-b-20 { margin-bottom: 20px; }
.m-l-30-min { margin-left: -30px; }

.form-group { width: 100%; position: relative; margin-bottom: 15px; }
.form-group .form-element { width: 100%; padding: 10px 8px; border: 1px solid #cacaca; outline: none; border-radius: 3px; }
.btn-blue { width: 100%; background: #da2b1c; border: 0; color: #FFF; padding: 10px 10px; font-size: 16px; border-radius: 3px; cursor: pointer; }
.btn-blue:hover { background: #000; }
.btn-deflt { background: #FFF; border: 1px solid #000; color: #000; padding: 10px 10px; font-size: 16px; border-radius: 3px; cursor: pointer; }
.row { margin-right: -15px; margin-left: -15px; }
.col-6 { width: 50%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.ul-inline li { display: inline-block; padding: 0 5px; }

.header-bar { width: 100%;height: 90px; display: table; }
.header-bar .logo-left { width: 100%; display: table-cell;vertical-align: top; padding: 0 5px;background-color: #da2b1c; }
.header-bar .detail-right { width: 100%; display: table-cell; vertical-align: middle; background: #da2b1c; font-size: 26px; font-weight: 700; text-transform: uppercase; color: #FFF; padding: 0 15px; }
.header-bar .detail-right-1 { width: 100%; display: table-cell; vertical-align: middle; background: #000; font-weight: 700; text-transform: uppercase; color: #FFF; padding: 0 15px; }
.header-bar .detail-right-1 a {
	    text-decoration: none;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
}

.login-section-one { width: 100%; display: table; }
.login-section-one h2 { font-size: 44px; }
.login-section-one label { font-size: 18px; font-weight: 600; }
.login-section-one .sys-name { padding: 10px 15px; display: table-cell; vertical-align: top; background: #666666; color: #FFF; text-align: left; }
.login-section-one .can-name { padding: 10px 15px; display: table-cell; vertical-align: top; background: #666666; color: #FFF; text-align: right; }
.login-section-one .can-img { border: 1px solid #000; width: 140px; display: table-cell; vertical-align: middle; background: #FAFBFC; padding: 15px 15px; }
.login-section-one .can-img img { border: 1px solid #000; }

.login-panel { width: 400px; margin: 50px auto; }
.login-panel .panel-title { background: #DDD; border: 1px solid #dbdbdb; border-radius: 5px 5px 0 0; color: #444; font-weight: 700; padding: 8px 22px; }
.login-panel .panel-detail { background: #f5f5f5; border: 1px solid #dbdbdb; border-radius: 0 0 5px 5px; padding: 25px; border-top: none; }
.login-panel .panel-detail .form-group .form-element { padding: 10px 50px; background: #eeeeee; }
.login-panel .panel-detail .form-group a { position: absolute; top: 1px; right: 1px; padding: 8px 9px; border-radius: 0 3px 3px 0; border-left: 1px solid #cacaca; }
.login-panel .panel-detail .form-group .user-icon { background: url('../images/user.png') no-repeat center; background-size: 20px; }
.login-panel .panel-detail .form-group .pass-icon { background: url('../images/password.png') no-repeat center; background-size: 20px; }
.login-panel .panel-detail .form-group span { width: 45px; height: calc(100% - 2px); position: absolute; top: 1px; left: 1px; border-right: 1px solid #cacaca; }

.login-panel .panel-detail a {font-size: 20px;
    font-weight: 600;
    color: #000;}

.version-footer { background: #617B8C; color: #FFF; font-size: 12px; text-align: center; padding: 5px; position: relative; width: 100%; bottom: 0; left: 0; }

.instr-section { height: 100%; }
.instr-section .instr-section-left { width: 100%; height: 100%; display: inline-block; float: left; color: #000; }
.instr-section .instr-section-left.instr-two { display: none; }
.instr-section .instr-section-left h2 { height: 40px; line-height: 40px; font-size: 18px; font-weight: 400; color: #fff; background: #000; padding-left: 15px; text-align: center;}
.instr-section .instr-section-left strong { font-weight: 700; }
.instr-section .instr-section-left .inner-detail { width: 100%; height: 100%; padding: 20px; }
.instr-section .instr-section-left .numeric-ul { list-style-type: decimal; padding-left: 30px; margin-bottom: 15px; }
.instr-section .instr-section-left .numeric-ul li { margin-bottom: 10px; }
.instr-section .instr-section-left .numeric-ul ul { list-style-type: disc; padding-left: 30px; }
.instr-section .instr-section-left .abc-ul { list-style-type: lower-alpha !important; padding-left: 30px; margin-bottom: 15px; }
.instr-section .instr-section-left .next-btn { width: 100%; text-align: right; padding: 10px 15px; border-top: 1px solid #ececec;}
.instr-section .instr-section-left .next-btn a { display: inline-block; padding: 5px 20px; border: 1px solid #a2a2a2; border-radius: 3px; text-decoration: none; font-weight: 600; color: #000; }
.instr-section .instr-section-left .next-btn button { width: auto; font-size: 14px; }
.instr-section .instr-section-left .table tr td { border: 1px solid #000; padding: 5px 5px; }
.instr-section .instr-section-left .table tr.blue-color td { background: #99ccff; }
.instr-section .instr-section-left.instr-two .inner-detail { height: 100%; }
.instr-section .instr-section-left.instr-two .next-btn { text-align: left; font-size: 13px; }
.instr-section .instr-section-right { width: 21%; height: 100%; float: right; overflow: hidden; display: inline-block; border-left: 1px solid #000; padding-top: 40px; 
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(106,105,106,0) 50%, rgba(211,210,211,0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(106,105,106,0) 50%,rgba(211,210,211,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(106,105,106,0) 50%,rgba(211,210,211,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6d3d2d3',GradientType=0 ); }
.instr-section .instr-section-right h3 { font-size: 22px; font-weight: 600; color: #666; text-align: center; margin: 15px 0; }

.black-line { background: #000; color: #FFF; font-size: 13px; padding: 5px 0; display: none;}
.black-line a { color: #FFF; }

.exam-section { height: calc(100% - 82px); }
.exam-section .left-exam-section { width: 79%; height: 100%; overflow: hidden; float: left; }
.exam-section .left-exam-section .all-part-list { width: 100%; padding: 8px 5px; background: #eee; }
.exam-section .left-exam-section .all-part-list ul li { position: relative; }
.exam-section .left-exam-section .all-part-list ul li a { display: inline-block; padding: 5px 10px; background: #FFF; border: 1px solid #000; border-radius: 3px; font-size: 13px; text-decoration: none; }
.exam-section .left-exam-section .all-part-list ul li.active a { position: relative; background: #38a9eb; border-color: #38a9eb; color: #FFF; }
.exam-section .left-exam-section .all-part-list ul li.active a:after { content: " "; position: absolute; bottom: -8px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #38a9eb; }
.exam-section .left-exam-section .all-part-list ul li a:hover + .tooltip-dropdown { display: inline-block; }

.tooltip-dropdown { display: none; width: 240px; background: #e5f6fc; border: 1px solid #c3c3c1; position: absolute; top: 100%; left: 10px; z-index: 10; color: #000; font-size: 13px; padding-bottom: 3px; }
.tooltip-dropdown h4 { font-size: 14px; font-weight: 600; color: #000; padding: 3px 10px; border-bottom: 1px solid #c3c3c1; margin-bottom: 8px; }
.tooltip-dropdown ul li { padding: 3px 5px 3px 40px; width: 100%; position: relative; min-height: 35px; }
.tooltip-dropdown ul li span { width: 29px; height: 29px; line-height: 29px; color: #FFF; font-weight: 600; display: inline-block; text-align: center; position: absolute; left: 5px; top: 0; }
.tooltip-dropdown ul li .icon-1 {  background: url('../images/icon-1.png') no-repeat center; background-size: cover; }
.tooltip-dropdown ul li .icon-2 { background: url('../images/icon-2.png') no-repeat center; background-size: cover; }
.tooltip-dropdown ul li .icon-3 { background: url('../images/icon-4.png') no-repeat center; background-size: cover; color: #000; }
.tooltip-dropdown ul li .icon-4 { background: url('../images/icon-3.png') no-repeat center; background-size: cover; }
.tooltip-dropdown ul li .icon-5 { background: url('../images/icon-7.png') no-repeat center; background-size: cover; }

.exam-section .time-counter { padding: 5px 15px 1px; color: #000; font-size: 13px; width: 100%; display: inline-block; }
.exam-section .subject-list { width: 100%; border-top: 1px solid #c3c3c1; border-bottom: 1px solid #c3c3c1; float: left; }
.exam-section .subject-list > ul > li { padding: 0; float: left; }
.exam-section .subject-list > ul > li > a{ display: inline-block; text-decoration: none; padding: 10px 8px; color: #36ace9; font-weight: 600; border-left: 1px solid #c3c3c1; }
.exam-section .subject-list > ul > li:last-child > a { border-right: 1px solid #c3c3c1; }
.exam-section .subject-list > ul > li.active > a,
.exam-section .subject-list > ul > li > a:hover { background: #4e85c5; color: #fff; }
.question-type { color: #f07f5f; padding: 5px 15px; width: 100%; display: inline-block; font-size: 13px; font-weight: 600; }
.blue-line { background: #4e85c5; padding: 15px; }
.question-section { width: 100%; height: calc(100% - 230px); overflow-y: scroll; }
.question-section h4 { font-size: 13px; font-weight: 700; color: #000; padding: 5px 15px; border-bottom: 1px solid #c3c3c1; }
.paper-submit-btn { padding: 10px 15px; border-top: 1px solid #c3c3c1; width: 100%; display: inline-block; }
.paper-submit-btn button { width: auto; font-size: 13px; }
.question-section1 { width: 100%; overflow-y: scroll; }
.question-section1 h4 { font-size: 13px; font-weight: 700; color: #000; padding: 5px 15px; border-bottom: 1px solid #c3c3c1; }



.exam-section .right-exam-section { width: 21%; height: 100%; overflow: hidden; float: left; border-left: 1px solid #c3c3c1; }
.exam-section .right-exam-section .name-img { width: 100%; background: #f8fbff; padding: 10px 10px; }
.exam-section .right-exam-section .name-img img { height: 100px; vertical-align: middle; }
.exam-section .right-exam-section .name-img span { font-size: 20px; font-weight: 700; color: #333; }
.exam-section .right-exam-section .qst-totle { width: 100%; height: calc(100% - 175px); border: 2px solid #000; padding-top: 10px; }
.exam-section .right-exam-section .qst-totle .qst-not li { padding: 3px 5px 3px 40px; width: 49%; position: relative; min-height: 35px; font-size: 13px; display: inline-block; vertical-align: top; color: #000; }
.exam-section .right-exam-section .qst-totle .qst-not li:last-child { width: 100%; }
.exam-section .right-exam-section .qst-totle .qst-not li span { width: 29px; height: 29px; line-height: 29px; color: #FFF; font-weight: 600; display: inline-block; text-align: center; position: absolute; left: 5px; top: 0; }
.exam-section .right-exam-section .qst-totle .qst-not li .icon-1 {  background: url('../images/icon-1.png') no-repeat center; background-size: cover; }
.exam-section .right-exam-section .qst-totle .qst-not li .icon-2 { background: url('../images/icon-2.png') no-repeat center; background-size: cover; }
.exam-section .right-exam-section .qst-totle .qst-not li .icon-3 { background: url('../images/icon-4.png') no-repeat center; background-size: cover; color: #000; }
.exam-section .right-exam-section .qst-totle .qst-not li .icon-4 { background: url('../images/icon-3.png') no-repeat center; background-size: cover; }
.exam-section .right-exam-section .qst-totle .qst-not li .icon-5 { background: url('../images/icon-7.png') no-repeat center; background-size: cover; }
.exam-section .right-exam-section .sbj-title-right { background: #4e85c5; color: #FFF; font-size: 18px; font-weight: 700; padding: 5px 15px; margin-top: 5px; }
.exam-section .right-exam-section .qst-no-list { background: #e5f6fd; padding: 5px; height: calc(100% - 159px); }
.exam-section .right-exam-section .qst-no-list p { color: #000; font-weight: 600; font-size: 13px; }
.exam-section .right-exam-section .qst-no-list .inner-list { width: 100%; height: calc(100% - 24px); overflow-y: scroll; }

.exam-section .right-exam-section .qst-no-list .inner-list ul li { width: 43px; height: 43px; line-height: 43px; color: #FFF; font-weight: 700; font-size: 16px; display: inline-block; text-align: center; margin: 0 5px 10px; }
.exam-section .right-exam-section .qst-no-list .inner-list ul li a { text-decoration: none; color: #FFF; }
.exam-section .right-exam-section .qst-no-list .inner-list ul li.icon-3 a { color: #000; }
.exam-section .right-exam-section .qst-no-list .inner-list ul li.icon-1 {  background: url('../images/icon-1.png') no-repeat center; background-size: cover; }
.exam-section .right-exam-section .qst-no-list .inner-list ul li.icon-2 { background: url('../images/icon-2.png') no-repeat center; background-size: cover; }
.exam-section .right-exam-section .qst-no-list .inner-list ul li.icon-3 { background: url('../images/icon-4.png') no-repeat center; background-size: cover; }
.exam-section .right-exam-section .qst-no-list .inner-list ul li.icon-4 { background: url('../images/icon-3.png') no-repeat center; background-size: cover; }
.exam-section .right-exam-section .qst-no-list .inner-list ul li.icon-5 { background: url('../images/icon-7.png') no-repeat center; background-size: cover; }

.exam-section .right-exam-section .qst-submit-btn { background: #e5f6fd; text-align: center; padding: 10px 15px; }
.exam-section .right-exam-section .qst-submit-btn button { width: auto; font-size: 13px; }
button:disabled, button[disabled]{border: 1px solid #999999;background-color: #cccccc;color: #666666;}
.remain{pointer-events: none; !important}
.header-bar .logo-left img{height: 120px;float: right;}
.question-summary{padding-bottom:25px;color: #000;font-weight: 600;vertical-align: middle;margin-left: 20px;}
.question-ans{padding-bottom:20px;color: #000;font-weight: 600;vertical-align: middle;margin-left: 20px;}
.question-ans img{vertical-align:middle}
.question-sections li{width:100%}
.question-sections li.active{display:block}
.question-sections li.nodisplay{display:none}

.table { width: 100%; border: 1px solid #000; margin: 20px 0; font-size: 14px; }
		.table tr th,
		.table tr td { padding: 10px 5px; border-bottom: 1px solid #000; border-left: 1px solid #000; text-align: center; color: #000; }
		.table tr th { background-color: #CEE3F8; }


		ul.none{display:none}
.qst-submit-btn-1{width:auto}

.login-section-one .sys-name-1 {
    padding: 85px 0px 0px 15px;
    display: table-cell;
    vertical-align: top;
    background: #FFF;
    color: #FFF;
    text-align: left;
	border: 1px solid #000;
}
li { cursor: pointer; }