body{overflow-x: hidden;background: #5e1a19;color: #fff;}
.this_mb{display: none;}
*{margin:0;padding:0;line-height:1.5;}

/* Container (FAKE theo từng web) */
@media (min-width: 576px){
	.container, .container-sm {max-width: 540px;}
}
@media (min-width: 768px){
	.container, .container-md, .container-sm { max-width: 720px;}
}
@media (min-width: 992px){
	.container, .container-lg, .container-md, .container-sm {max-width: 960px;}
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1140px;}
}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1200px;}
}
.row-margin{--bs-gutter-y:var(--bs-gutter-x);margin-top: calc(-.5 * var(--bs-gutter-y));margin-bottom: calc(-.5 * var(--bs-gutter-y));}
.row-margin>*{margin-top: 0;padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5)}
.container-fluid,.container,.row{--bs-gutter-x: 30px;}
.flex{display:flex;flex-wrap:wrap}
.align-center{align-items:center}
.align-end{align-items:flex-end;}
.align-start{align-items:flex-start;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.row-reverse{flex-direction:row-reverse}
.column-reverse{flex-direction:column-reverse}
/* General */
h1,h2,h3,h4,h5,h6{line-height:1.2;margin-top:0;margin-bottom: 1rem;letter-spacing: 0.5px;}
h1{font-size: 28px;color: #fcc115;}
h2{font-size: 24px;color: #fcc115;}
h3{font-size: 20px;}
h4{font-size: 17px;}
h5{font-size: 14px;}
h6{font-size: 14px;}
a{text-decoration:none;color: #fff; cursor:pointer;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a:active,a:hover{color: #fcc115;}
ul{padding-left:0}
img{max-width:100%;border:none;height:auto}
table{color: #fff;}
.relative{position: relative;}
.absolute{position: absolute;}
.background{background-size: cover;background-repeat: no-repeat;background-position: center;}
.overlay{display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.3);}
.linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;}
.img img{width:100%;height:auto;object-fit:contain;max-height: 400px; border-radius: 10px;}
.image img{object-fit: contain;border-radius: 10px;}
.capt a,.title a,.title span,.title a,.name a,.name span,.capt strong,.title strong,.name strong{line-height:normal}
.screen-reader-text{display:none}
.head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #fff}
@keyframes stuckMoveDown {
0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
@keyframes stuckMoveUp {
0%{transform:translateY(100%)}
100%{transform:translateY(0)}
}
@keyframes stuckFadeIn {
0%{opacity:0}
100%{opacity:1}
}
/* General */
.main_title{font-weight: 700;font-size: 40px;margin-bottom: 30px;text-align: center;}
.home_title{font-size: 28px;font-weight: 700;margin-bottom: 25px;text-align: center;}
.home_cta{display: inline-flex;align-items: center;justify-content: center;text-align: center;font-weight: bold;border-radius: 5px;height: 42px;background: #f4c146;color: #000 !important;padding: 0 25px;    animation-name: zoom;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;}
@keyframes zoom {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.08)
    }

    100% {
        transform: scale(1)
    }
}
.top_content{margin-bottom: 24px;}
.bot_content{margin-top: 24px;}
.block_content{padding: 20px;border-radius: 10px;border: 1px solid #fcc115;border-top-width: 3px;box-shadow: 0 3px 12px rgba(0,0,0,.161);}
.home_links{border: 1px solid #fcc115;border-radius: 5px;overflow: hidden; display: block;width: 900px;max-width: 100%;margin: 0 auto;box-shadow: 0 3px 12px rgba(0,0,0,.161);}
.home_links .item:not(:last-child){border-bottom: 1px solid #fcc115;}
.home_links .item{display: flex;flex-wrap: wrap;}
.home_links .item div{padding: 15px 25px;border-right: 1px solid #fcc115;display: flex;align-items: center;}
.home_links .item div:last-child{border-right: 0;}
.home_links .item .name{width: 50%;font-weight: bold;background: #910806;}
.home_links .item .time{width: 25%;text-align: center;justify-content: center;}
.home_links .item .link{width: 25%;text-align: center;justify-content: center;}
.home_links .item .link a{display: inline-block;padding: 5px 15px;color: #000; border-radius: 5px;background: #fcc115;font-weight: 500;}
.home_guide .item{background: #910806;border-radius: 10px;height: 100%;display: flex;flex-direction: column;box-shadow: 0 3px 12px rgba(0,0,0,.161);}
.home_guide .item .box{padding: 20px 40px;}
.home_guide .item .box .img{width: 100px;}
.home_guide .item .box .img img{width: 100%;height: auto;object-fit: contain;}
.home_guide .item .box .name{font-size: 20px;margin-bottom: 0;padding-left: 15px;width: calc(100% - 100px);font-weight: 600;}
.home_guide .item .text{padding: 0 40px 20px;}
.home_guide .item.small .box{padding: 15px 15px 12px;}
.home_guide .item.small .box .img{width: 50px;}
.home_guide .item.small .box .name{font-size: 18px;width: calc(100% - 50px);}
.home_guide .item.small .text{padding: 0 15px 20px;}
.home_toplist{background: #910806;padding: 25px;border-radius: 10px;box-shadow: 0 3px 12px rgba(0,0,0,.161);}
.home_toplist .item{border: 1px solid transparent;padding: 0 20px; border-bottom-color: #fcc115;margin-bottom: -1px;display: flex;align-items: center;flex-wrap: wrap;}
.home_toplist .item:first-child{padding: 5px 20px;}
.home_toplist .item .number{width: 120px;padding: 5px;font-size: 24px;}
.home_toplist .item .number span{width: 70px;height: 70px;display: flex;justify-content: center;align-items: center;}
.home_toplist .item .logo{width: 120px;padding: 5px;}
.home_toplist .item .name{width: calc(100% - 240px - 340px);padding: 5px;font-size: 20px;font-weight: bold;opacity: .7;}
.home_toplist .item .sub{width: 160px;padding: 5px;}
.home_toplist .item .link{width: 180px;padding: 5px;display: flex;flex-direction: column;justify-content: center;}
.home_toplist .item .link a.play{padding: 7px 10px;border: 1px solid #fcc115;border-radius: 5px;font-weight: bold;}
.home_toplist .item .link a.review{margin-top: 5px;}
.home_toplist .item:first-child .link a.play{background: #fcc115;color: #000;}
.home_toplist .item:first-child .number span{background-image: url(images/first-icon.png);background-size: cover;background-repeat: no-repeat;background-position: center;box-shadow: 0 1px 2px 0 rgba(0,0,0,.3),inset 0 0 0 1px #fcc115;font-weight: bold;font-size: 28px;border-radius: 50%;}
.home_toplist .item:hover{border-color: #fcc115;}
.home_toplist .item:hover .name{opacity: 1;}
.link_center{margin-top: 30px;}
.link_center a{display: inline-block;padding: 7px 30px;border-radius: 5px;;border: 1px solid #fcc115;font-weight: bold;color: #fcc115;}
.link_center a:hover{color: #000;background: #fcc115;}
.home_news .item{height: 100%;background: #fff;border-radius: 5px;overflow: hidden;box-shadow: 0 3px 12px rgba(0,0,0,.161);}
.home_news .item .image{width: 100%;aspect-ratio: 4/3;background: #910806; display: flex;align-items: center;justify-content: center;}
.home_news .item .image img{object-fit: contain;max-width: 100%;max-height: 100%;}
.home_news .item .info{width: 100%;color: #000;padding: 25px;}
.home_news .item .info .name{font-weight: bold;font-size: 20px;margin-bottom: 10px;}
.home_news .item .info .name a{color: #000;}
.home_news .item .info .name a:hover{color: #910806;}
.home_news .item .info .link{font-weight: bold;margin-top: 15px;color: #910806;display: inline-block;}
.home_news .item .info .link:hover{opacity: .8;}


.accordion-item{border-radius: 10px !important;overflow: hidden; margin-bottom: 15px;background:#910806;border: 1px solid #fcc115 !important;box-shadow: 0 3px 12px rgba(0,0,0,.161);}
.accordion-item:last-of-type{margin-bottom: 0;}
.accordion-button{width: 100%;padding: 15px 20px 15px 40px;font-weight: 600;position: relative;font-size: 18px;color: #fcc115;}
.accordion-button:before{content: "-";
    display: block;
    font-weight: 300;
    color: #fcc115;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 26px;
    font-size: 30px;
    text-align: center;}
.accordion-button.collapsed:before{content: "+";
    line-height: 30px;}
.accordion-button h3{margin-bottom: 0;font-size: 18px;font-weight: 600;}
.accordion-body{padding: 15px 20px 5px 40px;border-top: 1px solid #ffffff29;}
.home_author .block{display: flex;flex-wrap: wrap;align-items: flex-start;box-shadow: 0 3px 12px rgba(0,0,0,.161); margin: 0 auto;border-radius: 10px;padding: 40px 75px;background: #910806;}
.home_author .author_avata{width: 144px;}
.author_avata{aspect-ratio: 1/1;position: relative;}
.author_avata img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.author_avata .card1{height: 4px;width: 4px;position: absolute;border-radius: 50%;top: -4px;left: 0;background: #fff;}
.author_avata .card2{height: 8px;width: 8px;position: absolute;border-radius: 50%;top: -4px;left: 19px;background: #009fae;}
.author_avata .card3{height: 30px;width: 30px;position: absolute;border-radius: 50%;top: 10px;left: 2px;background: #f4c146;}
.home_author .author_info{width: calc(100% - 144px);padding-left: 60px;}
.author_info .home_title{margin-bottom: 10px;text-align: left;}
.author_info .sub{font-weight: 600;font-size: 20px;margin-bottom: 10px;}
.author_top{display: flex;flex-wrap: ;align-items: center;margin-bottom: 30px;}
.author_top .author_avata{width: 134px;}
.author_top .author_info{width: calc(100% - 134px);padding-left: 40px;}
.author_social .list {margin-bottom: 0;
    display: flex;list-style: none;
    flex-wrap: wrap;padding-left: 0;
}
.author_social .list li {
    margin-right: 15px
}
.author_social .list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px
}
.author_social .list li a img {
    object-fit: contain;
    width: 22px;
    height: 22px
}
.hidden_content{overflow-y: auto;max-height: calc(100vh - 80px);}
.hidden_content::-webkit-scrollbar{width: 8px;background-color: transparent;}
.hidden_content::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #fcc115;}
.hidden_content::-webkit-scrollbar-track{    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: transparent;}
/* input-button */
.btn,input[type="submit"]{display:inline-block;height:40px;line-height:40px;padding:0 20px;text-align:center;white-space:nowrap;outline:none!important;cursor:pointer;border:none;letter-spacing:0;-webkit-transition:background-color .1s ease-in;-moz-transition:background-color .1s ease-in;-ms-transition:background-color .1s ease-in;-o-transition:background-color .1s ease-in;transition:background-color .1s ease-in;-webkit-border-radius:0;border-radius:0}
input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="tel"],textarea,select{border:1px solid #c4c4c4;padding:10px;width:100%;max-width:100%;display:block;line-height:18px;outline:none}
.wpcf7-spinner{position: absolute;}
.wpcf7 form .wpcf7-response-output{margin: 20px 0 0;border-radius: 5px;border-color: #0e56b2 !important;font-size: 14px !important;color: #000;}
.wpcf7 form.sent .wpcf7-response-output{border-color: #0e56b2;}
/* Modal */
.modal-dialog{top: 50%;transform: translateY(-50%) !important;}
.modal-content{border: 3px solid #0e56b2;}
.modal-header{justify-content: center;}
.modal-title{font-weight: bold;text-transform: uppercase;padding: 0 10px;color: #000;}
.modal-header .btn-close{position: absolute;top: 10px;right: 10px;}
.modal-body .form .form-group{margin-bottom: 20px;}
.modal-body .form input[type="tel"]{font-size: 14px;border-radius: 5px;text-align: center;}
.modal-body .form input[type="submit"]{background-color: #AD1414;border-radius: 5px;display: block;margin: 0 auto;color: #fff;font-weight: bold;font-size: 14px;}

/* Content-post */
.wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;}
.content-post iframe{}
.content-post ul,.content-post ol{padding-left:20px;}
.content-post li{position:relative;margin-bottom:10px}
.content-post strong,.content-post b,.content-post i,.content-post a{line-height:normal}
.content-post blockquote{padding: 15px 10px 5px 25px;background: #ffffff33;border-radius: 10px; border-left:5px solid #000;}
.content-post a{color: #fcc115;}
.content-post a:hover{text-decoration:underline}
.content-post .wp-caption.aligncenter{max-width:100%!important}
img.aligncenter{display:block;margin:0 auto}
.content-post .alignnone{margin:0 15px 15px 0}
.content-post .aligncenter,.content-post div.aligncenter{display:block;margin:15px auto}
.content-post .alignright{float:right;margin:10px 0 15px 15px}
.content-post .alignleft{float:left;margin:10px 15px 15px 0}
a img.alignright{float:right;margin:10px 0 15px 15px}
a img.alignnone{margin:10px 15px 15px 0}
a img.alignleft{float:left;margin:10px 15px 15px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{border:none;max-width:100%;padding:0;}
.wp-caption.alignnone{margin:10px 15px 15px 0}
.wp-caption.alignleft{margin:10px 15px 15px 0}
.wp-caption.alignright{margin:10px 0 15px 15px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%}
.wp-caption p.wp-caption-text{margin:0;padding:10px 10px 0;text-align: center;}
#toc_container{background: transparent !important;border: 1px solid #fcc115 !important;border-radius: 5px;}


div.wpcf7 .ajax-loader{position:absolute}

.wpcf7-form-control-wrap{position:initial}
.wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px}
.wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px}
.wpcf7 .wpcf7-validation-errors{display:none!important}

.sticky{position:-webkit-sticky;position:sticky;top:10px}


/* Header */
#menu_mobile{display: none;}
#header{background: #910806;}
#header .container{max-width: 1530px;}
.header_logo{height: 70px;display: flex;align-items: center;}
.header_logo img{height: 60px;object-fit: contain;max-width: 250px;}
.header_menu ul{list-style: none;margin-bottom: 0;}
.header_menu .menu>li{display: block;padding: 0 15px;}
.header_menu .menu li{position: relative;}
.header_menu .menu>li>a{display: block;line-height: 40px;padding: 15px 0;letter-spacing: 1px;font-weight: bold;}
.header_menu .menu>li.current-menu-item>a{color: #fcc115;}
.header_menu .menu ul{opacity:0;visibility:hidden;position:absolute;z-index:99;background:transparent linear-gradient(227deg,#297890,#004165) 0 0 no-repeat padding-box;width:auto;padding:10px 0;min-width:100%;transition:all .3s;border: 1px solid #252424;}
.header_menu .menu>li>ul{top:100%;left:0;transform:scaleY(0);transform-origin:0 0;}
.header_menu .menu>li>ul ul{top:0;left:100%;transform:scaleX(0);transform-origin:0 0}
.header_menu .menu>li>ul li{padding: 0 20px;}
.header_menu .menu>li>ul li>a{display: flex;align-items: center; white-space: nowrap;letter-spacing: 1px;padding: 5px;font-weight: bold;}
.header_menu .menu>li>ul li:last-child>a{border-bottom: 0;}
.header_menu .menu li:hover>ul{opacity:1;visibility:visible;}
.header_menu .menu>li:hover>ul{transform:scaleY(1);}
.header_menu .menu>li>ul li:hover>ul{transform:scaleX(1);}

/* Footer */
#footer{background: #910806;}
.footer_main{padding: 40px 0 30px;position: relative;}
.footer_main .widget{max-width: 22%;width: auto;padding-bottom: 20px;}
.footer_main .widget:first-of-type{max-width: 34%;}
.footer_main p{margin-bottom: 10px;}
.footer_main ul{list-style: none;margin-bottom: 10px;}
.footer_main li{margin-bottom: 8px;}
.footer_title{font-weight: bold;font-size: 18px;margin-bottom: 12px;color: #fcc115;}
.footer_main .title{font-weight: bold;font-size: 16px;margin-bottom: 10px;padding-top: 10px;color: #fcc115;}
.footer_main .social {
    display: flex;
    flex-wrap: wrap
}
.footer_main .social li {
    margin-right: 15px
}
.footer_main .social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px
}
.footer_main .social li a img {
    object-fit: contain;
    width: 22px;
    height: 22px
}
.footer_bot{padding: 20px 0;position: relative;font-size: 14px;}
.footer_bot:before{content: "";display: block;height: 1px;width: 60%;position: absolute;top: 0;left: 20%;background: #fcc115;}
.footer_bot *{margin-bottom: 0;}
.footer_bot .widget{max-width: 100%;}
#footer .widget .gallery-item{margin: 0 !important;}
#footer .widget .gallery-item img{border: none !important;object-fit: contain;max-width: 90%;max-height: 30px;}
#footer .widget .gallery{display: flex;flex-wrap: wrap;align-items: center;}


/* Page */
.breadcrumbs{padding:10px 0;}
.breadcrumbs *{margin-bottom: 0;}
.breadcrumbs .separator{margin:0 3px;font-size: 14px;}
.breadcrumbs *{margin-bottom:0}
#page_default{padding: 40px 0;}
#page_default .home_author{margin-top: 40px;}

/* Category */
.item_news{height: 100%;border-radius: 10px;border: 1px solid #fcc115;box-shadow: 0 3px 12px rgba(0,0,0,.161);overflow: hidden;}
.item_news .img{overflow: hidden;}
.item_news .img img{transition: all .6s;border-radius: 0;}
.item_news .img:hover img{transform: scale(1.05);}
.item_news .info{padding: 15px;text-align: justify;}
.item_news .info .name{font-size: 20px;margin-bottom: 12px;text-align: center;font-weight: 600;}
.item_news .info .name a{color: #fcc115;}
.item_news .info .name a:hover{color: #fff;}
.pagination{justify-content: center;padding: 30px 0 10px;}
.pagination ul{margin-bottom: 0;list-style: none;}
.pagination ul li{display: inline-block;margin: 5px 8px;}
.pagination ul li span,.pagination ul li a{display: block;padding: 5px;height: 44px;width: 44px;text-align: center; background: #44e2cd;color: #000; line-height: 34px;border-radius: 5px;font-weight: bold;}
.pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #fcc115;color: #fff;}

/* Single */
.single_related{margin-top: 40px;}
/* 404 */
#page404{padding: 100px 0;}
.c404{font-weight: bold;text-shadow: 3px 3px #b5b5b5;font-size: 160px;text-align: center;line-height: 1;}
.title404{font-weight: bold;}
.title404:after{content: "";display: block;width: 100px;height: 3px;background: #fcc115;margin: 10px 0;}
.cta404{margin-top: 20px;}
/* Sidebar */

/* Author */


/* Home */
.home_banner{padding: 60px 0;}
.home_banner .img{padding-left: 20px;}
.home_banner .inner{min-height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.home_banner .cta{display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;}
.home_banner .home_cta{min-width: 160px;}
.home_banner .home_cta.dang_ky{background: #01838f;color: #fff !important;}
.home_banner .home_cta.tai_app{background: #910806;color: #fff !important;}
.home_body .section{padding: 50px 0;position: relative;}
.home_body .section:before{content: "";display: block;height: 1px;width: 60%;position: absolute;top: 0;left: 20%;background: #fcc115;}


@media (max-width: 1399px) {

}
@media (max-width: 1199px) {
body{font-size: 15px;}
h1{font-size: 24px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 15px;}
h5{font-size: 13px;}
h6{font-size: 13px;}
.header_menu .menu > li{padding: 0 12px;}
.home_banner{padding: 40px 0;}
.main_title{font-size: 30px;margin-bottom: 25px;}
.home_banner .img{padding-left: 0;}
.home_cta{padding: 0 15px;}
.home_body .section{padding: 35px 0;}
.home_title{font-size: 24px;margin-bottom: 20px;}
.home_toplist .item{padding: 0 10px;}
.home_toplist .item:first-child{padding: 5px 10px;}
.home_toplist .item .number{width: 90px;}
.home_toplist .item .sub{width: 140px;}
.home_toplist .item .name{width: calc(100% - 210px - 320px);font-size: 18px;}
.home_toplist{padding: 15px;}
.home_news .item .info{padding: 15px;}
.home_news .item .info .name{font-size: 18px;}
.home_news .item .info .link{margin-top: 10px;}
.home_author .author_info{padding-left: 40px;}
.home_author .block{padding: 30px 50px;}
.link_center{margin-top: 25px;}
.item_news .info .name{font-size: 18px;}

}
@media (max-width: 991px) {
.this_pc{display: none;}
.this_mb{display: block;}
.button_mobile .cta{display: flex;justify-content: center;align-items: center;gap: 20px;}
.button_mobile{padding: 10px 0;border-top: 1px solid #fcc115;}
.button_mobile .home_cta{min-width: 160px;}
.header_menu{display: none;}
.touch_menu{display: block;margin-right: 15px;width: 32px;height: 32px;position: relative;cursor: pointer;}
.touch_menu:after,.touch_menu:before{content: "";display: block;width: 24px;height: 2px;background-color: #fcc115;position: absolute;left: 3px;}
.touch_menu span{display: block;width: 24px;height: 2px;background-color:#fcc115;position: absolute;left: 3px;top: 50%;transform: translateY(-50%);}
.touch_menu:after{bottom: 7px;}
.touch_menu:before{top: 7px;}
#menu_mobile .title{display: block;padding: 24px;background-color: #910806;text-transform: uppercase;font-weight: bold;font-size: 20px;}
#menu_mobile .title span{display: block;height: 48px;line-height: 48px;color: #910806; background-color: #fff;border-radius: 4px;padding: 0 20px;}
#menu_mobile{display: block; width: 300px;height: 100%; background-color: #5e1a19;-webkit-transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s,-webkit-transform .5s;z-index: 9999;position: fixed;  top: 0;  left: 0;
-webkit-transform: translateX(-300px);
transform: translateX(-300px);}
body.active_menu{overflow-y: hidden;}
body.active_menu #menu_mobile{    -webkit-transform: translateX(0);
transform: translateX(0);}
#menu_mobile ul{list-style: none;padding-left: 0;margin-bottom: 0;}
#menu_mobile .menu{display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
list-style: none;
padding: 20px;
margin: 0;}
#menu_mobile .menu li{position: relative;margin-left: 0;}
#menu_mobile .menu li>a{display: flex;
padding: 8px 0 !important;color: #fff;align-items: center;}
#menu_mobile .menu>li ul{display: none;}
#menu_mobile .menu li>.icon{position: absolute;right: 0;top: 8px;padding: 5px; width: 22px;height: 22px;text-align: center;z-index: 2;cursor: pointer;display: flex;justify-content: center;align-items: center;}
#menu_mobile .menu li>.icon svg{fill: #fff;}
#menu_mobile .menu>li>ul ul{}
#full_web{-webkit-transition: margin .5s;
transition: margin .5s;}
body.active_menu #full_web{margin-left: 300px;margin-right: -300px;}
.line_dark{opacity: 0;transition: all .5s;visibility: hidden;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.6);z-index: 999}
body.active_menu .line_dark{opacity: 1;visibility: visible;cursor: url(images/close.png) 15 15,default;}

.main_title{font-size: 25px;}
.home_title{font-size: 22px;}
.home_cta{height: 38px;}
.home_toplist .item .number{width: 70px;font-size: 16px;width: 60px;height: 60px;}
.home_toplist .item:first-child .number span{font-size: 20px;}
.home_toplist .item .logo{width: 90px;}
.home_toplist .item .sub{width: 120px;font-size: 13px;}
.home_toplist .item .link a.review{font-size: 13px;}
.home_toplist .item .link{width: 150px;}
.home_toplist .item .link a.play{font-size: 13px;padding: 5px 8px;}
.home_toplist .item .name{width: calc(100% - 70px - 90px - 150px - 120px);font-size: 15px;}
.home_guide .item.small .box .name{font-size: 16px;}
.accordion-button{padding: 15px 20px;font-size: 16px;}
.accordion-button h3{font-size: 16px;}
.accordion-body{padding: 15px 20px 5px 20px;}
.home_author .block{padding: 30px;}
.home_author .author_info{padding-left: 20px;}
.author_info .sub{font-size: 16px;}
.link_center{margin-top: 20px;}
.link_center a{padding: 5px 15px;}
.footer_main{padding: 30px 0 20px;}
.footer_main .widget{max-width: calc(100% / 3);}
.footer_main .widget:first-of-type{max-width: 100%;}
.footer_bot .widget{width: 100%;max-width: 100%;text-align: center !important;padding-bottom: 10px;}
.footer_bot .widget:nth-child(2){max-width: 100%;}
#page_default{padding: 30px 0;}
}

@media(max-width:767px) {
.home_banner{padding: 30px 0;}
.main_title{font-size: 24px;}
.home_body .section{padding: 30px 0;}
.home_links .item div{padding: 10px;}
.home_links .item .link{width: 105px;}
.home_links .item .time{width: 120px;}
.home_links .item .name{width: calc(100% - 225px);}
.home_guide .item .box{padding: 15px 25px;}
.home_guide .item .text{padding: 0 25px 15px;}
.home_guide .item.small .text{padding: 0 15px 15px;}
.home_toplist .item .number{width: 50px;}
.home_toplist .item .number span{width: 40px;height: 40px;}
.home_toplist .item .name{width: calc(100% - 50px - 90px - 120px);font-size: 14px;}
.home_toplist .item .link{flex-direction: row;justify-content: space-between;width: 220px;}
.home_toplist .item .link a.play{padding: 3px 8px 5px;}
.home_news .item .info .name{font-size: 16px;}
.home_author .block{padding: 20px;}
.home_author .author_avata{width: 110px;}
.home_author .author_info{width: calc(100% - 110px);}
.footer_title{font-size: 16px;}
.footer_main .widget{width: 100%;max-width: 100%;}
.item_news .info .name{font-size: 16px;}
.author_top .author_info{padding-left: 20px;}
#page404{padding: 60px 0;}
}

@media(max-width:575px) {
.button_mobile .home_cta{min-width: inherit;width: calc(50% - 10px);}

.home_banner .home_cta{min-width: inherit;width: calc(50% - 10px);}
.home_links .item .link a{padding: 5px 10px;font-size: 14px;}
.home_links .item .link{width: 92px;}
.home_links .item .time{width: 110px;font-size: 14px;}
.home_links .item .name{width: calc(100% - 202px);font-size: 14px;}
.home_toplist .item .name{width: calc(100% - 50px - 90px);}
.home_toplist .item{padding-left: 0 !important;padding-right: 0 !important;}
.home_sec5 .col-item{width: 100%;}
.home_author .author_info{width: 100%;padding-left: 0;padding-top: 20px;}
.list_news .col-item{width: 100%;}
.author_top .author_avata{width: 110px;}
.author_top .author_info{width: calc(100% - 110px);}
#page404{padding: 40px 0;}
}

@media(max-width:428px) {

}