:root{
    --bg-color:#ececec;
	--red-color:#cd0606;
    --logo-bg-color:#cd0606;
    
	--dark-border-color:#1a1a1a;
	--light-border-color:#e9e1ff;
   
    --dark-bg-color:#5d3ebc;
    --light-bg-color:#fff;
    
	--dark-font-color:#1a1a1a;
    --light-font-color:#fff;
	
    --dark-button-color:#cd0606;
    --light-button-color:#e9e1ff;
	
	--form-bg-color:#fff;
	--form-font-color:var(--dark-font-color);
}
[data-theme="dark"]{
	--red-color:#3c4043;

    --bg-color:#202124;
    --logo-bg-color:#202124;
    --light-border-color:#2f3235;
	--dark-border-color:#fff;
    --dark-bg-color:#313235;
    --light-bg-color:#3c4043;
    --dark-font-color:#bfbfbf;
    --light-font-color:#fff;
	
    --dark-button-color:#3c4043;
    --light-button-color:#313235;
	--form-bg-color:#3c4043;
	--form-font-color:#fff;
}

body{background-color:var(--bg-color);font-family:'Roboto Slab';padding:0;margin:0;overflow-x:hidden;}

header.top{clear:both;transition:transform .3s ease-out;transform:translateY(0px);box-shadow:0 0 10px rgba(0, 0, 0, .2);position:relative;z-index:101;}
header.top.fix{width:100%;position:fixed;top:0;}
header.top.rfix{transition:transform .3s ease-out;transform:translateY(-100px);}
header.top #logo{background:var(--logo-bg-color);width:100%;padding:5px 0;}
header.top #logo img{height:35px;}

#logo-content{max-width:250px;max-height:55px;padding:5px 0;}

#nav-catagory{display:flex;width:100%;position:relative;}
#nav-catagory ul{width:100%;text-align:center;}
#nav-catagory ul li{display:inline-block;font:bold 20px 'Roboto Slab';color:var(--light-font-color);}
#nav-catagory ul li a{display:inline-block;color:var(--light-font-color);text-decoration:none;padding:0 15px;}
#nav-catagory ul li a:hover{text-decoration:none;}
#nav-catagory ul:last-child{float:right;width:auto;text-align:right;}
#nav-catagory ul:last-child i{font-size:25px;}
#nav-catagory #nav-button li{float:right;font-size:16px;}

