html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
a{transition:0.2s;cursor:pointer}
input{transition:0.5s;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
.fapa{padding-right:5px}
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
body {
max-width:1200px;
margin: 0px auto;
   background:#f0f0f1;
   background-size: cover;
   font-family: "Microsoft YaHei","宋体", sans-serif;
   font-size: 100%;
}
.top-bar{
	display: flex;
    justify-content: center;
}
.top-bar a{
background: #FFF;
    padding: 5px 10px 8px;
    margin: 0 5px;
    color: #7e6e50;
    border: 1px solid #7e6e50;
    border-top: none;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.search {
  text-align: center;
  position: relative;
  margin-top:3rem;
}
.s-bar {
  width: 60%;
  margin: 0 auto;
  padding: 0.5em 0em 0.5em 0em;
}
.s-bar input[type="text"] {
  font-size: 16px;
  height: 51px;
  color: #333;
  padding: 16px;
  width: 79%;
  vertical-align: top;
  border-radius: 5px 0px 0px 5px;
 -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -o-border-radius: 5px 0px 0px 5px;
  background:#FFF;
  border: none;
  outline: none;
  -webkit-appearance: none;
	box-shadow: 0px 0px 20px #dadada;
}
.s-bar input[type="text"]:focus{
	box-shadow: 0px 0px 20px #7e6e5059;
}
.s-bar input[type="submit"]{
  font-size: 16px;
  height: 51px;
  color: #fff;
  padding: 16px;
  width: 17%;
  text-align: center;
  vertical-align: top;
  border-radius: 0px 5px 5px 0px;
  -webkit-border-radius:0px 5px 5px 0px;
  -moz-border-radius:0px 5px 5px 0px;
  -o-border-radius:0px 5px 5px 0px;
  margin: 0px 0px 0px -4px;
  background:#7e6e50;
  cursor:pointer;
  border: none;
  outline: none;
  -webkit-appearance: none;
  
}
.s-bar input[type="submit"]:hover{
	opacity: 0.8;
      filter: alpha(opacity=100); 
      transition: all 0.3s ease; 
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
}


.s-bar2 {
  width: 80%;
  margin: 0 auto;
  padding: 0.5em 0em 0.5em 0em;
}
.s-bar2 .logo{
	width:25%;display:inline-block;float:left;	
}
.s-bar2 input[type="text"] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  padding: 16px;
  width: 50%;
	box-shadow: 0px 0px 20px #dadada;
  border-radius: 5px 0px 0px 5px;
 -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -o-border-radius: 5px 0px 0px 5px;
  background: rgba(255, 255, 255, 0.5);
  border: none;
  outline: none;
  -webkit-appearance: none;
}
.s-bar2 input[type="text"]:focus{
	box-shadow: 0px 0px 20px #7e6e5059;
}
.s-bar2 input[type="submit"]{
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  padding: 16px;
  width: 17%;
  text-align: center;
 
  border-radius: 0px 5px 5px 0px;
  -webkit-border-radius:0px 5px 5px 0px;
  -moz-border-radius:0px 5px 5px 0px;
  -o-border-radius:0px 5px 5px 0px;
  margin: 0px 0px 0px -4px;
  background:#7e6e50;
  cursor:pointer;
  border: none;
  outline: none;
  -webkit-appearance: none;
  background: #7e6e50;
  background: -moz-linear-gradient(top, #7e6e50 0%, #7e6e50 37%, #7e6e50 66%, #7e6e50 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e6e50), color-stop(37%,#7e6e50), color-stop(66%,#7e6e50), color-stop(100%,#7e6e50));
  background: -webkit-linear-gradient(top, #7e6e50 0%,#7e6e50 37%,#7e6e50 66%,#7e6e50 100%);
  background: -o-linear-gradient(top, #7e6e50 0%,#7e6e50 37%,#7e6e50 66%,#7e6e50 100%);
  background: -ms-linear-gradient(top, #7e6e50 0%,#7e6e50 37%,#7e6e50 66%,#7e6e50 100%);
  background: linear-gradient(to bottom, #7e6e50 0%,#7e6e50 37%,#7e6e50 66%,#7e6e50 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e6e50', endColorstr='#7e6e50',GradientType=0 );
}
.s-bar2 input[type="submit"]:hover{
	opacity: 0.8;
      filter: alpha(opacity=100); 
      transition: all 0.3s ease; 
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
}

.search p {
  font-size: 16px;
  font-weight: 400;
  color: #333;
  margin: 50px auto;
  width:94%;
  text-align: left;
}
.search p a {
font-size: 16px;
    font-weight: 400;
    color: #333;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #d6d6d6;
    padding: 5px 10px;
    margin: 8px 0px;
    background: #FFF;
    border-radius: 5px;
    box-shadow: 0 0 10px #ddd;
}
.search p a:hover {
color: #000;
box-shadow: 0 0 20px #a7a7a7;
}
.copyright {
  margin: 20px 0;
  text-align: center;
}
.copyright p {
  font-size: 0.875em;
  font-weight: 400;
  color: #333;
}
.copyright p a{
  font-size: 1em;
  font-weight: 400;
  color:#7e6e50;
}
.copyright p a:hover{
	color: #fff;
	 transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}

*{    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

.book-title{
border-bottom: 1px solid #7e6e50;
    padding: 1rem 0;
    font-weight: bold;
    font-size: 1.2rem;
    color: #7e6e50;
}
.qrmode-modal-content{
text-align: center;
    background: #f7f7f7;
    padding: 10px 0;
    margin: 8px 0;
}
.favme ul{
text-align: center;
    background: #f7f7f7;
    padding: 10px 0;
    margin: 8px 0;
}
.favme ul h1{
    color: #7e6e50;
    font-weight: bold;
}
.favme ul li{
    color: #000;
    margin-top: 5px;
}
.favme ul li span{color: #00ad55;}
#contentlist .booklist li a,#contentlist .title{text-overflow: ellipsis;overflow: hidden;}
#contentlist .content-title a,#contentlist .book-title a{
	float: left;
    background: #7e6e50;
    padding: 5px 10px;
    color: #FFF;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: normal;
}
#contentlist .content-title a:hover,#contentlist .book-title a:hover{
	color: #FFF;
}
#contentlist .book-title a.inxmore{
		float: right;
    background: none;
    padding:0;
    color: #7e6e50;
    font-size: 1rem;
    font-weight: normal;
}
#contentlist {
    width: 95%;
    padding:0 20px;
    border: 1px solid #7e6e50;
    margin: 2rem auto 3rem;
}
#contentlist .fontmake{display: flex;
    justify-content: flex-end;
    align-items: center;}
#contentlist .fontmake div{}
#contentlist .fontmake a{border: 1px solid #7e6e50;
    padding: 3px 5px;
    margin: 0px;
    display: inline-block;}
#contentlist .fontmake a.active{background-color:#7e6e50;color:#fff;border:1px solid #7e6e50}
#contentlist h1{text-align:center;font-size:18px; font-weight:bold;margin:20px 0px;color:#7e6e50;}
#contentlist .nav a{color: #333;
    display: block;
    float: left;
    padding: 10px 6px;}
#contentlist a{color:#333;display:block}
#contentlist .appbox a:hover{color:#FFF;}
#contentlist a:hover{color:#7e6e50;}
#contentlist .nav {border-bottom:1px solid #7e6e50;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 1rem;
	background: #FBFBFB;}
#contentlist .nav .active{background-color:#7e6e50;color:#fff;border-radius: 2rem;}
#contentlist .s-tab-main { margin:10px 0px;}
#bookcontent{text-indent: 2em;}
#contentlist .small {line-height: 2.2rem;font-size: .9rem;}
#contentlist .nomal {line-height: 2.5rem;font-size: 1rem;}
#contentlist .big {line-height: 3rem;font-size: 1.2rem;}
#contentlist .ucontent{padding:10px 0px;}
#contentlist .opa1,.opa2 {display: flex; justify-content: space-between;}
#contentlist .opa1 a{ margin: 0px 0px 20px 0px;}
#contentlist .opa1 a,.opa2 a{border-radius: 5px;background: #7e6e50;display: block;border: 1px solid #7e6e50;color: #fff;padding: 5px 10px;}
#contentlist .opa1 a:hover,.opa2 a:hover{background:#7e6e50;border: 1px solid #7e6e50;color: #FFF;}
#contentlist .opa2 a{ margin: 20px 0px 10px 0px;cursor: pointer;}
#contentlist li {width:49%; float:left; padding:10px 0px; position:relative;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
#contentlist .booklist { margin-top:10px;}
#contentlist .booklist li {float:left; padding:5px 0px; position:relative;}
#contentlist li:nth-child(even){margin-left:2%;}
#contentlist li .cimg{width:40%; float:left;}
#contentlist li .ctitle{width:60%; padding:10px; float:right;    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 5; 
    overflow: hidden; }

