::-webkit-scrollbar { width:6px; height:6px } ::-webkit-scrollbar-track { background:#f5f5f5; border-radius:.2rem } ::-webkit-scrollbar-thumb { background:#dee2e6; border-radius:.2rem } body { line-height:1.6; letter-spacing:.6px; font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; color:#545b62 } a { color:#545b62 } a:hover { color:#ff8400; text-decoration:none } img { max-width:100%; border-radius:.25rem } ul,ol,li { margin:0; padding:0; list-style:none } h1,h2,h3,h4,h5,h6 { margin:0; line-height:1.5; font-weight:600; color:#393d49 } h1 { font-size:36px } h2 { font-size:24px } h3,h4 { font-size:18px } h5,h6 { font-size:16px } form.search { display:flex; width:100% } input[type=file] { padding:0; height:auto; border:0 } .body-bg { background:#f5f5f5 } .body-img { background:url(../img/member_bg.jpg); background-repeat:no-repeat; background-position:top center } .item-title h2 { font-size:24px } .item-article h2,.item-vote h2,.item-tag h2,.list-info-search h2 { font-size:18px } .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; transition:all .3s } .item-theme-box { padding:1.5rem } .item-theme-img img { width:100%; height:250px; border-radius:.2rem .2rem 0 0 } .item-theme p,.item-news 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; transition:all .3s } .item-theme:hover,.item-news:hover { box-shadow:0 14px 30px -16px rgba(0,36,100,.25); transform:translateY(-6px) } .item-news h4 { margin:20px 0 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .item-news-img img { width:100%; height:200px } .item-news i,.item-news span { color:#999 } .list-article-img img { width:100%; height:260px; border-radius:.2rem .2rem 0 0 } .list-article-body { border-radius:0 0 .2rem .2rem } .list-article-body h2 { font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .list-article-body h2 a { color:#393d49 } .list-article-body p { margin-bottom:0 } .list-info-select a { display:inline-block; margin-right:10px; color:#1eb867 } .item-vote .table { margin-bottom:0 } .article-theme-title h1 { margin-bottom:1rem; font-size:24px } .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-theme-body p:last-child,.article-hot:last-child { margin-bottom:0 } .article-theme-body h2,.article-right h2 { margin-bottom:1rem; font-size:18px } .article-hot { margin-bottom:1.5rem } .article-hot-img img { width:100%; border-radius:.2rem .2rem 0 0 } .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 i,.item-theme-box 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 } .prenext .pagination-previous,.pagination-next { 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; padding-top:10px } .feedbacks .feedback_replies .media { border-top:solid 1px #ccc; border-bottom:0 } .feedbacks .media-body { padding:0 1rem 1rem 1rem } .feedbacks .media-body small { color:#999 } .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 } .logo img { height:40px } .login-from { margin:6rem 0 } .login-box { padding:1.25rem; width:500px; background:#fff } #validateimg { border-radius:0 .2rem .2rem 0 } .user-login { line-height:40px } .user-actions { line-height:40px; text-align:right } .copyright { padding:1.5rem; background:#343a40 } .flink,.flink a,.copyright,.copyright a { color:#fff } .l-height-30 { line-height:30px } .biz-mb { margin-bottom:-2rem } .bannr-img { width:100%; height:345px } .user-img-md { width:70px; height:70px; 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:24px!important; color:#1eb867 } .list-group-item.active a { color:#fff } .list-group-flush>.list-group-item { cursor:pointer } .pannel-main-container { padding:1.5rem; background:#fff } .table { color:#545b62 } .table td,.table th { padding:.65rem; vertical-align:middle } .form-control { display:inline-block; height:36px } .fa { font-size:14px; color:inherit; cursor:pointer } .btn+.btn,.btn-text+.btn-text { margin-left:10px } .form-control,.btn,.fa { font-size:14px!important } .input-text { height:36px; line-height:36px } .thumbnail-md { max-width:280px; max-height:168px } .admin-textarea-xl { width:100% } .admin-input-md { width:50% } .admin-input-sm { width:160px } .admin-input-xs { width:60px } #btnScrollTop { display:none; position:fixed; padding:10px 12px; right:1rem; bottom:1rem; font-size:16px; color:#fff; cursor:pointer; background:#ec982c; border-radius:.25rem; border:0; z-index:9998 } #btnScrollTop:hover { background:#e77817 } @media (max-width:480px) { .m-pb-1 { padding-bottom:1rem } .m-pb-2 { padding-bottom:2rem } .login-from,.login-box { 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 } }