@charset "utf-8";
@media all and (max-width: 1100px) {
    .table-bottom-info .all-record {
        width:100%;
        padding:4px 0 0 0;
        text-align:center;
    }
    .table-bottom-info .all-page {
        width:100%;
        padding:20px 0 0 0;
    }
    .table-bottom-info .all-page .uk-flex-right {
        justify-content: center !important;
    }
    .top-header-pad ul.top-menu-list li.icon-toggle {
        width:4%;
    }
    .top-header-pad ul.top-menu-list li.logo-area {
        width:92%;
    }
    .top-header-pad ul.top-menu-list li.icon-user {
        width:4%;
    }
}
@media all and (max-width: 1000px) {
    .full-button-line ul li {
        width:50%;
        box-sizing:border-box;
        padding:10px;
    }
    .full-button-line ul li a {
        width:100%;
        padding:10px 0 10px 0;
    }
}
@media all and (max-width: 960px) {
    li.display-logo {
        display:none !important;
    }
    .top-header .top-header-left ul li.project-name {
        background:transparent;
        padding:5px 0 3px 0;
        border-radius:0px;
        font-size:14px;
        margin:25px 0 0 0;
    }
    .uk-sticky-below .top-header-left ul li.project-name {
        margin:15px 0 0 0;
    }
    .top-header .top-header-left ul li.project-name span {
        display:inline;
    }
    .logo-pad {
        display:none;
    }
    .top-header-pad ul.top-menu-list li .project-name {
        background:transparent;
        padding:0;
        font-size:12px;
        margin:19px 0 0 20px;
    }
    .top-header-pad ul.top-menu-list li .project-name img {
        display:block;
        width:70px;
        height:auto;
        padding:0 0 2px 0;
    }
    .uk-sticky-below .top-header-pad ul.top-menu-list li .project-name {
        margin:9px 0 0 20px;
    }
    .radio-select-50 {
        width:100%;
    }
    .check-select-50 {
        width:100%;
    }
    .top-header .top-header-left {
        width:80%;
        padding:0 30px 0 30px;
    }
    .top-header .top-header-right {
        width:20%;
        padding:0 30px 0 30px;
    }
}
@media all and (max-width: 620px) {
    .top-header-pad {
        width:100%;
        padding:0 20px 0 20px;
    }
    .top-header-pad ul.top-menu-list li.icon-toggle {
        width:5%;
    }
    .top-header-pad ul.top-menu-list li.logo-area {
        width:90%;
    }
    .top-header-pad ul.top-menu-list li.icon-user {
        width:5%;
    }
    .top-header .top-header-left {
        width:90%;
        padding:0;
    }
    .top-header .top-header-right {
        width:10%;
        padding:0;
    }
    .top-header .top-header-left ul li {
        padding:0 15px 0 0;
    }
    .top-header .top-header-right .icon-header-member {
        margin:25px 0 0 0;
        padding:0;
        font-size:22px;
    }
    .uk-sticky-below .top-header-right .icon-header-member {
        margin:17px 0 0 0;
    }
    .uk-sticky-below .top-header-left ul li.project-name {
        margin:17px 0 0 0;
    }
    .uk-sticky-below .toggle-pad {
        padding:18px 0 0 0;
    }
}
@media all and (max-width: 600px) {
    .radio-select-50 ul li {
        width:100%;
    }
    .radio-form ul li {
        width:100%;
    }
    .check-select-50 ul li {
        width:100%;
    }
    .checkbox-form ul li {
        width:100%;
    }
}
@media all and (max-width: 500px) {
    .full-button-line ul li {
        width:100%;
        box-sizing:border-box;
        padding:10px;
    }
    .full-button-line ul li a {
        width:100%;
        padding:10px 0 10px 0;
    }
    .button-group ul li {
        width:100%;
        display:inline-block;
        padding:20px 0 0 0;
    }
    .button-form-style {
        border:0px;
        width:100%;
        box-sizing:border-box;
        padding:10px 0 10px 0;
        border-radius:5px;
        font-size:16px !important;
        font-family:'scg', sans-serif !important;
        cursor:pointer;
        font-weight:bold;
        color:#FFFFFF;
        transition: all 0.3s;
    }
    .mobile-project-name {
        display:block;
        background-color:#a61a19;
        width:100%;
        box-sizing:border-box;
        padding:0 20px 0 20px;
    }
    .top-header-pad ul.top-menu-list li.icon-toggle {
        width:7%;
    }
    .top-header-pad ul.top-menu-list li.logo-area {
        width:86%;
    }
    .top-header-pad ul.top-menu-list li.icon-user {
        width:7%;
    }
}
@media all and (max-width: 400px) {
    .top-header-pad ul.top-menu-list li.icon-toggle {
        width:9%;
    }
    .top-header-pad ul.top-menu-list li.logo-area {
        width:84%;
    }
    .top-header-pad ul.top-menu-list li.icon-user {
        width:7%;
    }
}