#contentlist li .time{ bottom: 0px; position: absolute; left: 40%;padding:18px 10px; color: #aaa;}


#contentlist li .cover {
    width: 100%;
    padding-bottom: 65%;
    overflow: hidden;
    position: relative;
    font-size: 11px;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center;
}

#contentlist .ucontent li{
padding: 10px;
    border: 1px solid #7e6e50;
    margin-bottom: 10px;
    background: #FBFBFB;
}
#contentlist .title{font-size:18px;color:#000; padding:5px 0px;}
#contentlist .description{ font-size:14px; color:#888; text-indent:2em;white-space: normal;}
#contentlist .stui-page{width:600px;margin:50px auto 20px;overflow:hidden}
#contentlist .stui-page li{float:left;width:20%;margin:0;padding:0 5px 0 5px;list-style:none}
#contentlist .stui-page li a,.stui-page li span,.stui-page__box li .num{display:block;padding:10px 0;text-align:center}
#contentlist .stui-page li .num,.stui-page li a{
    padding: 10px;
    margin-bottom: 10px;
    background: #fbfbfb;
    border: 1px solid #7e6e50;
}
#contentlist .stui-page li a:hover,.stui-page li.active a{background-color:#7e6e50;color:#fff;border:1px solid #7e6e50}
#contentlist .stui-page .hidden-xs{display:none}
#contentlist .stui-page .visible-xs{display:block!important}
#contentlist .single-strong {
    display: block;
    color: #000;
    font-size: 1.4rem;
    word-break: break-all;
    text-align: center;
    margin: 2rem 0;
}
#my-video { width:100%;}
#contentlist .video-js .vjs-big-play-button{top: 50%;left: 50%;margin-left: -1.5em;margin-top: -0.8em;} 
#contentlist .p_control{ display:none; position: absolute;right: 0px;bottom: 3em;line-height: 3em;margin: 0px;} 
#contentlist .p_control a{color:#fff;margin:0px;cursor:pointer;display:block;width:50px;text-align:center;text-decoration: none;border-top: 1px solid #c7c7c7;background-color:rgba(43,51,63,.7);height:3em;}
#contentlist .b-listtab-main{margin-top:0px;overflow:hidden;margin-bottom:10px;}
#contentlist .b-listtab-main .list{margin-left:-20px}
#contentlist .b-listtab-main .item{float: left; width: 18%; height: auto; border-bottom: 1px solid #e9e9e9; margin: 0 0 20px 20px; padding-bottom: 10px;}
#contentlist .b-listtab-main .cover{width:100%;padding-bottom:65%;overflow:hidden;position:relative;font-size:11px;background-repeat:no-repeat;background-size:100% auto;background-position:center;}
#contentlist .b-listtab-main .cover img{width:100%;height:100%}
#contentlist .b-listtab-main .pay{position:absolute;top:4px;left:4px;display:block;width:39px;height:19px;line-height:19px;background:#cd1919;color:#fff;text-align:center;border-radius:2px}
#contentlist .b-listtab-main .hint{position:absolute;right:0px;bottom:0px;padding:2px 6px;background:rgba(243,6,6,0.8);color:#fff;border-radius:7px}
#contentlist .b-listtab-main .detail{width:100%;height:60px;overflow: hidden;  margin-top: 10px;}
#contentlist .b-listtab-main .title{font-size:12px;padding:7px 5px 3px 5px}
#contentlist .b-listtab-main .title .s1{display:inline-block;float:left;width:144px;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#222}
#contentlist .b-listtab-main .title .s2{float:right;color:#ff7b00;font-size:10px}
#contentlist .b-listtab-main .star{font-size:10px;color:#999;margin:0 5px;width:170px;height:18px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}



