
.change_iframe h2, .find_menu_top {
    display: none;
}

.change_iframe_sub_menu {
    position: relative;
    width: 100%;
    margin-top: 20px;
}

.change_iframe_sub_menu li {
    position: relative;
    width: calc(100% / 6);
    display: inline-block;
    margin-left: -2px;
}

.change_iframe_link {
    display: block;
    width: 100%;
    padding: 1em;
    background: #f6f6f6;
    border: 1px solid #ececec;
    text-align: center;
}

.change_iframe ul li:nth-child(6), .change_iframe ul li:nth-child(12) {
    margin-left: -3px;
}

.change_iframe ul li:nth-child(2) a, .change_iframe ul li:nth-child(3) a,.change_iframe ul li:nth-child(4) a, .change_iframe ul li:nth-child(5), .change_iframe ul li:nth-child(8) a, .change_iframe ul li:nth-child(9) a,.change_iframe ul li:nth-child(10) a, .change_iframe ul li:nth-child(11) {
    border-left: 0;
}

.change_iframe ul li:nth-child(1), .change_iframe ul li:nth-child(7) {
    margin-left: 0;
}

.change_iframe ul li:nth-child(5) {
    margin-left: -3px;
}

.menu_active01 {
    background: #fff!important;
    border-bottom:1px solid #fff !important;
    color: #212121;
    font-weight:400;
}

.change_iframe_table {
    position: relative;
    width: 100%;
    padding-top: 20px;
}

.iframe_table_search {
    position: relative;
    width: 100%;
    text-align: right;
    vertical-align: top;
}

.iframe_table_search select {
    padding: 0.75em;
    border: 1px solid #ececec;
    color: #777;
    letter-spacing: -1px;
    font-size: 12px;
    background: #fff;
    margin-right:5px;
}

.iframe_table_search input {
    padding: 0.7em;
    border: 1px solid #ececec;
    vertical-align: top;
    color: #777;
}

#searchBtn {
    padding: 0.9em 1.5em;
    background: #21215d;
    border: 1px solid #21215d;
    color: #fff;
    vertical-align: top;
    margin: 0 5px;
    font-size: 12px;
}

#resetBtn {
    padding: 0.9em 1.5em;
    background: transparent;
    vertical-align: top;
    border: 1px solid #ececec;
    font-size: 12px;
}

.resetBtn_mobile {
    display: none;
}

.letter_btn_box {
    width: 100%;
    text-align: right;
    margin: 1em 0;
}

.letter_btn {
    padding: 0.9em 1.5em;
    background: #21215d;
    border: 1px solid #21215d;
    color: #fff;
    vertical-align: top;
    margin: 0 5px;
    font-size: 12px;
}

.mobile_tablebox {
    display: none;
    margin-top: 20px;
}

.table_tr {
    position: relative;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ececec;
}

.table_tr:last-child {
    border-bottom: 0;
}

.table_tr li:first-child {
    color: #212121;
    font-weight: 400;
    width: 100%;
    margin-bottom: 5px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: url("../../../images/new-post-list.jpg") no-repeat 0 center;
    text-indent: 7px;
    margin-left: 0;
}

.table_tr li:nth-child(2), .table_tr li:nth-child(3), .table_tr li:nth-child(4) {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 33%;
    margin-left: 0px !important;
    padding: 0 3px;
}

.table_tr em {
    font-style: normal;
    font-weight: 400;
    padding-right: 3px;
    color: #212121;
}

.change_iframe_table table {
    width: 100%;
    margin-top: 20px;
    table-layout: fixed;
}

.change_iframe_table table th {
    padding: 1em;
    color: #424242;
    background: #f6f6f6;
    border-top: 1px solid #212121;
    border-bottom: 1px solid #ececec;
}

.change_iframe_table table td {
    padding: 1em;
    text-align: center;
    border-bottom: 1px solid #ececec;
    letter-spacing: 0;
    color: #777;
    font-size: 12px;
}

.change_iframe_table table td:nth-child(2) {
    text-align: left;
}

.change_iframe_table table td:nth-child(2), .change_iframe_table table td:nth-child(3) {
    font-size: 14px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.change_iframe_table table td a:hover {
    color: #de284a;
}

.change_iframe_table table tr:last-child td {
    border-bottom: 1px solid #212121;
}

.good_bad_btn {
    position: relative;
    width: 100%;
    padding-top: 1em;
    text-align: center;
    border-top:1px solid #212121;
}

.good_btn_style {
    background: transparent url('../../../images/good-btn.png') no-repeat 10px 11px;
    padding: 1em 1em 1em 2em;
    border: 1px solid #ececec;
    color: #de284a;
}

.good_btn_style span, .bad_btn_style span {
    display: block;
    margin-left: 0.3em;
}

.bad_btn_style {
    background: transparent url('../../../images/bad-btn.png') no-repeat 10px 11px;
    padding: 1em 1em 1em 2em;
    border: 1px solid #ececec;
    color: #21215d;
}

.iframe_table_search br{
    display:none;
}
@media screen and (max-width: 768px) {
    .change_iframe h2 {
        margin-top: 0 !important;
    }

    .change_iframe_sub_menu {
        margin-top: 0px;
    }

    .change_iframe_table table {
        display: none;
    }

    .mobile_tablebox {
        display: block;
        border: 1px solid #212121;
        border-left: 0;
        border-right: 0;
    }
}
@media screen and (max-width: 552px) {
    .iframe_table_search br{
        display:block;
    }
    .iframe_table_search {
        text-align:left;
        padding-left:5px;
    }
    .iframe_table_search input {
        margin-top:5px;
        margin-left:0;
        width:65%;
    }
    #searchBtn,#resetBtn {
        margin-top:5px;
    }
}
@media screen and (max-width: 490px) {
    .iframe_table_search select {
        padding: 0.5em;
        border: 1px solid #ececec;
        color: #777;
        font-size: 12px;
    }

    .iframe_table_search input {
        padding: 0.5em;
        border: 1px solid #ececec;
        vertical-align: top;
        color: #777;
    }

    #searchBtn {
        padding: 0.65em 0.7em;
        background: #21215d;
        border: 1px solid #21215d;
        color: #fff;
        vertical-align: top;
        font-size: 12px;
    }

    #resetBtn {
        padding: 0.7em 0.7em;
        background: transparent;
        vertical-align: top;
        border: 1px solid #ececec;
        font-size: 12px;
    }
}
@media screen and (max-width: 530px) {
    .change_iframe_sub_menu li {
        width: calc(100% / 3);
        display: inline-block;
        margin-left: -2px;
    }
    .change_iframe ul li:nth-child(3) {
        border-left:1px solid #ececec;
    }
    .change_iframe ul li:nth-child(3), .change_iframe ul li:nth-child(6), .change_iframe ul li:nth-child(9){
        margin-left: -3px;
    }
    .change_iframe ul li:nth-child(4),.change_iframe ul li:nth-child(7), .change_iframe ul li:nth-child(10) {
        margin-left:0;
    }
    .change_iframe ul li:nth-child(5), .change_iframe ul li:nth-child(8) {
        margin-left:-2px;
    }
    .menu_active01 {
        border-bottom: 1px solid #ececec !important;
    }
}
@media screen and (max-width: 431px) {
    .resetBtn_mobile {
        display: inline-block;
        padding: 0.9em !important;
    }
}

@media screen and (max-width: 358px) {
    .change_iframe_link {
        font-size: 12px;
    }
    .iframe_table_search input {
        width: 60%;
    }
}