body{margin:0;padding:0;background-color:#444}*{box-sizing:border-box;color:#ddd;font-family:敺株��迤暺煾��;font-size:16px}nav{background-color:#333;color:#fff;width:170px;height:100vh;padding:20px 0;display:inline-block;position:fixed;box-shadow:2px 2px 5px #000;z-index:100}nav li{list-style:none}nav li a{text-decoration:none;display:block;padding:10px 20px;width:100%}article{padding:20px 0;display:inline-block;width:calc(100% - 170px);margin-left:171px;vertical-align:top}.box{width:98%;margin:10px auto;background-color:#333;border-radius:5px;padding:20px;box-shadow:2px 2px 5px #000}.box input,.edit{background-color:#444;border:none;border-radius:2px;padding:5px 10px;margin:0 8px 0 16px}.src_box{position:relative}.box .src{width:600px;text-shadow:0 0 7px hsla(0,0%,100%,.5);color:#ffffff00;cursor:default}.box .src~span{position:absolute;left:300px;top:27px;cursor:pointer;font-size:12px}.box .edit{padding:0}button,.td.tools .price{padding:5px 10px;border-radius:5px;box-shadow:2px 2px 5px #000;font-size:14px;margin:0 5px}.normal,.td.tools .price{background-color:#6b6b6b;border:1px solid #6b6b6b}.clear{background-color:#17acae;border:1px solid #17acae;color:#333}.warm{border:1px solid #f1a5a5;background-color:transparent;color:#f1a5a5}i,button{cursor:pointer}input:focus,button:focus{outline:none}.add_que{padding:0 10px}.add_que input{width:80%}.buttons{text-align:center;margin-top:20px}.tr .buttons{margin-bottom:10px}.all_buttons{margin:20px 0}.edit_ans{padding:0 10px}.option{display:inline-block;width:48.5%;margin:5px}.option input[type="text"],.option p{border:1px solid #444;padding:5px 10px;width:90%;margin:0;display:inline-block}.container{display:flex;padding:10px 5px;margin:10px 0;background-color:#252525;box-shadow:2px 2px 5px #000}.tr{margin:5px 0 15px 0;padding:10px;border:2px solid #17acae;position:relative}.tr:nth-child(odd){border:2px solid #f1a5a5}.td{flex:1;text-align:center;height:35px;line-height:35px}.td.que{flex:6;text-align:left}.td.que input{width:100%;margin:0}.td.tools{flex:5}.td.tools .tool{margin:0 5px;vertical-align:middle}.td.tools input{width:100px;margin-left:5px}.ans input{background-color:transparent;border:1px solid transparent}.ans p:hover,.ans p:focus{border:1px solid #17acae}.show_button{margin-bottom:30px}.correct input[type="text"]{background-color:#b0ffff40}.tr:nth-child(odd) .correct input[type="text"]{background-color:#f1a5a540}.more{display:none}.hbg{display:none}nav p{display:none}.preview{display:inline-block;width:250px;text-align:center}.view input[type="file"]{display:none}.upload_label{background-color:#17acae;padding:10px 20px;border-radius:10px;color:#333;cursor:pointer;text-align:center;margin-left:16px}.product .upload_label{display:block;width:250px;margin:10px 0}.product .tr:nth-child(odd) .upload_label{background-color:#f1a5a5}.view img,.product .upload_label{max-width:250px;vertical-align:middle}.view input{display:inline-block;padding:5px 10px;width:400px;vertical-align:middle}.view .arrow{display:inline-block;width:30px;margin:20px;text-align:center;vertical-align:middle}.view textarea{resize:none;margin-left:20px;width:400px;height:120px;vertical-align:middle}i{color:#17acae}.tr:nth-child(odd) i{color:#f1a5a5}br.rwd{display:none}p.del{text-align:right;margin:0;position:relative}.tr p i{margin:10px 5px}.tr p span.no{position:absolute;top:5px;left:10px}.tr p input{position:absolute;top:2px;left:15px}.tr .info p input{position:relative;margin-left:5px;top:0;left:0}.detail{margin-bottom:30px}.title{width:150px;display:inline-block}.info{display:inline-block;vertical-align:middle;margin:5px 10px}.product .buttons{margin-top:0}.alert{z-index:100;position:absolute;left:calc(50% - 125px);margin:10px;animation:appear-alert 1s ease forwards,hide-alert 1s cubic-bezier(.455,.03,.515,.955) 5s forwards}.bubble{width:250px;height:60px;background:#17acae;border-radius:50px;position:relative;animation:fade-out .75s cubic-bezier(.455,.03,.515,.955) 3.5s forwards}.alert_wrong .bubble{background-color:#f1a5a5}.circle{width:60px;height:60px;border-radius:50px;background:#ddd;background-size:cover;background-position:center center;position:absolute;top:0;left:0;text-align:center;line-height:60px;animation:fade-out .75s cubic-bezier(.455,.03,.515,.955) 3.5s forwards}.circle i{vertical-align:middle}.message{position:absolute;right:0;top:50%;transform:translate(-50%,-50%);animation:fade-out .75s cubic-bezier(.455,.03,.515,.955) 3.5s forwards;color:#fff}.css-table{display:table}.css-table .thead{display:table-header-group}.css-table .tbody{display:table-row-group}.css-table .tr{display:table-row}.css-table .th,.css-table .td{display:table-cell}@keyframes appear-alert{0%{top:-60px}100%{top:-5px}}@keyframes open-alert-width{0%{width:60px}100%{width:250px}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes close-alert-width{0%{width:250px}100%{width:60px}}@media screen and (max-width:1200px){.hbg{width:60px;height:60px;text-align:center;margin:10px 10px 0 10px;background-color:#17acae;display:inline-block;border-radius:60px;line-height:60px;position:fixed;top:0;box-shadow:2px 2px 5px #000;z-index:100;cursor:pointer}nav{transition-duration:.7s;transform:translateX(-250px)}nav p{display:block;text-align:right}article{margin-left:0;width:100%;padding:0;margin-top:70px}}@media screen and (max-width:946px){.box .src{width:400px}.box .src~span{left:250px}.option{width:48%}.option input[type="text"]{width:85%}.view img,.preview,.product .upload_label{max-width:150px}.view input{width:265px}.view .arrow{width:auto;margin:10px}.td.tools input{width:72px;margin:5px 10px 5px 5px}.view textarea{width:300px;height:100px}}@media screen and (max-width:703px){.box{padding:20px 10px}button{margin:0 1px}.box .src{width:235px}.box .src~span{left:150px}.add_que input{width:75%}.option{width:100%;display:block}.container{display:block}.td{display:inline;margin:0 10px}.td.que{margin:0}.more{display:none}.tools{display:block;text-align:right}.view img,.preview,.product .upload_label{max-width:100px}.product .upload_label{padding:10px 0}.view input{padding:5px;width:200px}}@media screen and (max-width:640px){.box input{margin:15px 0}.box .src{display:block;width:100%}.option input[type="text"],.option p{width:90%;text-align-last:left}.tools{text-align:center;margin:10px 0}.add_que input{display:block;width:100%}.box{text-align:center}.box .src~span{left:calc(50% - 38px);top:64px}.view input{width:100%}.view .arrow{margin-top:0}.more{display:block}.ans{display:none}.tr p input{position:absolute;top:-13px;left:30px;width:200px}.tr .info{text-align:left}.tr .info p{margin:0}.tr .info p input{margin:5px 0}.td.tools input{margin:0 5px}.info{margin:0}.view img,.preview,.product .upload_label{max-width:100%}.product .buttons{margin:10px 0}.upload_label{margin:10px auto;display:block;width:250px}.view textarea{width:250px;height:150px;margin:auto}}@media screen and (max-width:386px){br.rwd{display:block}}