@import url('../../../../oxjs/addon.css');
@import url('comment.css');
@import url('realcheck.css');
@import url('antispam.css');

.bbs_wrap {margin:10px 0;}
.bbs_wrap>.func {text-align:right;}
.bbs_wrap>.func .btn_a {margin:10px 0;}

.bbs_head {margin:10px 0;}
.bbs_head:after {display:block; clear:both; content:'';}
.bbs_head .cate {float:left; white-space:nowrap;}
.bbs_head .tot {float:right; white-space:nowrap;}

.bbs_cate {margin:10px 0 20px;}
.bbs_cate:after {display:block; clear:both; content:'';}
.bbs_cate ul {margin:0 0 0 -10px; padding:0; list-style:none;}
.bbs_cate li {float:left; width:33.33%; margin:0; padding:0;}
.bbs_cate a {display:block; overflow:hidden; height:2.4em; margin:0 0 10px 10px; padding:0 10px; background:#EEE; color:#333; line-height:2.4em; text-align:center; text-overflow:ellipsis; white-space:nowrap;}
.bbs_cate a:hover {font-weight:600; color:#333; text-decoration:none;}
.bbs_cate .on a {background:#36A; color:#FFF;}
.bbs_cate .on a:hover {color:#FFF;}

.ox_tbl_list .num {width:4em; white-space:nowrap;}
.ox_tbl_list .cat {width:7.5em;}
.ox_tbl_list .pht {width:7.5em;}
.ox_tbl_list td.tit {text-align:left;}
.ox_tbl_list .nm {width:7.5em;}
.ox_tbl_list .dt {width:7.5em;}
.ox_tbl_list .file {width:3.75em;}
.ox_tbl_list .cnt {width:3.75em;}
.ox_tbl_list .stt {width:7.5em;}
.ox_tbl_list .rec {width:3.75em;}

#bbs_print_area {border-bottom:1px solid #DDD;}
.bbs_view {width:100%; text-align:left;}
.bbs_view>strong {display:block; padding:20px; border-top:3px solid #888; background:#F6F6F6; font-size:1.25em;}
.bbs_view>strong span {font-weight:600!important; color:#000!important;}
.bbs_view>strong .stt {color:#05A;}
.bbs_view>.info {padding-bottom:20px; border-bottom:1px solid #DDD; background:#F6F6F6; color:#666;}
.bbs_view>.info:after {display:block; clear:both; content:'';}
.bbs_view>.info .name {padding:0 20px;}
.bbs_view>.info .ip {font-size:0.75em; color:#888;}
.bbs_view>.info .ip:empty {display:none;}
.bbs_view>.info .date {float:left; padding-left:20px; white-space:nowrap;}
.bbs_view>.info .cnt,
.bbs_view>.info .btns {float:right; padding-right:20px; white-space:nowrap;}
.bbs_view>.file,
.bbs_view>.link,
.bbs_view>.etc {padding:8px 20px; border-bottom:1px solid #DDD;}
.bbs_view>.file .thm {display:inline-block; width:100px; height:100px; vertical-align:middle;}
.bbs_view>.file .thm img {width:100%; height:100%; margin:0!important; object-fit:cover;}
.bbs_view>.file .thm:empty {display:none;}
.bbs_view>.file .hit {margin-left:5px; color:#888;}
.bbs_view>.func {margin:10px 0; text-align:right;}
.bbs_view>.note {min-height:200px; margin:10px 20px;}
.bbs_view>.note img {max-width:100%; height:auto;}
.bbs_view>.note .photo {margin:10px 0;}
.bbs_view>.note:after, .bbs_view:after {display:block; clear:both; content:'';}
.bbs_view>.recomm {float:right; width:100%; max-width:350px; margin:30px 0 10px; padding:10px 20px; border-radius:8px; background:#F3F3F3; text-align:center; box-sizing:border-box;}
.bbs_view>.recomm .ox_form {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #DDD;}
.bbs_view>.recomm .tot em {font-style:normal;}
.bbs_view+.bbs_view {margin-top:30px;}

.bbs_view>.photo {position:relative; overflow:hidden; margin:10px 0;}
.bbs_view>.photo .screen {position:relative; overflow:hidden; height:0; padding-bottom:60%; background:#000;}
.bbs_view>.photo .screen img {position:absolute; top:0; right:0; bottom:0; left:0; width:auto; max-width:100%; height:auto; max-height:100%; margin:auto; transition:opacity 0.3s linear;}
.bbs_view>.photo .btns {position:absolute; top:0; right:0; left:0; overflow:hidden; height:0; padding-bottom:60%;}
.bbs_view>.photo .btns .pop {position:absolute; right:0; bottom:-50px; left:0; overflow:hidden; width:40px; height:40px; margin:0 auto; padding:0; border:0; border-radius:50%; background:#000; color:#FFF; line-height:99px; -webkit-appearance:none; transition:bottom 0.3s;}
.bbs_view>.photo .btns .pop:before {position:absolute; top:20px; left:25px; width:2px; height:10px; background:#FFF; transform:rotate(-45deg); content:'';}
.bbs_view>.photo .btns .pop:after {position:absolute; top:11px; left:11px; width:10px; height:10px; border:2px solid #FFF; border-radius:50%; content:'';}
.bbs_view>.photo:hover .btns .pop {bottom:10px;}
.bbs_view>.photo .btns .prev, .bbs_view>.photo .btns .next {position:absolute; top:0; bottom:0; left:30px; overflow:hidden; width:54px; height:54px; margin:auto 0; padding:0; border:2px solid #FFF; border-radius:50%; background:none; color:#FFF; line-height:50px; -webkit-appearance:none;}
.bbs_view>.photo .btns .next {right:30px; left:auto;}
.bbs_view>.photo .btns .prev:before, .bbs_view>.photo .btns .next:before {float:left; width:16px; height:16px; margin:17px 20px; box-shadow:inset 2px 2px 0 #FFF; transform:rotate(-45deg); content:'';}
.bbs_view>.photo .btns .next:before {margin-left:14px; transform:rotate(135deg);}
.bbs_view>.photo .lst {overflow:auto; margin-top:10px;}
.bbs_view>.photo .lst::-webkit-scrollbar {width:8px; height:8px;}
.bbs_view>.photo .lst::-webkit-scrollbar-track {background:#DDD;}
.bbs_view>.photo .lst::-webkit-scrollbar-thumb {background:#555;}
.bbs_view>.photo .lst::-webkit-scrollbar-thumb:hover {background:#000;}
.bbs_view>.photo ul {margin:0 0 5px -5px; padding:0; font-size:0; white-space:nowrap; list-style:none;}
.bbs_view>.photo li {display:inline-block; width:20%; margin:0; padding:0 0 0 5px; vertical-align:top; box-sizing:border-box;}
.bbs_view>.photo ul.n2,
.bbs_view>.photo ul.n3,
.bbs_view>.photo ul.n4,
.bbs_view>.photo ul.n5 {margin-bottom:0;}
.bbs_view>.photo ul.n2 li,
.bbs_view>.photo ul.n3 li,
.bbs_view>.photo ul.n4 li {width:25%;}
.bbs_view>.photo li a {display:block; position:relative; overflow:hidden; padding-top:60%; background:#FFF;}
.bbs_view>.photo li img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto!important; opacity:0.3; transition:opacity 0.3s;}
.bbs_view>.photo li img:hover,
.bbs_view>.photo li.on img {opacity:1;}
.bbs_view>.photo .portrait img {width:100%; height:auto;}
.bbs_view>.photo .landscape img {width:auto; height:100%;}
.bbs_view>.photo~.note {min-height:0;}

.bbs_prevnext {border-top:1px solid #DDD; margin:0; padding:0; list-style:none;}
.bbs_prevnext li {border-bottom:1px solid #DDD; margin:0; padding:8px 0;}
.bbs_prevnext li>b:first-child {display:inline-block; overflow:hidden; width:0; height:0; margin:0 10px; border:4px solid transparent; border-top:0; border-bottom-color:#000; vertical-align:middle;}
.bbs_prevnext li.prev>b:first-child {border-top:4px solid #000; border-bottom:0;}

.bbs_gallery_list {width:100%;}
.bbs_gallery_list .notice ul {margin:0; padding:0; border-top:1px solid #DDD; list-style:none;}
.bbs_gallery_list .notice li {margin:0; padding:8px; border-bottom:1px solid #DDD;}
.bbs_gallery_list .notice li:after {display:block; clear:both; content:'';}
.bbs_gallery_list .notice .info {float:right;}
.bbs_gallery_list .notice .name,
.bbs_gallery_list .notice .date,
.bbs_gallery_list .notice .hit {float:left; margin-left:8px; color:#888; white-space:nowrap;}
.bbs_gallery_list .notice .date {min-width:7em; text-align:center;}
.bbs_gallery_list .notice .hit {min-width:4.6em;}
.bbs_gallery_list .gallery {width:100%;}
.bbs_gallery_list .gallery:after {display:block; clear:both; content:'';}
.bbs_gallery_list .gallery ul {margin:0 0 0 -5%; padding:0; list-style:none;}
.bbs_gallery_list .gallery li {float:left; width:28.57%; margin:30px 0 0 4.76%; padding:0;}
.bbs_gallery_list .gallery li:nth-child(3n+1) {clear:both;}
.bbs_gallery_list .gallery .pht {position:relative; width:100%; height:150px;}
.bbs_gallery_list .gallery .frm {position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%;}
.bbs_gallery_list .gallery .frm img {position:absolute; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; margin:auto!important; transition:transform 0.3s;}
.bbs_gallery_list .gallery .portrait .frm img {width:100%; height:auto;}
.bbs_gallery_list .gallery .landscape .frm img {width:auto; height:100%;}
.bbs_gallery_list .gallery .portrait:hover .frm img,
.bbs_gallery_list .gallery .landscape:hover .frm img {transform:scale(1.1);}
.bbs_gallery_list .gallery .noimage .frm img {width:auto; max-width:100%; height:auto; max-height:100%;}
.bbs_gallery_list .gallery .tit {margin:8px 0; text-align:left;}

.bbs_nospam {display:inline-block; height:2em; padding:0 8px 0 12px; border-radius:1em; background:#FD3; line-height:2em; vertical-align:middle; white-space:nowrap;}
.bbs_nospam.on {background:#CEF;}
.bbs_nospam span {cursor:pointer;}

tr.h_text_note {display:none;}