.exa-Paper{
    width:100%;
    
}

.exa-QAContainer {
    border:3px solid darkgray;
    border-radius: 5px;
    width:90%;
    margin:60px auto;
    text-align:center;
    
}

.exa-Choice {
    display: block;
    position: relative;
    margin:auto;
    max-width: 1000px;
    font-size:1.2em;
}

.exa-Choice label {
    display: block;
    background-color: #EEEEAA;
    border-radius: 5px;
    padding: 10px 20px;
    border: 2px solid khaki;
    padding-left: 48px;
    margin-bottom: 5px;
    cursor: pointer;
    max-width: 1000px;
    min-height: 60px;
    text-align:left;
}

input[type=radio] {
    display: none;
}

.exa-Choice label:before {
    content: "";
    position: absolute;
    left: 5px;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background-color: gray;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVFhH7c6hDcAwEMDA7D9KdvpZUlx09IEtmd+597xN7wXtaAKhQCqQCqQCqUAqkAqkAqlAKpAKpAKpQCqQCqR+oFnwvA86rTuMEOqRkQAAAABJRU5ErkJggg==);
}


input[type=radio]:checked + label:before {
    content: "";
    position: absolute;
    left: 5px;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background-color: gray;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAFKSURBVFhH7djNkYIwHIfhf6xFm4AK3Ls17FH68BKOWoINbAXSRGBbyfpjkxUD+YAElgPvTMYJjvEZvmRk9ztJWlE79bqa/vbQ6bSGHfW9vj20gXxtIF/LguqScsaIPcfnl9pmtBwImENBlZrePoZRy4AMjA6ovKzV7Lf5QRaMrioOb6h5QR6MrioupI/efKBADGWchLzSUU3nAY3BPM60V1OUHhSBQVZQXebt/YLlJb1fB44iMW14/MDoJniGZ5HXyLgU6j1rgsus+xnbcK7VyB6ohwlZKAkGGSArRo+hBZNhUBc0ZeGkGGQesjFfkByDBs6hYFTIGIVBjexf9vszPQSnJyou16XtaPg+FIuaiEH2O/VUVAQGuX86xqIiMcgNQqGoBBjkByEfKhEGhYGQDZUQg8JByEQlxqDtzwZfG8hX5xxq2g3/G9EPVsd9QlPNxpYAAAAASUVORK5CYII=);
}
 
.exa-Result{
    margin:10px auto 30px auto;
    text-align:center;
    font-size:1.5em;
    max-width: 1000px;
}

#btnEnd{
    font-size:1.5em;
    width:400px;
}

.exa-TotalPoint{
    font-size:2em;
}

.exa-QTitle {
   font-size:2em;
}

.exa-QContent {
    margin:10px auto 30px auto;
    text-align:left;
    font-size:1.2em;
    max-width: 1000px;
}

.exa-AnswerArea{
    font-size:1.2em;
    height:180px;
}


.exa-ok{
    font-size:1.5em;
    color:blue;
    margin:0;
}

.exa-ng{
    font-size:1.5em;
    color:red;
    margin:0;
}

.exa-lesson{
    text-align:center;
    margin:auto;
    max-width: 1000px;
}

.tagPoint{
    display:none;
}