div#bo_list, section#bo_w, article#bo_v, div#bo_gall {max-width:var(--layoutwidth);margin:50px auto 200px auto}
#bo_list #bo_cate, #bo_gall #bo_cate{margin-top:0!important;margin-bottom: 20px;}
#bo_list #bo_cate #bo_cate_on, #bo_v #bo_v_title .bo_v_cate, #bo_gall #bo_cate #bo_cate_on{color:#fff!important;background: var(--pointcolor) !important;border: 1px solid var(--pointcolor) !important;;}
#bo_list #bo_cate a, #bo_gall #bo_cate a{background-color: #fff;}
#bo_list #bo_cate a, #bo_v #bo_v_title .bo_v_cate, #bo_gall #bo_cate a {border: 1px solid #e5e5e5!important;color:#000!important;box-shadow: none!important;font-size: 1rem;padding:5px 20px}
#bo_list #bo_cate a:focus, #bo_list #bo_cate a:hover, #bo_list #bo_cate a:active, #bo_v #bo_v_title .bo_v_cate, #bo_gall #bo_cate a:focus, #bo_gall #bo_cate a:hover, #bo_gall #bo_cate a:active {background: var(--pointcolor)!important;color:#fff!important;border:1px solid var(--pointcolor)!important}
#bo_list tbody{border-top:1px solid #000}
#bo_list .tbl_head01 tr:first-child td{border-top: 1px solid rgba(0,0,0,0.3);}
#bo_list .tbl_head01 tbody tr:hover td {background: #ebefef;}
#bo_list tbody tr:hover {border-left: 2px solid  var(--pointcolor)!important;}
#bo_list .tbl_head01 td{height: 70px;}
#bo_list tbody .bo_notice td {background: #ebefef !important;border-bottom: 1px solid #ebefef;}
#bo_list .bo_cate_link {background: var(--pointcolor);border-radius: 50px;height: auto;line-height: initial;padding: 5px 20px;color: #fff;font-size:0.8rem;}
#bo_list .bo_notice .notice_icon{color: var(--pointcolor);}
#bo_btn_top{margin-top: 0!important;margin-bottom: 50px!important;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;}
#bo_btn_top #bo_list_total{display: none!important;}
#bo_list .tbl_wrap table {border-top: 0;}
#bo_list .tbl_head01 thead th {padding: 0 0 5px 0;border-bottom: 0;height: auto;}
#bo_list .bo_tit {padding: 5px 0px;}


/* view */
#bo_v{display: flex;flex-wrap: wrap;background: transparent!important;}
#bo_v #bo_v_title{padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;display: flex;align-items: center;padding-right: 100px;position: relative;top: 0;left: 0;}
#bo_v #bo_v_title .bo_v_cate{border-radius: 50px;}
#bo_v #bo_v_title .bo_v_tit{display:block;margin-left: 10px;margin-top: 0;line-height: 1;font-weight: 500;font-size: 1.5em;}
#bo_v > * {width: 100%;order: 4;}
#bo_v_top{order: 1;}
#bo_v section#bo_v_info {order: 3;border-bottom: 0;}
#bo_v header {order: 2;}
#bo_v #bo_v_title {padding: 20px 0;padding-top: 0;display: flex;}
#bo_v_info .profile_info{display: block!important;float: none!important;width: 100%;}
#bo_v_info .profile_info .pf_img{display: none;}
#bo_v_info .profile_info .profile_info_ct{width:100%;float: none!important;padding:0!important;margin-left: 10px;}
#bo_v_info .profile_info .profile_info_ct br{display: none;}
#bo_v .bo_v_com {margin-top: 0;}
#bo_v #bo_v_share {display: none;}
#bo_v #bo_v_atc {margin: 30px 15px;}
#bo_v .cmt_btn span.total{color:  var(--pointcolor);}
#bo_v .cmt_btn span.total:after{background:  var(--pointcolor)}
.btn_bo_user li a{display: flex;}
.btn_bo_user li a i{align-self: center;}
.more_opt li a {justify-content: space-between;}
.btn_submit:hover{background:  var(--pointcolor)!important;}
a.btn_cancel{border-radius: 50px!important;}

#bo_v_top ul.more_opt{background-color: #fff!important;}
#bo_gall .gall_img{position: relative;top: 0;left: 0;border-bottom: 0!important;}
#bo_gall .gall_img .is_notice {font-size:0.9rem;position: absolute;top: 10px;right: 10px;border-radius: 50px;height: auto;line-height:normal!important;padding: 8px 30px;display: block;left: auto;    background-color: #fff;color: #000;box-shadow: 0 0 12px rgba(0,0,0,0.1)!important;}
#bo_gall .gall_text_href{display: flex;margin: 0!important;text-align: left;justify-content: flex-start;padding: 10px 0;align-items: center;}
#bo_gall .bo_cate_link, #bo_list .bo_cate_link{background: transparent;border-radius: 0;height: auto;line-height: initial;padding: 0;color: #000;font-size: 1em;    min-width: 75px;
margin-top: 4px;
margin-right: 5px;}
#bo_gall .bo_cate_link:before , #bo_list .bo_cate_link:before {display: inline-block;content: "[";clear: both;padding-right: 3px;}
#bo_gall .bo_cate_link:after, #bo_list .bo_cate_link:after {display: inline-block;content: "]";padding-left: 3px;}
#bo_list .bo_cate_link{width: auto;margin-top:0;min-width: auto;}

