/*-----------css reset---------------------*/
*{ margin:0; padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Font face*/
@font-face {
    font-family: RCB;
    src: url('fonts/RobotoCondensedBold.eot');
    src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('fonts/RobotoCondensedBold.woff') format('woff'),
         url('fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}

@font-face {
    font-family: RCR;
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('fonts/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}

@font-face {
    font-family: RM;
    src: url('fonts/RobotoMedium.eot');
    src: url('fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('fonts/RobotoMedium.woff2') format('woff2'),
         url('fonts/RobotoMedium.woff') format('woff'),
         url('fonts/RobotoMedium.ttf') format('truetype'),
         url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: RR;
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: RB;
    src: url('fonts/RobotoBold.eot');
    src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold.woff2') format('woff2'),
         url('fonts/RobotoBold.woff') format('woff'),
         url('fonts/RobotoBold.ttf') format('truetype'),
         url('fonts/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: RL;
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}

@font-face {
    font-family: SFBC;
    src: url('fonts/SFUEurostileBoldCondensed.eot');
    src: url('fonts/SFUEurostileBoldCondensed.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileBoldCondensed.woff2') format('woff2'),
         url('fonts/SFUEurostileBoldCondensed.woff') format('woff'),
         url('fonts/SFUEurostileBoldCondensed.ttf') format('truetype'),
         url('fonts/SFUEurostileBoldCondensed.svg#SFUEurostileBoldCondensed') format('svg');
}

@font-face {
    font-family: SFEC;
    src: url('fonts/SFUEurostileCondensed.eot');
    src: url('fonts/SFUEurostileCondensed.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileCondensed.woff2') format('woff2'),
         url('fonts/SFUEurostileCondensed.woff') format('woff'),
         url('fonts/SFUEurostileCondensed.ttf') format('truetype'),
         url('fonts/SFUEurostileCondensed.svg#SFUEurostileCondensed') format('svg');
}

@font-face {
    font-family: UAS;
    src: url('fonts/UTMAmericanSans.eot');
    src: url('fonts/UTMAmericanSans.eot') format('embedded-opentype'),
         url('fonts/UTMAmericanSans.woff2') format('woff2'),
         url('fonts/UTMAmericanSans.woff') format('woff'),
         url('fonts/UTMAmericanSans.ttf') format('truetype'),
         url('fonts/UTMAmericanSans.svg#UTMAmericanSans') format('svg');
}

@font-face {
    font-family: UVTHB;
    src: url('fonts/UVNHepBold.eot');
    src: url('fonts/UVNHepBold.eot') format('embedded-opentype'),
         url('fonts/UVNHepBold.woff2') format('woff2'),
         url('fonts/UVNHepBold.woff') format('woff'),
         url('fonts/UVNHepBold.ttf') format('truetype'),
         url('fotns/UVNHepBold.svg#UVNHepBold') format('svg');
}

@font-face {
    font-family: 'UTMAvo';
    src: url('fonts/UTMAvo.eot');
    src: url('fonts/UTMAvo.eot') format('embedded-opentype'),
         url('fonts/UTMAvo.woff2') format('woff2'),
         url('fonts/UTMAvo.woff') format('woff'),
         url('fonts/UTMAvo.ttf') format('truetype'),
         url('fonts/UTMAvo.svg#UTMAvo') format('svg');
}

@font-face {
    font-family: 'UTMAvoBold';
    src: url('fonts/UTMAvoBold.eot');
    src: url('fonts/UTMAvoBold.eot') format('embedded-opentype'),
         url('fonts/UTMAvoBold.woff2') format('woff2'),
         url('fonts/UTMAvoBold.woff') format('woff'),
         url('fonts/UTMAvoBold.ttf') format('truetype'),
         url('fonts/UTMAvoBold.svg#UTMAvoBold') format('svg');
}




/*----------basic----------------*/
html,body {font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; text-rendering: optimizeLegibility;}
a { text-decoration:none; color:#1471CE; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:hover { text-decoration:none !important; color:#F00; }
html {}/*Prevent Firefox Scrollbar Jump*/
img{border:none; max-width:100%; height:auto; vertical-align:middle;}
input , textarea { padding: 0; margin: 0; resize:none; outline:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0;}
input:focus{ outline:1px solid #f97d17;}
textarea:focus{ outline:1px solid #f97d17;}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bolb; outline:none}
ul,ol{ margin-left:15px; text-decoration: none !important;}

/*Phan trang*/
.phantrang{text-align:center;background:rgba(0,0,0,0);right:0px;top:-40px;padding:5px 0px;}
.phantrang div {display: inline-block;}
.phantrang a {background:#193d71;color: #FFF;cursor: pointer;font-size: 11px;margin: 10px 0 10px 4px;padding: 6px 10px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.phantrang div.active {background: #f97d17; color: #FFF; cursor: pointer; font-size: 11px; margin: 10px 0 10px 4px; padding: 0px 10px; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.phantrang span{padding:3px 10px 5px;background:#f97d17;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFF;}
.phantrang a:hover {background: none repeat scroll 0 0 #f97d17; box-shadow: none;color: #FFFFFF;text-decoration: none;}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;border: 1px solid #D2D2D2 !important;color: #ADADAD !important;cursor: default;opacity: 0.7;}
.phantrang .paginate_active, .phantrang .paginate_active:hover {background: none repeat scroll 0 0 #05bfdc;box-shadow: none;color: #FFF;font-weight:bold;}

/* My */
.vshd{ visibility:hidden; height:0px; width:0px; position:fixed; top:-10px;}
#back-top{cursor: pointer; display: none; width: 31px; height: 31px; position: fixed; background-color: #dd3030; bottom: 65px; right: 20px;}
#back-top:before{content: ""; position: Absolute; width: 0; height: 0; border: 11px solid transparent; border-bottom: 11px solid white; left: 5px; top: -8px;}
#back-top:after{content: ""; position: Absolute; width: 10px; height: 17px; background-color: white; left: 11px; top: 14px;}
.button{ padding: 2px 15px; background:#004ba1; color:#FFF; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.input{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border: 1px solid #e1e1e1; border-radius: 3px;}
.center{ max-width:1200px; margin:0 auto; position:relative;}
.center1{ max-width:1300px; margin:0 auto; position:relative;}
.w-clear:after{ display:block; content:""; clear:both;}
.red{ color:#F00;}
.rb{ color:#F00; font-weight: bold; font-size: 18px;}
.addthis_inline_share_toolbox{ margin-top:10px;}
.open-sans{ font-family: 'Open Sans', sans-serif;}
.mrb15{ margin-bottom:15px;}
.mrt15{ margin-top:15px;}
#load{ width:100%; height:100%; position:fixed; z-index:9999; background:url(../img/loading.gif) no-repeat center,#FFF; display:none; opacity:0.9; top: 0px; left: 0px;}
.ct-l.load{ background:url(../img/load.gif) no-repeat center; min-height: 200px;}
.del{text-decoration: line-through;}
.main-tit{margin-bottom: 15px; color: #2d2d2d; font-family: SFEC; font-size: 25px; border-bottom: 1px solid #e2e2e2; position: relative;}
.main-tit:after{position: absolute; content: ''; left: 0; bottom: -1px; width: 110px; height: 4px; background: #e33c1d;}
.main-tit h2{margin: 0; font-weight: normal; font-size: 25px; line-height: 25px; padding-bottom: 15px;}
.box-tab-tit{font-family: RR;color: #353535; margin-top: 15px; border-bottom: 5px solid #a3a3a3;text-align: center;}
.box-tab-tit:after{display: block;content: "";clear: both;}
.box-tab-tit div{ padding: 5px 15px; cursor: pointer; border: 1px solid #a3a3a3;float: left; margin-right: -1px;}
.box-tab-tit div.active{ color: #FFF; background: #a3a3a3;}
.w-tab-con{ border: 1px solid #a3a3a3; margin-bottom: 20px;}
.box-tab-con{display: none; padding: 10px;}
.box-tab-con:first-child{display: block;}
.slick-img-thumb{width: calc(100% + 10px); margin-left: -5px; margin-top: 10px;}
.slick-img-thumb img.thumb{ box-shadow: none !important; border: 1px solid #CCC !important;}
.slick-dots{ margin: 0px !important;}
#smenu{display: none; background: #2E8622; color: #fff; padding: 5px 10px;}
#smenu .search{margin: 0;}
#smenu .search input{padding: 1px 10px 0px;}
#smenu .search button{padding: 0 0 1px;}
.i-menu{font-size: 22px; margin-right: 10px; cursor: pointer; transform: translateY(3px);}
#menus{display: none;}
.tbl{width: 100%;display: table; border-collapse: collapse;}
.tbl .tr{ display: table-row;}
.tbl .th{font-family: RB;}
.tbl .td,.tbl .th{ display: table-cell;}

/* RP Iframe*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

::-webkit-input-placeholder{color: #818181;}
::-moz-placeholder{color: #818181;}
:-ms-input-placeholder{color: #818181;}
:-moz-placeholder{color: #818181;}

/* Banner */
#banner{padding-bottom: 40px; background: url(../img/bg_banner.png) no-repeat center top; background-size: auto 100%; text-align: center; position: relative;}
.logo{position: absolute; height: calc(100% + 20px); padding: 0 10px; display: flex; align-items: center; margin-left:-75px;margin-top:3px;}
.banner-ab{position: absolute; bottom: 15px; right: 15px; text-align: left; font-family: 'UTMAvo'; font-size: 16px; color: #fff; text-shadow: 1px 1px 1px #000;}
.banner-ab p{margin: 0; font-family: 'UTMAvoBold'; font-size: 20px; color: #2E8622;}
.banner-ab .mxh img{margin-right: 3px;}
div#lang {
    position: absolute;
    top: -20px;
    right: -50px;
}
/* Menu */
#menu{font-family: 'Arial';background: url(../img/bg_menu.png) no-repeat center top; padding: 0 15px; padding-bottom: 10px; position: relative; z-index: 99; margin-top: -45px; margin-bottom: -15px;}
#menu.fix{position: fixed; top: 0; left: 0; bottom: inherit; margin: 0; padding-bottom: 0; width: 100%; z-index: 999; background: #2E8622;}
#main-menu{float: right;}
.search{float: right; width: 220px; margin-left: 20px; margin-top: 7px;}
.search input{float: left; background: #fff; border: none; border-right: 1px solid #cacaca; outline: none; padding: 5px 10px 3px; width: calc(100% - 33px); font-size: 12px; color: #818181;}
.search button{width: 33px; text-align: center; background: #f1f1f1; color: #fff; padding: 4px 0;}
.menu-line{position: relative;}
.menu-line:after{position: absolute; content: ''; top: calc(50% - 3px); right: 0; width: 1px; height: 5px; background: #3376d1;}
.menu-line:last-child:after{display: none;}
.menu-line:hover > a{}

/* Slide */
#slide{}

/* Footer */
#footer{background:#ed1c24; background-size: 100% 100%; padding: 40px 0px 0px; color: #FFF;}
#footer a{color: #fff;}
#footer a:hover{color: #ff0;}
.ft-tit{text-transform: uppercase; color: #fff; font-size: 17px; font-family: RR; color: #fff; padding-bottom: 10px; margin-bottom: 20px; position: relative;}
.ft-tit:after{position: absolute; content: ''; width: 50px; height: 1px; left: 0; bottom: 0; background: #fff;}
.ft-1{width: 430px; float: left; margin-right: 20px;}
.ft-1 h3{margin: -5px 0 10px; font-family: SFEC; font-size: 25px; color: #fff200; text-transform: uppercase;}
.ft-2{width: 275px; float: left; margin-right: 20px;}
.ft-2 p{font-size: 12px; line-height: 18px;}
.ft-2 form{margin: 20px 0 0;}
.ft-2 .input{border-radius: 0px; padding: 4px 10px; width: calc(100% - 67px); max-width: 210px; border: none; background: #fff; float: left; outline: none; font-family: RR; font-size: 13px; color: #000;}
.ft-2 .button{float: left; margin-left: 2px; width: 65px; text-transform: uppercase; background: #2E8622; font-family: RR; font-size: 15px; color: #fff; border-radius: 0px; padding: 4px 15px; border: none;}
.ft-2 .mxh img{margin-left: 3px;}
.ft-3{width: 335px; float: right;}

.mxh{font-family: RR; font-size: 12px; margin-top: 20px; line-height: 38px;}

.ft-b{background: rgba(0, 0, 0, 0.1); padding: 15px 0px 13px; margin-top: 40px; font-size: 13px;}
.ft-b .center{display: flex; justify-content: space-between;}
.ft-l{color: #5593c8;}
.ft-l a{color: #5593c8;}
.ft-l a:hover{color: #ff0;}
.ft-r span{color: #fff200;}

/* Lien he */
.lh-l{width: 50%;float: left; padding-right: 20px;border-right: 1px solid #CCC;}
.lh-r{width: 50%;float: left;padding-left: 20px;border-left: 1px solid #CCC;margin-left: -1px;}
.lh-con-l{width: 30%;float: left;margin-bottom: 5px;}
.lh-con-l span{color: red;}
.lh-con-r{width: 70%;float: left;margin-bottom: 5px;}
.lh-con-r *{max-width: 100%;}
.lh-con-r .input{width: 100%;outline:none;padding:0 5px;}
.lh-con-r textarea{border: 1px solid #e1e1e1;border-radius: 5px;width: 100%;outline:none;padding:0 5px;}

/* San pham */
.box-sp{width: 225.7px; float: left; margin: 0px -1px -1px 0px; color: #424141; border: 1px solid #e7e7e7; padding: 15px;}
.box-sp-img{width: 100%; overflow: hidden;}
.box-sp-img img{width: 100%;}
.box-sp h3{font-size: 15px; font-weight: normal; margin: 10px 0px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.box-sp a{ color: #666;}
.box-sp a:hover{ color: #f00;}
.box-sp-gia{font-size: 13px; color: #555; /*margin-top: 5px;*/}
.box-sp-gia span{color: #d10000; font-weight: bold;}
.box-sp-gia span.del{color: #555; font-weight: normal;}
.box-sp-slick{width: 100% !important; float: none; border-left: none; border-bottom: none;}
.slick-index{border: 1px solid #e7e7e7; border-top: none; border-top: none;}
.ct-l{width: 45%;float: left;margin-bottom: 20px;}
.ct-r{width: 53%;float: right;}
.ct-tit{font-family: RB; font-weight: normal; margin: 0px 0px 10px; color: #F00;}
.ct-tit h2{font-weight: normal; color: #F00; font-size: 24px; margin: 0px;font-family: RB;}
.ctsp-tit{font-family: RB; font-size: 18px; margin-bottom: 10px;}
.ct-sp p{margin-bottom: 0px !important;}
.ct-sp-l{width: 100px;float: left;}
.ct-sp-r{width: calc(100% - 110px);float: right;}
.ct-sp-r-1{width: 33.33%;float: left;}
.ct-sp-r-2{width: 33.33%;float: left;}
.ct-sp-r-3{width: 33.33%;float: left;}
.thumb-color{width: 40px;height: 40px; padding: 2px; border: 1px solid #CCC; float: left; margin-right: 5px;}
.ct-sp-gia span{ color: #F00;font-weight: bold; font-size: 18px;}
.sc-tab-tit{font-family: RB; margin-top: 10px; font-weight: bold; background: #DEDCDC; padding: 5px 10px; color: #555; cursor: pointer;}
.mn-l{width: 60%;float: left;position: relative;margin-left: 5%;border: 1px solid #f2f2f2; padding: 10px; box-shadow: 0px 0px 5px #CCC}
.mn-l img,#phuongphapphoimau .col-2 img{position: absolute;top: 10px;left: 10px;z-index: 0;opacity: 0;}
.mn-l img.active,#phuongphapphoimau .col-2 img.active{position: static;z-index: 99; opacity: 1;}
.mn-r{width: 28%;float: right;margin-right: 5%;}
.mn-r img{ margin: 0px 10px 10px 0px;float: left; cursor: pointer;}
.mn-r img:nth-child(2n){margin-right: 0;}
.sm-r img{ margin: 0px 0px 10px 0px !important;}

/* Tin tuc */
.box-news{line-height: 20px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #CCC; padding-bottom: 10px;}
.box-news-img{float: left; margin-right: 10px; border: 1px solid #CCC; padding: 2px; max-width: 40%;}
.box-news h3{margin: 0px 0px 5px;font-size: 18px; font-family:RR;}
.box-news-date{ color: #bbbbbb; font-size: 12px; margin-bottom: 2px;}
.box-news:nth-child(2n){margin-right: 0;}
.box-news:nth-child(2n+1){clear: both;}
h2.tincungloai{font-size: 16px;font-weight: bold;border-bottom: 1px solid #CCC; margin: 0px 0px 5px; padding-bottom: 5px; margin-top: 15px;}
ul.tincungloai{ list-style: none; margin: 0; font-size: 13px; font-family: RR; }
ul.tincungloai li{ background: url('../img/tinkhac.png') no-repeat left top 10px; padding-left: 15px; }
ul.tincungloai li a{ color: #424242; }
ul.tincungloai li a:hover{ color: #da2627; text-decoration: underline !important; }
/* Container */
#container{padding: 20px 0px;}
.content{text-align: justify;}
.left{width: 270px; float: left; margin-right: 30px;}
.right{width: calc(100% - 300px); float: left;}

/* Index */
.left-box{margin-top: 20px;}
.left-box:first-child{margin-top: 0;}
.left-tit{font-family: SFEC; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; line-height: 41px; background: url(../img/left-tit.png) no-repeat left top;}
.left-info{border: 1px solid #0054c6; border-top: none;}
.left-info ul{margin: 0; list-style: none;}
.left-info > ul{padding: 5px 0;}
.left-info ul li{font-size: 15px; border-bottom: 1px dotted #e9e9e9; padding: 7px 10px 7px 45px; background: url(../img/left-li.png) no-repeat center left 30px;}
.left-info ul li a{color: #5d5d5d;}
.left-info ul li a:hover{color: #f00;}
.left-info ul li:last-child{border: none;}
.left-hotro{padding: 15px 25px;}
.tac{text-align: center;}
.left-hl{
    font-weight: bold;
    font-size: 18px; 
    color: #fe0000; 
    background: url(../img/bg-hl.png) no-repeat; 
    padding: 18px 10px 10px 53px; 
    margin-top: 15px;
}
.box-yh{font-size: 14px; color: #4a4a4a; padding: 10px 0; border-bottom: 1px solid #e9e9e9;}
.box-yh div:first-child{font-size: 15px; color: #3853a4;}
.box-yh div:first-child img{transform: translateY(-2px);}
.box-yh div{margin-bottom: 5px;font-size:12px}
.box-yh div img{margin-right: 5px;}
.box-yh:last-child{border-bottom: none; padding-bottom: 0px;}
.icon{
    margin-top:-80px;
}
.i-tit:first-child{margin-top: 0;}
.i-tit{
    font-family: SFEC; 
    font-size: 22px;
    color: #2d2d2d; 
    margin-top: 30px; 
    margin-bottom: 15px; 
    position: relative; 
    border-top: 1px solid #ed1c24; 
    max-width: calc(100% - 75px);
}
.i-tit:after{position: absolute; content: ''; width: 80px; height: 3px; background-color: #ed1c24; left: 0; top: 2px;}
.i-tit span{font-size: 22px; line-height: 40px;}
.i-tit .xtc{position: absolute; top: 15px; right: 0; font-size: 12px; font-family: 'Arial'; font-weight: bold; text-transform: uppercase;}
.i-tit .xtc img{margin-right: 3px; transform: translateY(-1px);}
.i-tit .xtc a{color: #7a7a7a;}
.i-tit .xtc a:hover{color: #ed1c24;}
#doitac{clear: both;margin: 20px 0px;}
.slick-dt{width: calc(100% + 20px);margin-left: -10px;}
.box-dt{border: 1px solid #CCC; max-width: 200px;}
.box-dt img{display: block;margin: auto;}
.tt-l{width: calc(100% - 400px);float: left;}
.tt-r{width: 380px;float: right;}
.tt-tit{background: #026ce6; color: #FFF;font-family: RCR; font-size: 18px;text-transform: uppercase; padding: 5px 10px;margin-bottom: 10px;}

.bottom{display: flex; justify-content: space-between;}
.bottom-l{width: 47%; margin-bottom: 30px;}
.bottom-r{width: 49%; margin-bottom: 30px;}
.bottom-tit{margin-bottom: 30px; color: #2d2d2d; font-family: SFEC; font-size: 25px; line-height: 25px; padding-bottom: 15px; border-bottom: 1px solid #e2e2e2; position: relative;}
.bottom-tit:after{position: absolute; content: ''; left: 0; bottom: -1px; width: 110px; height: 4px; background: #e33c1d;}
.box-newsnb{line-height: 22px; font-size: 13px; color: #3e3e3e; position: relative;}
.box-newsnb-date{float: left; width: 58px; margin-right: 20px; line-height: 19px; padding: 10px 0; text-align: center; font-size: 14px; color: #fff; background-color: #0054c6; border-radius: 50%;}
.box-newsnb-date strong{display: block; font-size: 19px;}
.box-newsnb-more{font-size: 14px; display: none;}
.box-newsnb-more a{color: #fe0b11;}
.box-newsnb-more a:hover{text-decoration: underline !important;}
.box-newsnb p{margin-bottom: 5px;}
.box-newsnb img{float: left; margin-right: 20px; width: 160px; height: 136px;}
.box-newsnb h3{margin: 0; font-weight: bold; font-size: 15px; margin-bottom: 5px; text-transform: uppercase; line-height: 20px;}
.box-newsnb h3 a{color: #3e3e3e;}
.box-newsnb h3 a:hover{color: #f00;}
.bottom .vert{height: 302px;}
.bottom .vert .simply-scroll-clip{height: 302px;}
.bottom .vert .simply-scroll-clip li{margin-bottom: 30px;}
.videoclip{float: right; width: 580px; margin-bottom: 40px;}
.video-l{float: left; width: 72%; margin-right: 9px;}
.video-l iframe{width: 100%;}
.video-r{float: left; width: calc(100% - 72% - 9px);}
.box-video{margin-bottom: 9px; height: 93px; text-align: center; cursor: pointer;}
.box-video img{height: 100%; width: 100%;}
.p20{padding: 20px;}
.box-spi{}
.box-spi-img{float: left; width: 110px; background-color: #f2f2f2; margin-right: 20px;}
.box-spi-info{float: left; width: calc(100% - 130px);}
.box-spi-tit{font-size: 15px; line-height: 20px; margin-bottom: 3px;}
.box-spi-gia{font-size: 14px; line-height: 18px;}
.box-spi-gia .del{margin-top: 3px;}
.box-spi-gia span{font-weight: bold; color: #ed1c24;}
.box-spi-tit a{color: #222;}
.box-spi-tit a:hover{color: #f00;}
.more a{color: #9a9a9a; text-decoration: underline !important;}
.more a:hover{color: #f00;}

.slick-index-prev, .slick-index-next{display: inline-block; cursor: pointer; position: absolute; top: -56px; right: 0; width: 25px; line-height: 21px; border: 2px solid #c4c4c6; text-align: center; color: #98989a; font-size: 20px;}
.slick-index-prev{right: 30px;}

#footer1{display: none;}
#footer1 img{width: 30%; max-width: 35px; vertical-align: middle;}
#footer1 a{color: #fff; text-decoration: none; text-shadow: none !important;}
.blink_me {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;

  -moz-animation-name: blinker;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;

  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

/* Reponsive */
@media (min-width: 1200px) 
{
    #banner{background-size: 100% 100%;}
    .banner{margin-left: -100px;}
    .banner-ab{right: -35px; padding-left: 55px; background: url(../img/banner-ab.png) no-repeat left bottom;}
    #menu{background-size: 100% 60px; padding: 0 0 10px;}
    #footer{background-size: 100% 100%;}
    .box-sp:nth-child(4n){margin-right: 0;}
    .box-sp:nth-child(4n+1){clear: both;}
    .bottom-l{width: 570px;}
    .bottom-r{width: 580px;}
    .box-newsnb-more{display: block;}
}

@media (max-width: 1199px) 
{
    #container{ padding: 20px 15px;}
    #footer .center, .bottom, #slogan{padding-left: 15px;padding-right: 15px;}
    #menu{ z-index: 120;}
    #menu.fix{width: 100%;left: 0;}
}

@media (min-width: 992px) and (max-width: 1199px)
{
    .sm-blue a{ padding: 0px 20px !important;}
    .box-sp{width: calc(25% + 0.7px); margin: 0px -1px -1px 0px;}
    .box-sp:nth-child(4n){margin-right: 0;}
    .box-sp:nth-child(4n+1){clear: both;}
    .ft-1{width: 35%;margin: 0px;}
    .ft-2{width: calc(32% - 20px);margin:0px 0px 0px 20px;}
    .ft-3{width: calc(32% - 20px);margin:0px 0px 0px 20px;}
    .box-newsnb-date{position: absolute; left: 0; top: 0; opacity: 0.6; border-radius: 0;}
    .box-newsnb img{margin-right: 10px; max-width: 40%;}
}

@media (min-width: 992px) 
{
    .sub-arrow{display: none !important;}
}

@media (max-width: 991px) 
{
    #banner{padding: 0;}
    .logo, .banner-ab{display: none;}
    #smenu{display: block;}
    #smenu a{font-family: RB; color: #FF0; font-size: 18px;}
    #menu,#banner{position: static !important;}
    #menu,.left{display: none;}
    .right{width: 100%;float: none;}
    .menu-line{padding: 0 !important;}
    .tt-l,.tt-r{width: 100%;float: none; margin: 0px 0px 20px;}
}
@media (min-width: 768px) and (max-width: 991px)
{
    .box-sp{width: calc(25% + 0.7px); margin: 0px -1px -1px 0px;}
    .box-sp:nth-child(4n){margin-right: 0;}
    .box-sp:nth-child(4n+1){clear: both;}
    .ft-1{width: 100%;float: none;margin: 0px 0px 15px;}
    .ft-2{width: 320px;float: left;}
    .ft-3{width: 320px;float: right;}
    .box-newsnb-date{position: absolute; left: 0; top: 0; opacity: 0.6; border-radius: 0;}
    .box-newsnb img{margin-right: 10px; max-width: 40%;}
}

@media (max-width: 767px) 
{
    #footer{background: #ed1c24; padding: 20px 0 0; padding-bottom: 42px;}
    .ft-b{margin-top: 20px;}
    .ft-b .center{flex-flow: row wrap;}
    .ft-l, .ft-r{text-align: center; width: 100%;}
    .ft-1,.ft-2,.ft-3{width: 100%; float: none; margin: 0px 0px 20px 0px;}
    .ft-3{margin: 0;}
    .ct-l,.ct-r,.lh-l,.lh-r{width: 100%;float: none; margin: 0px 0px 15px 0px;padding: 0; border: none;}
    .lienhe-l,.lienhe-r{width: 100%;float: none;}
    .lienhe-l .button{display: none;}
    .ct-sp{border-bottom: 1px solid #CCC;}
    .i-tit h2{min-width: 0px;}
    .bottom{flex-flow: row wrap;}
    .bottom-l, .bottom-r{width: 100%;}
    .box-newsnb-date{position: absolute; left: 0; top: 0; opacity: 0.6; border-radius: 0;}
    .box-newsnb img{margin-right: 10px; max-width: 40%; height: 150px;}
    .video-l, .video-r{float: none; width: 100%; margin: 0;}
    .box-video{margin-bottom: 0;}
    .box-video img{width: 95%;}
    .xtc{display: none;}
    #footer1{display: block;}
}

@media (max-width: 480px) 
{
    .box-sp{width: calc(50% + 0.5px); margin: 0px -1px -1px 0px;}
    .box-sp:nth-child(2n){margin-right: 0;}
    .box-sp:nth-child(2n+1){clear: both;}
}

@media (max-width: 420px) 
{
    .i-tit{max-width: 100%;}
    .slick-index-prev, .slick-index-next{display: none !important;}
}

@media (min-width: 375px) and (max-width: 767px)
{
    .box-sp{width: calc(50% + 0.5px); margin: 0px -1px -1px 0px;}
    .box-sp:nth-child(2n){margin-right: 0;}
    .box-sp:nth-child(2n+1){clear: both;}
}

@media (max-width: 374px) 
{
    .lh-con-l,.lh-con-r{width: 100%;float: none;margin: 0px; padding: 0px;}
    .lh-con-r{margin-bottom: 10px;}
    .box-sp{width: 100%; margin: 0px auto -1px; float: none;}
}

#slogan{padding-top: 20px; margin-bottom: 10px; font-family: SFEC; font-size: 24px; font-style: italic; line-height: 30px;}
#lscroll li{padding: 0; margin-bottom: 25px; padding-bottom: 15px; border: none;}