.progress { width:700px; height: 10px; border-radius: 5px; background-color: #e1e1e1; box-shadow: none;}
        .progress-bar { float: left;  width: 0;  height: 100%;  font-size: 12px;  line-height: 20px;  color: #fff; text-align: center;  background-color: #74a500; border-radius: 5px; }
        .qa_title { padding:30px 0 30px 0; font-size: 25px; }

        .checks {position: relative; }
        .checks label{  cursor: pointer;  font-size: 1.3em; }
        .checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
        .checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
        .checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 18px; height: 18px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
        .checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
        .checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
        .checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 0px; left: 4px; width: 12px; height: 12px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }

        #qa_all_wrap { position:relative; width:860px; height:1036px; margin:0 auto; top:660px; background:url(/sub/sub_5/img/self_test_bg.png);  padding-top:360px;  z-index:1; }
        #qa_all_wrap .qa_wrap { position:relative; background:white; width:800px; height:500px; margin:0 auto; padding-top:40px;}
        #qa_all_wrap .qa_wrap .qa_word_wrap { position:relative; width:700px; height:500px; margin:0 auto; border:0px solid red;}
        #qa_all_wrap .qa_wrap .qa_word_wrap .uls { border: 1px solid #e7e7e7; border-radius: 5px; overflow: hidden;  padding-inline-start: 0px;}
        #qa_all_wrap .qa_wrap .qa_word_wrap .uls li:last-child { border-bottom: 0px solid #e7e7e7; }
        #qa_all_wrap .qa_wrap .qa_word_wrap .uls li { padding: 15px 25px; border-bottom: 1px solid #e7e7e7; list-style: none; background: #fff; }
        #qa_all_wrap .qa_wrap .qa_word_wrap .board_wrap { height:380px; border:0px solid red; }


        #qa_bg_wrap { position:relative; width: 100%; height:1900px; background:url('/sub/sub_5/img/test_bg.jpg') center top no-repeat #f9f8f2; }



        #btns_wrap { position:relative; width:100%; }
        #prev_btn { background-color:#ffffff; border:1px solid #e7e7e7; border-radius:5px; padding:10px; width:60px; text-align:center; float:left; display:none; cursor:pointer;}
        #next_btn { background-color:#74a500; border:0px solid #e7e7e7; border-radius:5px; padding:10px; width:60px; text-align:center; float:right; color:white; cursor:pointer;}