﻿::-webkit-scrollbar{width:8px;height:10px}
::-webkit-scrollbar-track{background:#f5f5f5}
::-webkit-scrollbar-thumb{background:#dee2e6}
*{scrollbar-width:thin}
body{margin:0;line-height:1.6;letter-spacing:.5px;font-size:14px;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;color:#545b62;background:#fff}
a{color:#545b62;text-decoration:none}
a:hover{color:#007bff;text-decoration:none}
.a-info a{color:#fff}
.a-top{margin-top:7rem!important}
img{max-width:100%;border-radius:.5rem}
li,ol,ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;font-weight:600;color:#393d49}
h1{font-size:36px}
h2{font-size:24px}
h3,h4{font-size:16px}
h5,h6{font-size:14px}
form.search{display:flex;width:100%}
input[type=file]{padding:0;height:auto;border:0}
.body-bg{background:#f5f5f5}
.carousel-caption{bottom:0}
.carousel-caption h2{color:#fff}
.carousel-caption h2,.item-article h2,.item-tag h2,.item-vote h2,.list-info-search h2{font-size:18px}
.item-title h2{font-size:22px}
.item-article li{margin-bottom:10px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-article li:last-child{margin-bottom:0}
.item-theme{margin-bottom:2rem}
.item-theme-box{padding:1.5rem}
.item-theme-img img{width:100%;height:250px}
.item-news p,.item-theme p{margin-bottom:0;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item-news{margin-bottom:2rem;padding:1.5rem}
.item-news:hover,.item-theme:hover{box-shadow:0 14px 30px -16px rgba(0,36,100,.25);transform:translateY(-6px);transition:all .5s}
.item-news h4{margin:20px 0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-news-img img{width:100%;height:200px}
.item-news i,.item-news span{color:#999}
.item-info a{color:#1eb867}
.list-article-img img{width:100%;height:260px}
.list-article-body h2{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-article-body h2 a{color:#393d49}
.article-theme-title h1{margin-bottom:1rem;font-size:22px}
.article-hot-img img,.article-theme-img{width:100%}
.article-theme-info .item{display:inline-block;width:100px}
.article-theme-info .price{font-size:18px;font-weight:600}
.article-hot:last-child,.article-theme-body p:last-child,.item-vote .table,.list-article-body p{margin-bottom:0}
.article-right h2,.article-theme-body h2{margin-bottom:1rem;font-size:18px}
.article-hot{margin-bottom:1.5rem}
.article-hot-box{padding:1rem 1.5rem;background:#fff}
.article-hot-box h4{font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-hot-box i,.article-hot-box span,.article-meta span,.item-theme-box .text-left i,.item-theme-box .text-right span,.list-article-body i,.list-article-body span{color:#999}
.article-main h1,.article-main h2,.article-main h3,.article-main h4,.article-main h5,.article-main h6{margin-bottom:1rem;font-size:18px}
.article-meta span{margin-right:1rem}
.likes .comment-container{width:200px;padding:10px 20px;border:1px solid #f5f5f5;border-radius:30px;margin:0 6px;cursor:pointer}
.likes .comment-container:hover{background:#fffce0}
.likes .comment-top{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}
.likes .comment-top-text{margin-left:10px;color:#497cf6}
.likes .comment-top-text-danger{margin-left:10px;color:#d21d35}
.likes .text-like{color:#497cf6}
.likes .text-unlike{color:#d21d35}
.likes .comment-top p{margin-bottom:unset}
.pagination-next,.prenext .pagination-previous{padding:10px 20px;font-size:14px;color:#a6a5a6;border-radius:30px;border:1px solid #f0f0f0;cursor:pointer}
.actbox{float:right;padding:10px}
.actbox ul{list-style:none}
.actbox ul li{float:left;margin-left:10px}
.feedbacks .face{width:40px;height:40px;border-radius:50%;border:solid 1px #ccc}
.feedbacks .media{border-bottom:solid 1px #ccc}
.feedbacks .feedback_replies .media{border-top:solid 1px #ccc;border-bottom:0}
.feedbacks .media-body span{color:#999}
.feedbacks .feedback-basic{display:inline-block}
.feedbacks .feedback-action{float:right}
.feedbacks ._feedback_reply .alert{margin-bottom:0}
.nav-link{padding:0 10px;height:36px;line-height:36px}
.navbar-dark .navbar-nav .nav-link{color:#eee}
.nav-item .active{color:#ff8400}
.logo img{height:80px}
.login-from{margin:5rem 0;width:600px}
.login-box{padding:3rem;background:#fff}
.plus-box{padding:3rem;background:#fff}
.lg-box{background:#f5f5f5}
.hg-box{margin-bottom: 120px;}
.user-actions,.user-login{line-height:80px}
.user-actions{text-align:right}
.copyright{padding:1.5rem;background:#343a40}
.copyright,.copyright a,.flink,.flink a{color:#fff}
.biz-mb{margin-bottom:-2rem}
.bannr-img{width:100%;height:345px}
.user-img-md{width:60px;height:60px;border-radius:50%;border:1px solid #eee}
.user-img-sm{width:36px;height:36px;border-radius:50%;border:1px solid #eee}
.user-img-xs{width:30px;height:30px;border-radius:50%;border:1px solid #eee}
.user-meter i{font-size:22px!important;color:#1eb867}
.userspace .info{font-size:14px;font-weight:400;color:#545b62}
.list-group-item.active a{color:#fff}
.list-group-flush>.list-group-item{cursor:pointer}
.pannel-main-container{padding:1.5rem;background:#fff}
.input-group-append .btn-sm{line-height:1.8}
.table{color:#545b62}
.table td,.table th{padding:.5rem;vertical-align:middle}
.form-control{display:inline-block;height:36px}
.fa,.form-control{font-size:14px!important;color:inherit}
.btn+.btn{margin-left:10px}
.input-text{height:36px;line-height:36px}
.thumbnail-md{max-width:280px;max-height:168px}
.admin-textarea-xl{width:100%}
.admin-input-lg{width:60%}
.admin-input-sm{width:160px}
.admin-input-xs{width:60px}
.alert,.breadcrumb,.btn-md,.btn-sm,.cke_chrome,.cke_inner,.dropdown-menu,.form-control,.navbar-toggler,.pagination,.rounded{border-radius:.5rem!important}
.btn-xs{border-radius:.35rem!important}
.article-hot-img img,.cke_top,.item-theme-img img,.list-article-img img{border-radius:.5rem .5rem 0 0!important}
.cke_bottom,.list-article-radius{border-radius:0 0 .5rem .5rem!important}
#validateimg,.btn-send{border-radius:0 .5rem .5rem 0!important}
.rounded-circle{border-radius:50%!important}
.page-item:first-child .page-link{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}
.page-item:last-child .page-link{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.list-foot{border-bottom:1px solid rgba(0,0,0,.125)}
#returntop{display:none;position:fixed;padding:10px 14px;right:1rem;bottom:1rem;color:#fff;cursor:pointer;background:#ec982c;border-radius:.5rem;border:0;z-index:9998}
#returntop:hover{background:#e77817}
.pl_container{width:100%}
.alert-success {color:#155724;background-color:#fff;border-color:#d5d5d5;}
.down{margin:20px auto;position:relative}
.down tr{margin:20px auto 0;font-size:15px;color:#555}
.down td {display:block;margin-bottom:11px;font-weight:500;font-size:16px;border-radius:5px;padding-left:15px;}
.down td a{color:#fff;padding:6px 12px;background:#008CFF;margin-right:15px;;border-radius:5px;font-size:15px;transition:all .3s;}
.table td, .table th{border-top:0;}
@media (max-width:768px){#plf-flush,.a-top,.nav-link{display:none}
.m-pb-1{padding-bottom:1rem}
.m-pb-2{padding-bottom:2rem}
.login-from{width:100%}
.bannr-img,.item-theme-img img,.list-article-img img{height:250px}
.item-news-img img{height:210px}
.feedbacks .feedback-action{float:none}
.plus-box{padding:1rem .1rem}
.hg-box{margin-bottom:0px;;}
.lg-box{background:#fff}
}