@charset "utf-8";
@media all and (max-width: 1200px) {
    ul.head-2-col li {
        width:100%;
    }
    ul.head-2-col li.text-right {
        text-align:left !important;
    }
}
@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%;
    }
    .selgrofina ul li {
        width:50%;
    }
}
@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;
    }
    .selgrofina ul li {
        width:100%;
    }
}
@media all and (max-width: 959px) {
    .table-form-list {
        padding:10px 20px 10px 20px;
    }
    .table-label {
        display:block;
        text-align:left;
        padding:0 0 5px 0 !important;
    }
}

@media all and (max-width: 820px) {
    .selbox-right-area {
        box-sizing:border-box;
        width:100%;
        float:right;
        padding:0 1% 0 1%;
    }
}

@media all and (max-width: 800px) {
    .disp-txt-2col li {
        width:100% !important;
        display:inline-block !important;;
        margin:0;
        padding:0 !important;
        font-size:16px;
    }
    .padtxtleft {
        padding:0 0 0 30px !important;
    }
    .infowithpic .dispinfopic {
        width:30%;
    }
    .infowithpic .dispinfotxt {
        width:70%;
    }
    .infodsp li {
        display:block;
        margin:10px 0 0 0 !important;
        padding:0 !important;
        border-left:none;
        border-top:none;
        font-size:14px;
    }
    .h2-2col {
        width:100%;
    }
    .right-searchbox {
        width:100%;
        margin:15px 0 15px 0 !important;
    }
    .right-searchbox .search-box input {
        width:100%;
    }
}

@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%;
    }
    .check-select-100 ul li {
        width:100%;
    }
    .checkbox-form ul li {
        width:100%;
    }
    .hdr-noticed .noteleft {
        width:15%;
    }
    .hdr-noticed .noteright {
        width:85%;
    }
    ul.versionlog li {
        width:100%;
    }
    input.input-box-remark-3 {
        width:100%;
        margin:5px 0 0 0;
    }
    input.input-box-remark {
        width:100%;
        margin:5px 0 0 0;
    }    
    input.input-box-remark-2 {
        width:100%;
        margin:5px 0 0 0;
    }
}

@media all and (max-width: 560px) {
    .full-button-export-pop ul li {
        width:100%;
        box-sizing:border-box;
    }
    .full-button-export-pop ul li a {
        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%;
    }
    .infowithpic .dispinfopic {
        width:100%;
        display:inline-block;
        box-sizing:border-box;
        margin:0;
        padding:0 0 20px 0;
    }
    .infowithpic .dispinfotxt {
        width:100%;
    }
}
@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%;
    }
}

@media all and (max-width: 380px) {
    .hdr-noticed .noteleft {
        display:none;
    }
    .hdr-noticed .noteright {
        width:100%;
    }
    .hdr-noticed .noteleft i {
        display:none;
    }
}