.overlay-menu{background-color:#fff;display:none;position:absolute;top:55px;left:0;right:0;z-index:2000;padding:10px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.08);box-shadow:0 0 10px rgba(0, 0, 0, 0.08);}
.overlay-menu .logo{padding:5px 0;}
.overlay-menu .logo img{height:45px;}
.overlay-menu .overlay-search .overlay-input{border:1px solid #e5e5e5;height:35px;padding:5px 10px;width:95%;border-right:none;}
.overlay-menu .overlay-search .overlay-input:focus{-webkit-box-shadow:none;box-shadow:none;outline:none;}
.overlay-menu .overlay-search .overlay-input ::-webkit-input-placeholder{color:#e5e5e5;}
.overlay-menu .overlay-search .overlay-input :-ms-input-placeholder{color:#e5e5e5;}
.overlay-menu .overlay-search .overlay-input ::-ms-input-placeholder{color:#e5e5e5;}
.overlay-menu .overlay-search .overlay-input ::placeholder{color:#e5e5e5;}
.overlay-menu .overlay-search a{display:block;background-color:var(--dark-button-color);width:5%;height:35px;line-height:35px;font-weight:500;color:var(--light-font-color);text-align:center;text-decoration:none;}
.overlay-menu .overlay-links{margin-top:10px;}
.overlay-menu .overlay-links .item:not(:last-child){margin-right:10px;}
.overlay-menu .overlay-links .item{width:30%;}
.overlay-menu .overlay-links .title{margin-bottom:10px;font-weight:bold;text-align:center;}
.overlay-menu .overlay-links .links a{border-bottom:1px solid #e5e5e5;font-size:14px;color:var(--dark-font-color);text-transform:uppercase;padding:5px;}
.overlay-menu .overlay-links .links-top a{width:50%;padding:5px;}
.overlay-menu .overlay-links .social-media{margin-top:10px;}
.overlay-menu .overlay-links .social-media a{margin-right:10px;}
.overlay-menu .overlay-links .social-media a:hover i{color:#dc3545;}
.overlay-menu .overlay-links .social-media a i{color:var(--dark-font-color);font-size:20px;-webkit-transition:all ease .5s;transition:all ease .5s;}
.overlay-menu .overlay-links .overlay-text p{color:var(--dark-font-color);font-size:14px;}

.overlay-menu .icon-links a{width:calc(50% - 10px);padding:10px;border:1px solid #e5e5e5;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.overlay-menu .icon-links a:first-child{margin-right:10px;margin-bottom:10px;}
.overlay-menu .icon-links a:nth-child(2){margin-bottom:10px;}
.overlay-menu .icon-links a:nth-child(3){margin-right:10px;}
.overlay-menu .icon-links a i{font-size:30px;text-align:center;color:var(--dark-font-color);}
.overlay-menu .icon-links a span{font-size:14px;color:var(--dark-font-color);text-align:center;-webkit-transition:all ease .5s;transition:all ease .5s;margin-top:5px;}
.overlay-menu .icon-links a:hover{text-decoration:none;}

#slider .swiper-slide .col-img{overflow:hidden;z-index:1;}
#slider .swiper-slide .col-img img{height:375px;}
#slider .swiper-slide .col-img:after{content:'';background:linear-gradient(90deg,transparent,rgba(0, 0, 0, .8));width:100px;height:100%;position:absolute;right:0;z-index:2;}
#slider .swiper-slide .col-detail{background:#1a1a1a;height:375px;}
#slider .swiper-slide .col-detail .catagory{display:block;font:20px/48px 'Roboto Slab';color:var(--light-font-color);}
#slider .swiper-slide .col-detail .title{display:block;font:700 30px 'Roboto Slab';color:var(--light-font-color);text-decoration:none;}
#slider .swiper-slide .col-detail .tag{display:block;font:20px 'Roboto Slab';color:var(--light-font-color);position:absolute;bottom:30px;}
#slider .swiper-pagination {display:flex;height:auto;font:700 20px 'Roboto Slab';text-align:left;position:inherit;top:0;margin-top:0 }
#slider .swiper-pagination .swiper-pagination-bullet{flex:1;display:inline-block;background-color:#fff;border-bottom:5px solid #e6e6e6;font:700 25px/45px 'Roboto Slab';color:#666666;text-align:center;width:5%;height:50px;margin:0;border-radius:0;opacity:inherit;}
#slider .swiper-pagination .swiper-pagination-bullet-active{border-bottom:5px solid var(--red-color);color:var(--red-color);}
#slider .swiper-button{display:none;width:100%;font-family:'Font Awesome 6 Pro';text-align:center;margin-top:-25px;position:absolute;top:50%;left:0;z-index:100}

#exchange ul{float:left;background:#fff;width:100%;font:700 12px "Roboto Slab";padding:10px;}
#exchange li{float:left;}
#exchange li.cur{font-size:28px;line-height:42px;color:#11204D;margin-right:10px;}
#exchange li.type{font-size:25px; margin-right:10px;}
#exchange li.type span{display:inline-block;background-color:#f2f2f2;width:42px;height:42px;line-height:42px;text-align:center;color:var(--red-color);border-radius:21px;}
#exchange .status{margin-right:10px;}
#exchange .up .status:before{content:"\f0de";font-family:'Font Awesome 6 Pro';font-size:32px;color:#27ae60;}
#exchange .down .status:before{content:"\f0dd";font-family:'Font Awesome 6 Pro';font-size:32px;color:var(--red-color);}
#exchange .same .status:before{content:"\f068";font-family:'Font Awesome 6 Pro';font-size:32px;color:#f2880b }
#exchange .up .ratio{font-size:17px;line-height:42px;color:#27ae60;}
#exchange .down .ratio{font-size:17px;line-height:42px;color:#f2280b;}
#exchange .same .ratio{font-size:17px;line-height:42px;color:#f2880b }

#popular-news{clear:both;background:#fff;width:100%;padding:5px;}
#popular-news header.title{border-bottom:1px solid #c62828;color:#c62828;font-size:25px;margin-bottom:20px}
#popular-news .swiper-wrapper{clear:both;}

#c_slider .img{overflow:hidden;}
#c_slider .img img{margin-left:50%;transform:translateX(-50%);height:305px;}
#c_slider .content{border-top:2px solid #5f5f5f;background:#1a1a1a;height:175px;padding:15px;}
#c_slider .content a{font:700 30px 'Roboto Slab';color:#fff;text-decoration:none;}
#c_slider .content a:not(.tag){display:-webkit-box;-webkit-box-orient:vertical;height:115px;overflow:hidden;}
#c_slider .content .tag{display:block;font:500 18px 'Roboto Slab';color:#fff;position:absolute;bottom:15px;}

.col-content{clear:both;display:inline-block;width:100%;background:#fff;padding-bottom:10px;}
.col-content img:not(.col-content.list img){max-width:100%}
sidebar .col-content{padding:5px !important;}

.w_100 img{width:100%;height:auto !important;}

.he_115 .content header{-webkit-line-clamp:2;}
.he_115 .content, .he_115 .img{height:115px;}
.he_115 .content img, .he_115 .img img{height:120px;}

.he_150.g-list .content{height:150px;}
.he_150 .content header{-webkit-line-clamp:3;}
.he_150 .content:not(.list-img_v_bg .content), .he_150 .img, {height:190px;}
.he_150 .content img, .he_150 .img img{height:150px;}
.he_150 .overlay:before{height:150px;}

.he_200 .content header{-webkit-line-clamp:4;}
.he_200 .content:not(.list-img_v_bg .content){height:240px;}
.he_200 .content img{height:200px;}
.he_200 .img{height:180px;}
.he_200 .img img{height:220px;}

.he_300 header{padding:7px 10px !important;font-size:19px;}
.he_300 .content, .he_300 .img{height:310px;}
.he_300 .content img, .he_300 .img img{height:336px;}
.he_300 .overlay:before{height:310px;}

.list-img_h .list{position:relative;}
.list-img_h .content{font:400 16px 'Roboto Slab';color:var(--dark-font-color);overflow:hidden;position:relative;}
.list-img_h .content img{margin-left:50%;transform:translateX(-50%);}
.list-img_h .content .badge{background:rgba(198, 40, 40, 0.7);font-weight:bold;font-size:13px;color:var(--light-font-color);padding:5px 10px;border-radius:2px;position:absolute;top:5px;left:5px;z-index:2}
.list-img_h header a:not(a.tag){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;height:42px;overflow:hidden;}
.list-img_h header a.tag{font-weight:500;font-size:14px;color:var(--red-color) !important;text-decoration:none;}

.list-img_h header:not(.title){background-color:#fff;width:100%;padding:10px;overflow:hidden;position:absolute;bottom:0;}
.list-img_h header:not(.title) a{color:var(--dark-font-color);}
.list-img_h header.gradient{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;background:linear-gradient(180deg,transparent,#000);color:var(--light-font-color);width:100%;padding:4px 10px;overflow:hidden;position:absolute;bottom:0;}
.list-img_h header.gradient a{color:var(--light-font-color);}
.list-img_h .overlay{display:table-cell;text-align:center;position:absolute;left:0;right:0;z-index:98;}
.list-img_h .overlay:before{content:'';display:inline-block;vertical-align:middle;}
.list-img_h .overlay .fa{display:inline-block;line-height:1;color:var(--light-font-color);opacity:.7}

.col-content .list-img_h header{background:#f2f2f2 !important;}

.list-img_v_bg li{margin-bottom:1rem;overflow:hidden;}
.list-img_v_bg li .img{overflow:hidden;}
.list-img_v_bg li .img img{margin-left:50%;transform:translateX(-50%);}
.list-img_v_bg li .content{background:#fff;position:relative;padding-top:15px;padding-bottom:15px;}
.list-img_v_bg li .content.g{background:#f2f2f2;}
.list-img_v_bg li header{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;width:100%;font:500 20px 'Roboto Slab';color:#1a1a1a;overflow:hidden;margin-bottom:10px;}
.list-img_v_bg li header a{color:var(--dark-font-color);font-size:17px;text-decoration:none;}
.list-img_v_bg li .tag{font-weight:500;font-size:14px;color:var(--red-color);text-decoration:none;}

.list-img_v_bg .he_100 header{-webkit-line-clamp:2 !important}
.list-img_v_bg.he_200 .img img{min-width:380px;}

.list-img_v{clear:both;background:#fff;width:100%;padding:0 10px;box-sizing;border-box;}
.list-img_v .list{display:flex;flex-wrap:inherit;align-items:center;width:100%;padding:15px 0;overflow:hidden;}
.list-img_v .list:nth-child(even){background:#f1f1f1;}
.list-img_v .img{display:flex;margin-right:5px}
.list-img_v .img img{width:100%}
.list-img_v a{font:bold 14px 'Roboto Slab';color:var(--dark-font-color);}

.list_link li{padding:5px 0;}
.list_link li:nth-child(even){background:#f1f1f1}
.list_link a{display:inline-block;font:bold 15px 'Roboto Slab';color:var(--dark-font-color);padding-left:10px;}
.list_link a:hover{text-decoration:none}
.list_link .date{float:right;background-color:#c62828;font:bold 13px 'Roboto Slab';color:var(--light-font-color);padding:2px 3px;margin-right:5px;border-radius:3px;}
.list_link .time{display:block;font:bold 12px 'Roboto Slab';color:#c62828;margin-bottom:0;padding-left:10px;}

.index-gallery{clear:both;width:100%;padding:0 20px 15px 20px;}
.index-gallery header.title{border-bottom:1px solid #2f4271;font-size:25px;color:var(--light-font-color);}

#video{background:#1a1a1a !important;}
#video header.title{border-bottom:1px solid #ffffff8c !important;}

#photo{background:#1a1a1a !important;}
#photo header.title{border-bottom:1px solid #ffffff8c !important;}

.index-author{clear:both;background:#fff;padding:0 20px 20px 20px;}
.index-author header.title{color:#1a1a1a;font-size:25px;margin-bottom:20px}
.index-author .swiper-slide{text-align:center;}
.index-author .content{background-color:#fff;font:bold 14px 'Roboto Slab';color:var(--dark-font-color);overflow:hidden;}
.index-author img{width:100%;border:3px solid #1a1a1a;border-radius:250px;}
.index-author header{clear:both;padding:10px 5px 0 5px;}
.index-author span a{display:flex;align-items:center;justify-content:center;height:55px;font:bold 16px 'Roboto Slab';color:#1a1a1a;}
.index-author a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:300;color:#1a1a1a;}

#author-list header.title .right li a.active{background-color:var(--red-color);color:var(--light-font-color);}
#author-list{clear:both;background:#fff;}
#author-list li{text-align:center;margin-bottom:20px;}
#author-list li .content{background-color:#fff;font:bold 14px 'Roboto Slab';color:var(--dark-font-color);overflow:hidden;}
#author-list li span a{display:flex;align-items:center;justify-content:center;height:55px;font:bold 16px 'Roboto Slab';color:var(--dark-font-color);}
#author-list li img{width:100%;border:3px solid var(--dark-border-color);border-radius:250px;}
#author-list li header{clear:both;padding:0 5px 0 5px;overflow:hidden;}
#author-list li header a:not(header.title .right li a){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:100;color:var(--dark-font-color);}
#author-list li a.button{background:var(--dark-bg-color);font:bold 11px 'Roboto Slab';color:var(--light-font-color);padding:5px 10px;}

#video-detail{background-color:rgb(0,0,0);height:525px;padding-top:15px;padding-bottom:15px;margin:10px 0;}
#video-detail h1{font:20px 'Roboto Slab';color:#f5c212;margin-bottom:10px;}
#video-detail #col-video iframe{width:100%;height:410px;}
#video-detail .col-md-4{height:460px;}
#video-detail #social-share{margin-bottom:10px;}
#video-detail .list-img_h .list:last-child{margin-bottom:0 !important;}

#photo-detail{display:inline-block;background:#fff;}
#photo-detail h1{font-size:25px;color:var(--dark-font-color);}
#photo-detail #content{font-size:13px;color:var(--dark-font-color);margin-bottom:10px;}
#photo-detail li{margin-bottom:10px;position:relative;}
#photo-detail li a{display:block;text-align:center;}
#photo-detail li .number{background:#c62828;border:1px solid #c62828;font-size:18px;color:var(--light-font-color);padding:5px 15px;position:absolute;top:30px;left:0;}
#photo-detail li img{max-width:620px}

#bread_crumb{border-bottom:2px solid #e5e5e5;width:100%;font:400 17px "Roboto Slab";color:#111;text-align:center;padding:15px 10px;}
#bread_crumb li{float:left;margin-right:5px;}
#bread_crumb a{color:var(--dark-font-color);}

#news-detail{background:#fff;}
#news-detail h1.title{font-size:36px;font-weight:400;}
#news-detail #news-time span{display:block;font-size:13px;color:#a0a0a0;}
#news-detail .ads{clear:both;}
#news-detail .detail-img{clear:both;overflow:hidden;position:relative;z-index:99;}
#news-detail .detail-img img{width:100%;}
#news-detail #s-content{clear:both;font:italic 19px/29px "Roboto Slab";color:#111;margin:0;}
#news-detail .gallery-url{display:block;background-color:#dc3545;font:bold 16px/1 "Roboto Slab";color:var(--light-font-color);padding:10px 0 10px 20px;margin-bottom:20px;border-radius:3px;}
#news-detail .gallery-url:hover{text-decoration:none;}
#news-detail .gallery-url.video:before{content:"\f04b";font:25px/1;font-family:Font Awesome 6 Pro;color:var(--light-font-color);margin-right:10px;}
#news-detail .gallery-url.photo:before{float:left;content:"\f030";font:20px/1;font-family:Font Awesome 6 Pro;color:var(--light-font-color);margin-right:10px;}
#news-detail #content{clear:both;font:300 16px/30px "Roboto Slab";color:#111;}
#news-detail #content h2{font-size:25px;}
#news-detail #content h3{font-size:20px;}
#news-detail #content iframe{width:100%;height:450px;}
#news-detail #content img{max-width:620px;}

#news-detail .list-img_v{display:inline-block;background-color:#f1f1f1;padding:20px 15px;margin:20px 0;box-sizing:border-box;}

#tag{clear:both;}
#tag a{display:inline-block;background-color:#cd0606;border:none;font:bold 13px "Roboto Slab";color:var(--light-font-color);text-decoration:none;padding:3px 5px;margin-bottom:5px;border-radius:3px;}

#comment li{clear:both;background:#f1f1f1;padding:10px;margin-bottom:10px;position:relative;}
#comment li span{font-size:12px;position:absolute;top:10px;right:10px;}
#comment li a.button{display:inline-block;background-color:#cd0606;border:none;width:100%;font:bold 15px "Roboto Slab";color:var(--light-font-color);text-decoration:none;padding:7.5px 15px;border-radius:3px;}

#article-detail{background:#fff;}
#article-detail #content{clear:both;font:14px "Roboto Slab";color:#111;}

#author-img img{width:100%;border:3px solid var(--dark-font-color);border-radius:250px;}
#author-info{align-content:center;}
#author-info li{text-align:center;margin-bottom:10px;}
#author-info li a{background:#c62828;font:bold 16px 'Roboto Slab';color:var(--light-font-color);padding:5px 10px;}
#author-info li.wiki{font:13px 'Roboto Slab';color:#111;padding:5px 0;}
#author-info ol li{clear:inherit;display:inline-block;margin-right:5px;}
#author-info ol li a{display:block;background:none;width:30px;height:30px;font:14px/30px 'Roboto Slab';color:var(--light-font-color);padding:0;color:var(--light-font-color);}
#author-info ol li.facebook{background-color:#3b5998;}
#author-info ol li.twitter{background-color:#212529;}
#author-info ol li.instagram{background-color:#437297;border-color:#437297;}

#social-share{display:inline-block;clear:both;}
#social-share li{display:inline-block;float:left;background-color:#111;height:30px;font:14px/30px 'Roboto Slab';color:var(--light-font-color);padding:0 6px;margin-right:5px;margin-bottom:5px;}
#social-share li.b{background-color:inherit !important;}
#social-share li a{color:var(--light-font-color);}
#social-share li.clearfix{clear:both;}
#social-share li.google{background-color:#e8e8e8;} 
#social-share li.google a{color:var(--dark-font-color);}
#social-share li.facebook{background-color:#3b5998;}
#social-share li.twitter{background-color:#212529;}
#social-share li.linkedin{background-color:#0073b1;}
#social-share li.whatsapp{background-color:#479943}
#social-share li.hit{background-color:#cd0606}
#social-share li.print{background-color:#cd0606;}
#social-share li.big{font-weight:bold;font-size:16px;}
#social-share li.small{font-size:10px;}

#maps{width:100%;height:350px;margin:0 0 20px 0;}
#contact-info strong.title{display:block;font:bold 18px "Roboto Slab";color:#222;margin-bottom:10px;}
#contact-info li{font:15px "Roboto Slab";color:#222;margin-bottom:7px;}
#contact-info li label{display:inline-block;font:bold 15px "Roboto Slab";color:#222;margin-right:5px;}
#contact-info li a{color:#222;text-align:center;}

#last-news:before{background:#ccc;content:'';height:calc(100% - 80px);left:23px;margin-top:10px;position:absolute;width:2px;}
#last-news .list_link {padding-left:30px;}
#last-news .list_link li{margin-bottom:5px;}
#last-news .list_link li:last-child{margin-bottom:0;}
#last-news .list_link li .pointer{content:'';display:block;background:0 0;border:2px solid #ed1c24;width:16px;height:16px;border-radius:100%;position:absolute;top:25px;left:-25px;}
#last-news .list_link li .pointer:before{content:'';width:6px;background:#ed1c24;height:6px;border-radius:100px;position:absolute;top:3px;left:3px;}
#last-news .list_link li:nth-child(even){background:none}

#social-follow li{position:relative;font:bold 15px 'Roboto Slab';color:var(--light-font-color);padding:5px 10px;margin-bottom:10px;}
#social-follow li i{display:inline-block;height:35px;line-height:35px;font-size:20px;margin-right:5px;}
#social-follow li.facebook{background-color:#3b5998;margin-bottom:10px;}
#social-follow li.twitter{background-color:#212529;}
#social-follow li.whatsapp{background-color:#479943;}
#social-follow li.hit{background-color:#c62828}
#social-follow li .button{height:20px;position:absolute;right:10px;top:13px;}

#full-screen-ads{background:rgba(0,0,0,.5);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100002;}
#full-screen-ads .content{width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#full-screen-ads .title{background:#000;width:100%;font:13px "Roboto Slab";padding:10px 0;overflow:hidden;position:relative;z-index:10001;}
#full-screen-ads .title a{display:inline-block;float:right;color:var(--light-font-color);margin-right:10px;}
#full-screen-ads .title span{float:left;color:var(--light-font-color);}

footer{background:#1a1a1a;width:100%;padding:30px 0 0 0;}
footer strong.title{display:block;font:bold 16px "Roboto Slab";color:var(--light-font-color);margin-bottom:5px;}
footer li{float:left;}
footer li a{display:inline-block;font:14px "Roboto Slab";color:var(--light-font-color);text-decoration:none;padding:3px 0;}
footer li a:hover{text-decoration:none;color:var(--light-font-color);}

#bottom{clear:both;background:#000;width:100%;font:12px/40px "Roboto Slab";color:var(--light-font-color);margin-top:20px;}
#bottom #bottom-left{float:left;}
#bottom #bottom-right{float:right;}
#bottom #bottom-right a{color:var(--light-font-color);}

#notification{background-color:#fff;border:1px solid #e1e1e1;width:355px;font:12px "Roboto Slab";padding:18px;position:fixed;bottom:-400px;right:15px;z-index:100005;box-sizing:border-box;box-shadow:1px 1px 5px 0 rgba(0,0,0,.1)}
#notification .baslik{display:inline-block;float:left;width:calc(100% - 42px);font-size:13px;color:#22211f;text-decoration:none;margin-right:10px;}
#notification span{display:inline-block;float:left;width:calc(100% - 42px);color:#5f6267;margin-right:10px;margin-bottom:10px;}
#notification .icon{width:32px}
#notification .img{width:100%}
#notification .fa{position:absolute;top:5px;right:5px;}
@media (max-width:767px){#notification{width:calc(100% - 30px);}}

#fix-icon{display:none;width:49px;position:fixed;bottom:20px;right:20px;z-index:100003;}
#fix-icon a{background:rgba(205,6,6,.6);clear:both;display:block;width:49px;height:49px;font:bold 16px/49px "Roboto Slab";color:var(--light-font-color);text-align:center;text-decoration:none;margin-bottom:10px;border-radius:3px;}
#fix-icon a i{line-height:49px;}

header.title{clear:both;border-bottom:1px solid #ececec;font:25px 'Roboto Slab';color:#1a1a1a;padding:10px 10px 10px 10px;margin-bottom:10px;}
header.title h1{display:inline-block;font-size:25px;}
header.red{background:#c62828 !important;border-left:0;color:var(--light-font-color);text-shadow:none;}

header.c-title{display:block;background:var(--logo-bg-color);text-align:center;}
header.c-title h1{font:900 52px 'Roboto Slab';color:#fff;}

header.title .right{float:right;}
header.title .right li{float:left;margin-right:3px;}
header.title .right li a{display:inline;background:var(--light-bg-color);font:400 14px 'Roboto Slab';color:var(--dark-font-color);text-shadow:none;padding:3px 5px;}
header.title .right li a.active{background:var(--red-color);color:var(--light-font-color);}
header.title .right li a:hover{text-decoration:none;}

main{padding:15px 0;}
.container{margin:0 auto;}
.ads img{max-width:100% !important;}

.external-ads{width:160px;position:absolute;top:110px;z-index:100001}
.external-ads ul{position:fixed;}
.external-ads.left{left:-165px}
.external-ads.right{right:-165px;}
.external-ads ul li a:hover{background:inherit !important;}
.external-ads ul li a{padding:0 !important;}

.social-icon{font-size:13px;padding:3px 0;} 
.social-icon a i{display:inline-block;width:35px;height:35px;line-height:35px;margin:0px 2px 0 0;text-align:center;border-radius:3px;color:var(--light-font-color);}
.social-icon a .fa-x-twitter{background-color:#424242;border-color:#424242;}
.social-icon a .fa-facebook-f{background-color:#4161a2;border-color:#4161a2;}
.social-icon a .fa-linkedin{background-color:#0279b3;border-color:#0279b3;}
.social-icon a .fa-instagram{background-color:#437297;border-color:#437297;}
.social-icon a .fa-youtube{background-color:#e22d26;border-color:#e22d26;}
.social-icon a .fa-rss{background-color:#ff7f00}
.social-icon a .fa-fs{background-color:#5d3ebc}
.social-icon a .fa-fs:before{display:inline-block;content:'';background:url("data:image/x-icon;base64,AAABAAEADw0AAAEAIABoAwAAFgAAACgAAAAPAAAAGgAAAAEAIAAAAAAADAMAABMLAAATCwAAAAAAAAAAAAD////K////5v///9b///8S////UP///+f////j////4////+P////j////5P///+X////D////SP///wD////o//////////b///8U////W///////////////////////////////////////////////+////0b////i//////////D///8U////U/////P////x////8f////H////x////8v///////////////////8b////i//////////D///8Z////Bf///x7///8e////I////x7///8b////Hf///1z////6/////////+f////i//////////L///86////Gv///xf///8M////AP///wz///8Y////Ff///yz////t/////////+b////i//////////7////z////8P////P///+o////AP///5v////0////8P////H////9/////////+b////i//////////////////////////////+3////AP///6j//////////////////////////////+r////i//////////3////u////7P///+////+l////AP///5j////v////7P///+z////s////7v///9b////j//////////P///8w////EP///xL///8J////AP///wj///8T////EP///xD///8Q////Ef///w/////j//////////3///9r////KP///yf///8q////Lv///yr///8n////KP///yj///8o////Kf///yT///+5////////////////////+v////r////6////+v////r////6////+v////r////6////+////+L///83////8P///////////////////////////////////////////////////////////////////+3///8A////Ov///7b////h////4v///+H////h////4f///+H////h////4f///+H////h////4////8wAAgAAAAAAAAAAAAAAAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAAAAAAAAAAAAAAAACAAAAA") 50% 50% no-repeat;background-size:15px 13px;width:15px;height:13px;vertical-align:middle;}

.form li{font:13px "Roboto Slab";color:#333;margin-bottom:10px;}
.form li label{display:inline-block;width:100px;font:bold 13px "Roboto Slab";color:#333;margin-right:10px:}
.form li input[type=text]{display:flex;border:1px solid #cbcfd2;width:100%;font:13px 'Roboto Slab';padding:8px 5px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.form li select{border:1px solid #cbcfd2;width:100%;font:13px 'Roboto Slab';padding:6px 5px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.form li textarea{border:1px solid #cbcfd2;width:100%;height:100px;font:13px 'Roboto Slab';padding:6px 5px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.form li button{display:inline-block;background-color:#e1464c;border:none;width:100%;font:bold 15px "Roboto Slab";color:var(--light-font-color);text-decoration:none;padding:7.5px 15px;border-radius:3px;}

a#next{display:none;}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li.active > a,
.pagination > li.active > a:hover{background-color:#c62828;border-color:#c62828;color:var(--light-font-color);}
.pagination > li > a, .pagination > li > span{float:left;background-color:#f2f2f2;font:bold 14px/1.42857 "Roboto Slab";color:#111;text-decoration:none;padding:6px 12px;margin-left:1px;position:relative;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > li.active > a, .pagination > li.active > a:hover{background-color:#c62828;color:var(--light-font-color);}

.form-result{clear:both;background:#fde58c;font:bold 14px 'Roboto Slab';color:#434343;text-align:center;padding:20px;margin:10px 0;position:relative;}

@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:995px}}

@media (min-width:768px) and (max-width:990px){
.container{width:auto;overflow-x:hidden;}
.row{overflow-x:hidden;}

#nav-catagory ul:last-child{width:inherit !important;}
header nav ul:not(:last-child){display:none;}

.col-content img,
#news-detail .detail img, 
#news-detail #content iframe, 
#author-info .img img{width:100%;}

#news-detail .detail, 
#news-detail .detail img{height:auto;}
}

@media (max-width:767px){
.container{width:auto;overflow-x:hidden;}
.row{overflow-x:hidden;}

header.m {height:100px;}
header.m #action_logo a{background-position:center !important;}
header.m .container{overflow-x:visible !important;}
header.m #action_nav_button{top:50px;}
header.m #action_nav{top:100px;}

header nav ul:not(:last-child){display:none;}
#nav-catagory ul:last-child{width:inherit !important;}

.overlay-menu{min-height:100vh;bottom:0;overflow:auto;}
.overlay-menu .overlay-content{padding:0 10px;overflow:auto;}
.overlay-menu .overlay-content .overlay-search .overlay-input{width:85%;}
.overlay-menu .overlay-content .overlay-search a{width:15%;}
.overlay-menu .overlay-content .overlay-links{-ms-flex-wrap:wrap;flex-wrap:wrap;}
.overlay-menu .overlay-content .overlay-links .item{margin-right:0;margin-bottom:15px;width:100%;}
.overlay-menu .overlay-content .overlay-links .item .title{text-align:center;font-size:20px;}
.overlay-menu .overlay-content .overlay-links .item:first-child .links{-webkit-box-orient:inherit !important;-webkit-box-direction:inherit !important;-ms-flex-direction:inherit !important;flex-direction:inherit !important;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.overlay-menu .overlay-content .overlay-links .item:first-child .links a{width:50%;}
.overlay-menu .overlay-content .overlay-links .item:nth-child(2) .links{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:0 !important;}
.overlay-menu .overlay-content .overlay-links .item:nth-child(2) .links a{width:50%;}

#slider .swiper-slide .col-img img{width:100%;height:180px !important;}
#slider .swiper-slide .col-detail{height:150px !important;position:relative;}
#slider .swiper-slide .col-detail .catagory{line-height:30px;font-size:15px;}
#slider .swiper-slide .col-detail .title{font-size:20px;margin-bottom:10px;}
#slider .swiper-slide .col-detail .tag{font-size:20px;position:relative !important;bottom:inherit !important;}

#video-detail{height:auto;}
#video-detail .col-md-4{height:auto;}

#news-detail .news-detail img,
#news-detail #content img, 
#news-detail #content iframe, .col-content img{width:100% !important;}

#news-detail .news-detail, 
#news-detail .news-detail img{height:auto !important;}

header.c-title h1, #news-detail h1.title{font-size:25px !important;}
#c_slider .content a:not(#c_slider .content .tag){font-size:25px !important;}

.ads li img, 
.module-ads img, 
#content img,
#photo-detail li img,
#full-screen-ads img{max-width:100% !important;height:auto !important;}
}