/*
Theme ID: ecms233
Author: 墨鱼移植
Author QQ：48444431
Author Email：48444431@qq.com
Author URL: http://www.moyublog.com/
*/
body{color:#343232;font-family:"微软雅黑","黑体",Arial;background: #e6e6e6;}
a{color:#343232;outline:0;text-decoration:none;transition:all .3s linear}
a:hover{color:#ff4000;text-decoration:none}
.red{color:#ff4000}
html *{outline:0;zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.clear{clear:both}
.strong{font-weight:700}
.tal{text-align:left}
.tar{text-align:right}
.left{float:left}
.right{float:right}
.center{margin:0 auto;text-align:center}
.show{display:block;visibility:visible}
.hide{display:none;visibility:hidden}
blockquote{background:#f9f9f9 url(http://demo233.99yuanma.net:8889/skin/ecms233/images/blockquote.gif) 10px 13px no-repeat;;border:1px dashed #ff4000;padding:15px 15px 0 15px;text-indent:27px}
.block{display:block}
.inline{display:inline}
.wap{display:none;}
.break{word-wrap:break-word;overflow:hidden}
em{font-style:italic!important}
strong{font-weight:700!important}
.wrapper-outer{width:1200px;margin:0 auto;clear:both;height:auto;overflow:hidden;background: #ffffff;}
.header,.wrapper{width:1140px;margin:0 auto}
.row{clear:both;height:auto;overflow:hidden}
.topBar{background:#333333;height:36px;line-height:36px;font-size:12px;}
.topBar a{display:inline-block;}
.topBar .t-fl{float:left;width:70%;color:#b7b7b7;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.topBar .t-fl a{color:#b7b7b7;margin-right:10px;}
.topBar .t-fl a:hover{color:#fff;}
.topBar .t-fl i{margin-right:5px;font-size:12px}
.topBar .t-fr{float:right}
.topBar .t-fr a{padding-left:15px;color:#fff;}
.logo{float:left}
.logo a{}
.logo img{height:60px}
.search-fr{float:right;width:320px;padding-top:12px}
.header{background:#fff;padding:20px 0}
.seach_cha{float:left;line-height:24px;border:1px solid #ddd;padding:5px;width:248px;color:#888}
.seach_dian{float:right;width:60px;height:36px;background:#009999;border:none;padding:0;cursor:pointer;color:#fff;font-size:15px}
.seach_dian:hover{background:#00b2b3}
.navbar{height:50px;background:#333333;line-height:50px}
/*网站导航栏*/
#mnav{display:none}
#navul li{float:left;position:relative;font-size:16px;text-align:center;z-index:2}
#navul li a{display:block;text-align:center;padding:0 20px;color:#fff}
#navul li a:hover{background:#009999}
.cur{background:#009999}
#navul li ul{display:none;position:absolute;z-index:1000;top:50px;background:#333333;border-top:none}
#navul li:hover ul{display: block;}
#navul li ul li{float:left;width:120px;position:relative;font-size:16px;text-align:center;z-index:9998}
#navul li ul li a{display:block;text-align:center;padding:0 20px;color:#fff;border-bottom:1px solid #049888;border-top:1px solid #13beac}
#navul li ul li a:hover{text-shadow:1px 1px 0 #333333}
/*左侧版块开始*/
.con-left{float:left;width:790px}
.con-left h1{font-size:22px;margin-bottom:10px}
.con-left .info{line-height:24px;color:#888;font-size:12px;}
.con-left .info a{border: 1px #ddd solid;padding:3px 5px;border-radius:4px;margin-right:5px;}
.con-left .info span{margin-right:10px}
.con-left .info span i{margin-right:5px;font-size:12px;color:#888}
.con-right{float:right;width:320px}
.cmsbox{width:820px}
.gengxin{width:100%;margin-bottom:8px;height:auto;overflow:hidden}
.gengxin h3{height:40px;line-height:40px;font-size:16px;border-bottom:2px #009999 solid;font-weight: bold;}
.gengxin ul{padding:8px 0;overflow:hidden}
.gengxin ul li{height:32px;line-height:32px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:380px;float:left}
.gengxin ul li:nth-child(2n){margin-left:30px}
.gengxin ul li a:hover{color:#ff4000;}
.gengxin ul li i{margin-right:5px;font-size:16px;color:#d40000}
.gengxin ul li i.xin{color:#218a00}
.gengxin ul li span{float:right;font-size:13px;color:#888}
.gengxin ul li span.timeday{color:#ff4000}

.cmslist{float:left;width:380px;margin:0 30px 8px 0;font-size: 14px;}
.cmslist .cmsbb{height:40px;line-height:40px;font-size:16px;border-bottom:2px #dcdcdc solid}
.cmslist .cmsbb h3{float:left;height:40px;line-height:40px;font-size:16px;border-bottom:2px #009999 solid;font-weight: bold;}
.cmslist .cmsbb .more{font-size:12px;float:right;color:#888;font-weight: normal;}
.cmslist ul{padding:8px 0}
.cmslist ul li{height:32px;line-height:32px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.cmslist ul li a:hover{color:#ff4000}
.cmslist ul li span{float:right;font-size:13px;color:#888}
.cmslist ul li i.xin{color:#218a00;margin-right:5px;}
/**分类摘要**/
.abstract{background: #dbe8e8;color:#1e8a8a; padding:10px 15px;margin:10px 0 15px 0;line-height:24px;}
/*分类页列表*/
.catelist li{padding-bottom:15px;border-bottom:1px solid #e9e9e9;margin-bottom:15px;overflow: hidden;display: block;}
.catelist li .pic { float: left; width: 189px; height: 112px; margin-right: 15px; overflow: hidden;display: block; }
.catelist li .pic img { width: 189px; height: 112px; object-fit: cover; }
.catelist li h3{font-size:16px;line-height: 28px; overflow:hidden;font-weight:bold;    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: clip;
    white-space: normal;}
.catelist li h3 a:hover{color:#ff4000}
.catelist li h3 i{font-size:16px;margin-right:5px;color:#ff4000}
.catelist li p{color:#555;line-height:24px;font-size:12px;margin:5px 0;max-height:48px; overflow: hidden; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: clip;
    white-space: normal;}
.catelist li .info{color:#555;line-height:24px;font-size:12px;}
.art-content{margin:15px 0;overflow:hidden;text-indent: 2em;}
.art-content img{max-width:100%!important;height:auto!important}
.art-content embed{max-width:100%!important}
.art-content p , .art-content div {}
.art-content h2, .art-content h3, .art-content h4, .art-content h5 {
    border-bottom: 0;
    font-weight: normal;
    border-left: 3px #ff4000 solid;
    background: #f0f0f0;
    line-height: 150%;
    padding: 5px 5px 5px 8px;
    margin: 0 0 15px 0;
}
/***内容页tags***/
.arttags{margin: 20px auto;}
.arttags a{}

/**右侧栏**/
.box-b{border:1px solid #dcdcdc;padding:10px;font-size: 14px;}
/**侧栏文章列表**/
.box-b h3{height:16px;line-height:16px;font-size:16px;border-left:5px solid #009999;overflow:hidden;padding-left:10px;margin:5px 0 10px 5px;font-weight: bold;}
.remen li{height:32px;line-height:32px;;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.remen li a:hover{color:#ff4000}
/*子分类*/
.lower{margin-right:-15px; margin-bottom: -10px;  overflow:hidden;padding:5px 0 0 5px;}
.lower li{line-height: 32px;}
.lower li a{color:#fff;background:#00b2b3;width:135px;margin:0 15px 15px 0;text-align: center;float: left;}
.lower li a.cur2{background:#009999}
.lower li a:hover{background:#009999}
/*热门标签*/
.hottags{margin-right:-10px;overflow:hidden;padding:10px 0 5px 5px;}
.hottags li{line-height: 28px;float:left;margin-right:5px;margin-bottom:5px;}
.hottags li a{border: 1px #ddd solid;
    padding: 3px 5px;
    border-radius: 4px;
    }

.pinglun{overflow:hidden;padding:0 5px}
.pinglun li{}
.pinglun h4{line-height:24px;font-size:14px;max-height:48px;overflow:hidden;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pinglun small{font-size:12px;color:#888;line-height:28px}
.pinglun img{width:28px;height:28px;float:right;border-radius:3px}
/**友情链接*/
.frend-link{overflow:hidden;margin-bottom:15px}
.frend-link h3{height:36px;line-height:36px;border-bottom:2px solid #dcdcdc;font-size:16px}
.frend-link ul{padding:8px 0}
.frend-link li{display:inline;height:28px;line-height:28px}
.frend-link li a{padding-right:15px;line-height:24px;}

/**当前位置**/
.positionbar{width:100%;height:36px;line-height:36px;border-bottom:2px solid #e6e6e6;margin-bottom:15px}
.positionbar h3{float:left;height:36px;line-height:36px;border-bottom:2px solid #009999}
.positionbar h3 i{margin-right:5px}
.positionbar h3 a{margin-right:5px}
.lh200 p{color:#888}
.tip-bar {margin:10px 0; }
.tip-bar p{line-height:32px;}
.tip-bar p a{margin-right:10px}
.tip-bar p span{color:#888;}
.tip-bar h3{display:block;line-height:40px;border-bottom:2px solid #e6e6e6;font-size:16px;font-weight: bold;}
.tip-bar h3 i{margin-right:5px;font-weight: normal;}

.tip-bar .down{background:#009999;display:inline-block;width:150px;line-height:40px;text-align:center;border-radius:3px;color:#fff;font-size:18px;margin-right:15px}
.tip-bar .down:hover{color:#fff;background:#00b2b3}


/*翻页*/
.pagebar{font-size:14px;padding:5px 0;clear:both}
.pagebar .page{text-align:center;display:inline-block;line-height:32px;padding: 0 12px;
    margin-right:2px;
    color:#888;
    border:1px solid #eee;
}
.pagebar .page:hover{background-color:#00b2b3;color:#fff}
.pagebar .now-page{background-color:#00b2b3;color:#fff}
/*网站评论*/
.commname{height:40px;line-height:40px}
.commname h3{float:left;line-height:40px;height:40px;font-size:16px}
.commname h3 span{color:#ff4000;margin:0 5px;font-style:normal}
#comments{overflow:hidden}
#comments .ping{padding-bottom:10px;border-bottom:1px dashed #ededed;height:24px;line-height:24px;font-size:20px;font-weight:400}
.compost .com_name{overflow:hidden;color:#009999}
.compost .com_name a{color:#009999}
.compost .com_box{margin-bottom:15px}
.compost .com_box textarea{width:99.5%;border:1px solid #ddd;display:block;box-sizing:border-box;padding:10px}
.compost .com_info{margin-top:10px;overflow:hidden}
.compost .com_info ul{float:left;list-style:none;display:inline-block}
.compost .com_info li{float:left;margin-right:15px}
.compost .com_info li input{width:160px;height:30px;line-height:30px;padding-left:4px;border:1px solid #ddd;margin-bottom:15px}
.compost .com_info li span{margin-left:4px}
.compost .com_info li span img{height:30px;line-height:30px;vertical-align:top}
.compost .com_info button{background-color:#009999;border:0;border-radius:3px;padding:0 20px;line-height:36px;color:#fff;font-size:14px;cursor:pointer;}
.compost .com_info button:hover{background:#00b2b3}
#comments .comlist{margin-bottom:10px;border-bottom:1px solid #ededed}
.comlist .title{margin:10px 0;overflow:hidden}
.comlist .title span{background-color:#fff}
.comlist .title i{width:93%;height:1px;background-color:#ededed;vertical-align:middle;display:inline-block}
.comlist ul{list-style:none;border-top:1px solid #ededed}
.comlist ul.bordertop{border-top:0}
.comlist ul:hover{background-color:#fafafa}
.comlist ul ul{margin-left:5%}
.comlist li{overflow:hidden;padding:15px 0}
.comlist li img{float:left;width:40px;height:40px;border-radius:50%;margin-left:12px}
.comlist li .clbody{margin-left:64px}
.clbody .cinfo{overflow:hidden}
.clbody .cinfo h5{float:left;height:18px;line-height:18px;color:#009999;font-size:14px;font-weight:400}
.clbody .cinfo span{float:right;margin-right:10px}
.clbody .cinfo span a{color:#009999}
.clbody .cinfo span i{margin-right:4px}
.clbody em{color:#888;height:24px;line-height:24px;font-size:12px;font-style:normal;display:block}
.clbody p{line-height:24px;color:#4a4a4a;overflow:hidden}
.clbody p a{color:#009999}
/*网站底部*/
.footer{padding:30px 0;background:#333333;overflow:hidden;border-top:3px solid #bbb;}
.footer a{color:#b7b7b7}
.footer .span-a{float:left;color:#b7b7b7;padding-left:38px}
.footer .span-a p{line-height:215%}
.footer .span-b{margin-left:-6px}
.footer .span-b a{margin:0 6px}
.footer .span-c{float:left;width:130px;height:90px;border-right:2px solid #4c4c4c}
/*广告位管理*/
.gg320{width:100%;height:auto;overflow:hidden}
.gg320 img{width:100%;height:100%;vertical-align:middle}
.g790{width:100%;height:auto;overflow:hidden}
.g790 img{width:100%;height:100%;vertical-align:middle}
.g1140{width:100%;height:auto;overflow:hidden}
.g1140 img{width:100%;height:100%;vertical-align:middle}

.g1140wap{width:100%;height:auto;overflow:hidden;display: none;}
.g1140wap img{width:100%;height:100%;vertical-align:middle}

.tag-wrap a {
    border: 1px solid #009999;
    border-radius: 3px;
    padding: 4px 8px;
    margin: 5px;    text-indent: 0px;
    
}
.tag-wrap .con a {
    float:left
    
}
.tag-wrap a:hover {
    border: 1px solid #009999;
    background-color: #009999;
    color: #fff;
}
.meihua_1 {
	display: block;
	margin-top: 10px;
	padding: 5px 10px;
	background-color: #ea4c89;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.meihua_2 {
	background-color: #fff;
	margin-bottom: 20px;
	box-shadow: 0 1px 2px rgba(15,39,65,0.1);
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.meihua_2 .meihua_2_1 {
	height: auto;
	overflow: hidden;
	background-color: #FFF;
	border: 1px solid #DDDDDD;
	border-width: 1px 1px 1px 1px;
	padding: 20px;
}
.meihua_2 .meihua_2_1 p {
	margin: 5px auto!important;
}
.meihua_2 .meihua_2_1 .meihua_btn {
float: left;
    border: 1px solid #8a8a8a;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-left: 40px;
    margin: 10px 10px 0 0;
    overflow: hidden;
    border-radius: 2px;
	background: url(../image/30.png) no-repeat 5px 3px #4abd96;
    border: 1px solid #4abd96;
    color: #FFF!important;
    text-decoration: none;    padding-right: 10px;text-indent: 0em;
}
.meihua_2 .meihua_2_1 .meihua_btn i {
	margin-right: 5px
}
.meihua_2 .meihua_2_1 .meihua_btn:hover {
	background-color: #3169b0
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.short-btn {
    float: left;
    border: 1px solid #8a8a8a;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-left: 40px;
    margin: 10px 10px 0 0;
    overflow: hidden;
    border-radius: 2px;
    background: url(../image/10.png) no-repeat 5px 3px #4abd96;
    border: 1px solid #4abd96;
    text-decoration: none;color: #FFF!important;padding-right: 10px;text-decoration: none; text-indent: 0em;
}
.short-btn:hover {
	background-color: #3169b0
}
@media only screen and (max-width:1100px)
{
.wap{display:block;}
.pc{display:none;}
    
.wrapper,.wrapper-outer{width:100%}
.header{width:96%;padding:15px 2%}
.search-fr{padding-top:12px}
.t-fr{padding-right:1.5%}
.navbar,.navbg{width:100%;background:#333333}
#navul li{font-size:12px!important}
#navul li ul{top:31px}
#navul li a {padding: 0 15px;}

.con-left{float:none;width:95%;margin:0 auto}
.con-right{float:none;width:95%;margin:0 auto}
.art-content,.cmsbox{width:100%}
.cmslist{width:48%;margin:0 1% 8px}
.gengxin{width:98%}
.gengxin li{width:48%!important}
.gengxin li:nth-child(2n){float:right}
.t-fl{margin-left:15px}
#sidebar,.mail-box,.pull-right,.rtpic,.rtpic .lanmu,.span-c,.yx-rotaion{display:none}
.waplower{margin-right:-15px;}
.waplower li{line-height: 24px;overflow:hidden;margin:0 15px 15px 0;    float: left;}
.waplower li a{color:#fff;background:#00b2b3;padding:0 10px;text-align: center;float: left;}
.waplower li a.cur3{background:#009999}
.waplower li a:hover{background:#009999}
.frend-link{padding:0 3%}
.footer{padding:20px 0;}
.footer .span-a{float:none;width:auto;padding:0 20px}
}
@media only screen and (max-width:650px){.logo{float:none;text-align:center;margin:0 auto;padding-bottom:10px}
.search-fr{float:none;margin:0 auto;display:block!important;padding-top:1px}
.g1140 {display:none;}
.g1140wap {display:block;}
.gengxin{width:98%;margin:0 1% 8px}
.gengxin li{width:100%}
.gengxin li:nth-child(2n){margin-left:0}
.t-fl{display:none}
.navbar{height:0;border-bottom:1px #dcdcdc solid;background:0 0;}
.navbg,.pull-left{height:0}
.navbar{line-height:36px}
#mnav{display:block;position:absolute;top:0;padding:0 15px;height:36px;left:0;color:#fff;line-height:36px}
#mnav i{color:#fff;font-size:14px;margin-right:5px;}
#navul{position:absolute;left:0;height:auto!important;overflow:visible!important;display:none;top:36px;cursor:pointer;z-index:999}
#navul li{float:none;border-bottom:1px #444 dotted;background:#333333}
#navul li ul{top:0;left:80px}
.con-left{width:92%;}
.cmslist{width:98%;margin:0 1% 8px}
.catelist li{padding-bottom:10px;}   
.catelist li h3{line-height:24px;height:48px;font-size:14px;margin:6px 0;} 

.catelist li p{display: none;}
.catelist li .pic {  width: 100px; height:60px;  }
.catelist li .pic img { width: 100px; height: 60px; }
.catelist li .info{margin-top:10px;}
.catelist li .tags{display: none;}
.frend-link{padding:0 5%}
}

@media only screen and (max-width:767px){
.gengxin li{width:100%!important}
.gengxin li:nth-child(2n){margin-left:0}
}
@media (min-width:768px) and (max-width:813px){
.gengxin li:nth-child(2n){margin-left:28px}
}
@media only screen and (max-width:480px){
.tip-bar {margin:10px 0 -15px 0; }
.tip-bar .down{width:100%;margin:0 0 15px 0;}
}
.suspension {
	position: fixed;
	z-index: 55;
	right: 0;
	bottom: 85px;
	width: 70px;
	height: 240px;
}
.suspension-box {
	position: relative;
	float: right;
}
.suspension .a {
	display: block;
	width: 44px;
	height: 44px;
	background-color: #353535;
	margin-bottom: 4px;
	cursor: pointer;
	outline: none;
}
.suspension .a.active, .suspension .a:hover {
	background: #F05352;
}
.suspension .a .i {
	float: left;
	width: 44px;
	height: 44px;
	background-image: url(../image/side_icon.png);
	background-repeat: no-repeat;
}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../image/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.suspension .a-service-phone .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../image/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: -27px 0;
}
.suspension .a-qrcode .i {
	background-position: -44px 0;
}
.suspension .a-cart .i {
	background-position: -88px 0;
}
.suspension .a-top .i {
	background-position: -132px 0;
}
.suspension .a-top {
	background: #D2D3D6;
	display: none;
}
.suspension .a-top:hover {
	background: #c0c1c3;
}
.suspension .d {
	display: none;
	width: 223px;
	background: #fff;
	position: absolute;
	right: 67px;
	min-height: 90px;
	border: 1px solid #E0E1E5;
	border-radius: 3px;
	box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}
.suspension .d .arrow {
	position: absolute;
	width: 8px;
	height: 12px;
	background: url(../image/side_bg_arrow.png) no-repeat;
	right: -8px;
	top: 31px;
}
.suspension .d-service {
	top: 0;
}
.suspension .d-service-phone {
	top: 34px;
}
.suspension .d-qrcode {
	top: 78px;
}
.suspension .d .inner-box {
	padding: 8px 22px 12px;
}
.suspension .d-service-item {
	border-bottom: 1px solid #eee;
	padding: 14px 0;
}
.suspension .d-service .d-service-item {
	border-bottom: none;
}
.suspension .d-service-item .circle {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	background: #F1F1F3;
	display: block;
	float: left;
}
.suspension .d-service-item .i-qq {
	width: 44px;
	height: 44px;
	background: url(../image/side_con_icon03.png) no-repeat center 15px;
	display: block;
	transition: all .2s;
	border-radius: 50%;
	overflow: hidden;
}
.suspension .d-service-item:hover .i-qq {
	background-position: center 3px;
}
.suspension .d-service-item .i-tel {
	width: 44px;
	height: 44px;
	background: url(../image/side_con_icon02.png) no-repeat center center;
	display: block;
}
.suspension .d-service-item h3 {
	float: left;
	width: 112px;
	line-height: 44px;
	font-size: 15px;
	margin-left: 12px;
}
.suspension .d-service-item .text {
	float: left;
	width: 112px;
	line-height: 22px;
	font-size: 15px;
	margin-left: 12px;
}
.suspension .d-service-item .text .number {
	font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
.suspension .d-service-intro {
	padding-top: 10px;
}
.suspension .d-service-intro p {
	float: left;
	line-height: 27px;
	font-size: 12px;
	width: 50%;
	white-space: nowrap;
	color: #888;
}
.suspension .d-service-intro i {
	background: url(http://demo233.99yuanma.net:8889/skin/ecms233/images/side_con_icon01.png) no-repeat center center;
	height: 27px;
	width: 14px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
}
.suspension .d-qrcode {
	text-align: center;
}
.suspension .d-qrcode .inner-box {
	padding: 20px 0;
}
.suspension .d-qrcode p {
	font-size: 16px;
	color: #93959c;
}
.chapter-btn {
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #d48b3b;
    border: 1px solid #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease;
}
.chapter-btn:hover {
    background-color: #0056b3;
    border-color: #003d80;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.chapter-btn:active {
    background-color: #003d80;
    transform: translateY(1px);
}