@charset "utf-8";



.board-list {background-color: #fff;padding: 30px 25px 100px;border-radius: 10px;}

.sub_titbox .sub_tit > h2 {
    display: block;
    font-weight: 600;
    font-size: 18px;
    display: block;
    color: #c31432;
    position: relative;
    padding: 0 10px 0 0px;
    display: inline-block;
    background-color: #fff;
    z-index: 9;
}
.div-head {    background-color: #1b1b1b; font-size: 14px;color: #e8a736;border-bottom: 1px solid #e49c12 !important;}
.div-head > span {border-right:0; }
.list-board .wr-date a{color:#e49c12;}
.list-board .wr-hit a{color:#e49c12;}
.sub_titbox .sub_tit::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #c31432;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    z-index: 0;
}

.sub_titbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

/* Icon */
.list-board .wr-notice { background:#fafafa; margin-bottom:15px; }
.list-board .wr-notice li { background:none; }
.list-board .wr-vicon { position:absolute; left:15px; bottom:12px; color: rgba(255,255,255,0.8); font-size:32px; z-index:1; text-shadow: 1px 1px 1px #000; }
.list-board .wr-none { padding:50px 0px; text-align:center; color:#888; }

/* List */
.list-body .list-box { position:relative; }
.list-body .list-front {position:relative;border: 1px solid #dcdcdc;background-color: #FFF;}
.list-body .list-chk { position:absolute; left:15px; top:12px; z-index:2; }
.list-body .list-text .div-title-underline-thin { margin:0px 0px 2px; padding:0px 0px 2px; padding-right:1px; letter-spacing:-1px; }

.list-body .list-img { position:relative; }
.list-body .list-img .list-thumb { position:relative; overflow:hidden; max-height:360px; }
.list-body .list-img .list-thumb .wr-img { width:100%; height:auto; }
.list-body .list-img .thumb-icon { position:absolute; left:0; top:0; width:100%; height:100%; }
.list-body .list-img .thumb-icon .wr-fa { position:absolute; left:0; top:50%; width:100%; text-align:center; font-size:50px; margin-top:-25px; }
.list-body .list-img .wr-date { position:absolute; right:15px; bottom:12px; font-size:16px; color: rgba(255,255,255,0.8); text-shadow: 1px 1px 1px #000; z-index:2; letter-spacing:-1px; }
.list-body .list-text { padding:15px; }
.list-body .list-desc {line-height:20px;overflow:hidden;}
.list-body .list-desc strong {display:block;color: #64635d;font-size:15px;font-weight:normal;padding-bottom: 13px;}
.list-body .list-info .pull-right i { margin-left:10px; margin-right:2px; }
.list-body .list-info .wr-mb { display:inline-block; width:34px; height:34px; border-radius:50%; background:#eee; color:#fff; margin-right:4px; vertical-align:middle; }
.list-body .list-info .wr-mb img { width:34px; height:34px; border-radius:50%; }
.list-body .list-info .wr-mb i { width:34px; height:34px; line-height:34px; text-align:center; font-size:20px; border-radius:50%; }

.gal_stat {    width: 100%;
    height: auto;
    position: relative;
    padding-top: 13px;
    border-top: 1px solid #484848;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;}
	
	
	.gal_stat > li {
    width: 100%;
    font-size:13px;
    font-weight: 400;
    text-align: center;
    position: relative;
    color: #ccc;
}


.gal_commt > p {
    font-size: 13px;
    font-weight: 400;
    color: #64635d;
}
.gal_commt > p > i {
font-size: 18px;
}


.gal_commt > i {
    color: #777;
    font-size:13px;
}

.gal_commt > p > span {
    color: #c31432;
}

 .gal_commt {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.gal_stat > li::after {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: -5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #484848;
}



/* Photo */
.list-body.is-photo .list-info,
.list-body.is-photo .list-info.pull-left,
.list-body.is-photo .list-info.pull-right { line-height: 34px; }
.list-body.is-photo .list-text { padding:15px 15px 10px; }


/* Style */
.box-body.list-body .list-img { margin: 10px 10px 0px; }

.round-body.list-body .list-img { margin: 10px 10px 0px; border-radius:15px; }
.round-body.list-body .list-img .wr-img,
.round-body.list-body .list-img .thumb-icon{ border-radius:15px; }
.round-body.list-body .shadow-line { margin:0px 15px; }

.line-body.list-body .list-box { border-left:0; border-top:0; border-right:0; }

.line-body.list-body .list-text { padding-left:10px !important; padding-right:10px !important; }

.line-round-body.list-body .list-box { border-left:0; border-top:0; border-right:0; }

.line-round-body.list-body .list-img { border-radius:15px; }
.line-round-body.list-body .list-img .wr-img,
.line-round-body.list-body .list-img .thumb-icon{ border-radius:15px; }
.line-round-body.list-body .shadow-line { margin:0px 15px; }
.line-round-body.list-body .list-text { padding-left:10px !important; padding-right:10px !important; }

.parner_winbox {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #e7e6e2;
    padding: 20px;
    margin-bottom: 30px;
}

.parner_winbox .parner_logo {
    width: 171px;
    height: 93px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
}

.parner_winbox .parner_logo > span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(/data/logo/hd_logo.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}


.parner_winbox .parner_txt {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}

.parner_winbox .parner_txt > h2 {
    font-size: 20px;
    font-weight: 500;
    color: #64635d;
    margin-bottom: 15px;
}

.parner_winbox .parner_txt > h2 > span {
    color: #c31432;
}

.parner_winbox .parner_txt > span {
    font-size: 14px;
    font-weight: 400;
    color: #c31432;
}

.parner_winbox .parner_txt > p {
    font-size: 14px;
    font-weight: 400;
    color: #c31432;
    margin-bottom: 10px;
}

@media all and (max-width:991px) {
	.latest_board {display:none}
	.parner_winbox .parner_txt > h2 {font-size: 12px;}
	.board-list {padding:10px;}
	.parner_winbox {padding:10px ;}
	.list-body .list-desc strong {font-size:12px;}
	.parner_starbox > p {font-size: 11px;}
	.board-list {padding:10px !important;}
.board_user {display:none;} 
.list-btn {display:none;}
.nav-tabs {width: 100% !important;}
.list-category .active a {        font-weight: 400 !important; background-color: #e49c12!important; color: #000 !important;}
.list-category a {     border-radius: 30px!important;font-weight: 400 !important;font-size: 11px!important; }
.nav>li>a {padding: 5px 7px!important;}
.parner_winbox .parner_txt > span {font-size: 10px !important;}
.parner_winbox .parner_txt > p {font-size: 10px !important;}
.nav-tabs {    border: 1px solid #dedede !important; background-color: #fff!important;}
.parner_winbox .parner_logo {margin-bottom:-5px !important;}
.parner_winbox .parner_logo > span {display: block;width: 50% !important;height: 85% !important; margin:0 auto;}
.sub_titbox {display:none;}
} 

#bo_list .star-ratings {float:left;margin:0;font-size:20px;color: #e2e2e2;position: relative;unicode-bidi: bidi-override;}
#bo_list .star-ratings-fill {padding: 0;  position: absolute;  z-index: 1;  display: flex;  top: 0;  left: 0;  overflow: hidden;  -webkit-text-fill-color: #ffcc00;}
#bo_list .star-ratings-base {z-index: 0; padding: 0;}


.star_rate_area {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
}

.br-theme-fontawesome-stars-o .br-widget {
    height: auto !important;
}

 .star_rate_area > p {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #1b1b1b;
}

 .star_rate_area > p > span {
    color: #e49c12;
}

 .up_btn {
    width: 150px;
    height: 50px;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
}

 .up_btn > a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    background-color: #e49c12;
    border-radius: 10px;
}

 .up_btn > a > span {
    width: 33px;
    height: 30px;
    position: relative;
    background-image: url(/assets/Pc/img/view_up.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.star-ratings {float:left;margin:0;unicode-bidi: bidi-override; z-index: 8;}
.star-ratings span {color: #e2e2e2;     font-size: 17px;}
.star-ratings-fill {    color: #fff;}
.star-ratings-fill {padding: 0;position: absolute;z-index: 1;display: flex;top: 0;left: 0;overflow: hidden;-webkit-text-fill-color: #c31432;}
.star-ratings-base {z-index: 0; padding: 0;}
.star-info {float:left;margin-left:10px;font-size:14px;color:#888888;line-height:33px;}
.star-info span {color:#888888;font-size:16px;line-height:33px;}
.star-info span.av {font-weight:bold;color:#000000;font-size:24px;line-height:33px;}


#half-stars-example 
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
.rating-group {display: inline-flex;}
  
  /* make hover effect work properly in IE */
.rating__icon {pointer-events: none;}
  
  /* hide radio inputs */
.rating__input {
   position: absolute !important;
   left: -9999px !important;
}

  /* set icon padding and size */
.rating__label { cursor: pointer;
    /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */
    padding: 0 0.1em;
    font-size: 2rem;
  }

  /* add padding and positioning to half star labels */
.rating__label--half {
    padding-right: 0;
    margin-right: -0.6em;
    z-index: 2;
  }
  
  /* set default star color */
.rating__icon--star {color: rgb(80, 227, 194);}
  
  /* set color of none icon when unchecked */
.rating__icon--none {color: #eee;}

  /* if none icon is checked, make it red */
.rating__input--none:checked + .rating__label .rating__icon--none { color: red; }

  /* if any input is checked, make its following siblings grey */
.rating__input:checked ~ .rating__label .rating__icon--star { color: #ddd; font-size: 24px; }
  
  /* make all stars orange on rating group hover */
.rating-group:hover .rating__label .rating__icon--star,
.rating-group:hover .rating__label--half .rating__icon--star { color: rgb(80, 227, 194); }

  /* make hovered input's following siblings grey on hover */
.rating__input:hover ~ .rating__label .rating__icon--star,
.rating__input:hover ~ .rating__label--half .rating__icon--star {color: #ddd;}
  
  /* make none icon grey on rating group hover */
.rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none { color: #eee; }

  /* make none icon red on hover */
.rating__input--none:hover + .rating__label .rating__icon--none { color: red; }

#half-stars-example 
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
.rating-group {display: flex; z-index: 99 !important; position: relative;}
  
  /* make hover effect work properly in IE */
.rating__icon {pointer-events: none;}
  
  /* hide radio inputs */
.rating__input {
   position: absolute !important;
   left: -9999px !important;
}

  /* set icon padding and size */
.rating__label { cursor: pointer;
    /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */
    padding: 0  !important;
    font-size: 2rem;
  }

  /* add padding and positioning to half star labels */
.rating__label--half {
    padding-right: 0;
    margin-right: -0.6em;
    z-index: 2;
  }
  
  /* set default star color */
.rating__icon--star {color: orange;}
  
  /* set color of none icon when unchecked */
.rating__icon--none {color: #eee;}

  /* if none icon is checked, make it red */
.rating__input--none:checked + .rating__label .rating__icon--none { color: red; }

  /* if any input is checked, make its following siblings grey */
.rating__input:checked ~ .rating__label .rating__icon--star { color: #ddd; }
  
  /* make all stars orange on rating group hover */
.rating-group:hover .rating__label .rating__icon--star,
.rating-group:hover .rating__label--half .rating__icon--star { color: rgb(80, 227, 194); }

  /* make hovered input's following siblings grey on hover */
.rating__input:hover ~ .rating__label .rating__icon--star,
.rating__input:hover ~ .rating__label--half .rating__icon--star {color: #ddd;}
  
  /* make none icon grey on rating group hover */
.rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none { color: #eee; }

  /* make none icon red on hover */#half-stars-example .rating-group
.rating__input--none:hover + .rating__label .rating__icon--none { color: red; }

.rating-group label { opacity: 0; }
.rating-group:hover label { opacity: 1; }

.ratingTxt {     font-size:14px;
    font-weight: 400;
    color: #1b1b1b; }
    .ratingTxt span { color:#e49c12; }

    .star_icon { position: relative; }