section.exam-index .section-title,
section.exam-list .section-title,
section.exam-answer .section-title,
section.exam-control .section-title,
section.exam-question .section-title {font-size:1.3rem;line-height:1.9rem;padding-left:10px;border-left:4px solid #c40b19;font-weight:bold;margin-bottom:15px;}

section.exam-index {}
section.exam-index .cards {position:relative;}
section.exam-index .cards .card {display:inline-block;border-radius:10px;width:calc(491px - 18px);margin:7.5px;overflow:hidden;}
section.exam-index .cards .card img {width:100%;height:auto;}

section.exam-index .sing-up {margin:25px 0px}
section.exam-index .sing-up .text {width:300px;display: inline-table;border-right:solid 1px #efefef;margin-right:15px;height:400px;}
section.exam-index .sing-up .text p {display:block;padding:10px;text-align:center;font-size:1.2rem;line-height:1.6rem;}
section.exam-index .sing-up .save {width:660px;display: inline-table;}

section.exam-index table {width:100%;}
section.exam-index table tr td {height:60px;vertical-align:middle;color:#444}
section.exam-index table tr td:first-child {text-align:right;font-size:1.1rem;color:#444;width:180px;padding-right:25px;}
section.exam-index form input.name {height: 40px;width:480px;border:none;border-bottom:1px solid #969696;font-size:1.1rem}
section.exam-index form input.eposta {height: 40px;width:480px;border:none;border-bottom:1px solid #969696;font-size:1.1rem}
section.exam-index form input.age {height: 40px;width:480px;border:none;border-bottom:1px solid #969696;font-size:1.1rem}
section.exam-index form input.education {font-size:1.1rem;margin-left:25px}
section.exam-index form input.education:first-child {margin-left:0px}
section.exam-index form select {height:40px;width:480px;}
section.exam-index form input.examtype {font-size:1.1rem;margin-left:25px}
section.exam-index form input.examtype:first-child {margin-left:0px}
section.exam-index form input.send {width:200px;height:40px;font-size:1.0rem;border:none;border-radius:4px;background-color:#C7020A;color:#fff;}

section.exam-index .info {padding:15px 0px;height:200px;}
section.exam-index .info .text {width:700px;border-right:solid 1px #efefef;height:200px;float: left;}
section.exam-index .info .text p {margin:10px 0px;font-size:1.1rem;line-height:1.5rem;padding:0px 50px 0px 0px;text-align: center;}
section.exam-index .info .countdown {width:275px;vertical-align: middle;float:right;padding:50px 0px}
section.exam-index .info .countdown p.countdown-info {font-size:1.3rem;line-height:1.7rem;font-weight:bold;text-align:center;}
section.exam-index .info .countdown p.countdown-time {font-size:2.0rem;line-height:2.4rem;font-weight:bold;text-align: center;}
section.exam-index .notification {padding-left:177px;font-weight:bold;font-size:1.2rem;line-height:1.6rem;margin-top:15px;}



section.exam-list {padding:15px 0px}
section.exam-list .info {}
section.exam-list .info p {font-size:1.2rem;line-height:1.6rem;}
section.exam-list .items {position:relative;padding:15px 0px;}
section.exam-list .items .item {width:300px;height:200px;margin:11.2px;display:inline-block;border:solid 1px #efefef}
section.exam-list .items .item {
    -webkit-box-shadow: 0px 0px 15px -5px rgba(237,237,237,1);
    -moz-box-shadow: 0px 0px 15px -5px rgba(237,237,237,1);
    box-shadow: 0px 0px 15px -5px rgba(237,237,237,1);
}
section.exam-list .items .item .title {height:160px;width:100%;}
section.exam-list .items .item .title p {font-size:1.3rem;line-height:1.7rem;font-weight:bold;text-align:center;padding:30px}
section.exam-list .items .item .go {height:40px;}
section.exam-list .items .item .go a {display:block;}
section.exam-list .items .item .go .question {width:calc(50% - 1px);border-right:solid 1px #efefef;line-height:40px;float:left;text-align:center;}
section.exam-list .items .item .go .answer {width:calc(50% - 1px);border-left:solid 1px #efefef;line-height:40px;float:right;text-align:center;}



section.exam-answer .questions {padding:15px 0px;margin:10px 0px;}
section.exam-answer .questions .question .question_number {font-weight:bold;font-size:1.3rem;line-height:1.7rem;color:#969696;}
section.exam-answer .questions .question .item {margin:10px 0px;position:relative;display:flex;}
section.exam-answer .questions .question .item .text {width:calc(50% - 2.5px);padding-right:25px;}
section.exam-answer .questions .question .item .text p {margin:10px 0px;font-size:1.2rem;line-height:1.6rem;}
section.exam-answer .questions .question .item .video {width:calc(50% - 2.5px);}


section.not-found {padding:50px 0px;color:#313233;}
section.not-found p.text1 {font-size:3.0rem;line-height:4.0rem;font-weight:bold;}
section.not-found p.text2 {font-size:1.2rem;line-height:1.5rem;}


section.exam-score p.header {font-size:1.1rem;line-height:1.5rem;text-align: center;width:100%;margin: auto;}
section.exam-score p.header a {color:blue;text-decoration: underline;}
section.exam-score table p.header {font-size:1.0rem;line-height:1.4rem;text-align: center;width:100%;margin:auto;}
section.exam-score table {width:100%;margin:50px auto;border: solid 1px #efefef;text-align:center;}
section.exam-score table .info {height:120px;text-align:center;vertical-align: middle;padding:auto 50px;}
section.exam-score table .lecture-name {text-align:center;vertical-align: middle;height:50px;font-weight:bold;width:25%;}
section.exam-score table .answers {text-align:center;vertical-align: middle;height:50px;font-weight:bold}
section.exam-score table .score {text-align:center;vertical-align: middle;height:60px;font-weight:bold;font-size:1.5rem;}
section.exam-score table tr td {border: solid 1px #efefef;}

section.exam-nav {width:300px;}
section.exam-nav .nav-title {font-size:1.3rem;font-weight:bold;margin-bottom:25px;}
section.exam-nav ul li {font-size:1.1rem;line-height:1.5rem;margin-bottom:10px;padding-left:10px;font-weight:bold;color:#969696}
section.exam-nav ul li.active {border-left:solid 3px #b00916;color:#000}


section.exam-result {padding:15px 0px;position:relative;width:100%;}
section.exam-result .control-title {text-align:center;font-size:1.2rem;font-weight:bold;margin:25px 0px}
section.exam-result .control-description {text-align:center;font-size:1.2rem;line-height:1.6rem;margin:5px 40px}
section.exam-result .code-input {width:350px;height:auto;border:solid 1px #efefef;border-radius:10px;margin: auto;padding:25px;margin-top:50px;}
section.exam-result .code-input input {border:none;border-bottom:solid 2px #c40b19;font-size: 1.2rem;line-height:3.0rem;text-align:center;width:100%;}
section.exam-result .code-input .send {width:100%;height:50px;border:solid 2px #313233;background:#313233;color:#fff;font-size:1.2rem;margin:15px 0px}
section.exam-result #notification {text-align:center;font-size:1.2rem;line-height:1.6rem;margin:5px 140px;}
