:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;box-sizing:border-box}.logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);will-change:filter;transition:filter .3s;color:red;background-color:#ddd;padding-left:2px;padding-right:2px}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}.m1{margin:.1rem}.center{text-align:center!important}.right{text-align:right!important}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-main{background-color:#eee;padding:.6em 0;min-height:100vh}.app-main .content{width:625px;margin:auto;background-color:#fff;border-radius:6px;padding:.4em;position:relative;box-shadow:1px 1px 4px #0003}.app-main .content header table .left{background-position:left top;background:#307603;border:1px solid #0c9;border-radius:2px;border-right:0px;padding:.5rem 0;display:flex;align-items:center;justify-content:center}.app-main .content header table .left img{width:100px;height:100px;border-radius:50%;background-color:#fff;margin:auto}.app-main .content header table .border{background-color:transparent;padding:0;margin:0}.app-main .content header table .outlet{width:100%;background:#307603;border:1px solid #0c9;border-radius:2px;border-right:0px;padding:.2rem 0}.app-main .content header table .outlet .notice{text-align:center}.app-main .content header table .outlet .notice a{display:block}.app-main .content header table .outlet .notice a h1{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:17px;display:block;margin:0 0 5px 5px;color:#a6dd04;text-shadow:1px 0 0 rgba(14,32,87,.6117647059);font-weight:500;background:repeating-linear-gradient(45deg,rgba(149,225,125,.2784313725),transparent 80px)}.app-main .content header table .outlet .institute{text-align:center}.app-main .content header table .outlet .institute a{display:block;position:relative;z-index:2}.app-main .content header table .outlet .institute a h1{font-family:Verdana,Arial,Helvetica,sans-serif;color:#ffe;margin:3px 0 0 5px;font-size:19px;text-transform:uppercase;text-shadow:0 1px rgba(51,51,51,.2)}.app-main .content header table .outlet .institute a h5{margin:0 0 4px;font-family:sans-serif;color:#ccc;font-weight:500;font-size:15px}.app-main .content header table .outlet .scroll-notice{padding:0 2px}.app-main .content header table .outlet .scroll-notice marquee{margin-bottom:0;padding:2px 0;line-height:1.2;font-size:.8rem;color:#fff;background:linear-gradient(45deg,rgba(255,165,0,.2196078431),transparent)}.app-main .content .form-content{padding:1.1rem 0;width:74%;margin:auto;box-sizing:border-box}.app-main .content .form-content form{border:1px solid #b17302;border-radius:3px;padding:1.2em 0}.app-main .content .form-content form td{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#000;text-decoration:none;font-weight:700;padding-bottom:.34em}.app-main .content .form-content form select{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#000;text-decoration:none;background-color:#f4f0f2;border:1px solid #999;font-weight:400;width:205px;padding:4px;border-radius:4px}.app-main .content .form-content form .inputfield{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#000;text-decoration:none;background-color:#f4f0f2;border:1px solid #999;font-weight:400;width:200px;padding:4px;border-radius:4px}.app-main .content .preview .menu{background:#95e17d1c;padding:2px 9px}.app-main .content .preview .menu ul{list-style:none;padding-left:0;margin:0;display:flex}.app-main .content .preview .menu ul li{display:inline-block;margin-right:.4em}.app-main .content .preview .menu ul li a{color:#548000}.app-main .content .preview table{padding:6px 0;width:100%;border:none}.app-main .content .preview table tr th{font-weight:400;font-size:14px;background-color:#eee;padding:2px 4px;text-align:left}.app-main .content .preview table tr td{background-color:#eee;padding:2px 4px;font-size:14px;text-align:left}.app-main .content .preview .item-table tr th{background-color:#eee;padding:3px 6px;font-size:13px;font-weight:700;border:1px solid #ddd}.app-main .content .preview .item-table tr td{padding:3px 6px;background-color:#fff;font-size:14px;border:1px solid #ddd}.app-main .content .preview .control-content{background-color:#cfd9b1;padding:4px 8px 8px;text-align:right}.app-main .content .preview .control-content button{cursor:pointer}.app-main .content footer{padding:10px 1rem;background:linear-gradient(180deg,transparent,#e6f1bf);display:flex;align-items:center;justify-content:space-between;border-left:1px solid #307603;border-right:1px solid #307603;border-radius:50px}.app-main .content footer h5,.app-main .content footer p{margin:0;font-size:.9em}