@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i&display=swap&subset=vietnamese');
@media screen {
*{margin:0;padding:0}
a:link{text-decoration:none}
a:focus{outline:none}
img{display:block;padding:0;outline:none;border:none}
ul{list-style:none}
h1{margin:0;padding:0}
.cboth{clear:both}
.fleft{float:left}
.fright{float:right}
.bsize{box-sizing:border-box}
.oflow{overflow:hidden}
.dnone{display:none}
.tf{text-transform:uppercase}
.white-space{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
body{font-family:'Roboto',sans-serif;font-size:14px;line-height:23px;font-weight:400;color:#333;background-color:#f5f5f5;}
body.body-padding{padding-top:70px}
body.logged-in.body-padding{padding-top:102px}
.container{width:1170px;margin:0 auto;position:relative}
.header-fixed{position:fixed;top:0;left:0;width:100%;z-index:10000;box-shadow:0 3px 5px rgba(0,0,0,.1)}
.logged-in .header-fixed{top:32px}
.header{background-color:#c996cc;}
.header .container{height:70px;line-height:70px}
.logo{margin:0;padding:0;height:44px;margin-top:13px}
.header-fixed .logo{height:44px;margin-top:13px}
.logo a{display:block;height:100%}
.logo a img{height:100%}
.close-nav{display:none}
.icon-show-nav{display:none;color:#fff;position:absolute;left:0;font-size:25px;cursor:pointer;padding-right:20px;}
.icon-search{display:none;color:#fff;position:absolute;right:0;font-size:22px;cursor:pointer;padding-left:20px;}
.icon-search i:nth-child(n+2){display:none;}
.header-fixed .collap-main-nav{margin-top:12px}
.main-nav-inner>ul>li{float:left;position:relative}
.main-nav-inner>ul>li:nth-child(n+2){margin-left:5px;}
.main-nav-inner>ul>li.menu-item-has-children>a:before{position:absolute;font-family:'Font Awesome 5 Free';content:"\f107";right:18px;color:#fff;font-size:12px;z-index:1000000}
.main-nav-inner>ul>li a{display:block;color:#fff}
.main-nav-inner>ul>li>a{position:relative;font-size:14px;font-weight:400;padding:0 20px;font-weight:700;}
.main-nav-inner>ul>li>a i{margin-right:10px}
.main-nav-inner>ul>li:hover>a,.main-nav-inner>ul>li>a:hover,.main-nav-inner>ul>li.current-menu-item>a{color:#ccc;}
.main-nav-inner>ul>li.menu-item-has-children>a{padding-right:35px}
.home-wrap .container{padding:30px 0;padding-bottom:40px}
.search-form{font-size:15px;font-weight:400;width:280px;margin-top:15px;margin-right:30px;position:relative;}
.search-input{width:100%;height:40px;outline:none;border-radius:5px;padding:0 15px;border:none;background-color:rgba(255, 255, 255, 1);transition:all ease-in-out .3s;}
.search-input:focus{background-color:#fff;}
.search-submit{width:45px;height:34px;outline:none;border:none;color:#333;border-left:1px solid #ddd;background:transparent;position:absolute;top:3px;right:3px;line-height:34px;font-size:17px;}
.search-submit:hover{color:#55a6ef;}
.block-intro{background-color:#E9A6A6;padding:20px;}
.single-content-intro{margin-top:0px !important;}
.single-content-intro h1{font-size:25px;line-height:40px;font-weight:700;padding:8px 0;color:#343a40;}
.single-content-intro h1:first-child{padding-top:none}
.single-content-intro h1:last-child{padding-bottom:none}
.block-note i{margin-right:10px;color:#3490d8}
.main-wrap{margin-top:30px}
.main-wrap .sidebar, .sub-wrap .sidebar{float:right!important;}
.main-item:nth-child(n+2){margin-top:40px;}
.main-item-head{position:relative;}
.main-item-head a,.main-item-head span{color:#333;display:inline-block;line-height:1.5;font-size:18px;font-weight:700;position:relative;padding-right:15px;}
.main-item-head a:after{font-family:'Font Awesome 5 Free';content:"\f105";position:absolute;right:0px;color:#C996CC;}
.main-item-head a i,.main-item-head span i{margin-right:8px}
.main-item-content{position:relative;margin-top:15px;background-color:#fff;padding:20px;border-bottom:2px solid #d6d6d6;}
.block-item-flex{display:flex;flex-flow:row wrap;}

.post-file-item{width:calc((100% - 30px) / 3);margin-right:15px;}
.post-file-item:nth-child(3n+3){float:right;margin-right:0px;}
.post-file-item:nth-child(n+4){margin-top:25px;}
.post-file-item-left{width:calc(100% - 50px);padding-left:15px;}
.post-file-item-right{width:50px;height:50px;line-height:46px;border-radius:100%;color:#C996CC;font-size:19px;text-align:center;background-color:#343a40;box-shadow:0 0 0 5px rgba(0, 0, 0, .05);border:2px solid #C996CC;box-sizing:border-box;}
.post-file-item-right i{margin-left:5px;}
.post-file-item-title{font-size:14px;font-weight:700}
.post-file-item-title a{display:block;color:#333}
.post-file-item:hover .post-file-item-title a{color:#C996CC;}
.post-file-item-meta{font-size:12px;margin-top:3px;position:relative;}
.post-file-item-meta a{color:#378edc;}
.post-file-item-meta span:nth-child(n+2){margin-left:10px}
.post-file-item-meta i{margin-right:5px;color:#C996CC}
.post-file-item-meta a{color:#333;position:absolute;top: -2px;right:0px;background-color:#f5f5f5;padding:2px 10px;border-radius:15px;}
.post-file-item-meta a:hover{background-color:#C996CC;color:#fff;}
.post-file-item-meta a:hover i{color:#fff;}
.bclock-content-flex{display:flex;flex-flow:row wrap;}


.main-item-load-more{margin-top:20px;text-align:center}
.main-item-load-more a{display:inline-block;height:35px;line-height:35px;color:#333;padding:0 15px;background-color:#fff;border:1px solid #e8e8e8;}
.main-item-load-more a:hover{color:#3490d8;border:1px solid #3490d8;}
.pagination{clear:both;text-align:center;font-size:0px;}
.pagination span,.pagination a{display:inline-block;margin-right:0px;margin-top:25px;height:40px;line-height:40px;padding:0 17px;color:#999;border:1px solid #ddd;font-size:14px;border-right:none;background-color:#fff;font-weight:700;}
.pagination a.next,.pagination span:last-child{border-right:1px solid #ddd;border-radius:0 3px 3px 0;}
.pagination a.prev,.pagination span:first-child{border-left:1px solid #ddd;border-radius:3px 0 0 3px;}
.pagination-template a:last-child,.pagination-template span:last-child{margin-right:0}
.pagination a:hover,.pagination .current{color:#fff;background-color:#C996CC;}
.pagination .next,.pagination .prev{width:auto;padding:0 17px}
.ajax-pagination span{cursor:pointer}
.ajax-pagination .prev,.ajax-pagination .next{display:none}

.thumb-cover{position:relative;overflow:hidden}
.thumb-cover img{width:100%!important;height:100%!important;object-fit:cover!important}
.news-item{position:relative;width:calc((100% - 25px) / 2);margin-right:25px}
.news-item:nth-child(2n+2){float:right;margin-right:0}
.news-item:nth-child(n+3){margin-top:25px}
.news-item-thumb{display:block;color:#333;width:80px;height:80px}
.news-item-info{margin-left:90px}
.news-item-title{font-size:14px;font-weight:700;line-height:1.5}
.news-item-title a{display:block;color:#333}
.news-item-des{margin-top:5px}
.news-item-btn{position:absolute;right:10px;bottom:10px}
.news-item-btn a{display:block;height:30px;line-height:30px;padding:0 10px;border-radius:30px;background-color:#f5f5f5;font-size:13px;color:#333}
.news-item-btn a:hover{color:#fff;background-color:#f90}
.archive-news-item:nth-child(n+2){margin-top:25px;padding-top:25px;border-top:1px solid #e8e8e8}
.archive-news-item-thumb{display:block;color:#333;width:150px;height:120px}
.archive-news-item-info{width:calc(100% - 170px)}
.archive-news-item-title{font-size:14px;line-height:1.5;font-weight:700}
.archive-news-item-title a{display:block;color:#333}
.archive-news-item-desc{font-size:13px;margin-top:5px}
.archive-news-item-morelink{margin-top:10px;text-align:right;font-size:13px}

.main-item-intro{position:relative;background-color:#fff;padding:20px;border-bottom:2px solid #d6d6d6;border-top:2px solid #C996CC;}
.spro-tab-nav{height:40px;line-height:40px;background-color:#f5f5f5;padding:10px;padding-bottom:0px;font-size:20px;}
.spro-tab-nav li{float:left;}
.spro-tab-nav li a{display:block;width:80px;color:#333;text-align:center;border-radius:5px 5px 0 0;}
.spro-tab-nav li a:hover{color:#C996CC;}
.spro-tab-nav li a.spro-tab-nav-active{background-color:#fff;color:#C996CC;}
.spro-tab-wrap-item .single-content{font-size:14px;}

.archive-news-item-morelink a{color:#333;background-color:#f2f2f2;border-radius:25px;height:25px;line-height:25px;display:inline-block;padding:0 10px;}
.archive-news-item-morelink a:hover{background-color:#C996CC;color:#fff;}
.archive-news-item-morelink a i{margin-right: 5px;color: #C996CC;}
.archive-news-item-morelink a:hover i{color:#fff;}


.footer{background-color:#ddd;}
.footer .container{padding:16px 0;text-align:center;}
.footer-top{text-align: center;}
.footer-top li{display: inline-block; margin-right: 20px;position: relative;margin-bottom: 8px;}
.footer-top li:after{position: absolute;content: '';width: 1px;height: 12px;background-color: #eee;top: 5px;right: -11px;}
.footer-top li:last-child:after{display: none;margin-right: 0px;}
.footer-top li a{display: block;color: #333;}
.footer-top li a:hover{text-decoration: underline;}
.footer-bottom{border-top:1px solid #e8e8e8;margin-top: 7px;padding-top: 15px;}
.footer-right{cursor:pointer;}
.footer-right i{color:#C996CC;margin-left:5px;}
.block-breakcrumb{overflow:hidden;margin-top:10px;font-size:13px}
.primary .block-breakcrumb{margin-top:0}
.block-breakcrumb a{color:#333;padding:0 5px}
.block-breakcrumb a:hover{color:#FF2E55}
.block-breakcrumb>span>span>a{padding-left:0}
.block-breakcrumb span.breadcrumb_last{padding-left:5px}
.single-wrap{margin-top:0px;}
.sidebar{width:260px}
.primary{width:calc(100% - 290px)}
.block-content-flex{display:flex;flex-flow:row wrap}
.single-top-content-left button, .single-top-content-left span{display:inline-block;margin-right:10px;}
.single-top-content-left span{font-size:13px;}
.single-top-content-left span i{margin-right:5px;color:#C996CC;}
.form-download{display:inline-block;}
.btn-dl-item{height:32px;line-height:32px;padding:0 10px;border-radius:3px;color:#fff!important;background-color:#C996CC;outline:none;border:none;}
.btn-dl-item:hover{background-color:#C996CC;}
.btn-dl-item i{margin-right:5px}
.single-info-content .post-file-item-meta{margin-top:0}



.single-title{font-size:20px;line-height:32px;font-weight:700}
.single-page-content{margin-top:20px;}
.single-content{font-size:16px;line-height:26px;margin-top: 20px;}
.single-new-content{margin-top:0px;}
.single-cat a{color:#3490d8;}
.single-content p{padding:10px 0}
.single-content p:first-child{padding-top:0}
.single-content p:last-child{padding-bottom:0}
.single-content table,.single-pro-des table{width:100%!important;margin:10px 0;border-top:1px solid #ddd;border-left:1px solid #ddd}
.single-pro-des table{margin:0;margin-top:15px;background-color:#fff}
.single-content table tr td,.single-pro-des table tr td{padding:10px 15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.single-content table tr td[colspan="3"]{color:#fff;background-color:#518aaa;letter-spacing:1px}
.single-content a{color:#3490d8}
.single-content a:hover{text-decoration:underline}
.single-content img{width:auto!important;max-width:100%;height:auto!important;margin:10px auto;display:inline-block;}
.single-content h2{font-size:18px;line-height:27px;font-weight:700;padding:10px 0}
.single-content h3{padding:10px 0;line-height:25px}
.single-content h2:first-child,.single-content h3:first-child{padding-top:0px;}
.single-content h2:last-child,.single-content h3:last-child{padding-bottom:0px;}
.single-content ul{list-style:square;padding:10px 0;padding-left:30px}
.single-content ul li:nth-child(n+2){margin-top:5px}
.single-content p iframe,.single-content iframe{display:block!important;width:100%!important;height:500px!important}
.single-content .wp-caption{width:100%!important}
.single-content p.wp-caption-text{padding-top:0;padding-bottom:10px;text-align:center;line-height:20px;color:#666;font-style:italic}
.empty-content{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px 12px}
.plyr--audio .plyr__controls{background-color:transparent!important;color:#9cd3fb!important;}
.single-top-left{width:calc(100% - 150px);}
.single-meta-box{margin-top:20px;}
.single-meta-box-top{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:10px 0;}
.single-meta-box-top a{color:#C996CC;}
.single-meta-box-top a:hover{text-decoration:underline;}
.single-meta-box-content{margin-top:20px;}
.single-qrcode{width:120px;margin-top:17px;}
.single-top-content-left{padding-top:4px;}
.single-top-content{margin-top:15px;background-color:#fff;padding:20px;border-bottom: 2px solid #d6d6d6;}
.single-related{margin-top:30px}
.single-related-content .post-file-item{width:calc((100% - 25px) / 2)}
.single-related-content .post-file-item:nth-child(3n+3){float:left;margin-right:25px}
.single-related-content .post-file-item:nth-child(2n+2){float:right;margin-right:0}
.single-related-content .post-file-item:nth-child(n+3){margin-top:25px}
.sidebar-item:nth-child(n+2){margin-top:30px}

.sidebar-nav{margin-top:12px;max-height:860px;overflow:hidden;}
.sidebar-nav-active{max-height:100%;}
.sidebar-nav-item{position:relative;}
.sidebar-nav-item:nth-child(n+2):after{position:absolute;content:'';top:-1px;right:0px;width:calc(100% - 25px);height:1px;background-color:#e8e8e8;}
.sidebar-nav-item:nth-child(n+2){margin-top:10px;padding-top:10px;}
.sidebar-nav-item a{display: block;color:#333;position:relative;padding-left:25px;}
.sidebar-nav-item:hover a{color:#C996CC;}
.sidebar-nav-item a:before{font-size: 21px;content:"♬";top:0px;left:0px;color:#C996CC;position:absolute;}
.sidebar-nav-item h3,.sidebar-nav-item span{display:inline-block;}
.sidebar-nav-item h3{font-size:14px;font-weight:700;}
.sidebar-nav-item span{font-size:12px;color:#999;}
.btn-collap-cat{margin-top:20px;line-height:40px;line-height:40px;text-align:center;border:1px solid #e8e8e8;font-weight:700;}
.btn-collap-cat:hover{background-color:#fff;cursor:pointer;}
.btn-collap-cat span{display:block;}
.btn-collap-cat span:nth-child(2){display:none;}
.btn-collap-cat span i{margin-left:5px;color:#C996CC;}
.btn-collap-cat-act span:nth-child(1){display:none;}
.btn-collap-cat-act span:nth-child(2){display:block;}


.page-title{margin-top:20px}
.page-content{padding:0;border:none}
.page-ringtone{margin-top:30px}
.ads-item{margin-top:20px}
.bg-overlay{position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:5;background-color:rgba(255,255,255,.5)}
.lds-ripple{position:absolute;left:calc(50% - 40px);bottom:50px;display:inline-block;width:80px;height:80px;z-index:10}
.lds-ripple div{position:absolute;border:4px solid #FF2E55;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,0.2,0.8,1) infinite}
.lds-ripple div:nth-child(2){animation-delay:-.5s}
.single-dl-btn{text-align:center;}
.single-dl-btn a{display: inline-block;height:50px;line-height:50px;padding:0 10px;box-sizing:border-box;text-align:center;width:calc((100% - 20px) / 2);color:#fff;border-radius:5px;font-weight:700;font-size:16px;background: linear-gradient(to bottom,#2db34b 0%,#056839 100%);}
.single-dl-btn a:hover{background: linear-gradient(-243deg,#1b7abb 0%,#519deb 100%);}
.single-dl-btn a i{margin-right:10px}
.download-wrap{border:1px solid #e8e8e8;background-color:#fff;}
.download-wrap-head{padding:20px 20px;position:relative;padding-left:65px;}
.download-wrap-head:before{position:absolute;font-family:'Font Awesome 5 Free';content:"\f04b";left:20px;top:calc(50% - 20px);font-size:30px;line-height:40px;width:40px;height:40px;font-weight:bold;color:#C996CC;}
.download-wrap-head h1{font-size:18px;line-height:1.5;font-weight:700;}
.download-wrap-content{border-top:1px solid #e8e8e8;padding:20px;background-color:#f9f9f9;}
.download-wrap-content .ads-item{margin-bottom:20px;margin-top:0px;display:block !important;}
.download-wrap-content a i{font-size:20px;}
.download-wrap-content .ads-after-button-dl{margin-bottom:0px;margin-top:20px;}
}
@keyframes lds-ripple {
0%{top:36px;left:36px;width:0;height:0;opacity:1}
100%{top:0;left:0;width:72px;height:72px;opacity:0}
}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 5; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 20% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 500px; /* Could be more or less, depending on screen size */
}

@media (max-width: 940px) {
    .modal-content {
        width: 80%;
    }
}

/* The Close Button */
.close {
    position: absolute;
    right: 5px;
    top: 0px;
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

.button-default {
    background-color: #C996CC;
    border: none;
    color: white;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.button-default a {
    color: white;
    text-decoration: none;
}

.text-center {
    text-align: center;
}