#bo_gall .gall_date{width: 100%;margin-top: 5px;font-size: 1.1rem;font-family: var(--pointfont),sans-serif;}
#bo_gall .gall_info{display: none;}
#bo_gall .bo_cnt{display: none;}
#bo_gall .gall_img img, #bo_gall .gall_img video{display: block;}

.pg_wrap{display: block;text-align: center;float: none;margin-top: 30px;}
.pg_page {background: transparent;border:1px solid #a6a6a6;border-radius: 50%;line-height:48px;position: relative;top:0;left:0;color: #a6a6a6;width: 48px;height: 48px}
.pg_page:After{display: block;clear: both;font-family: 'Material Symbols Outlined'; font-weight: normal;font-style: normal;font-size: 18px;line-height: 1;letter-spacing: normal;text-transform: none;white-space: nowrap;word-wrap: normal;direction: ltr;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;width: 100%;position: absolute;top: 50%;left: 0;text-indent: 0;transform: translateY(-50%);text-align: center;}

.pg_end{margin-left: 15px;}
.pg_end:After {content: "navigate_next";}
.pg_next {margin-left: 15px;}
.pg_next:After {content:"keyboard_double_arrow_right"}

.pg_start {margin-right: 15px;}
.pg_start:after {content: "navigate_before";}
.pg_prev{margin-right: 15px;}
.pg_prev:after {content: "keyboard_double_arrow_left";}
.pg_current {background: var(--pointcolor);border: 1px solid var(--pointcolor);color: #fff;font-weight: 600;border-radius: 50%;line-height:48px;width: 48px;height: 48px}

.pg_page:hover{background-color: transparent;opacity: 1;}
.pg_start:hover , .pg_end:hover{background-color: var(--pointcolor);border-color: var(--pointcolor);color: #fff;}


#bo_gall .bo_tit{line-height: 1.5!important;font-size: 1.25rem!important;}

#bo_w .bo_w_flie .frm_file{margin-top:0!important}

.btn_bo_user .more_opt{z-index:90}
#bo_v_top ul.more_opt{z-index:90}
.more_opt li{width:auto!important}
.more_opt li button, .more_opt li a{display: flex;}
.more_opt li button i{margin-right: 5px;}
.more_opt li a i{margin-left: 5px;}

#captcha{display:flex;flex-wrap: wrap;}
#captcha #captcha_info{width:100%;}


@media (max-width:1580px) {
div#bo_list, section#bo_w, article#bo_v, div#bo_gall {width: 90%!important;font-size: 1rem;}
}
@media (max-width:990px) {
div#bo_list, section#bo_w, article#bo_v, div#bo_gall{margin:50px auto 100px auto;}
/* #bo_list .bo_cate_link{padding:5px 15px} */
#bo_list #bo_cate{margin-bottom:30px}
#bo_list .tbl_head01 td{height: 65px;}

#bo_v #bo_v_title{flex-wrap: wrap;}
#bo_v #bo_v_title .bo_v_tit{margin-top: 10px;margin-left: 0;}
#bo_v_info .profile_info .profile_info_ct{margin-left: 0;}
#bo_v_info .profile_info{margin:10px 0!important;}
#bo_v #bo_v_atc{margin:30px 0}
/* #bo_v #bo_v_title .date_add{transform: translateY(0);top:auto;bottom:20px} */

#bo_gall .gall_li{width: 50%;}
#bo_gall .gall_img img{width: 100%;}

/* #bo_gall .gall_text_href{padding:15px 0} */
#bo_list #bo_cate, #bo_gall #bo_cate{margin-bottom: 20px;}

.pg_page, .pg_current{line-height:30px;width: 30px;height: 30px}
.pg_end{margin-left: 5px;}
.pg_next {margin-left: 5px;}
.pg_start {margin-right: 5px;}
.pg_prev{margin-right: 5px;}
}

@media (max-width:768px) {
    /* div#bo_list, section#bo_w, article#bo_v, div#bo_gall{margin:30px auto 80px auto;} */
    #bo_btn_top{padding-bottom: 10px;margin-bottom: 30px!important;}
    #bo_v .bo_v_com{margin-bottom: 0;}
    #bo_v #bo_v_title{padding-bottom: 10px;}
    #bo_gall .gall_text_href{flex-wrap: wrap;}
    #bo_gall .gall_box{margin:0 0 30px 0!important}
    #bo_gall .gall_li{width: 100%;}
    #bo_gall .bo_tit{font-size: 1.5rem!important;}
    #bo_list .bo_cate_link{float: none;width:100%;}
}