@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:700&display=swap');


* {padding:0; margin:0; font-family: 'Open Sans'; font-size:11px; color:#000; letter-spacing:0px; list-style: none; text-decoration:none; box-sizing:border-box; word-break:break-all; cursor:default !important; line-height:14px; }
input, textarea, ::placeholder{border-radius: 0; border:0; background:none; outline: none; -webkit-appearance: none; color:#000;}
img{vertical-align: bottom;}
.clear{clear: both;}
a, a:link, a:visited, a:active{color: #000; text-decoration: none;}
p{font-family:'Open Sans' !important!;}
html{overflow-x: hidden;}
::-webkit-scrollbar {width:0px; background:#eee;}
::-webkit-scrollbar-thumb {width:0px; background:#ddd;}
.youtube{position:relative; width:100%; padding-bottom:56.25%;}
.youtube iframe{position:absolute; width:100%; height:100%;}
.container_postbtn{display: none;}

/* Start http://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/cursors/cur-8/cur769.cur), auto !important;} /* End http://www.cursors-4u.com */



#container{position:relative; width: 650px; margin: 200px auto 50px; }
#header{text-align:center; margin-bottom:20px; font-size:0;}
#header div{display: inline-block; font-size:11px;}
#header .hm{width:11px; height:22px; border-radius:100px 0 0 100px; vertical-align:baseline;}
#header .hm2{transform:rotateY(180deg);}
#header .title{position:relative; margin:0 10px; font-family:'Noto Serif'; font-size:25px; z-index:99; white-space:nowrap; font-weight:bold; }
#header .title:after{position:absolute; top: -2px; left:-2px; width:calc(100% + 10px);}

#content{position:relative; width:100%; height:400px; border-radius:20px; padding:20px; background:#ffffff99;}
#content:before{content:""; position:absolute; top:-7.5px; left:-7px; width:calc(100% + 13px); height:calc(100% + 13px); background:#ffffff00; border-radius:13px;}

#bb{position:absolute; left:50%; margin-left:-20px; z-index:99999;}
#bb .ring{width:40px; height:10px; border:1px solid #000; border-radius:10px; margin:38.5px 0;}

#scroll{position:relative; float: right; width:calc(50% - 10px); height:100%; overflow-y:auto; padding:20px; border:1px solid #000; background:#fff;}

#side {position:relative; float: left; width:calc(50% - 10px); height:100%; padding:20px; background:#F8F8F8;}
#side .profile{margin:0 auto;}
#side .profile .img img{width:100%; margin-bottom:10px;}
#side i{margin-right:3px; font-size:10px;}

#side .cm{position:absolute; bottom:15px; width:calc(100% - 30px); padding-top:10px; font-size:0;}
#side .cm li{display: inline-block; margin-right:3px;}
#side .cm .cate{margin-bottom:-3px; padding-bottom:7px;}

.tt_category .link_tit{display: none;}
.sub_category_list{display:none;}
.sub_category_list li{line-height:12px;}
.sub_category_list a{font-size:10px; line-height:12px; color:#444;}
.sub_category_list a:before{content:"-";}
.search input{width:34px;}


.paging a > i{padding-top:20px;}
.title_wrap{display: inline-block; margin-bottom:10px; padding:5px; border:1px solid #000;}
.title_wrap i{margin-right:3px;}



.list_w:after{display: block; clear: both; content: '';}
#list_n .list_c .thumb_i{display: none;}
#list_n{border-top:1px solid #000;}
#list_n .list_c { border-bottom:1px solid #000;}
#list_n .list_c .list_t .title{float:right; width:80%; padding:10.8px 10px; border-left:1px solid #000;}
#list_n .list_c .list_t .date{float:left; padding:10.8px 10px; font-size:10px;}
#list_g{margin-top:-10px;}
#list_g .list_c{float:left; width:calc((100% - 30px) / 2); margin:calc(30px / 4);}
#list_g .list_c:nth-child(2n){margin-right:0;}
#list_g .thumb_i{border:1px solid #000;}
#list_g .thumb_i img{width:100%;}
#list_g .list_c .list_t{display: none;}

ul[data-ke-list-type='disc'], ul[data-ke-list-type='disc'] li, #tt-body-page ul[data-ke-list-type='disc'], #tt-body-page ul[data-ke-list-type='disc'] li {list-style-position: inside;}



.entry .article iframe{width:100%;}
.entry .article{margin-bottom:20px;}
.entry .detail .admin{float: right;}

div[data-ke-type='moreLess'] .btn-toggle-moreless, .btn_more{margin: 0 !important; color: #000 !important; font-size: 11px !important; line-height: 14px !important; font-family: 'Open Sans' !important;  cursor: default !important;}
.btn_less{padding:0; margin:0; color:#000;}
div[data-ke-type='moreLess'] .btn-toggle-moreless::before, .btn_less::before, .btn_more::before {content: "+"; display: inline-block; padding-right: 5px; line-height: 14px; vertical-align: initial;}
div[data-ke-type='moreLess'].open .moreless-content, .moreless_content{border-radius:8px; padding:5px; margin-top:5px;}

figure.imageblock.alignCenter {margin-bottom:0;}
figure.imagegridblock{margin:0;}
figure.imagegridblock .image-container span{width:auto !important;}

blockquote[data-ke-style='normal'], blockquote[data-ke-style='box']{font-size:11px; background:none; padding:5px; margin:5px 0; color:#000; line-height:14px; border-radius:8px;}

figure.fileblock{display: inline-block; margin:5px 0; width:auto; height: auto; border-radius:none; border:none;}
figure.fileblock .image, figure.fileblock a::after, figure.fileblock .size{display: none;}
figure.fileblock a{display: inline-block; height:auto;}
figure.fileblock .desc{position: inherit; left:0; right:0;}
figure.fileblock .filename{color:#000; font-size:11px; height:auto; margin:0;}
figure.fileblock .name{max-width:none; height:auto; font-weight:bold; font-family: 'Open Sans';}
figure.fileblock .name:before{content:'+'; margin-right:5px;}
span.imageblock > a > img{display: none;}
span.imageblock > a:before{content:'+';}




.protect{text-align:center; height:300px;}
.article_p{display: inline-block;	margin: 125px auto 0;}
.article_p .ment{font-size:10px; margin-top:10px;}
.article_p input{display: inline-block; width:80px; background:#fff; border: 1px solid #000;}



.taglog a{display: inline-block; padding:2.3px 5px;}



.n_entry{margin-bottom:15px; border-radius:10px; }
.n_entry .article{margin:0;}



.comment_o{display: none;}
.comment .name a{font-weight:bold;}
.comment .rp_wrap{margin-bottom:20px;}
.comment .rrp{margin-top:10px; margin-left:20px; padding:10px; border: 1px solid #000;}
.comment .redel{float: right;}
.comment .redel a{color:#888; }
.comment .rptext{margin-top:5px;}

.comment .Write{margin-bottom:20px;}
.comment textarea {width:100%; height:35px; margin-bottom:10px; padding:10px; background:none; resize:none; border:1px solid #000;}
.comment .input{float: left;}
.comment .input input{width: 45px; margin-right:5px; background:none; border:1px solid #000;}
.comment .input input::placeholder{color:#000;}
.comment .cksd{line-height:20px;}
.comment .check{display:inline-block;	margin-right:5px;}
.comment .check input[type="checkbox"]{display: none;}
.comment .check input[type="checkbox"]+label:before{display: inline-block;	content: '\f111'; font-family:"Font Awesome 5 Free"; color:#000;}
.comment .check input[type="checkbox"]:checked+label:before{content: '\f192'; font-family:"Font Awesome 5 Free";}
.comment .submit{display: inline-block;}
.comment .submit input[type="submit"]{font-family: "Font Awesome 5 Free"; color:#000; background:rgba(255,255,255,0);}



.cover_notice .item_wrap{margin-bottom:15px; border-radius:10px;}
.cover_notice .n-img img{max-width: 100%;}
.cover_gallery{margin-bottom:10px; border-radius:10px;}
.cover_gallery .in::after{display: block;  clear: both;  content: '';}
.cover_gallery .thumb{float: left;  position: relative;	width:calc(94% / 3); margin:0 3% 3% 0; border:1px solid #000;}
.cover_gallery .thumb:nth-child(3n){margin:0 0 3% 0;}
.cover_gallery .thumb_i{width: 100%; height: auto;}
.cover_gallery .thumb_i img{display: block; position: relative; width: 100%; }



/*=====copyright=====*/
.yunicorn{position:fixed; left: 13px; bottom: 10px; font-family:'Verdana' !important; font-size: 10px !important;}
/*=====copyright=====*/



@media (max-width:767px){
	#container{width:90%; margin: 5%;}
	#content{height:auto;}
	#side, #scroll{float:none; width:100%;}
	#side{margin-bottom:20px; height:300px;}
	#scroll{height:auto; min-height:300px;}
	#bb{position:absolute; left:37px; width:100%; top:330px; margin-top:-20px; z-index:99999;}
	#bb .ring{display: inline-block; width:10px; height:40px; margin:0 5.6%;}
	.comment textarea{height:50px;}
}
