.container-xs{max-width:960px!important}.main-wrap{background:#fff;position:relative}.h-100{height:100vh!important}.udc{display:flex;flex-direction:column;justify-content:center}.f-lg{font-size:1.5em!important}.f-md{font-size:1.2em!important}.f-sm{font-size:1.1em!important}.title{font-size:1.2em;padding:.5em;color:#666566;background:#f1eff1;border:1px solid #e7e8e9;border-left:5px solid #868486;margin-bottom:1em}button:disabled,button:disabled:active,button:disabled:hover,input[type=button]:disabled,input[type=button]:disabled:active,input[type=button]:disabled:hover{background-color:#ccc;box-shadow:0 0 0 1px #ccc,0 0 0 2px #adadad;color:#878787}button,input[type=button]{outline:none;transition:box-shadow .5s,background-color .5s;font-family:sans-serif;background-color:#ebebeb;font-weight:600;padding:1px 10px;margin:2px;border:0;border-radius:1px;box-shadow:0 0 0 1px #e1e1e1,0 0 0 2px #adadad;border:1px dotted transparent;color:#555}button:focus,input[type=button]:focus{background-color:#ebebeb;box-shadow:0 0 0 0 #e1e1e1,0 0 0 2px #0078d7;border:1px dotted #111}button:hover,input[type=button]:hover{box-shadow:0 0 0 1px #e1e1e1,0 0 0 2px #0078d7;background-color:#e5f1fb}button:active,input[type=button]:active{transition:background-color 0s;background-color:#cce4f7;box-shadow:0 0 0 1px #e1e1e1,0 0 0 2px #0078d7}.basic-table{width:100%}.basic-table th{background:#dae6f2;color:#5b7497;text-align:center}.basic-table td,.basic-table th{border:1px solid #cbcfd3;padding:5px}hr{height:2px!important;border-bottom:2px solid #bbb;border:0}.alert{background:#dae6f2;color:#5b7497;border:1px solid #cbcfd3;border-radius:5px;font-weight:700;font-size:1.5em;display:inline-block}.header[data-v-5ffe17c8]{border-bottom:2px solid #bbb;height:80px;padding-top:17.5px}.header img[data-v-5ffe17c8]{height:45px}.header img[data-v-5ffe17c8]:hover{opacity:.7}.footer[data-v-66c7ed1d]{height:40px;line-height:40px;text-align:center;color:#fff;position:absolute;bottom:0;left:0;padding:0!important;background:linear-gradient(180deg,#5e88ae,#7cb0d8);width:100%}.main-body[data-v-55e1d1ba]{height:calc(100vh - 120px);overflow-y:scroll}body{background:#dae6f2;color:#000}.body{background:#aaa!important;height:100vh;padding:25px}.wrap{background:#ddd;margin:0 auto;height:calc(100vh - 50px);border:1px solid #9b989b;-moz-filter:drop-shadow(0 3px 3px rgba(0,0,0,.2));-ms-filter:drop-shadow(0 3px 3px rgba(0,0,0,.2));filter:drop-shadow(0 3px 3px rgba(0,0,0,.2))}.header{background:#fff}.header .header-wrap{height:80px}.header .titled{width:200px}.header .center-title{text-align:center;font-size:21px;font-weight:600;flex:1;margin-top:10px}.header .right-title{width:200px;text-align:right}.v-flex{display:flex;flex-flow:column;height:calc(100vh - 130px)}.main{padding:1.5em;height:calc(100vh - 195px)}.flex-g{flex-grow:1;height:auto!important}.footer{height:65px;background:#ccc;padding:1em}.basic-info{background:#fff;padding:1em;margin-bottom:1em;border:1px solid #ccc}.basic-info h4{text-align:center;margin:0!important;padding:0!important;font-size:30px;line-height:1.7em}.content{background:#fff;padding:1em;flex:1;border:1px solid #ccc;height:100%}.content-no-m{padding:0!important}.menu-wrap{position:fixed;left:0;top:80px;width:100%;height:calc(100vh - 195px);background:#fff;z-index:9998;padding:3em 1em;overflow-y:scroll}.menu-body{flex:1}.menu-side{width:150px}.button-menu{cursor:pointer}.button-menu:hover{opacity:.8;background-color:#e6f4f5!important}.menu-unit{margin:0 auto;width:100px;border:2px solid #999;background-color:#fff;height:50px;border-radius:15px}.menu-unit-2{background-color:#89f47d}.menu-number{line-height:47px;text-align:center}.menu-list{display:flex;flex-wrap:wrap}.menu-unit-4{border:2px solid #bbb;outline:3px solid #f4eb08;box-shadow:inset 0 0 0 1px #f4eb08}.menu-unit-3{border:3px solid red;position:relative}.menu-unit-3:before{content:"✓";color:red;font-size:25px;position:absolute;top:-8px;right:2px}.calc-wrap{position:fixed;top:80px;right:16px;z-index:9999;border:1px solid #ccc;box-shadow:1px 1px 10px #999}.sidebar{width:300px;margin-right:1em;background:#fff;padding:1em;height:100%}.menuSpan{display:inline-block;font-size:1em;margin-right:.7em;width:50px}.menuSpan,.menuSpan *{cursor:pointer}.double-wrap{display:flex;height:100%;width:100%;overflow:hidden}.panelLeft,.panelRight{box-sizing:border-box;padding:.5em;padding-top:1em}.resizer{width:10px;background:#ddd;cursor:ew-resize}.menuSpan input{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;position:relative;right:0;bottom:0;left:0;height:16px;width:16px;vertical-align:-.5rem;color:#000;background-color:#fff;cursor:pointer;display:inline-block;margin:.3rem;outline:none;border-radius:2%}input[type=checkbox]:after,input[type=checkbox]:before{background:#000}.alanswer input[type=checkbox]:after,.alanswer input[type=checkbox]:before{position:absolute;content:"";background:#fff}.alanswer input{background-color:#8d8b8d;color:#fff}.cranswer{color:red;text-decoration:underline}.incorrect{background:#df6f6b}.choice-list{flex:1}.choice-list table td{vertical-align:top}.result-tab-wrap{z-index:999;transform:translateY(1px)}.result-tab{width:120px;text-align:center;background:#fff;font-weight:600;color:#2c4146;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;z-index:999}.choice-radio{margin-right:.4em;margin-top:7px;flex-shrink:0}input[type=radio].choice-radio{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;position:relative;height:16px;width:16px;min-height:16px;min-width:16px;max-height:16px;max-width:16px;background-color:#e0e0e0;border-radius:50%;cursor:pointer;outline:none;flex-shrink:0}input[type=radio].choice-radio:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:#000;border-radius:50%}.score{font-size:35px;font-weight:600;color:#d81c5e}.result-wrap{width:180px;color:#d81c5e;font-weight:700;font-size:45px;border:4px solid #d81c5e;text-align:center}.scroll{overflow-y:scroll}.question-img{width:100%}.footer-button{-webkit-appearance:none;-moz-appearance:none;border:0!important;border-radius:5px;width:130px;background-color:#003c7d;color:#fff;padding-top:4px;padding-bottom:4px;appearance:none;transition:none;outline:none;box-shadow:0 0 0 0}.footer-button:hover{background-color:#2a5f84}.footer-button:focus,.footer-button:hover{border:none;outline:none;box-shadow:0 0 0 0}.footer-button:active,.footer-button:focus{background-color:#003c7d}.footer-button:active{border:none;outline:none;box-shadow:0 0 0 0}.footer-button2{width:100px}.footer-left{width:300px}.bg-white{background-color:#bbb;color:#333}.bg-white:hover{background-color:#bdd5db!important}@media screen and (max-width:1200px){.footer-button{width:100px;font-size:.9em}}@media screen and (max-width:992px){.footer-button{width:80px;font-size:.8em;padding-right:.4em!important;padding-left:.4em!important}.footer-left{width:200px}}.check-border-wrap{display:flex;align-items:stretch}.check-border{width:8px;background-color:red;margin:.5em 10px 1.3em 5px}.check-border-none{background-color:transparent}.question-body input{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;position:relative;right:0;bottom:0;left:0;height:16px;width:16px;vertical-align:-.5rem;color:#fff;background-color:#d1f6fe;cursor:pointer;display:inline-block;margin:.3rem;outline:none;border-radius:3px}input[type=checkbox]:after,input[type=checkbox]:before{position:absolute;content:"";background:#003c7d}.mainch input[type=checkbox]:after,.mainch input[type=checkbox]:before{position:absolute;content:"";background:#fff}input[type=checkbox]:before{left:2px;top:6px;width:0;height:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}input[type=checkbox]:after{right:9px;bottom:3px;width:2px;height:0;transform:rotate(40deg);-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-ms-transform:rotate(40deg);-o-transform:rotate(40deg)}input[type=checkbox]:checked:before{left:2px;top:9px;width:5px;height:2px}input[type=checkbox]:checked:after{right:4px;bottom:1px;width:2px;height:12px}input[type=checkbox]:indeterminate:after,input[type=checkbox]:indeterminate:before{width:7px;height:2px;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}input[type=checkbox]:indeterminate:before{left:1px;top:7px}input[type=checkbox]:indeterminate:after{right:1px;bottom:7px}input[type=checkbox],input[type=radio]{border:1px solid #ccc}input[type=checkbox]:checked,input[type=checkbox]:indeterminate,input[type=radio]:checked:before{color:#000}.left-indent{margin-left:1em}.left-indent2{margin-left:0}.calc{background-color:#444;width:218px}.ex1{border-bottom:1px solid #2950a3}.calc-result,.ex1{text-align:right;background-color:#000;color:#fff;font-size:26px;height:40px;line-height:40px;padding-left:.5em;padding-right:.5em;overflow:hidden}.calc-button button{border:1px solid #000;background-color:#2950a3;text-align:center;width:50px;height:50px;color:#fff;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;box-shadow:none}.calc-button button:active,.calc-button button:focus{outline:none;border:none;box-shadow:none}.footer-active{background-color:#8fddff!important}.calc-header{background-color:#fff}.calc-title{color:#2950a3}.no-draggable{-webkit-user-select:none;-moz-user-select:none;user-select:none}.b-box{padding:1em;border:1px solid #333}