@charset "utf-8";

/* list  */

.program--search .search--select>div, .program--search .search--select>span{max-width:120px;}
.program--search .search--select{float:left; margin-right: 5px;}
.program--search .fieldset{width:calc(100% - 501px); text-align: left; position:relative; padding-right: 184px;}
.program--search .search_inner{text-align:center}
.program--search .search--text{min-width:auto; max-width:100%; width:100%}
.program--search .search--text span{width:100%}
.program--search .search--btn{position:absolute; top:0; right:0}
.program--search .search--btn .btn--submit{margin-right: 6px;}
.program--search .search--btn button{height:40px}

.pagination{flex-wrap:wrap; max-width:100%; width:100%}
.table tbody td.sub-name a:hover{color:#e83421; }
.program--view .inner .card--btn .list.btn{padding:7px 6.5px 6.5px; min-width:80px}

@media screen and (max-width:1250px) {

    .program--search .fieldset{width:100%; max-width: 501px; padding-right: 0; margin:0 auto; margin-top:3px}
    .program--search .search--select{float:none; margin-right: 0;}
    .program--search .search--text{max-width: calc(100% - 187px);}
    .program--search .search--btn{position:relative; margin-right: 5px;}
     
}

@media screen and (max-width:1023px) {

    .program--search .search--select{ width:100%; margin-right:0; text-align: left;}
    .program--search .search--select>div, .program--search .search--select>span{max-width:calc(25% - 4px); width:100%}
    .program--search .fieldset{max-width:100%; margin-left: 0;}
    .program--search .search--text{margin-right: 0;}
    .program--search .search--btn{margin-left:3px;}
    .program--search .search--btn .btn--submit{margin-right: 3px;}
    
}

@media screen and (max-width:768px) {

    .program--search .search--btn span{width:81px}
     
}

@media screen and (max-width:700px) {

    .program--search .search--text{max-width: calc(100% - 181px);}

}

@media screen and (max-width: 640px) {

    .program--search .search--btn{margin:0}
    .program--search .search--btn .btn--submit{margin-right:5px}
    .program--search .search--btn button{padding:7px 12px 6px}
    
}

@media screen and (max-width:600px) {

    .program--search .search--select>div, .program--search .search--select>span {max-width: 100%;margin: 2px 0;}
    .program--search .search--text input[type="text"]{margin: 2px 0;}
    .program--search .search--btn button{background:#fff}
    .program--search .search--btn .btn--submit,.program--search .search--btn button{margin:3px 0}

    .program--search .fieldset{padding-top: 0; max-width: none; margin-top: 0; }
    .program--search .search--select{margin-right: 0; margin-bottom: -1px;}
    .program--search .search--text{max-width: 100%;}

}

/* view */
.program--view .inner .info_box .list-1st li{padding-left: 150px; font-size: 16px;}
.program--view .inner .info_box .list-1st li:after{content: ''; position: absolute; top: 7px; left:133px; width: 1px; height: 12px; background-color: #ddd;}
.program--view .inner .info_box .list-1st li em{width:auto}
.program--view .inner .info_box .list-1st li em:before{display:none}

.program--view .inner .title{padding:36px 26px;}
.program--view .inner .title > strong i {margin-right: 10px;}
.program--view .inner .title > strong em{font-size: 24px;}
.program--view .inner .card--btn{text-align: right}

@media screen and (max-width:640px) {
   
    .program--view .inner .info_box .list-1st li{padding-left:18px ; padding-top: 22px;}
    .program--view .inner .info_box .list-1st li:after{display:none}   
    
}