.link{width:90%;margin:0 auto;text-align: center;}
.link a{margin: 0 10px;color: #7e6e50;font-weight: normal;}
.link a:hover{text-decoration: underline;}


/*--meadia quiries start here--*/
@media(max-width:1440px){

.s-bar {
  width: 85%;
}
.s-bar2 {
  width: 80%;
}
}
@media(max-width:1366px){

}
@media(max-width:1280px){

.s-bar input[type="text"] {
  width: 63%;
}
.s-bar2 input[type="text"] {
  width: 63%;
}

}
@media(max-width:1024px){

.s-bar {width: 90%;}
#contentlist .b-listtab-main .item{width:31%;}
.s-bar2 {width: 90%;}

#contentlist .booklist li{
	width:100%;
}
#contentlist li:nth-child(even) {
    margin-left: 0;
}

}
@media(max-width:768px){
#contentlist .stui-page{width:100%;margin:30px 0 20px;padding:0}
#contentlist li {width:100%;}
#contentlist li:nth-child(even){margin-left:0%;}
#contentlist li .ctitle{-webkit-line-clamp: 3; }
.search{margin-top:2em;}
.s-bar {width: 90%;}
.s-bar2 {width: 90%;}
#contentlist .b-listtab-main .item{width:44%;}
.s-bar2 .logo {width: 40%;text-align: center;margin: 0px auto;margin-bottom: 10px;float: none;}
.search p a{margin:2px 0;padding: 3px 6px;}
.s-bar input[type="text"] {width: 67%;}
.copyright p {font-size: 0.9em;}
.link{font-size: .8rem;width: 94%;margin: 0 auto;}
.link a{margin: 0 5px;}

}


