::-webkit-scrollbar { width:6px; height:6px } ::-webkit-scrollbar-track { background:#f5f5f5; border-radius:.5rem } ::-webkit-scrollbar-thumb { background:#dee2e6; border-radius:.5rem } 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:.5rem } 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:30px } h2 { font-size:22px } 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 } .carousel-caption { bottom:0 } .carousel-caption h2 { font-size:18px; color:#fff } .item-title h2 { font-size:22px } .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 .5s } .item-theme-box { padding:1.5rem } .item-theme-img img { width:100%; height:250px } .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 .5s } .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 } .list-article-body h2 { font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .list-article-body h2 a { color:#393d49 } .list-info-select a { display:inline-block; margin-right:10px; color:#1eb867 } .article-theme-title h1 { margin-bottom:1rem; font-size:22px } .article-theme-img,.article-hot-img img { width:100% } .article-theme-info .item { display:inline-block; width:100px } .article-theme-info .price { font-size:18px; font-weight:600 } .list-article-body p,.item-vote .table,.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-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 } .nav-item .active { color:#ff8400 } .logo img { height:40px } .login-from { margin:5rem 0 } .login-box { padding:1.25rem; width:500px; background:#fff } .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: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 } .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:1rem } .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 } .navbar-toggler,.dropdown-menu,.breadcrumb,.cke_chrome,.cke_inner,.pagination,.form-control,.btn-md,.btn-sm,.alert,.rounded { border-radius:.5rem!important } .btn-xs { border-radius:.35rem!important } .cke_top,.item-theme-img img,.list-article-img img,.article-hot-img img { border-radius:.5rem .5rem 0 0 } .cke_bottom,.list-article-body { border-radius:0 0 .5rem .5rem } #validateimg { border-radius:0 .5rem .5rem 0 } .rounded-circle { border-radius:50%!important } .page-item:first-child .page-link { border-top-left-radius:.5rem; border-bottom-left-radius:.5rem } .page-item:last-child .page-link { border-top-right-radius:.5rem; border-bottom-right-radius:.5rem } .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 } #btnScrollTop { display:none; position:fixed; padding:10px 12px; right:1rem; bottom:1rem; font-size:16px; color:#fff; cursor:pointer; background:#ec982c; border-radius:.5rem; 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 } }