.fl{float:left;}.fr{float:right;}
.mt-2{margin-top:2%;}.mt-3{margin-top:3%;}.mt-5{margin-top:5%;}
.ml-2{margin-left:2%;}.ml-3{margin-left:3%;}.ml-5{margin-left:5%;}
.mb-2{margin-bottom:2%;}.mb-3{margin-bottom:3%;}.mb-5{margin-bottom:5%;}
.mt-20{margin-top:20px;}.mt-30{margin-top:30px;}.mt-50{margin-top:50px;}
.mb-20{margin-bottom:20px;}.mb-30{margin-bottom:30px;}.mb-50{margin-bottom:50px;}
.wk-1{float:left;width:8.33%;}.wk-2{float:left;width:16.66%;}.wk-3{float:left;width:25%;}.wk-4{float:left;width:33.33%;}.wk-5{float:left;width:41.66%;}.wk-6{float:left;width:50%;}.wk-7{float:left;width:58.33%;}.wk-8{float:left;width:66.66%;}.wk-9{float:left;width:75%;}.wk-10{float:left;width:83.33%;}.wk-11{float:left;width:91.66%;}.wk-12{float:left;width:100%;}

.bg-none{background-color: transparent!important;}
.br-none{border: none!important;}
.sh-none{box-shadow: none!important;}
.d-none{display:none;}
select {background-color: white;border: thin solid red;border-radius: 4px;display: inline-block;font: inherit;line-height: 1.5em;padding: 0.5em 3.5em 0.5em 1em;margin: 0;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;}
select.classic {background-image:linear-gradient(45deg, transparent 50%, red 50%),linear-gradient(135deg, red 50%, transparent 50%),linear-gradient(to right, white, white);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),100% 0;background-size:5px 5px,5px 5px,2.5em 2.5em;background-repeat: no-repeat;}

.modal {display: none;position: fixed;z-index: 1;top:-100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);align-items: center;justify-content: center;}
.modal-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 300px;border-radius:20px;}
.close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.close:hover, .close:focus {color: #000;text-decoration: none;cursor: pointer;}
.modal-content p{width: 100%;text-align: center;font-weight: 700;font-size:20px;}

table {font-family: arial, sans-serif;border-collapse: collapse;width: 100%;}
td, th {border: 1px solid #dddddd;text-align: left;padding: 8px;}
tr:nth-child(even) {background-color: #ededed;}
td input{float:left;max-width:40px;text-align: center;line-height: 24px;border-radius: 5px;border:1px solid #ccc;padding-right: 5px;}
.pumi{float:left;width:10px;font-size:18px;line-height: 25px;margin:0 5px;cursor:pointer;}

@media only screen and (max-width:850px){
    .wk-2, .wk-4{width:33.33%;}
    .wk-5, .wk-6, .wk-3, .wk-7, .wk-8, .wk-9, .wk-10, .wk-11, .wk-12{width:100%;}
}
@media only screen and (max-width:670px){
    .wk-1, .wk-2{width:33.33%;}
    .wk-3, .wk-4, .wk-5, .wk-6, .wk-7, .wk-8, .wk-9, .wk-10, .wk-11, .wk-12{width:100%;}
}
@media only screen and (max-width:530px){
    .wk-1, .wk-2{width:50%;}
    .wk-3, .wk-4, .wk-5, .wk-6, .wk-7, .wk-8, .wk-9, .wk-10, .wk-11, .wk-12{width:100%;}
}