@charset "utf-8";
/* CSS Document */

section {
  border: 0;
}

section h2 {
  font-size: 24px;
}

section h3 {
  margin-top: 0;
}

section p {
  font-size: 18px;
}

hr {
    border: 0;
    border-top: 1px solid #eee;
    margin: 20px 0;
}

section .markcontainer {
  position:absolute;
  left:15px;
}

section .radiocontainer {
    display: flex;
    align-items: center;  /* 垂直居中 */
    padding-left: 50px;   /* 为图标留出空间 */
}

section .fa {
    display: inline-block;
    font: normal normal normal 14px/1 fontawesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

i.fa-check {
  color:#4CAF50;
}

i.fa-times {
  color:#d9534f;
  color:#dc3545;
}

.answercomment {
  background-color:rgba(0, 0, 0, 0.2);
  color:white;
  white-space: nowrap;
  position:absolute;
  right:10px;
  top:10px;
}

/* The radiocontainer */
.radiocontainer {
  background-color:#f1f1f1;
  position: relative;
  padding:10px 10px 10px 40px;
  margin-bottom: 1px;
  font-size: 18px;
  word-wrap: break-word;
}

.radiocontainer.correct {
  background-color:#ddd;
}
.radiocontainer.correct.selected {
  background-color:#d4edda;
  color:#000;  
}
.radiocontainer.wrong {
  background-color:#f8d7da;
}

#quizmain {
  font-family: "Segoe UI",Arial,sans-serif;
  width:100%;
  xxbackground-color:#fff;
}

#qtext {
  font-size:18px;
}

#quizform {
  margin-top:30px;  
}

#altcontainer {
  xxbackground-color:#fff;
  font-size:120%;
  line-height:1.7em;
}

#answerbuttoncontainer {
  position:relative;
  padding:25px 0;
}

.answerbutton {
  background-color:#04AA6D;
  padding:12px 30px !important;
  font-size:17px;
  border-radius: 5px;
}

#timespent {
  position:absolute;
  right:0;
  text-align:right;
  border:none;
  font-family: "Segoe UI",Arial,sans-serif;
  font-size:16px;
  width:80px;
}

.linktotutdiv {
  color:#555;
  background-color: #FFF4A3;
}

.linktotutdiv a {
  color:#555;
}

.linktotutdiv a:hover,.linktotutdiv a:active {
  color: black;
}