@charset "utf-8";

#bo_list {padding:0;background:none;border-radius:0px;box-shadow:none;border:none;}

/* category */
#bo_cate {margin:0 0 10px 0;padding:10px 20px;background:#0f212e;}

#bo_btn_top .chk_box {float:left;margin:0 8px 0 0;line-height:34px;}

#photo_type {}
#photo_type ul {}
#photo_type ul:after {display:block;visibility:hidden;clear:both;content:""}
#photo_type ul li {display:block;float:left;position:relative;width:32.667%;margin:0 1% 10px 0;}
#photo_type ul li:nth-child(3n) {margin:0 0 10px 0;}
#photo_type ul li .chk_box {display:block;position:absolute;left:5px;top:5px;padding:4px;background:#fff;}
#photo_type ul li .chk_box input[type="checkbox"] + label {padding:0 0 0 24px;}
#photo_type ul li .chk_box input[type="checkbox"] + label span {margin:-15px 0 0 0;}
#photo_type ul li .bo_box {padding:10px;border-radius: 10px; background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .04);}
#photo_type ul li .bo_thumb {display:block;margin:0 0 8px 0;}
#photo_type ul li .bo_thumb img {width:100%;height:auto;}
#photo_type ul li .bo_tit {display: block;margin: 0 0px 5px 0px;color: #333;font-weight: 500;font-size: 13px;text-align: center;line-height: 34px;border: solid 1px #ddd;border-radius: 4px;}
#photo_type ul li .bo_tit strong {display:block;font-weight:400;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#photo_type ul li .bo_tit strong .cnt_cmt {color:#e6565f;}
#photo_type ul li .bo_tit p {margin:0 0 2px 0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#photo_type ul li .bo_tit p i {font-size:14px;}
#photo_type ul li .bo_cate_link {display:block;margin:0 0 4px 0;color:#ff7700;font-size:13px;}

#photo_type ul li .items {height:52px;overflow:hidden;margin:0 0 10px 0;}
#photo_type ul li .item {display:inline-block;margin:0 0 4px 0;padding:0 8px;font-size:13px;line-height:24px;border-radius:40px;}
#photo_type ul li .item:last-child {margin:0;}

#photo_type ul li .cpu_btn {padding:10px;}
#photo_type ul li .cpu_amount {display:block;margin:0 0px 5px 0px;color:#e6565f;font-weight:500;text-align:center;line-height:34px;border:solid 1px #ddd;border-radius:4px;}
#photo_type ul li .cpu_button a {float: left;width: 49%;display: block;margin: 0 2% 10px 0px;color: #54f542;border: solid 1px #54f542;}
#photo_type ul li .cpu_button a:nth-child(2n) {margin: 0 0 10px 0;}
#photo_type ul li .overlay_end {display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.2);border-radius:5px;}

#bo_list .pg_wrap {margin:20px 0 0 0;padding:10px 20px;border-bottom:none;background:#fff;border-radius:10px;box-shadow:2px 2px 6px rgba(0,0,0,0.1);}

#bo_v_con h3 {border-left: solid 3px #ea6b72;font-weight: 600;padding: 0px 5px;margin: 20px 0;}
#bo_v_con p {line-height: 180%;text-align: justify;}
#bo_v_con ul li span {background: #ea6b72;padding: 5px;color: #fff;border-radius: 5px;}
#add_info {margin:0 0 10px 0;padding:0 0 10px 0;}
#add_info:after {display:block;visibility:hidden;clear:both;content:""}
#add_info .thumb {float:left;width:100%;margin:0;}
#add_info .thumb img {width:100%;height:auto;}
#add_info .gall_info {float:left;width:100%;}

label.best {top: 15px;width: 32px;right: 15px;position: absolute;}

.infobox_bottom {background-color:#f6f6f6;border-radius:5px;padding: 10px;border: solid 1px #ddd;display:flex;align-items:center;}
.infobox_bottom > div:nth-child(1) {text-align:center;padding-left:10px;padding-right:0px;}
.infobox_bottom > div:nth-child(2) {flex:1;}
.infobox_bottom > div:nth-child(3) {padding-right:10px;}
.infobox_bottom > div .upper {margin-bottom:4px;}
.infobox_bottom > div .bottom {color:#999;font-size:12px !important;}

.add_info {margin:0;background: #fff;overflow: hidden;border-radius: 5px;border: solid 1px #ddd;box-shadow: 0 0 10px rgba(0, 0, 0, .04);}
.add_info table {width:100%;border-collapse:collapse;} 
.add_info caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.add_info th {width: 30%;padding: 16px 10px;color: #fff;font-weight: 500;text-align: left;background: #2e3438;border: solid 1px #3b444a;}
.add_info td {width: 70%;padding: 16px 10px;border-bottom: solid 1px #ddd;border-left: none;}
.add_info table tbody tr:last-child td {border-bottom: none;}
.add_info td input,
.add_info td span,
.add_info td img,
.add_info td a {vertical-align:middle;}

.add_info td i {color:#ea6b72;font-size:14px;vertical-align:middle;}
.add_info td strong {color:#ea6b72;font-weight:500;}
.add_info .item {display:inline-block;padding:0 8px;font-size:13px;line-height:24px;background:#eee;border-radius:40px;}
.add_info .item:last-child {margin:0;}

#bo_ctg {margin:0 0 10px 0;}
#bo_ctg ul {}
#bo_ctg ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_ctg ul li {display:block;float:left;width:13.4%;margin:0 1% 10px 0;}
#bo_ctg ul li:nth-child(7n) {margin:0 0 10px 0;}
#bo_ctg ul li.chk_box input[type="checkbox"] + label {display:block;padding-left:0;font-size:13px;line-height:35px;text-align:center;font-weight:500;background:#fff;border-radius: 5px;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);}
#bo_ctg ul li.chk_box input[type="checkbox"]:checked + label {color:#e6565f;}

#bo_v_con li {background: #ebebeb;margin: 10px 0;padding: 10px;border-radius: 5px;}
#bo_v_con li b {}
#bo_v_con ul {margin-bottom:0;}
@media screen and (max-width:980px) {
#bo_cate {border-radius:0;}

#photo_type {}

#bo_list .pg_wrap {padding:10px;border-radius:0;}

#bo_ctg {margin:0 10px 10px 10px;}
#bo_ctg ul li {width:19%;margin:0 1.25% 10px 0;}
#bo_ctg ul li:nth-child(7n) {margin:0 1.25% 10px 0;}
#bo_ctg ul li:nth-child(5n) {margin:0 0 10px 0;}
#bo_ctg ul li.chk_box input[type="checkbox"] + label {0;font-size:14px;line-height:40px;}
}




@media screen and (max-width:768px) {
#photo_type ul li {width:49%;margin:0 2% 10px 0;}
#photo_type ul li:nth-child(3n) {margin:0 2% 10px 0;}
#photo_type ul li:nth-child(2n) {margin:0 0 10px 0;}
#photo_type ul li .bo_box {border-radius: 0;}
}




@media screen and (max-width:480px) {
#bo_ctg ul li {width:24%;margin:0 1.33% 10px 0;}
#bo_ctg ul li:nth-child(7n) {margin:0 1.33% 10px 0;}
#bo_ctg ul li:nth-child(5n) {margin:0 1.33% 10px 0;}
#bo_ctg ul li:nth-child(4n) {margin:0 0 10px 0;}
}