@media(max-width:667px){

}
@media(max-width:640px){
.s-bar {
  width: 90%;
}
.s-bar2 {
  width: 90%;
}

}
@media(max-width:600px){

}
@media(max-width:568px){
.s-bar input[type="text"] {
  width: 64%;
}
.s-bar2 input[type="text"] {
  width: 64%;
}	
}
@media(max-width:480px){

.s-bar input[type="text"] {
  width: 68%;
  	
}
.s-bar input[type="submit"] {
  width: 30%;
  
}
.s-bar2 input[type="text"] {
  width: 55%;
  	
}
.s-bar2 input[type="submit"] {
  width: 30%;
}
.top-bar a{font-size: .9rem;}
}
@media(max-width:414px){
		#contentlist li .ctitle{-webkit-line-clamp: 3; }
.top-bar a{font-size: .9rem;
padding: 5px 8px 8px;
margin: 0 2px;}

}
@media(max-width:396px){
	.top-bar a{
	padding: 5px 8px 8px;
    margin: 0 3px;
    font-size: .9rem;
	}
}
@media(max-width:320px){

.copyright p {
  
}
.copyright p {
  
}
.search {
  margin: 11.25em 0em 0em 0em;
}
.s-bar {
  width: 95%;
}
.s-bar2 {
  width: 95%;
}


.search p {
  font-size: 0.72em;
}
.s-bar input[type="submit"] {
  text-shadow: rgba(80, 80, 80, 0.08) 1px 1px, 
               rgba(80, 80, 80, 0.07) 2px 2px, 
               rgba(80, 80, 80, 0.09) 3px 3px, 
               rgba(80, 80, 80, 0.04) 4px 4px, 
               rgba(80, 80, 80, 0.06) 5px 5px;              
}
.s-bar2 input[type="submit"] {
  text-shadow: rgba(80, 80, 80, 0.08) 1px 1px, 
               rgba(80, 80, 80, 0.07) 2px 2px, 
               rgba(80, 80, 80, 0.09) 3px 3px, 
               rgba(80, 80, 80, 0.04) 4px 4px, 
               rgba(80, 80, 80, 0.06) 5px 5px;              
}
}
/*--meadia quiries end here--*/

