.login_area{
    width: 600px;
    max-width: 100%;
    height: 100%;
    margin: auto;
    margin-top: 30px;
    padding: 30px;
    border: 1px solid #07569e;
    border-radius: 10px;
    text-align: center;
}
.input_area{
    margin-top: 30px;
    font-size: 1.1em;
}
.input_area table{
    margin: auto;
}
.input_area table td{
    text-align: left;
    padding: 3px 10px;
    vertical-align: middle;

}
.input_area input{
    margin-top: 10px;
    padding: 3px 5px;
}
.comment_area{
    width: 600px;
    height: 100%;
    margin: auto;
    margin-top: 30px;
    padding: 30px;
}
.username{
    margin-top: 20px;
    text-align: center;
    color: #ccc;
}
.text-center{
    text-align: center;
}
.manuals,
.manuals a{
    text-align: center !important;
}

/* body */
input[type="button"],
input[type="submit"] {
    cursor: pointer;
    transition: 0.4s;
    padding: 5px 15px !important;
}
.pcoded-inner-content h3{
    font-size: 1.6em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.delbtn{
    background-color: #ddd;
}
.submit{
    background-color: #2374c2;
    color: #fff;
}
.submit:hover{
    background-color: #07569e;
}
input[type="button"].dlbtn{
    padding: 2px 25px !important;
}

#result_area{
    margin-top: 30px;
}
#toklist ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.tokbox{
    margin: 5px 3px;
    list-style: none;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #333;
    cursor: pointer;
    transition: 0.4s;
}
.tokbox_sel,
.tokbox:hover{
    background-color: #777;
    color: #fff;
}

.code_area{
    margin: 10px 0 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
}
.code_left,
.code_right{
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.code_right{
    padding: 0 25px;
    box-sizing: border-box;
}


#loading {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
    z-index: 9999;
}
#loading .loadingMsg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 140px;
    background: url("https://ec.ems-system.net/base/loader.gif") center center no-repeat;
}