@charset "utf-8";

/*-----------------------------------------*/
/*menu10*/
/*-----------------------------------------*/

.menu10{text-align: center;}
.menu10 .block_10{max-width: 844px;overflow: hidden;display: inline-block;position: relative;}
.menu10 .block_10 img{max-width: 100%;}
.menu10 .block_10 .bk_10{position: absolute;top: 0;left: 0;padding: 300px 0 0 5px;}
.menu10 .block_10 .bk_10 .btn_alert{display: block;}
.menu10 .block_10 .bk_10 .btn_alert.idx1{margin-bottom: 179px;}
.menu10 .block_10 .bk_10 .btn_alert.idx2{margin-bottom: 294px;}
.menu10 .block_10 .bk_10 .btn_alert.idx3{margin-bottom: 342px;}

.menu10 .box_alert{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 99999;display: none;}
.menu10 .box_alert .ul_10{
    max-width: 585px;width: 100%;
    position: absolute;top: 50%;left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.menu10 .box_alert .ul_10 li{min-height: 295px; border: 3px solid #86aa23;text-align: left;padding: 29px 37px;display: none;margin: 0 10px;background-color: #ffffff;}
.menu10 .box_alert .ul_10 li .btn_close{position: absolute;right: 34px;top: 24px;}
.menu10 .box_alert .ul_10 li .p_10{margin-bottom: 15px;}
.menu10 .box_alert .ul_10 li .p_10 img{height: 43px;}
.menu10 .box_alert .ul_10 li .p_20{position: relative;padding-left: 10px;font-size: 16px;line-height: 40px;color: #555555;}
.menu10 .box_alert .ul_10 li .p_20:before{content: "";position: absolute;left: 0;top: 50%;width: 4px;height: 4px;margin-top: -2px;background-color: #86aa23;}
.menu10 .box_alert .ul_10 li .sub_videobox{
    min-width: 500px;
}
.menu10 .box_alert .ul_10 li .sub_video{
    margin-top: 30px;
    width: 100%;
    height: auto;
}



@media (max-width: 896px) {
    .menu10 .block_10 .bk_10{padding: 35.4% 0 0 5px;width: 19.2%;}
    .menu10 .block_10 .bk_10 .btn_alert{width: 100%;}
    .menu10 .block_10 .bk_10 .btn_alert.idx1{margin-bottom: 116.5%;}
    .menu10 .block_10 .bk_10 .btn_alert.idx2{margin-bottom: 189%;}
    .menu10 .block_10 .bk_10 .btn_alert.idx3{margin-bottom: 219.5%;}
}

@media (max-width: 768px) {
    .menu10 .block_10 .bk_10{padding: 35.4% 0 0 0;}
    .menu10 .block_10 .bk_10 .btn_alert.idx1{margin-bottom: 107.5%;}
    .menu10 .block_10 .bk_10 .btn_alert.idx2{margin-bottom: 179%;}
    .menu10 .block_10 .bk_10 .btn_alert.idx3{margin-bottom: 208.5%;}

    .menu10 .box_alert .ul_10 li{min-width: 320px;padding: 20px;}
    .menu10 .box_alert .ul_10 li .p_10{margin-bottom: 30px;}
    .menu10 .box_alert .ul_10 li .p_10 img{height: 35px;}
    .menu10 .box_alert .ul_10 li .p_20{font-size: 14px;line-height: 20px;margin-bottom: 20px;word-break: keep-all;}
    .menu10 .box_alert .ul_10 li .p_20:before{top: 9px;}
    .menu10 .box_alert .ul_10 li .btn_close img{width: 22px;}
    .menu10 .box_alert .ul_10 li .sub_videobox{
        min-width: 300px;
    }
    .menu10 .box_alert .ul_10 li .sub_video{
        margin-top: 30px;
        width: 100%;
        height: auto;
    }
}


/*-----------------------------------------*/
/*menu20*/
/*-----------------------------------------*/
.menu20{}
.menu20 .block_10{}
.menu20 .block_10 .row_10{margin-bottom: 40px;}
.menu20 .block_10 .row_10:last-child{margin-bottom: 0;}
.menu20 .block_10 .row_10 .p_10{font-size: 17px;color: #252525;padding-left: 10px;position: relative;font-weight: bold;margin-bottom: 20px;}
.menu20 .block_10 .row_10 .p_10:before{content: "";position: absolute;left: 0;top: 50%;width: 4px;height: 4px;margin-top: -2px;background-color: #86aa23;}
.menu20 .block_10 .row_10 .p_20{font-size: 16px;line-height: 25px;color: #555555;font-weight: 500;}
.menu20 .block_10 .row_10 .ul_10{margin: 0 -10px;}
.menu20 .block_10 .row_10 .ul_10 li{padding: 10px;width: 33.333%;text-align: center;}
.menu20 .block_10 .row_10 .ul_10 li img{max-width: 100%;}
.p_n_10{font-size: 19px;font-weight: 500;margin-bottom: 30px;letter-spacing: -0.5px;color: #86aa23;}
.n_img{margin-top: -20px;}
.n_img_ul{overflow: hidden}
.n_img li img{max-width: 100%;}
.n_img li{width:50%; padding: 10px; float:left;}
.m30{margin-top:30px;}
@media (max-width: 768px) {
    .menu20 .block_10 .row_10{margin-bottom: 30px;}
    .menu20 .block_10 .row_10 .p_10{font-size: 15px;margin-bottom: 10px;}
    .menu20 .block_10 .row_10 .p_20{font-size: 14px;line-height: 22px;word-break: keep-all;}
    .menu20 .block_10 .row_10 .ul_10{margin: 0 -7.5px;}
    .menu20 .block_10 .row_10 .ul_10 li{padding: 7.5px;width: 50%;}
    .p_n_10{font-size:16px;}
}


/*-----------------------------------------*/
/*menu30*/
/*-----------------------------------------*/
.menu30{}
.menu30 .block_10{}
.menu30 .block_10 .row_10{margin-bottom: 30px;}
.menu30 .block_10 .row_10:last-child{margin-bottom: 0;}
.menu30 .block_10 .row_10 .p_10{font-size: 17px;color: #252525;padding-left: 10px;position: relative;font-weight: bold;margin-bottom: 20px;}
.menu30 .block_10 .row_10 .p_10:before{content: "";position: absolute;left: 0;top: 50%;width: 4px;height: 4px;margin-top: -2px;background-color: #86aa23;}
.menu30 .block_10 .row_10 .p_20{font-size: 16px;line-height: 25px;color: #7d7d7d;font-weight: 500;}
.menu30 .block_10 .row_10 .ul_10{margin: 0 -10px;}
.menu30 .block_10 .row_10 .ul_10 li{padding: 0 10px;width: 33.333%;text-align: center;}
.menu30 .block_10 .row_10 .ul_10 li img{max-width: 100%;}
.menu30 .block_10 .row_10 .table_lay{width: 910px;border-spacing: 0;border-collapse: collapse;margin: 0 auto;}
.menu30 .block_10 .row_10 .table_lay.table_10 th{width: 20%;}
.menu30 .block_10 .row_10 .table_lay.table_20 th{width: 33.3333%;}
.menu30 .block_10 .row_10 .table_lay th,
.menu30 .block_10 .row_10 .table_lay td{border: 1px solid #b7b7b7;font-size: 16px;}
.menu30 .block_10 .row_10 .table_lay th{background: #f1f1f1;color: #363636;line-height: 47px;}
.menu30 .block_10 .row_10 .table_lay td{padding: 12px 0 12px 20px; color: #7d7d7d;line-height: 30px;letter-spacing: -0.5px;word-break: keep-all;}

@media (max-width: 1000px) {
    .menu30 .block_10 .row_10 .row_scroll{overflow-x: scroll;}
}

@media (max-width: 768px) {
    .menu30 .block_10 .row_10{margin-bottom: 30px;}
    .menu30 .block_10 .row_10 .p_10{font-size: 15px;margin-bottom: 10px;}
    .menu30 .block_10 .row_10 .p_20{font-size: 14px;line-height: 22px;word-break: keep-all;}
    .menu30 .block_10 .row_10 .ul_10{margin: 0 -5px;}
    .menu30 .block_10 .row_10 .ul_10 li{padding: 0 5px;}
    .menu30 .block_10 .row_10 .table_lay th,
    .menu30 .block_10 .row_10 .table_lay td{font-size: 14px;}

    .menu30 .block_10 .row_10 .table_lay.table_20{width: 650px;}
    .menu30 .block_10 .row_10 .table_lay.table_20 th{width: auto;}
    .menu30 .block_10 .row_10 .table_lay.table_20 thead th:first-child{width: 120px;}
    .menu30 .block_10 .row_10 .table_lay.table_20 thead th:nth-child(2){width: 170px;}
    .menu30 .block_10 .row_10 .table_lay.table_20 td{line-height: 20px;}
}