@charset "utf-8";
.ui-view__table .bbs--view--header .bbs--view--tit{text-align:center;margin-bottom:0;}
.ui-view__table .bbs--view--info{padding:15px 10px;text-align:right;border-bottom:1px solid #dcdcdc}
.ui-view__table .bbs--view--info:after{clear:both;display:block;content:""}
.ui-view__table .bbs--view--info span{padding-left:8px;display:inline-block;font-size:0.938em;line-height:1.3333em;color:#767676;letter-spacing:-0.03333em}
.ui-view__table .bbs--view--info span i{position:relative;padding-right:8px;margin-right:8px;font-weight:400;color:#444;font-style:normal}
.ui-view__table .bbs--view--info span i:after{position:absolute;top:3px;right:0;width:1px;height:14px;background:#dcdcdc;content:""}
.ui-view__table .bbs--view--info .info > span ~ span{margin-left:20px}
.ui-view__table.bbs--view{margin-bottom:20px;padding-bottom:20px;}
.ui-view__table.bbs--view .bbs--view--file{margin:0}

@media only screen and (max-width:640px){
.ui-view__table .bbs--view--info{text-align:left;}
.ui-view__table .bbs--view--info span{display:block;}
.ui-view__table .bbs--view--info .info > span ~ span{margin-left:0;margin-bottom:5p;}
}


.form-checkbox__list{position:relative;border: 1px solid #d9d9d9;background:#f7f7f7 url(/images/prog/beTrend/bg_betrend.png) no-repeat right bottom;border-radius:4px;}
.trend_checkbox{padding: 30px;}
.trend_checkbox:after{content:"";display:block;clear:both;visibility:hidden;}
.trend_checkbox li{display:inline-block;float:left;width:20%;position:relative;}
.trend_checkbox li .form-checkbox__label {font-weight:500;word-break:normal;font-size:15px;color:#444;border: 1px solid #e8e9f1;background:#fff;padding:3px 10px;line-height:1.2;height:40px;width: 100%;display: table-cell;vertical-align: middle;border-radius:4px;} 
.trend_checkbox li .form-checkbox__label:before{display:none;border:none}
.trend_checkbox li .form-checkbox__label.h55{height:70px;border-radius:4px;}
.trend_checkbox li .form-checkbox {padding-right:5px;padding-bottom:5px;width: 100%;padding-left:0;display: table;/* display: table-cell; */}
.trend_checkbox li .form-checkbox__input,
.trend_checkbox li .form-radio__input{display:inline-block;opacity:0;position:absolute;top:4px;left:2px;width:16px;height:16px;margin:0;padding:0;vertical-align:middle}
.form-checkbox__input:checked+.form-checkbox__label {color:#fff; background:#d72429; border:1px solid #d72429}
.form-checkbox__list .button{text-align:center;padding-bottom:20px;}
.form-checkbox__list .button button{display:block;width:171px;height:51px;margin:0 auto;border:1px solid #363643;background-color:#363643;color:#fff;border-radius:50px;}

@media(max-width:840px){
.trend_checkbox{padding:20px;}
.trend_checkbox li{width:33.333%;}
}
@media(max-width:640px){
.trend_checkbox li{width:50%;}
}
@media(max-width:400px){
.trend_checkbox li{display:block;width:100%;}
}


@media(max-width:620px){
		.program--search .fieldset{display:block;}
	}