.ssbox{margin-bottom:1em;border: 1px dashed #9c9c9c;}
.ssbox .title{padding:8px;background: #f8f8f8;color: #333;}
.ssbox .title h3{margin:0;font-size:16px}
.ssbox .title h3 span{color:#3d87cf;font-size:14px;font-weight:400;}
.ssbox .title h3 b{font-weight:400;color:red}
.ssbox .title h3 a{color:#000}
.ssbox .title h3 a:hover{color:red;text-decoration:underline}
.ssbox .content{padding:8px 8px 8px;font-size:13px;font-weight:400;color:#222222;line-height:24px}
.ssbox .content .fh{line-height:30px;}
.ssbox .content .fh a{padding:3px 8px 3px 8px;color: #3d87cf;}
.ssbox .content .fh a:hover{color: #ffffff;background-color: #00a9f6;text-decoration:none;border-radius:5px;}
.ssbox .content img{display:inline-block;height:16px;width:16px;vertical-align:middle; margin-right:3px;}
.ssbox .slist{padding:5px 5px 5px;}
.ssbox .slist ul{padding:0;margin:0;padding-left:8px;list-style:none}
.ssbox .slist ul li{text-decoration:none;line-height:20px;}
.ssbox .slist ul li img{display:inline-block;height:16px;width:16px;vertical-align:middle;margin-right:3px;}
.ssbox .slist,.ssbox .slist p{color:#222!important;line-height:1.4!important;font-size:13px;word-wrap:break-word}
.ssbox .slist2{padding:5px 5px 5px;font-weight:normal;}
.ssbox .slist2 ul{padding:0;margin:0;padding-left:8px;list-style:none}
.ssbox .slist2 ul li{text-decoration:none;line-height:26px;}
.ssbox .slist2 ul li img{display:inline-block;height:16px;width:16px;vertical-align:middle;margin-right:3px;}
.ssbox .slist2 ul li a {text-decoration:none;line-height:26px;}
.ssbox .slist2 ul li a:hover {color:red;}
.ssbox .slist2,.ssbox .slist2 p{color:#222!important;line-height:1.4!important;font-size:13px;word-wrap:break-word}
.ssbox .sbar{padding:8px;color:#777;font-size:14px;overflow: hidden;}
.ssbox .sbar b{color:#00802a;font-weight:400;}
.ssbox .sbar span{margin-left:2px;margin-right:2px}
div.sbar > span:nth-child(5){float:right}
.ssbox .sbar span a{color:#777}
.ssbox .sbar img{display:inline-block;height:14px;width:14px;vertical-align:middle; margin-right:3px;}
.ssbox .like{padding:5px 5px 5px;padding-left:13px;color:#3d87cf;font-size:13px;line-height:26px}
.ssbox .like span{margin-right:15px;font-size:13px}
.ssbox .like span .like-word{font-size:13px;line-height:18px;padding:2px 7px 4px 7px;border-radius:6px;color:#fff;background:#aaa;margin:0 12px 2px 0;display:inline-block}
.ssbox .like a:hover{background:#00a9f6;color:#fff;text-decoration:none;transition:background-color .1s linear 0s,color .1s linear 0s}
.ssbox .rms{padding:10px 10px 10px;line-height:26px}
.ssbox .rms a{padding:2px 8px;border-radius:14px;font-size:14px;background:#aaa;color:#fff;margin:4px;display:inline-block;text-decoration:none}
.ssbox .rms a:hover{background:#3d87cf;transition:background-color .1s linear 0s,color .1s linear 0s}

.ssbox .djs a{padding:4px 7px;font-size:14px;border-radius:5px;background:#3d87cf;color:#fff !important;text-decoration:none}
.appbox{
    background: #efefef73;
    margin-top: 24px;
        padding: 10px 0;
		text-align: center;
}
.appbox span{
    font-size: 1rem;
color: #7e6e50;}
.appbox a{
    padding:4px;
    border: 1px solid #dddddd;
    color: #000000;
    font-size: .9rem;
    line-height: 38px;
    white-space: nowrap;
    background: #fff;
    border-radius: 5px;
}
.appbox a:hover{
    color: #fff;
    background: #7e6e50;}

.fade{
    transition:opacity .15s linear 
}
.fade:not(.show){
    opacity:0 
}
.modal-open{
    overflow:hidden 
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto 
}
.modal{
    position:fixed;
    top:0;
    left:0;
    z-index:1050;
    display:none;
    width:100%;
    height:100%;
    overflow:hidden;
    outline:0 
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:.5rem;
    pointer-events:none 
}
.modal.fade .modal-dialog{
    transition:-webkit-transform .3s ease-out;
    transition:transform .3s ease-out;
    transition:transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform:translate(0,-50px);
    transform:translate(0,-50px) 
}
@media (prefers-reduced-motion:reduce){
    .modal.fade .modal-dialog{
        transition:none 
    }
}
.modal.show .modal-dialog{
    -webkit-transform:none;
    transform:none 
}
.modal.modal-static .modal-dialog{
    -webkit-transform:scale(1.02);
    transform:scale(1.02) 
}
.modal-dialog-scrollable{
    display:-ms-flexbox;
    display:flex;
    max-height:calc(100% - 1rem) 
}
.modal-dialog-scrollable .modal-content{
    max-height:calc(100vh - 1rem);
    overflow:hidden 
}
.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{
    -ms-flex-negative:0;
    flex-shrink:0 
}
.modal-dialog-scrollable .modal-body{
    overflow-y:auto 
}
.modal-dialog-centered{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    min-height:calc(100% - 1rem) 
}
.modal-dialog-centered::before{
    display:block;
    height:calc(100vh - 1rem);
    height:-webkit-min-content;
    height:-moz-min-content;
    height:min-content;
    content:"" 
}
.modal-dialog-centered.modal-dialog-scrollable{
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:center;
    justify-content:center;
    height:100% 
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content{
    max-height:none 
}
.modal-dialog-centered.modal-dialog-scrollable::before{
    content:none 
}
.modal-content{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    pointer-events:auto;
    background:#fff;
    background-clip:padding-box;
    outline:0;
    border:0;
    border-radius:.125rem;
    -webkit-box-shadow:0 5px 11px 0 rgb(0 0 0 / 18%);
    box-shadow:0 5px 11px 0 rgb(0 0 0 / 18%) 
}
.modal-backdrop{
    position:fixed;
    top:0;
    left:0;
    z-index:1040;
    width:100vw;
    height:100vh;
    background:#000 
}
.modal-backdrop.fade{
    opacity:0 
}
.modal-backdrop.show{
    opacity:.5 
}
.modal-header{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-pack:justify;
    justify-content:center;
    text-align:center;
    padding:.7rem;
    border-bottom:1px solid #dee2e6;
    border:0;
    -webkit-box-shadow:0 2px 10px 0 rgb(0 0 0 / 36%);
    box-shadow:0 2px 10px 0 rgb(0 0 0 / 36%);
    background:#7e6e50 
}
.modal-title{
    padding:.3rem;
    margin:0;
    color:#fff 
}
.modal-title span{
    background:#8a1000;
    font-size:.9rem;
    padding:3px 6px;
    border-radius:5px;
    margin-left:5px 
}
.modal-body{
    position:relative;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    padding:1rem 
}
.modal-footer{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:end;
    justify-content:center;
    padding:.75rem;
    -webkit-box-shadow:0 2px 10px 0 rgb(0 0 0 / 36%);
    box-shadow:0 2px 10px 0 rgb(0 0 0 / 36%) 
}
.modal-footer>*{
    margin:.25rem 
}
.modal-scrollbar-measure{
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll 
}
.btn{
    color:#fff;
    background:#7e6e50!important;
    margin:.375rem;
    text-transform:uppercase;
    word-wrap:break-word;
    white-space:normal;
    cursor:pointer;
    border:0;
    -webkit-box-shadow:0 2px 5px 0 rgb(0 0 0 / 16%),0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow:0 2px 5px 0 rgb(0 0 0 / 16%),0 2px 10px 0 rgb(0 0 0 / 12%);
    -webkit-transition:color .15s ease-in-out,background .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:color .15s ease-in-out,background .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:color .15s ease-in-out,background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:color .15s ease-in-out,background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    padding:.6rem 1.6rem;
    font-size:.81rem 
}
.btn:active,.btn:focus,.btn:hover{
    outline:0;
    -webkit-box-shadow:0 5px 11px 0 rgb(0 0 0 / 18%),0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow:0 5px 11px 0 rgb(0 0 0 / 18%),0 4px 15px 0 rgb(0 0 0 / 15%) 
}
@media (min-width:576px){
    .modal-dialog{
        max-width:500px;
        margin:1.75rem auto 
    }
    .modal-dialog-scrollable{
        max-height:calc(100% - 3.5rem) 
    }
    .modal-dialog-scrollable .modal-content{
        max-height:calc(100vh - 3.5rem) 
    }
    .modal-dialog-centered{
        min-height:calc(100% - 3.5rem) 
    }
    .modal-dialog-centered::before{
        height:calc(100vh - 3.5rem);
        height:-webkit-min-content;
        height:-moz-min-content;
        height:min-content 
    }
    .modal-sm{
        max-width:300px 
    }
}
@media (min-width:992px){
    .modal-lg,.modal-xl{
        max-width:800px 
    }
}
@media (min-width:1200px){
    .modal-xl{
        max-width:1140px 
    }
}

body.dark{
	background:#000000;
}
body.dark,.dark #contentlist .single-strong,.dark #contentlist .fontmake a{
	color:#999 !important;
}
.dark #contentlist .opa1 a,.dark #contentlist  .opa2 a,.dark #contentlist .content-title a ,.dark .s-bar2 input[type="submit"]{
	color:#eee;
}
.dark #contentlist,.dark .rtools a{
	    background: #3a3a3a;
}
.dark .top-bar a{background:#7e6e50;color:#eee}