body{margin:0;padding:0;background-color:#dbdbdb}*{box-sizing:border-box;font-family:微軟正黑體}a,u{text-decoration:none}header{background-color:#5b7f94;padding:15px;margin-bottom:30px;color:#fff;box-shadow:2px 2px 8px #4c4c4c;position:relative;z-index:100}.user{position:absolute;top:16px;right:5px}.user span{margin-right:10px}input,textarea{padding:5px 10px;border:none;background-color:#e9e9e9;border-radius:5px}textarea{resize:none;width:80%;min-height:80px;vertical-align:middle}.center{text-align:center}.xlsx{background-color:#59b22c;padding:8px 8px;border-radius:5px;color:#fff;font-weight:bolder}button{cursor:pointer}.table{display:table;text-align:center;margin:30px auto;box-shadow:2px 2px 8px #999;font-size:14px}.tr{display:table-row}.td{display:table-cell;padding:10px 15px;vertical-align:middle;border:1px solid #fff}.td img{width:30px;cursor:pointer}.tr:nth-child(even){background-color:#f7f7f7}.tr:nth-child(odd){background-color:#e9e9e9}.tr.title{background-color:#9fc1d4;color:#fff}.td button{border:none;padding:5px;color:#fff;background-color:#aac9db;display:block;margin:5px 0;font-size:14px;border-radius:5px}.table input{background-color:#fff;width:100%}nav{width:200px;background-color:#5b7f94;position:fixed;top:0;height:100vh;padding-top:80px;transition-duration:.7s}nav ul{padding-left:10px;margin:0 0 10px 0}nav li{list-style:none;padding:5px 10px;color:#fff;cursor:pointer}nav ul ul{display:none}nav li.top_li{border-bottom:1px solid #ffffff80;padding:10px;position:relative}nav li.top_li a{color:#fff}nav li.top_li img{position:absolute;right:5px;width:22px}section{margin-left:200px}.stepline{width:calc(100% - 200px);height:71px;margin:auto}.stepline1{width:100%}.stepline2{display:flex;width:80%;margin:auto}.step{flex:1;text-align:center;margin:10px;padding:15px;background-color:#9fc1d4;color:#fff;text-decoration:none;box-shadow:1px 1px 3px #999;border-radius:5px}.step.here{background-color:#799eb3}article{margin:30px auto;width:90%}article p{margin:auto;padding:10px}article p.title{margin:15px auto;font-size:20px;font-weight:bold;color:#5b7f94;border-bottom:2px solid #5b7f94}article form{width:95%;margin:auto}article p input.long{width:80%}article p label{margin-right:20px}article form span.br{margin:15px 0;height:1px;display:block;background-color:#5b7f94}p span.title2,button{font-weight:bold;background-color:#799eb3;color:#fff;padding:5px 10px;border-radius:5px;margin-right:10px;border:none;font-size:14px}.buttons{text-align:center}.buttons{margin-top:15px}.buttons button.save{background-color:#d67777}.buttons button.cancel{background-color:#a7a7a7}select{border:none;background-color:#e9e9e9;padding:5px 10px}p.ps{font-size:14px;color:#d67777;padding:0 10px}#preview{width:200px;vertical-align:middle;margin-right:15px}.type{position:relative;padding:20px;padding-top:0;margin:30px 0}.win{border:2px solid #d67777}.lose{border:2px solid #a7a7a7}.type p span.title2{position:absolute;top:-15px;left:10px;font-size:18px}.win p span.title2{background-color:#d67777}.lose p span.title2{background-color:#a7a7a7}.top{position:fixed;bottom:10px;right:10px;cursor:pointer;background-color:#9fc1d4;width:60px;height:60px;line-height:60px;color:#fff;text-align:center;border:2px solid #fff}br.rwd{display:none}.page{text-align:center}.page a{color:#5b7f94;text-decoration:none;margin:0 2px;cursor:pointer}.page a.head{margin:0 10px}.sticky{position:fixed;top:0;z-index:100;background-color:#dbdbdb}header .logo img{display:none}article.lightbox{position:fixed;top:0;z-index:500;background-color:#00000080;width:100%;margin:0;height:100vh;display:none}.lbox{background-color:#dbdbdb;width:80%;margin:10% auto;padding:1px 20px 25px 20px}@media screen and (max-width:1024px){article{width:95%}.stepline2{width:90%}nav{transform:translateX(-200px)}section{margin-left:0}.stepline{width:100%;height:auto}header .logo img.close{display:none}header .logo img{display:inline;vertical-align:middle;margin-right:5px;width:30px}}@media screen and (max-width:768px){.lbox{width:95%;padding:1px 5px 25px 5px}}@media screen and (max-width:500px){*{font-size:14px}header{margin-bottom:20px}article{margin:0 auto 50px auto}article,article form{width:98%}.none{display:none}.td{padding:3px}.stepline2{display:block;text-align:center}.step{padding:5px;margin:5px 2px;width:120px;display:inline-block}article p label{margin-right:15px}article p input.long{width:100%}br.rwd{display:block;line-height:25px}article p{padding:5px}.datepicker{width:130px}p span.title2{display:block;text-align:center;margin-top:15px}.td input[type="checkbox"]{margin:0}.type{padding:20px 5px}#preview{display:block;margin:10px auto}.top{width:45px;height:45px;line-height:45px}textarea{width:100%}.type p span.title2{margin-top:0}.lbox{width:95%;padding:1px 5px 15px 5px;margin-top:10%}.lbox .buttons{margin-top:5px}#imgFile{width:100%}}@media screen and (max-width:320px){.lbox{margin-top:3%}}