@charset "utf-8";
/* by mobanwang.com */

body{font-size:100%;background-color: #F8E6E6; line-height: 1.5;}
h1{font-size:1rem; color:#6c757d; margin-bottom:0;}
a{color:#666;text-decoration:none; cursor:pointer;}
a:hover{color:#C51D1D;}

/*通用*/
.mb-br-1{border-radius:0.25rem;}
.mb-br-2{border-radius:0.5rem;}
.mb-br-3{border-radius:0.75rem;}
.mb-br-4{border-radius:1rem;}
.mb-br-5{border-radius:1.25rem;}

.text-12px{font-size: 12px;}
.text-14px{font-size: 14px;}
.text-16px{font-size: 16px;}
.text-18px{font-size: 18px;}

.color-999{color:#999;}

.bg-mb{background-color:#F2D4D4!important;}

.z-index888{z-index: 888;}
/*通用-结束*/

/*顶部导航*/
.mb-nav{background:#df8888;color:#fff; padding:0;}
.mb-nav>a{color:#fff;}

.menu-section-wrap {position: relative;display: flex;width: 100%; flex-flow: row nowrap;justify-content: space-between;align-items: center;}

.menu-list{}
.menu-list .nav-link{color:rgba(255,255,255,.75);font-weight: 600;}
.menu-list .nav-link:hover{color:rgba(255,255,255);}

.navbar-toggler{float:right; padding:.25rem .5rem;border-color:rgba(255,255,255,.3)!important; border-width:3px;}
.navbar-home{float:left; color:rgba(255,255,255,.55); background:transparent; padding:.25rem 0.5rem .25rem 0;}
.navbar-home:hover{color:rgba(255,255,255,1);}
.navbar-collapse {position: fixed;top: 90px;right: 0px;background: white;width: 150px;padding: 15px;}

.menu-right-item{display: flex;flex-wrap: nowrap;white-space: nowrap;}

.btn-white{border-radius: 1.2rem 0 0 1.2rem;background:#fff;}
.form-control{border:0;}
.btn-search{background:#fff;color:#C51D1D;border-radius:0 1.2rem 1.2rem 0;}
.needs-validation{width:50%;}

.breadcrumb{line-height:3rem;color:#666;}
.breadcrumb a{color:#666; text-decoration:none;}
.breadcrumb span.pageno{padding-left:0.5rem;}
/*顶部导航-结束*/

.mb-bt h1, .mb-bt h3{font-size:1.2rem;font-weight:700;color:#666;}



/* 左侧导航 */
.widget_categories{position: relative;}
.widget_categories h2{font-size:1rem;font-weight: 700; color:#666; border-bottom: 1px #ddd solid;}
.widget_categories .list-group-item {position: relative;padding: 0.4rem 0rem;padding-left:0.5rem;color:#666;border:1px #fff solid;}
.widget_categories .list-group-item .badge{margin-top:2px;background-color:#bbb; float: right;}
.widget_categories .list-on{color:#C51D1D; background-color:#F8E6E6; border-radius: 0.5rem;}
.widget_categories .list-on .badge{background-color:#f4a9a9!important;}
.widget_categories .list-group-item:hover{color:#C51D1D; background-color:#F8E6E6; border-radius: 0.5rem;}
.widget_categories .list-group-item[data-bs-toggle=collapse]::before {position: absolute;right: 10px;top: 4px;content: "-";font-size: 20px;}
.widget_categories .list-group-item[data-bs-toggle=collapse].collapsed::before {content: "+";}
.widget_categories .list-group-level1 .list-group-item {padding:0.4rem; padding-left:0.8rem; font-size: 0.8rem;}

.list-close{z-index: 999;position: relative;margin-top:5px;margin-right:10px;color:#C51D1D;}
/* 左侧导航结束 */

/*模板列表*/
.btn-h1{ display: flex;align-items: center;justify-content: space-between;width: 100%; color:#666;}
.btn-h1[aria-expanded="true"] .icon-rotate {transform: rotate(180deg);}

.course-box{position: relative;background: #fff;border-radius: 10px 10px 10px 10px;box-shadow: 0px 12px 46px -20px #aaa;}
.course-box:hover{box-shadow: 0px 12px 46px -20px #333;transition: all .3s ease;}
.course-box a .course-image {overflow:hidden; border-radius: 10px 10px 0px 0px;}
.course-box a .course-image img{box-sizing:border-box;transition: 0.3s;position:relative;z-index:1;filter:brightness(90%);}
.course-box:hover .course-image img{box-sizing:border-box; transform: scale(1.1); filter:brightness(40%);}
.course-attr{flex-wrap: nowrap;white-space: nowrap;}
.course-attr .badge{background-color:#f4a9a9;}
.course-box .course-details{padding: 10px 14px 5px 15px;position: relative;}
.course-box h5{display: block!important;font-size:1.1rem; color:#6c757d; overflow: hidden; font-weight: 600;}
.course-box h5.related{font-size:0.9rem; text-align:center;}
.course-box:hover h5{color: #C51D1D;}
.course-box .course-intro{padding: 0 15px 5px 15px;}
.course-box .course-btn{opacity:0;transition:0.2s;position: absolute; top:40%; width:100%; text-align: center;}
.course-box .course-btn a{ display: inline-block;}
.course-box:hover .course-btn{opacity:1;}
.course-btn:hover + a .course-image img{transform: scale(1.1);filter:brightness(40%);}
.course-btn:hover + a h5{color:#C51D1D;}
.divider-1{background-color: #b8c3c5;}
.button-3{background-color:#df8888 !important;color:#fff !important;border:0;font-weight: 700;flex-wrap: nowrap;white-space: nowrap;}
.button-3:hover{background-color:#fff !important; color:#C51D1D !important;}


/*字体列表*/
.fonts-box{position: relative;background: #fff;border-radius: 10px 10px 10px 10px;box-shadow: 0px 12px 46px -20px #aaa; overflow: hidden}
.fonts-box:hover{filter:brightness(95%);}
.fonts-box a .fonts-image {overflow:hidden; border-radius: 10px 10px 0px 0px;}
.fonts-box a .fonts-image img{box-sizing:border-box;transition: 0.3s;position:relative;z-index:1;}
.fonts-box h5{display: block!important;font-size:1.1rem; color:#6c757d; overflow: hidden; font-weight: 600;}
.fonts-box:hover h5{color: #C51D1D;}
.fonts-box .corner-ribbon {position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width:0 45px 45px 0;border-color: transparent #df8888 transparent transparent;}
.fonts-box .corner-ribbon .ribbon-text {position: absolute;top:6px;right:-56px;color: white;transform: rotate(45deg);white-space: nowrap;font-size:14px;text-align: center;width: 50px;}



/*分页*/
.pagination{margin-top:20px;}
.page-link{color:#6c757d;border:0; margin:0 10px;border-radius:5px;}
.page-link:hover{color:#fff;border:0;background-color:#C51D1D;}
.page-item.disabled .page-link{border:0;}
.page-item.active .page-link{background-color:#C51D1D;border:0;}

/*内容页*/
.mb-detials{overflow: hidden;}
.mb-preview-pic{position: relative;}
.mb-preview-pic img{width:100%;box-sizing: border-box;filter:brightness(90%);}

.mb-preview-pic a:hover img{filter:brightness(35%);}
.mb-preview-pic a .mb-plus{position: absolute;top:50%;left:50%; color: #fff;opacity:0;transition: 0.3s;}
.mb-preview-pic a:hover .mb-plus{opacity:1;transition: 0.3s;}

/*模态框-预览图*/
.modal img{max-width:100%; height:auto; margin:0 auto; display:block;box-shadow: 0 0 10px #888888;border-radius:0.75rem;}
.md-header{display: flex;flex-shrink: 0;align-items: center;justify-content: center;padding: 1rem;}
.mb-btn-more{border:1px solid #df8888 !important; border-radius:30px !important;color:#C51D1D; margin:auto 0.5rem;}
.mb-btn-more:hover{background-color:#df8888;color:#fff;}
.nav-pills{margin:0 10px;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{background-color:#df8888; color:#fff; font-weight:700;}
.nav-pills .nav-link{color:#C51D1D;}
.nav-pills .mb-btn-more:hover, .nav-pills .mb-btn-more:focus{color:#fff;font-weight:700;}
.nav-tabs .nav-link.active{color:#666;font-weight: 600;}
.nav-tabs  .nav-link{color:#666;}
.btn-close{position: absolute;right: 10px;}
.modal-content{border: 0;border-radius: .75rem;}
.modal-backdrop.show{opacity: .7;}

/*模态框-右侧导航*/
.offcanvas-end{width:50%;}
.offcanvas-body{margin-bottom:10px;padding:10px;}
.offcanvas-header{margin-bottom:10px; background-color:#df8888; border:0; color:#fff;}
.card{margin:0 10px;border-color:#f5d1d1;background-color:#F8E6E6;}
.card-header{border-color:#f5d1d1;background-color:#F8E6E6;}

.btn-mb{color:#C51D1D;border-color:#EFB7B7;margin-top:5px;margin-bottom:5px; background-color:#F8E6E6;}
.btn-mb:hover{background-color:#df8888;border-color:#f5d1d1;color:#fff;}
.btn-mb-h{background-color:#df8888;border-color:#f5d1d1;color:#fff;margin-top:5px;margin-bottom:5px;}
.btn-mb-h:hover{color:#fff;font-weight:700;}
.d-block{color:#C51D1D; text-align:inherit; font-size:1.2rem;line-height:2.5rem;}
.d-block:hover{color:#C51D1D;}

.mb-widgets{}
.button-1{width: 90%;border-color: #df8888;color: #df8888; border-radius: 3rem;letter-spacing: 5px; font-size: 1.5rem;}
.button-1:hover{background-color:#df8888;color:#fff;}
.button-2{width: 90%;background-color:#df8888;color: #fff; border-radius: 3rem;letter-spacing: 5px; font-size: 1.5rem;}
.button-2:hover{background-color:#C51D1D;color:#fff;}
.button-2 span{position: absolute;font-size: 14px;letter-spacing: 0;}

.mb-intro-title{color:#666;width: 100%;}
.mb-intro-info{color:#666;border-bottom: 1px #E8E8E8 solid; line-height: 2.2rem;}

/*内容页右侧*/
.mb-widgets-arrt{border-bottom: 1px #ddd solid;}
.mb-widgets-arrtList{display: flex;color:#999;}
.mb-widgets-arrtList span{width:7rem;color:#666;}
.mb-widgets-next{color:#666;}
.mb-widgets-next a{color:#999;}
.mb-widgets-next a:hover{color:#C51D1D;}
.mb-widgets-policy{color:#999; line-height: 24px;}
.mb-widgets-policy span{font-weight: 700;}
.mb-widgets-policy a{color:#C51D1D;}

.mb-widgets-category{line-height: 2rem;}
.mb-widgets-category span{color:#666;display:inline-block;margin:5px 0;}
.mb-widgets-category a{color: #666;border:1px solid #E8E8E8; font-size:14px;display:inline-block; border-radius: 50rem; padding: 0 10px; margin:5px; margin-left:0;}
.mb-widgets-category a:hover{color:#C51D1D;border:1px solid #C51D1D;}

/*底部*/
.copyright{line-height:30px; background:#f5d1d1; padding-top:15px; padding-bottom:15px;color:#666;}
.copyright a{color:#666;}
/*底部结束*/

/*read more*/
.readall_box {position: relative;z-index:999;padding: 0 0 25px;margin-top: -150px;text-align: center;}
.readall_box .read_more_mask {height: 150px;background: -moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0))}
.read_more_btn{cursor:pointer;font-size:16px;color:#C51D1D;background:#fff;border-radius:8px;border:1px solid #df8888;line-height:30px;padding:5px 10px;}
.read_more_btn:hover{background:#df8888;color:#fff;}

@media (max-width: 350px) {
.course-intro{display: none;}
}
@media (max-width: 576px) {
.nav-link{padding:0.5rem;}
}
@media (max-width: 768px) {
.none-768,.btn-white{display:none !important;}
.needs-validation{width:80%;}
.form-control{border-radius: 1.2rem 0 0 1.2rem !important;}
.offcanvas-end{width: 98%;}
}
@media (max-width: 992px) {
	.none-960{display:none !important;}
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 95%;}
	.w-1200{max-width: 1200px;}
}