/* <betloy.css> */

/* <header> */

.main-content .uk-grid.uk-grid-small {

    margin-top: 10px;

}

section.hotline_block {

    background: #e13138;

    padding: 10px;

    color: #fff;

    border: 1px solid #190101;

}

section.hotline_block .name a {

    font-size: 15px;

    color: #fff;

    line-height: 20px;

}

.productDetailSupport .content {

    border-bottom: 1px solid #d0a1a3;

    padding-bottom: 5px;

    margin-bottom: 5px;

    color: #fff;

}

.hotline a {

    color: yellow;

    font-size: 18px;

}

.vp {

    margin: 7px 0;

    line-height: 20px;

    font-size: 15px;

}

section.hotline_block .name {

        margin-bottom: 5px;

}



.hotline_support a {

    font-size: 17px;

    color: yellow !important;

    line-height: 20px;

}



.ads li {

    list-style: none;

    margin: 3px 0;

}



.ads li img  {

   width: 100%;

}



.box_item_bl {

    background: #e13138;

}

ul.uk-list.mainCatsub li a {

    text-transform: none !important;

    /* padding-left: 10px; */

}

ul.uk-list.mainCat .mainCatsub li:after {



}



ul.uk-list.mainCat li a:hover { color:red}

ul.uk-list.mainCatsub {

         padding-left: 10px;

    background: #e13138;

  

}

ul.uk-list.mainCatsub li a {

    padding: 5px 0 !important;

    margin: 0 !important;

    line-height: 32px !important;

}

