* {
margin:0 auto;box-sizing: border-box; 
}
/*Font face*/
@font-face { font-family:'Roboto-Medium';src:url('fonts/cn-Roboto-Medium.woff') format('woff'),url('fonts/cn-Roboto-Medium.ttf') format('truetype'),url('fonts/cn-Roboto-Medium.eot') format('embedded-opentype');} @font-face{font-family:'Roboto-Regular';src:local('Roboto-Regular'),url('fonts/cn-Roboto-Regular.woff2') format('woff2'),url('fonts/cn-Roboto-Regular.woff') format('woff'),url('fonts/cn-Roboto-Regular.ttf') format('truetype'),url('fonts/cn-Roboto-Regular.eot') format('embedded-opentype');unicode-range:U+0000-1EF9,U+2013-204A} @font-face{font-family:'Roboto-Bold';src:local('Roboto Bold'),local('Roboto-Bold'),url('fonts/cn-Roboto-Bold.woff2') format('woff2'),url('fonts/cn-Roboto-Bold.woff') format('woff'),url('fonts/cn-Roboto-Bold.ttf') format('truetype'),url('fonts/cn-Roboto-Bold.eot') format('embedded-opentype');}
html {background:#fff;max-width:1920px;}
body {font-family:Arial, sans-serif;font-size:15px;}
a {text-decoration:none;}
:focus {outline:none;}
a {color:#000;}
a:focus{color:#000;}
a.iconmenu,.menumobile {display:none!important}
img {border:none;}
ul {list-style:none;padding:0;}
.top-info {padding:10px 0;}
.top-info .quangcao{padding-left:10px;float:left}
.b-right .quangcao {padding-top:20px;}
/*Define*/
#menu {background:#253d85;}
.menu {background:#253d85;}
.menu-fixed {background:#253d85;color:#fff;z-index:999;box-shadow:2px 2px 2px rgba(0,0,0,0.3);width:100%; font-family: "Roboto-Medium", Arial,Helvetica,sans-serif;}
.menu-fixed ul {text-align:center;z-index:999;position:relative;background:#253d85;}
.menu-fixed ul li{padding:0px 20px; line-height: 38px;text-transform:uppercase;font-size:13px;float:left;position:relative;letter-spacing: 0.5px;cursor:pointer;z-index:9999;background:#253d85;}
.menu-fixed ul li.active{background:#3c88bc}
.menu-fixed ul li.right{float:right}
.menu-fixed ul li a{width:100%;display:block}
.menu-fixed ul li:hover ul li a:after{width:0px; }
.menu-fixed ul li:hover {background:#3c88bc; }
.menu-fixed ul li.bg-red{background:#ea2d2e}
.menu-fixed ul li span.left{float:left;}
.menu-fixed ul li span.right{float:right;}
.menu-fixed ul li ul{position:absolute;left:0px;background:#3c88bc;top:-1px;width:250px;display:none;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;z-index:9;padding-top:1px;}
.menu-fixed ul li:hover>ul{top:38px;display:block;}
.menu-fixed ul li ul li{text-align:left;text-transform:none;font-size:13px;background:#3c88bc;width:100%;}
.menu-fixed ul li ul li:hover{background:#253d85}
.menu-fixed .logo {width:100%;background:#fff;text-align:center;padding:10px 0}
.menu-fixed .right a{float:left;width:auto;margin-top:3px;}
.menu-fixed .search-hidden {display:none}
.menu-fixed .search-form {}
.menu-fixed .search-form input,.menu-fixed .search-form button{padding:7px 10px;border:none;}
.menu-fixed .search-form input {float:left;width:80%}
.menu-fixed .search-form button {float:left;width:20%}
.menu-fixed .search-form button {background:url('../images/search.png') #eee center center no-repeat;background-size:50%;	}
.slogan {background:#eee;width:100%!important}
.gradient {background:#253d85;background: linear-gradient(to right, #ea2d2e , #253d85);height:2px;}
.hotline,.icon-menu {display:none}
.tien-ich {padding-left:10px;}
/*Col*/
.row-main{width:1040px}
.row {width:100%;}
.b-rol {float:left;width:100%;}
.b-re {position:relative;}
.b-padding {padding:0 20px;}
.b-padding-left {padding-left:20px;}
.b-padding-right{padding-right:20px;}
.b-col {background:#fff;}
.b-12 {width:100%;}
.b-11 {width:91.66%}
.b-10 {width:83.33%}
.b-9 {width:74.97%}
.b-8 {width:66.6%}
.b-7 {width:58.31%}
.b-7-1 {width:60%}
.b-6 {width:50%}
.b-5 {width:41.63%}
.b-5-1 {width:40%}
.b-4 {width:33.33%;}
.b-3 {width:15%}
.b-2 {width:16.66%}
.b-1 {width:8.33%}
.wrapper {display: grid;grid-template-columns: grid-column-gap: 400px;grid-auto-rows: 280px;}
/*Endcol*/
.red {color:#ea2d2e}
.blue {color:#08c}
.bold {font-weight:bold;}
.fix {clear:both}
.brand {color:#08c!important;font-weight:bold;text-transform:uppercase;border:none;background:none!important;padding:0!important;display:inline!important}
.wrap {width:1030px;}
.intro {padding:10px}
.intro h2, .intro p {padding-bottom:5px}
.main h1.title {padding:7px 0;font-weight:bold;text-transform:uppercase;width:100%;border-bottom:3px solid #08c;}
.header {float:left;border-top:none;width:100%;background:url('../images/header-bg.jpg') center bottom;background-size:100%;}
.top {width:1030px;}
.top .wrap-top {width:1030px;background:#fff;float:left;margin:40px auto;border-radius:0 0 0 5px}
.top .logo{width:25%;float:left;text-align:center}
.top .logo img{width:80%;padding:10px 0}
.top .menu-top{width:75%;float:left;}
.top .menu-top .top-info{width:100%;float:left;background:#000;color:#fff;padding:15px 0%;border-radius:0 0 0 5px}
.top .menu-top .top-info span{float:left;width:33%;text-align:center}
.top p{font-size:12px;width:1030px;padding:0 10px;}
.top  a{color:#f9f9f9;}
.top p span{float:right;}
.intro p{font:italic 18px/1.35em "times new roman","Lucida Grande","Lucida Sans Unicode","Lucida Sans",sans-serif;}
.slogan {width:1030px;padding:70px 0 100px;clear:both;color:#000;}
.slogan h1{}
.slogan p.donggia{font-size:58px;font-weight:900;text-transform:uppercase}
.slogan h2{font-size:16px}
.slogan h2:before{content:"*"}
.slogan .xemthem a{background:#08c;color:#fff;padding:5px 10px;margin-top:10px;float:left;border-radius:3px;}
.menu {border-left:none;border-right:none;	width:100%;float:left}
.menu .logo {padding:0px;margin-top:0;margin-bottom:20px;width:1030px}
.menu .logo img{height:50px;margin-top:20px;margin-left:10px}
.congty {text-align:center;padding:20px 0;float:left;width:100%;}
.congty .wrapx{width:1000px;}
.topmain {width:100%;float:left;}
.topmain h1 {text-align:center;padding:25px 0 15px;text-transform:uppercase;}
.topmain .wrap {width:1030px;background:#fff;}
.main  {float:left;}
.main  .wrap{width:1030px;background:#fff;}
.main  .slideleft .quangcao{float:left}
.main   .chuy {width:300px;float:right;height:320px;background:#fff;}}
.main   .chuy img{width:100%;}
.main .boxdai{border:1px solid #ddd;height:280px;background:#fff;width:225px;float:left;padding:5px;margin:5px;}
.main .boxdai .tieude{font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;font-size:16px;color:#df004a}
.main .boxdai img{width:100%;margin:5px 0;height:140px;}
.main .boxdai .hinhanh{height:150px;}
.main .boxdai .baiviet{font-weight:bold;font-size:12px;margin-bottom:5px;height:30px;}
.main .boxdai .noidung{padding-bottom:10px;height:70px;overflow:hidden}
.main .boxdai .lietke{border-top:1px solid #ddd;padding:3px 0;font-weight:bold;color:#555;}
.main .dau{clear:both;}
.main .last{margin-right:0px;}
.main .boxtrai {float:left;width:700px;background:#fff;}
.main  h1.title {font-size:180%;text-transform:uppercase}
.main  .caption {font-size:11px;text-align:center;}
.main  .Image {font-size:11px;text-align:center;}
.main  .sohot {width:100%;float:left;margin-top:0px;}
.main  .sohot .trai{width:478px;float:left;position:relative;}
.main  .sohot .trai p{background:#000;color:#fff;position:absolute;bottom:0;left:0;width:100%;padding:10px 0;opacity:0.7}
.main  .sohot .trai img{width:100%}
.main  .toplist {width:220px;float:left;font-size:12px;height:320px;text-align:justify;overflow:hidden;font-weight:bold;color:#333;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F5F5F5');
	background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F5F5F5));
	background: -moz-linear-gradient(top,  #FCFCFC,  #F5F5F5);
}
.main  .toplist p.tieude{background:#ea2d2e;color:#fff;}
.main  .toplist .baiviet{position:relative;}
.main  .toplist .baiviet p{position:absolute;bottom:0;left:0;background:#000;opacity:0.7;color:#fff;}
.main  .toplist img{width:100%}
.main  .toplist p{padding:5px 10px 5px 15px;}
.main  .listnews {padding:10px;}
.main  .boxtrai .listnews {width:353px;border-right:dashed 1px #ccc;}.slidetrai {float:right;width:300px;background:#f5f5f5;}
.boxdaiwrap p.title{padding:7px 10px;font-weight:bold;text-transform:uppercase;}
.box {width:100%;float:left;padding:30px 0}
.box:nth-child(2n) {background:#eee;}
.box h3.title {text-align:center;margin-bottom: 10px;text-transform:uppercase;font-size:20px;}
.box h3.title span{display:inline-block;padding-bottom:10px;border-bottom:3px solid #08c;}
.slidetrai .box .title,.leftmenu .title{background:none;color:#000;text-align:left;border:none;border-left:8px solid #0075bd;border-radius:0px;padding:5px 0 5px 10px;clear:both;font-size: 16px;   font-weight: bold;text-transform:uppercase;}
.hotro-bg {background:url('../images/bg-ykien.jpg') center center!important;color:#fff;}
.feedback-wrap {background:url('../images/bg-ykien-1.jpg') center center no-repeat fixed!important;background-position: 50% -6.2062px;    background-size: cover!important;color:#fff;}
.banggia-wrap {background:#08c!important;background-size: cover;color:#fff;}
.banggia-wrap p{padding:10px 0 0;}
.relatecate img{width:100%}
.rightbox {width:229px;float:left;padding:5px;margin-left:10px;background:#fff;border:1px solid #ccc;}
.rightbox .quangcao{width:100%;float:right}
.lienquan {float:left;}
.lienquan ol{padding:0 0 0 15px;font-family: 'Roboto Condensed', sans-serif;font-size:14px;}
.lienquan li{padding:0;}
.listinfo {width:437px;float:left;border:1px solid #ddd;padding:3px;background:#fff;margin: 5px 0 9px -1px;}
.listinfo img{float:left;width:100px;margin-right:5px;background:#fff;}
.listinfo p{font-weight:bold;border-bottom:1px solid #eee;padding:3px;}
.bottom-footer ul li ul {display:none!important}
.bottom-footer ul,.bottom-footer .menu, .bottom-footer .menu-fixed,.bottom-footer #menu,.bottom-footer .menu-fixed ul li {background:#08c;}
.footer {width:100%;float:left;background:url('../images/footer.png') bottom right no-repeat #253d85;background-size:30%;color:#fff;font-size:14px;line-height:18px;}
.footer h2{text-transform:uppercase;font-size:16px;margin-bottom:20px;font-weight:300}
.footer a{color:#fff;}

.footer .info{padding:0px 0;clear:both}
.footer .info .f-left{padding:20px 0 0px}
.footer .info .f-left p{line-height:25px;}
.footer .info .f-right{padding:20px 0 0px}
.footer .info .f-right a {display:inline-block;background:#fff;color:#08c;padding:5px 10px;margin:0;margin-bottom:10px;}
.footer .info .address{width:31%;float:left;padding:5px 1%;}
.footer .info .address h3{color:#feb444}
.footer .info .address .name {padding:5px 0;}
.footer .info .left{width:1030px;float:left;padding:0px 10px 0;clear:both;font-size:12px;}
.footer .info .left img{float:left;height:60px;margin-right:10px;}
.footer .info .right{width:400px;float:right;text-align:right;padding:0 10px}
.footer .left {font-size:14px;}