ul.uk-list.mainCat li {

    /* background: #ccc; */

    position: relative;

    background: #fafafa;

    background: -webkit-linear-gradient(top, #fafafa, #f0f0f0);

    background: -moz-linear-gradient(top, #fafafa, #f0f0f0);

    background: -o-linear-gradient(top, #fafafa, #f0f0f0);

    background: -ms-linear-gradient(top, #fafafa, #f0f0f0);

}

ul.uk-list.mainCatsub li {

    background:none !important;

}

ul.uk-list.mainCatsub li:before {

       color: red;

    width: 5px;

    height: 5px;

    background: red;

    float: left;

    margin-right: 8px;

    line-height: 20px;

    top: 13px;

    position: relative;

}



ul.uk-list.mainCat li a {

        

    line-height: 30px;

    margin: 0 15px 0 0;

	color:#fff;

    padding: 5px 15px;

    min-width: 170px;

    

    position: relative;

    background: #e13138;

    text-transform: uppercase;

    font-weight: normal;

}



ul.uk-list.mainCat  {

 

}



ul.uk-list.mainCatsub li {

	

	      /* padding: 5px 0; */

    background: #40bff5;

    border-bottom: 1px solid #e66d6d;

  

}



article.article .thumb  a.image.img-cover.img-zoomin img {

    height: 150px;

    width: 100%;

    object-fit: cover;

    margin-bottom: 10px;

}

.content {

       overflow: hidden;

    margin-bottom: 20px;

}



.banner img {

   

}

h1.logo img {

   

}

.logo img {

    width: 100%;

}

	.header {

    background: #115a9a;

}

	.header .upper{

		padding: 5px 0;

		margin: 0 0 18px 0;

	}

	.header .upper .top-menu{}

	.header .upper .top-menu > li {

		float:left;

		padding:0 5px;

		position:relative;

	}

	.header .upper .top-menu > li:before {

		content:'';

		display:block;

		border-left:1px solid #aaa;

		height:65%;

		top:4px;

		left:0;

		position:absolute;

	}

	.header .upper .top-menu > li:first-child:before{border-left:0;}

	.header .upper .top-menu > li > a{

		color:#000;

		text-transform:uppercase;

		font-size:10.6px;

		 font-family:'PN_SemiBold';

		/* font-weight:bold; */

	}

	.header .upper .top-menu > li > a:hover{

		color:#0e71b4;

	}

	

	.header .hotline{}

	.header .hotline > *{

		color:#1a9a29;

		font-family:'PN_SemiBold';

		font-size:14px;

	}

	.header .pickhomepage{

		background:#55acee;

		border-radius:2px;

		-webkit-border-radius:2px;

		-moz-border-radius:2px;

		-o-border-radius:2px;

		padding:0 6px;

		box-shadow:0 0 3px #ccc;

		-webkit-box-shadow:0 0 3px #ccc;

		-moz-box-shadow:0 0 3px #ccc;

		-o-box-shadow:0 0 3px #ccc;

		text-transform:uppercase;

		margin-left:15px;

		

	}

	.header .pickhomepage > *{

		color:#fff;

		font-size:10px;

		font-family:'PN_SemiBold',arial;

	}

	.header .upper .social{

		margin-left:15px;

	}

	.header .upper .social ul{}

	.header .upper .social ul li{

		float:left;

		width:19px;

		height:20px;

		text-align:center;

		margin-right:10px;

	}

	

	.header .upper .social ul li:last-child{

		margin-right:0;

	}

	.header .upper .social ul li.facebook{

		background:#3a589b;

		

	}

	.header .upper .social ul li.twitter{

		background:#1da1f2;

	}

	.header .upper .social ul li.google{

		background:#b0281a;

	}

	.header .upper .social ul li.youtube{

		background:hsl(3, 81.8%, 49.6%);

	}

	.header .upper .social ul li a{

		display:inline-block;

		color:#fff;

	}



	.middle{}

	

	.feature-news {

    margin-top: 10px;

}

	.first-new { margin-top: 10px;

}

	.header .lower {

		position: relative;

	    background: #e13138;

	}

	.datetime.uk-text-right.uk-margin-bottom {

    margin-top: 10px;

}

	.header .lower:before {

	    content: "";

    display: block;

    position: absolute;

    width: 100%;

    top: initial;

    bottom: 0px;

    border-top: 1px solid #e13138;

    border-bottom: 1px solid #e13138;

	}

	.header .lower .main-nav {

		font-size: 0;

		line-height: 0;

	}

	.header .lower .main-nav > ul > li{position:relative;}

	.header .lower .main-nav > ul > li.home {display: none;}

	.header .lower .main-nav > ul > li >a {
    display: block;
    position: relative;
    padding: 16px 21px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'RobotoCondensed-Bold';
}




	.header .lower .main-nav>ul>li+li>a:before,

	.header .lower .main-nav>ul>li:last-child>a:after  {

		content: "";

		display: block;

		position: absolute;

		height: 100%;

		left: 0px;

		top: 0px;

		     

	}

	.header .lower .main-nav>ul>li:last-child>a:after {

		left: initial;

		right: 0px;

	}

	.header .lower .main-nav > ul > li:hover > a {    background: #c12026;}

	.main-nav .dropdown-menu {

		position: absolute;

		display: none;

		top: 100%;

		left: 0px;

		padding: 0;

		min-width: 220px;

		background: #fff;

		z-index: 100;

		-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);

		box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);


	}

	.header .lower .main-nav > ul > li:hover > .dropdown-menu {display: block}

	.main-nav .sub-menu>li>a {

		display: block;

		padding: 6px 10px 6px 15px;

		font-size: 14px;

		line-height: 18px;

		color: #333;

	}

	.main-nav .sub-menu>li+li>a {border-top: 1px dotted #c8c8c8;}

	#news-latest{}

	#news-latest .label{

		margin-right:10px;

	}

	#newsData > *{

		color:#333;

	}

	

	.header-search .form {position: relative;}

	.header-search .form .input-text {

		min-width: 210px;

		height: 26px;

		border: none;

		background: #fff;

		line-height: 26px;

		-webkit-border-radius: 3px;

		-moz-border-radius: 3px;

		-ms-border-radius: 3px;

		border-radius: 3px;

		-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);

		-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);

		-ms-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);

		-o-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);

		box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);

		border: solid 1px #ccc;

	}

	.header-search .form .btn-submit {

		position: absolute;

		font-size: 14px;

		top: 4px;

		right: 7px;

		outline: none;

		cursor: pointer;

		background: none;

		border: none;

		color: #333;

	}

	

	.header .search{

		padding: 7px 0 6px 0;

		border-bottom: 1px solid #ccc;

	}

	.header-small {background: #E87E04;}

	.header-small .upper {

		position: relative;

		padding: 5px 0;

		text-align: center;

	}

	.header-small .logo {

		display: inline-block;

		margin: 0;

		width: 150px;

		-webkit-filter: brightness() invert();

	    -moz-filter: brightness() invert();

	    -ms-filter: brightness() invert();

	    -o-filter: brightness() invert();

	    filter: brightness() invert();

	}

	.header-small .logo a {display: block;}

	.header-small .upper .hotline {

		position: absolute;

		font-size: 24px;

		color: #fff;

		right: 0px;

		top: 50%;

		-webkit-transform: translate(0, -50%);

		-ms-transform: translate(0, -50%);

		-o-transform: translate(0, -50%);

		transform: translate(0, -50%);

	}

	.header-small .upper .hotline i {

		position: relative;

		-webkit-animation: hotline-shake 1.25s infinite ease-in-out;

	    -moz-animation: hotline-shake 1.25s infinite ease-in-out;

	    -ms-animation: hotline-shake 1.25s infinite ease-in-out;

	    -o-animation: hotline-shake 1.25s infinite ease-in-out;

	    animation: hotline-shake 1.25s infinite ease-in-out;

	    -webkit-transform-origin: 50% 50%;

	    -moz-transform-origin: 50% 50%;

	    -ms-transform-origin: 50% 50%;

	    -o-transform-origin: 50% 50%;

	    transform-origin: 50% 50%;

	}

	.header-searchSmall .form {

		position: relative;

		margin: 0 0 10px 0;

		padding-right: 30px;

	}

	.header-searchSmall .form .input-text {

		padding: 0 5px 0 10px;

		height: 30px;

		line-height: 30px;

		background: #fff;

		border: none;

		-webkit-box-shadow: none;

		-moz-box-shadow: none;

		-ms-box-shadow: none;

		-o-box-shadow: none;

		box-shadow: none;

	}

	.header-searchSmall .form .btn-submit {

		top: 0px;

		right: 0px;

		width: 30px;

		height: 30px;

		line-height: 30px;

		text-align: center;

		font-size: 14px;

		position: absolute;

		border: none;

		cursor: pointer;

		outline: none;

		background: #fff;

		color: #000;

	}

	.header-searchSmall .form .input-text::-webkit-input-placeholder {

	    color: #666;

	    font-size: 12px;

	}

	.header-searchSmall .form .input-text::-moz-placeholder {

	    color: #666;

	    font-size: 12px;

	}

	.header-searchSmall .form .input-text:-ms-input-placeholder {

	    color: #666;

	    font-size: 12px;

	}

	.header-searchSmall .form .input-text:-moz-placeholder {

	    color: #666;

	    font-size: 12px;

	}

/* </header> */



/* ################################################# */

/* <body> */

	/* ------- Panel ------- */

	.heading-1{

		position:relative;

		margin-bottom:5px;

	

		font-size: 18px;

		line-height: 20px;

	}

	.heading-1:after{

		position:absolute;

		content:'';

		display:block;

		width:100%;

		border-bottom:1px solid #e13138;

		left:0;

		bottom:-5px;

	}

	.heading-1 > *{

		color:#e13138;

		position:relative;

		font-weight:normal;

	}

	

	

	.heading-2{

		position:relative;

		margin: 0 0 5px 0;

		padding: 0 0 5px 0;

	}

	.heading-2:before{

		position:absolute;

		content:'';

		display:block;

		width:100%;

		border-bottom:1px solid #e13138;

		left:0;

		bottom:0px;

	}

	.heading-2 > *{

		font-size:20px;



		color:#e13138;
 font-family: 'RobotoCondensed-Bold';
	}

	

	/* homepage-video */

	.homepage-video .list-video>li {margin-bottom: 10px;}

	.homepage-video .video .thumb {margin: 0 0 5px 0;}

	.homepage-video .video .image {

		position: relative;

		overflow: hidden;

		height: 115px;

	}

	.homepage-video .video .image:before {

		content: "";

		display: block;

		position: absolute;

		width: 100%;

		height: 100%;

		top: 0px;

		left: 0px;

		background: rgba(0, 0, 0, .5);

	}

	.homepage-video .video .image:after {

		content: "";

		display: block;

		position: absolute;

		width: 30px;

		height: 30px;

		top: 50%;

		left: 50%;

		-webkit-transform: translate(-50%, -50%);

		-moz-transform: translate(-50%, -50%);

		-ms-transform: translate(-50%, -50%);

		-o-transform: translate(-50%, -50%);

		transform: translate(-50%, -50%);

		background: url(img/icon_play_video.png);

		-webkit-background-size: 30px;

		-moz-background-size: 30px;

		-ms-background-size: 30px;

		-o-background-size: 30px;

		background-size: 30px;

	}

	.homepage-video .video .title {

		margin: 0;

		height: 40px;

		font-size: 14px;

		line-height: 20px;

		overflow: hidden; 

		-ms-text-overflow: ellipsis; 

		text-overflow: ellipsis

	}

	.homepage-video .video .title a {color: #333;}

	#video-detail .uk-modal-dialog {padding: 2px;}

	#video-detail .video {height: 450px;}

	@media (max-width: 767px) {

		#video-detail .video {height: 250px;}

	}

	/* features */

	.feature{}

	.feature .banner{}

	.feature .banner .image{

		display:block;

		margin: 0 0 15px 0;

	}

	

	.hotspot{}

	.hotspot .panel-head{

		margin: 0 0 15px 0;

	}

	.hotspot .hotspot-feature{}

	.hotspot .hotspot-feature .thumb{}

	.hotspot .hotspot-feature .thumb .image{

		height:82px;

	}

	.hotspot .hotspot-feature .title{

		font-weight:normal;
		margin-top: 7px;

	}

	.hotspot .hotspot-feature .title > a{

		color:#333;

		font-size:15px;

	

	}

	.hotspot  .hotspot-list{}

	.hotspot  .hotspot-list ul{}

	.hotspot  .hotspot-list ul > li{}

	.hotspot  .hotspot-list ul > li > a{

		    color: #333;
    padding: 0 0 6px 0;

    position: relative;
    margin-bottom: 0;
    display: inline-block;

	

	}

	.hotspot  .hotspot-list ul > li > a:before{

		position:absolute;

		content:'\f111';

		font-family:FontAwesome;

		left:-7px;

		top:0;

		font-size:4px;

		color:#ccc;

		

	}

	.hotspot .hotspot-list ul > li > a:hover{

		color:#1a9a29;

	}

	

	.feature-news .article-3{

		margin:0 0 15px 0;

	}

	.feature-news .article-3 .thumb{}

	.feature-news .article-3 .thumb .image{

		height:370px;

	}

	.feature-news .article-3 .info{}

	.feature-news .article-3 .info .title{

		padding:10px 0;

	}

	.feature-news .article-3 .info .title > *{

		color:#333;

		font-size:20px;

	

		letter-spacing:1px;

	}

	.feature-news .article-3 .info .title > *:hover{

		color:#1a9a29;

	}

	.feature-news .article-3 .info .description{

		line-height:18px;

		color:#666;

		font-size:15px;

	}

	 .article-2{

		 margin: 0 0 5px 0;

		 padding: 0 0 10px 0;

		 border-bottom:1px dotted #ccc;

	 }

	 .article-2 .thumb{}

	 .article-2 .thumb .image{

		height:87px;

	}

	 .article-2 .title{

		margin:0;

		padding:5px 0;

		font-size:17px;

	

	}

	 .article-2 .title > *{

	 	display: block;

	 	height: 36px;

		color:#666;

		line-height:18px;

		overflow: hidden; 

		-ms-text-overflow: ellipsis; 

		text-overflow: ellipsis;
		font-family: 'RobotoCondensed-Bold';

	}

	 .article-2 .title > *:hover{

		color:#1a9a29;

	}

	

	.first-new .article-2 .thumb .image{

	    height: 148px;
    margin-bottom: 10px;

	}

	.first-new .article-2 .title > *{

		color:#000;
		

	}
.first-new .article-2 .title a{
	height: auto;
}
	

	.list-news{

		    height: 212px;

    margin-bottom: 10px !important

	}

	.list-news li {

		padding:5px 0;

		border-bottom:1px dotted #ccc;

	}

	.list-news li a{

		color:#666;

		font-size:15px;

	}

	.list-news li a:hover{

		color:#1a9a29;

	}

	

	.list-news::-webkit-scrollbar {height: 10px; width: 5px;}

	.list-news::-webkit-scrollbar-thumb {height: 10px; width: 5px;background: #777;}

	

	

	.highlight-feature{

		margin-top:15px;

	}

	

	

	.highlight-feature .info .title > *{

		color:#333;

		font-size:17px;

		

	}

	

	.highlight-feature ul{}

	.highlight-feature ul li{

		margin: 0 0 10px 0;

	}

	.highlight-feature ul li a{

		color:#666;

		margin:0 0 10px 0;

		font-size:15px;

	}

	/* home-schedule */

	.homenews-catalogue{

		margin: 0 0 10px 0;

		padding: 0 0 10px 0;

	}

	.homenews-catalogue .panel-head{

		position:relative;

	    background: #fafafa;

	    background: -webkit-linear-gradient(top, #fafafa, #f0f0f0);

	    background: -moz-linear-gradient(top, #fafafa, #f0f0f0);

	    background: -o-linear-gradient(top, #fafafa, #f0f0f0);

	    background: -ms-linear-gradient(top, #fafafa, #f0f0f0);

	}

	.homenews-catalogue .panel-head .heading-3{

		margin:0 15px 0 0;

		padding: 5px 15px;

		min-width: 170px;

	

		position:relative;

		background: #e13138;

		text-transform: uppercase;

		font-weight: normal;

	}

	.homenews-catalogue .panel-head .heading-3:after{

		position:relative;

		content:'';

		display:block;

		width:100%;

	}

	.homenews-catalogue .panel-head .heading-3 > *{

		color:	#fff;

		font-size: 16px;

	}

	.homenews-catalogue .panel-head ul{}

	.homenews-catalogue .panel-head ul li {

		float:left;

		position: relative;

	}

	.homenews-catalogue .panel-head ul li+li {

		margin-left: 10px;

		padding-left: 10px;

	}

	.homenews-catalogue .panel-head ul li+li:before {

		content: "";

		display: block;

		position: absolute;

		height: 10px;

		left: 0px;

		top: 5px;

		border-left: 1px solid #898989;

	}

	.homenews-catalogue .panel-head ul li a{

		font-size:12px;

		color:#666;

		font-family:'PN_SemiBold';

		text-transform: uppercase;

	}

	.homenews-catalogue .panel-head ul li a:hover {color: #1a982a;}

	.homenews-catalogue .list-news{height:auto !important;}

	.article-4{

		padding:10px 0;

	}

	.article-4 .title{}

	.article-4 .title > *{

		color:#000;

		font-size:15px;

		

	}

	@media (min-width:415px){

		.article-4 .thumb{

			width:153px;

			float:left;

			margin-right:10px;

		}

		.article-4 .thumb .image{

			height:87px;

		}

	}

	

	.post-highlight{

		padding:10px 0;

		border-bottom:1px dotted #ccc;

	}

	

	.post-highlight .article-5{
		display: inline-block;
		width: 100%;
	}

	.post-highlight .article-5 .thumb{

		width:80px;

		float:left;

		margin: 0 10px 0 0;

	}

	.post-highlight .article-5 .thumb .image{}

	.post-highlight .article-5 .thumb .info{

		width:calc(100% - 80px);

		width:-webkit-calc(100% - 80px);

		width:-moz-calc(100% - 80px);

		width:-o-calc(100% - 80px);

		float:left;

	}

	

	.post-highlight .article-5 .info .title > *{

		color:#000;

		font-size:15px;	

	}



	/* gallery */

	.gallerys .panel-head{

		background:#b2dadf;

		padding: 5px;

		

	}

	.gallerys .panel-head ul{}

	.gallerys .panel-head ul li{

		float:left;

		margin:0 10px 0 0;

	}

	

	.gallerys .panel-head ul li a{

		color:#666;

	}

	.gallerys .panel-head ul li.active a{

		color:#008394;

		font-family:'PN_SemiBold';

		font-weight:bold;

	}

	.gallerys .main-slide .title{

		background:#b2dadf;

		font-weight:normal;

		padding:10px;

		font-size:13px;

	}

	.uk-slidenav-position .uk-slidenav{

		top:36%;

	}

	.gallerys .main-slide .title >*{

		color:#008394;

		font-family:'PN_SemiBold';

	}

	.gallerys .main-slide .title >*:hover{

		color:#666;

	}

	.uk-slidenav-position .uk-slidenav{

		background:#fff;

		width:22px;height:22px;

		opacity:0.5;

		border-radius:50%;

		font-size:22px;

		color:#333;

		line-height:22px;

	}



	.sport .article-3 .thumb .image{

		height:280px;

	}

	.sport .article-3 .title > *{

		font-size:16px !important;

	}

	.sport .article-3 .info .title{

		margin: 0 !important;

	}

	/* ARTICLE 6 */

	.article-6{}

	.article-6 .thumb{

		float:left;

		width:80px;

		margin: 0 10px 0 0;

	}



	.article-6 .thumb .image{

		height:45px;

	}

	.article-6 .info{

		float:left;

		width:calc(100% - 80px);

		width:-webkit-calc(100% - 90px);

		width:-moz-calc(100% - 90px);

		width:-o-calc(100% - 90px);

	}

	.article-6 .info .title{

		margin:0;

	}

	.article-6 .info .title > *{

		color:#333;


		font-size:14px;

	}

	.article-6 .info .title > *:hover{

		color:#1a9a29;

	}

	

	.article-7{}

	.article-7 .thumb{}

	.article-7 .thumb .image{

		height:87px;

	}

	.article-7 .info{}

	.article-7 .info .title{    margin-top: 10px;}

	.article-7 .info .title > *{

		height: 36px;

		color:#333;

		font-size:15px;

		line-height: 18px;

	

		font-weight: normal;

		overflow: hidden; 

		-ms-text-overflow: ellipsis; 

		text-overflow: ellipsis; 

		display: -webkit-box; 

		-webkit-box-orient: vertical;

	}

	

	

	.article-8{

		position:relative;

	}

	

	.article-8 .info{

		position:absolute;

		font-weight:bold;

		color:#fff;

		bottom:0;

		left:0;

		width:100%;

		padding:10px;

		background: rgba(51, 51, 51, 0.58);

	

		font-size:16px;

	}

	.article-8 .info .title{

		margin:0;

	}

	.article-8 .info .title > *{

		color:#fff;
		  font-family: 'RobotoCondensed-Bold';

	

	}

	.article-10{}

	.article-10 .thumb{

		width:153px;

		float:left;

		margin-right:10px;

	} 

	.article-10 .thumb .image{

		height:87px;

	} 

	.article-10 .info{

		

	}

	.article-10 .title{}

	.article-10 .title > *{

		color:#333;



		font-weight:700;

	}
	.highlight-feature .article-2 .thumb .image{
		height: 120px;
	}

	

	.article-11{}

	.article-11 .heading-5{

		width: 100%;
    float: left;
    font-size: 24px;
        line-height: 30px;
    

	}

	.article-11 .meta {

		color:#666;

	}

	.article-11 .description > p > *{

	

	}

	.article-11 .content *{

		

		font-size:15px !important;

		line-height:20px !important;

	}

	.gallery-list li{

		margin: 0 0 10px 0;

		padding: 0 0 10px 0;

		border-bottom: 1px dotted #ccc;

	}

	.gallery-list li:last-child{

		border:0;

		padding-bottom:0px;

	}

	

	

	.digital-news{}

	.digital-news ul li{

		float:left;

		background:#fff;

		padding:3px;

	}

	.digital-news ul li:nth-child(1),.digital-news ul li:nth-child(2){

		width:50%;

	}

	.digital-news ul li:nth-child(1) .thumb .image, .digital-news ul li:nth-child(2) .thumb .image{

		height:235px;

	}

	.digital-news ul li:nth-child(3),.digital-news ul li:nth-child(4),.digital-news ul li:nth-child(5){

		width:33.333%;

	}

	.digital-news ul li:nth-child(3) .image,.digital-news ul li:nth-child(4) .image,.digital-news ul li:nth-child(5) .image{

		height:170px;

	}

	.most-view .list-news{

		height:auto !important;

	}

	/* home-news */

	

	/* payment-guide */

	

	/* profile */ 

	

	/* account */



	/* Slide */



	/* Article */

	.article-catalogue  {margin-bottom: 25px!important;}

	.article-catalogue .panel-body {padding: 0 0 10px 0;}

	.panel-article .list-article>li {margin-bottom: 10px;}

	[class*=article-] .description p {margin: 0;}

	[class*=article-] .title a {

		-webkit-transition: all .4s linear;

		-moz-transition: all .4s linear;

		-ms-transition: all .4s linear;

		-o-transition: all .4s linear;

		transition: all .4s linear;

	}

	.article-1 {position: relative;}

	.article-1 .thumb {position: relative;}

	.article-1 .title {

		margin: 0 0 10px 0;

		font-size: 16px;

		line-height: 20px;

	}

	.article-1 .title a {color: #333;}

	.article-1 .meta {

		margin: 0 0 5px 0;

		font-size: 13px;

		line-height: 20px;

		color: #999;

	}

	.article-1 .time {

		display: inline-block;

		padding-left: 20px;

		background: url(img/calendar.png) 0px 50% no-repeat;

	}

	.article-1 .description {

		font-size: 14px;

		line-height: 20px;

		height: 80px;

	}

	@media (min-width: 479px) {

		.article-1 .thumb {

			float: left;

			width: 250px;

		}

		.article-1 .info {

			position: relative;

			float: left;

			width: -moz-calc(100% - 250px);

			width: -webkit-calc(100% - 250px);

			width: -ms-calc(100% - 250px);

			width: -o-calc(100% - 250px);

			width: calc(100% - 250px);

			padding-left: 20px;

		}

	}

	@media (min-width: 479px) and (max-width: 767px) {

		.article-1 .thumb {width: 180px;}

		.article-1 .info {

			position: relative;

			width: -moz-calc(100% - 180px);

			width: -webkit-calc(100% - 180px);

			width: -ms-calc(100% - 180px);

			width: -o-calc(100% - 180px);

			width: calc(100% - 180px);

		}

		.article-1 .viewed {margin: 5px 0 0 0;}

		.article-1 .description {display: none;}

	}

	@media (max-width: 479px) {

		.article-1 .thumb {margin: 0 0 10px 0;}

		.article-1 .meta {font-size: 13px;}

	}

	.article-1 .title a:hover {color: #3399cc;}



	



	/* Article Detail */

	.article-detail {

		margin: 0 0 25px 0;

		font-family: Arial, sans-serif;

		font-size: 14px;

		line-height: 20px;

		color: #000;

	}

	.article-detail .article, 

	.article-detail .share-box {margin-bottom: 20px;}

	.article-detail .title {

		margin: 0 0 15px 0;

		font-size: 20px;

		line-height: 24px;

		font-weight: bold;

		color: #000;

	}

	.article-detail .article .description {

		font-weight: bold;

		margin-bottom: 10px;

		color: #000;

	}

	.article-detail .article img {

		display: block!important;

		width: auto!important;

		height: auto!important;

		margin: 0 auto 15px auto!important;

	}

	.share-box>*+* {margin-left: 5px;}

	.share-box .plus {position: relative;margin-top: -4px;}

	@media (max-width: 567px) {

		.article-detail .title {

			margin: 0 0 10px 0;

			font-size: 18px;

			line-height: 24px;

		}

	}



	/* Article Related */

	.article-related {margin: 0 0 25px 0!important;}

	.article-related .list-article>li {margin-bottom: 15px;}

	.article-related .article .thumb {margin: 0 0 5px 0;}

	.article-related .article .title {

		margin: 0;

		height: 36px;

		font-size: 14px;

		line-height: 18px;

		font-weight: normal;

		overflow: hidden; 

		-ms-text-overflow: ellipsis; 

		text-overflow: ellipsis;

	}

	.article-related .article .title a {color: #252525;}

	.article-related .article .title a:hover {text-decoration: underline;}

	@media (min-width: 1220px) {

		.article-related .article .image {height: 140px;}

	}

	@media (min-width: 960px) and (max-width: 1220px) {

		.article-related .article .image {height: 110px;}

	}

	@media (min-width: 768px) and (max-width: 960px) {

		.article-related .article .image {height: 115px;}

	}

	@media (min-width: 567px) and (max-width: 768px) {

		.article-related .article .image {height: 175px;}

	}

	@media (min-width: 479px) and (max-width: 567px) {

		.article-related .article .image {height: 145px;}

	}

	@media (max-width: 479px) {

		.gallerys {

    display: none;

}.aside-banner {display: none;

}

.footer .bottom .logo {

    display: none;

}

		.article-related .article .title {font-size: 13px;}

		.article-related .article .image {height: 105px;}

	}

	/* Banner */

	.banner p {margin: 0;}

	.banner a {display: block;}



	

	/* Contact */

	.contact .contact-infomation, 

	.contact .contact-form {

		margin-bottom: 20px!important;

	}

	.contact .contact-infomation .note {

		margin-bottom: 10px;

		font-style: italic;

		color: #666;

		font-weight: 500;

	}

	.contact .contact-infomation .company {

		margin-bottom: 10px;

		font-size: 22px;

		line-height: 24px;

		text-transform: uppercase;

		color: #21b34b;

		font-weight: bold;

		font-family: 'SFU Futura Bold', sans-serif;

	}

	.contact .contact-infomation .address {margin-bottom: 20px;}

	.contact .contact-infomation .address p {

		margin: 0 0 5px 0;

		color: #000;

	}

	.contact .contact-infomation .address a {color: #000;}

	.contact .contact-map {

		padding: 4px;

		border: 1px solid #d5d5d5;

		height: 340px;

	}

	.contact .contact-form .label {

		font-size: 14px;

		line-height: 22px;

		color: #000;

		margin-bottom: 15px;

	}

	.contact .contact-form .form-row {margin-bottom: 15px;}

	.contact .contact-form .input-text, 

	.contact .contact-form .form-select, 

	.contact .contact-form .form-textarea {

		border: 1px solid #d5d5d5;

		font-size: 14px;

		line-height: 20px;

		color: #000;

	}

	.contact-form .form-select {color: #999!important;}

	.contact .contact-form .input-text, 

	.contact .contact-form .form-select {height: 30px;}

	.contact .contact-form .form-textarea {height: 200px;}

	.contact-form .btn-submit {

		display: inline-block;

		padding: 6px 25px;

		cursor: pointer;

		background: #21b34b;

		font-size: 14px;

		line-height: 20px;

		color: #fff;

		border: none;

	}



	/* Breadcrumb */

	.breadcrumb {

		position: relative;

		padding: 10px 0;

		margin-bottom: 20px;

		background: #eee;

		z-index: 5;

	}

	.breadcrumb ul a {

		font-size: 13px;

		line-height: 18px;

		color: #252525;

	}

	.breadcrumb ul a:hover {color: #f16236;}

	.uk-breadcrumb>li+li:before {

	    content: "\f101";

	    font-family: FontAwesome;

	    display: block;

	    position: absolute;

	    left: -5px;

	    top: -2px;

	    color: #252525;

	}

	@media (max-width: 960px) {

		.breadcrumb {padding: 8px 0;}

	}

	



	/* Pagination */

	.pagination {

		margin-bottom: 20px!important;

		padding-top: 15px;

		border-top: 1px dotted #c8c8c8;

	}

	.pagination li a {

		display: block;

		font-size: 13px;

		background: #f2f2f2;

		border: 1px solid #e1e1e1;

		color: #252525;

		border-radius: 0;

	}

	.pagination li a:hover, 

	.pagination .uk-active a {

		background: #bd2024;

		border-color: #bd2024;

		color: #fff;

	}

	

	/* CATALOGUE */

	.mega{

		background:#fff0f1;

	}

	.mega .list-mega{}

	.mega .list-mega li{

		float:left;

		padding:5px 5px 5px 14px;

	}

	.mega .list-mega li > *{

		color:#000;

	}

	.mega .list-mega li.active{

		border:0;

		background:#ed1b2f;

		position:relative;

		margin-right:15px;

	}

	.mega .list-mega li.active > *{

		color:#fff;

	}

	.mega .list-mega li.active:before{

		content:'';

		display:block;

		left:100%;

		top:0;

		width:0;

		height:0;

		border-top: 15px solid transparent;

		border-left: 12px solid #ed1b2f;

		border-bottom: 15px solid transparent;

		position:absolute;

	}

	/* -------- */

	

/* </body> */

/* ################################################# */



/* <footer> */

	.footer-navigation{}

	.footer-navigation .footer-menu{}

	.footer-navigation .footer-menu > li{}

	.footer-navigation .footer-menu > li > a{

		text-transform:uppercase;	

		color:#333;

		font-size:13px;

	}

	.footer-navigation .footer-menu > li:first-child a{

		padding-left:0;

	}

	.footer .top{

		border-top:1px solid #ccc;

		border-bottom:1px solid #ccc;

	}

	.footer .top .external{}

	.footer .top .external li{

		float:left;

		margin-left:10px;

	}

	.footer .top .external li > *{padding:10px 0;}

	.footer .middle{

		padding: 10px 10px;

		background: #eeeeee;

	}

	.footer .middle .panel-title{}

	.footer .middle .panel-title .heading-5{

		font-size:14px;

		margin: 0 0 5px 0;

	}

	.footer .middle .panel-title .heading-5 > *{

		color:#000;

	}

	.footer .middle .panel-body{}

	.footer .middle .panel-body ul{}

	.footer .middle .panel-body ul li{}

	.footer .middle .panel-body ul li a{

		color:#333;

		font-family:'Arial';

		font-size:12px;

	}

	.footer .bottom{

		padding-bottom:15px;

	}

/* </footer> */

/* <animation> */

	

/* </animation> */

/* </betloy.css> */

@media (max-width:769px){

	.article-7 .thumb .image{

		height:170px !important;

	}

	.hotspot .hotspot-feature .thumb .image{

		height:170px;	

	}

	.article-2 .thumb .image{

		height:320px;

	}

}



@media (max-width:601px){

	.hotspot .hotspot-feature .thumb .image{

		height:170px;

	}

	.sport .article-3 .thumb .image{

		height:320px;

	}

}



@media (max-width:415px){

	.first-new .article-2 .thumb .image{

		height:170px;

	}

	.list-news{

		height:auto;

	}

	.article-2 .thumb .image{

		height:220px;

	}

}



/* Aside */

.aside>* {margin-bottom: 20px!important;}

.video-section {

	margin-bottom: 15px;

	padding: 10px;

	border: 1px solid #e1e1e1;

}

.video-section  .heading {

	position: relative;

	text-transform: uppercase;

	font-size: 18px;

	line-height: 20px;
	  font-family: 'RobotoCondensed-Bold';



	color: #e13138;

}

.video-section  .heading:before {

	content: "";

	display: block;

	position: absolute;

	width: 30px;

	height: 3px;

	background:#e13138;

	left: 0px;

	top: -13px;

}

.video-section  .heading>* {color: #1a9a29;}

.video-section .video .thumb {

	margin: 0 0 5px 0;

	height: 225px;

}

.video-section .video .title {

	margin: 0;



	font-size: 15px;

	line-height: 20px;

	font-weight: normal;

	text-align: center;

}

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

.social-section ul {display: inline-block;}

.social-section ul li {float: left;}

.social-section ul li+li {margin-left: 15px;}

.social-section ul a {

	display: block;

	text-indent: -99999px;

	width: 34px;

	height: 32px;

	background: url(img/rss.png) center no-repeat;

}

.social-section ul .google a {background: url(img/google-plus.png) center no-repeat;}

.social-section ul .twitter a {background: url(img/twitter.png) center no-repeat;}

.social-section ul .youtube a {background: url(img/youtube.png) center no-repeat;}

.social-section ul .pinterest a {background: url(img/pinterest.png) center no-repeat;}

.social-section ul .facebook a {background: url(img/facebook.png) center no-repeat;}

.partner-section {margin: 0 0 20px 0;}

.partner-section .thumb {

	padding: 3px;

	border: 1px solid #c8c8c8;

}

.partner-section .thumb .image {height: 90px}
.main-box{
	margin-top: 15px;
}
/*Bengin footer */
.footer {    margin-top: 20px; float:left; font-size:14px; line-height:1.5; width:100%; position:relative; background:#282870; color:#c2c2f4; padding:24px 0; }
.main-footer { margin:auto; max-width:1100px; min-width:240px; }
.footer-header { float:left; width:100%; position:relative; }
.footer-content { float:left; width:100%; position:relative; }
.footer-title {   font-family: 'RobotoCondensed-Bold'; float:left; width:100%; position:relative; text-transform:uppercase; font-weight:700; padding-bottom:10px; }
.footer p { color:#c2c2f4; }
.footer a { color:#c2c2f4; }
.footer-col1 { float:left; width:210px; margin-right:24px; }
.footer-col2 { float:left; width:25%; padding-right:16px; }
.footer-col3 { float:left; width:39%; padding-right:16px; }
.footer-col4 { float:right; width:160px; }
.nav-c3 {    width: 33.3%;    float: left;    margin: 0;    padding: 0;}
.nav-c3 li {    padding-bottom: 8px;    list-style: none;}
.footer-link { float:left; width:100%; padding-top:16px; border-top:solid 1px #333377; font-size:12px; margin-top:16px; }
.footer-link { text-align:center; }
.footer-link a { display:inline-block; position:relative; margin:0 10px; }
.footer-link a::after { position:absolute; content:""; width:1px; height:10px; background:#c2c2f4; right:-10px; top:4px; }
.maps { width:100%; float:left; text-align:center; }
.maps img { width:100%; height:170px; object-fit:cover; }
.icon-social2 { display:inline-block; width:24px; height:24px; margin-right:10px; border-radius:2px; cursor:pointer; place-items:center; line-height:24px; text-align:center; }
/* icon_footer */
.fb_customer_chat_bubble_animated_no_badge{
    right: 2pt !important;
    bottom: 3pt !important;
}
.icon_footer {  position:fixed; bottom:10px; right:10px; z-index:9; }
.callhotline { background-color:#dd3333; left:10px; border-radius:100%; height:48px; width:48px; line-height:48px; color:#fff; font-size:20px; box-shadow:0 1px 5px 0 rgba(32,33,36,0.50); }
.callhotline .fa { position:relative; color:#fff; font-size:20px; left:16px; }
.fa-hotline {    position: absolute;    background: antiquewhite;    padding: 0 20px 0 36px;    color: red;    border-radius: 0 25px 25px 0;    z-index: -1;    left: 22px;    font-weight: bold;
}
.callhotline img { border-radius: 100%;   height: 48px;    width: 48px;}
.callhotline::before { border-radius:100%; 
	-webkit-border-radius:100%; display:block; width:48px; height:48px; 
	position:absolute; right:0;
	 content:''; box-shadow:0 0 0 rgba(23,143,214,0.4); 
	 -webkit-animation:live-pulse 1s infinite; -moz-animation:live-pulse 1s infinite; -o-animation:live-pulse 1s infinite; animation:live-pulse 1s infinite; }
@-webkit-keyframes live-pulse {
    0% { -webkit-box-shadow:0 0 0 0 rgba(225,6,0,0.5); } 70% { -webkit-box-shadow:0 0 0 10px rgba(225,6,0,0); } 100% { -webkit-box-shadow:0 0 0 0 rgba(225,6,0,0); } 
} 
@keyframes live-pulse {
    0% { -moz-box-shadow:0 0 0 0 rgba(225,6,0,0.5); box-shadow:0 0 0 0 rgba(225,6,0,0.5); } 70% { -moz-box-shadow:0 0 0 10px rgba(225,6,0,0); box-shadow:0 0 0 10px rgba(225,6,0,0); } 100% { -moz-box-shadow:0 0 0 0 rgba(225,6,0,0); box-shadow:0 0 0 0 rgba(225,6,0,0); } 
} 
.ic-email { bottom:130px; }
.ic-email img { height:40px; width:40px; }
.ic-zalo { bottom:80px; }
.ic-zalo img { height:40px; width:40px; }
.ic-face img { height:40px; width:40px; }
.ic-face { bottom:10px; }
/* End footer */
.footer-col1 .section-content{
	    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.post-social{
	margin-top: 10px;
}
.section {
    float: left;
    width: 100%;
    margin-bottom: 32px;
    position: relative;
   
}
.partner-section{
	margin-top: 30px;
}
.col3 {
    float: left;
    width: 31.3%;
    margin-right: 3%;
    position: relative;
}
.section-header {
    float: left;
    width: 100%;
    position: relative;
}
.title-2 {
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 24px;
    position: relative;
    padding-bottom: 16px;
}
.section-content {
    float: left;
    width: 100%;
    position: relative;
}
.article-list {
    float: left;
    width: 100%;
    position: relative;
    padding: 16px 0;
    border-bottom: solid 0.5px #e0e0e0;
}
.article-list:first-child {
    padding-top: 0;
}
.article-image {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.list-1 .article-image {
    margin-bottom: 12px;
}
.list-1 .image {
    height: 198px;
    width: 100%;
    object-fit: cover;
}
.article-title {
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.list-1 .article-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
}
.list-1 .article-title  a{
	color: #222;
}
.article-list {
    float: left;
    width: 100%;
    position: relative;
    padding: 16px 0;
    border-bottom: solid 0.5px #e0e0e0;
}
.article-image {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.thumbnail120 {
    width: 120px;
    margin-right: 12px;
}
.thumbnail120 img {
    height: 70px;
    width: 100%;
    object-fit: cover;
}
.list-2 header {
    display: grid;
}
.list-2 .article-title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.list-3 .article-title {
    font-size: 16px;
    margin-bottom: 0;
}
.load-more2 {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.load-more-link {
    display: inline-block;
    border: solid 1px #dd3333;
    color: #dd3333;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 24px;
    min-width: 120px;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    background: #fff;
    font-size: 13px;
    position: relative;
    color: #222;
}
.list-2 .article-title a{
	color: #333;
}
.list-3 .article-title a{
	color: #333;
}
.section .section-header .title-2{
	    font-size: 20px;
	    padding-left: 0;
}
.section .section-header .title-2 img{
	margin-right: 10px;
}
.col3:nth-child(3n+3) {
    margin-right: 0;
}
.partner-section{
	display: inline-block;
	width: 100%;
}
/* breadcrumbs */
.breadcrumb { float:left; width:100%; margin-bottom:10px; font-size:13px; background: none;}
.breadcrumb a { display:contents; }
.breadcrumb a + a:before { padding:0 5px; color:#666; content:"/\00a0"; }
.breadcrumb a + span:before { padding:0 5px; color:#666; content:"/\00a0"; }
.main-new-detail .article-list{
	    border: solid 1px #e0e0e0;
    padding: 24px;
}
.highlight-feature .article-2 .title{
	margin-top: 5px;
}
.content p{
	  font-family: 'RobotoCondensed-Regular'!important;
	  font-size: 15px!important;
}
/* icon_footer */
.fb_customer_chat_bubble_animated_no_badge{
    right: 2pt !important;
    bottom: 3pt !important;
}
.icon_footer {  position:fixed; bottom:10px; right:10px; z-index:9; }
.callhotline { background-color:#dd3333; left:10px; border-radius:100%; height:48px; width:48px; line-height:48px; color:#fff; font-size:20px; box-shadow:0 1px 5px 0 rgba(32,33,36,0.50); }
.callhotline .fa { position:relative; color:#fff; font-size:20px; left:16px; }
.fa-hotline {    position: absolute;    background: antiquewhite;    padding: 0 20px 0 36px;    color: red;    border-radius: 0 25px 25px 0;    z-index: -1;    left: 22px;    font-weight: bold;
}
.callhotline img { border-radius: 100%;   height: 48px;    width: 48px;}
.callhotline::before { border-radius:100%; 
	-webkit-border-radius:100%; display:block; width:48px; height:48px; 
	position:absolute; right:0;
	 content:''; box-shadow:0 0 0 rgba(23,143,214,0.4); 
	 -webkit-animation:live-pulse 1s infinite; -moz-animation:live-pulse 1s infinite; -o-animation:live-pulse 1s infinite; animation:live-pulse 1s infinite; }
@-webkit-keyframes live-pulse {
    0% { -webkit-box-shadow:0 0 0 0 rgba(225,6,0,0.5); } 70% { -webkit-box-shadow:0 0 0 10px rgba(225,6,0,0); } 100% { -webkit-box-shadow:0 0 0 0 rgba(225,6,0,0); } 
} 
@keyframes live-pulse {
    0% { -moz-box-shadow:0 0 0 0 rgba(225,6,0,0.5); box-shadow:0 0 0 0 rgba(225,6,0,0.5); } 70% { -moz-box-shadow:0 0 0 10px rgba(225,6,0,0); box-shadow:0 0 0 10px rgba(225,6,0,0); } 100% { -moz-box-shadow:0 0 0 0 rgba(225,6,0,0); box-shadow:0 0 0 0 rgba(225,6,0,0); } 
} 
.ic-email { bottom:130px; }
.ic-email img { height:40px; width:40px; }
.ic-zalo { bottom:80px; }
.ic-zalo img { height:40px; width:40px; }
.ic-face img { height:40px; width:40px; }
.ic-face { bottom:10px; }
/* End footer */

@media only screen and (max-width: 736px){
	.section .col3{
		width: 100%;
		margin-right: 0;
		padding-bottom: 20px;
	}
	.footer-col1{
		width: 100%;
		margin-right: 0;
		padding-bottom: 15px;
	}
	.footer-col2{
		width: 100%;
		margin-right: 0;
		padding-bottom: 15px;
	}
	.footer-col3{
		width: 100%;
		margin-right: 0;
		padding-bottom: 15px;
	}
	.footer-col4{
		width: 100%;
		
	}
	.feature-news .uk-grid-width-1-3>*{
		width: 50%;
	}
}