/* CSS Document */

*{

margin:0;

padding:0;

border:0;

outline:0;}

@font-face {

    font-family: 'utms';

    src: url('../fonts/utmswiss/UTMSwissCondensed.eot');

    src: url('../fonts/utmswiss/UTMSwissCondensed.eot') format('embedded-opentype'),

         url('../fonts/utmswiss/UTMSwissCondensed.woff2') format('woff2'),

         url('../fonts/utmswiss/UTMSwissCondensed.woff') format('woff'),

         url('../fonts/utmswiss/UTMSwissCondensed.ttf') format('truetype'),

         url('../fonts/utmswiss/UTMSwissCondensed.svg#UTMSwissCondensed') format('svg');

}

@font-face {

    font-family: 'utmal';

    src: url('../fonts/utmalter/UTMAlterGothic.eot');

    src: url('../fonts/utmalter/UTMAlterGothic.eot') format('embedded-opentype'),

         url('../fonts/utmalter/UTMAlterGothic.woff2') format('woff2'),

         url('../fonts/utmalter/UTMAlterGothic.woff') format('woff'),

         url('../fonts/utmalter/UTMAlterGothic.ttf') format('truetype'),

         url('../fonts/utmalter/UTMAlterGothic.svg#UTMAlterGothic') format('svg');

}

.clearfix:after {

    clear: both;

    content:".";

    display: block;

    height: 0;

    line-height: 0;

    visibility: hidden;

	

}



/* body*/

body {

  background: #ffffff none repeat scroll 0 0;

  color: #000000;

  font-family: "utms";

  margin: auto;

  min-width: 1200px;

  overflow-x: hidden;

}

/* Header */

#header{width:100%; height:180px; background:#FFFFFF; margin:auto;}

#header div#banner{ 

    width:1000px; 

    height:135px; 

    margin: auto;

    position: relative;

}

#header div#banner object { 

    margin:auto; 

    margin-top:10px; 

    float:left;  

    

}

.hltop{ 

    position: absolute;

    right: 0; 

	top: 40px;

  	



	height:60px;

	background:url(../images/lst.png) no-repeat;

	

}

.hltop .hl1{ 

    font-family:'utmal'; 

    font-size:20px;

    padding-top: 10px;

    padding-left: 50px;

}

.hltop .hl2 { 

    font-family: 'utmal'; 

    font-size:30px; 

    color:#f58322; 

    font-weight:bold;

    padding-left: 50px;

    padding-top: 5px;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=225, Color=#FFFFFF)";/*IE 8*/

text-shadow: 0 1px 0 #FFFFFF, 3px 2px 6px #BDBDBD, 1px 0 0 #FFFFFF, -1px 0 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#FFFFFF); /*IE 5.5-7*/

}



/* Menu top */

#menu {

width:100%;

z-index:9999;

position:relative;

padding-bottom:15px;

background:url(../images/bong_mn.png) no-repeat bottom;

}

.fixing_tool {

position:fixed!important;

top:0px;

left:0px;

}

#header div#menu1{ width:100%;  background:url(../images/menu.jpg) no-repeat top center; }

#smoothmenu1{ width:100%; height:46px; background:#188EB4; margin:auto;}

#menutop a.active, #menutop a:hover{ color:#FFFF00;}

#menutop {

  display: block;

  line-height: 40px;

  margin: auto;

  padding-left: 0;

  text-align: center;

  width: 1000px;

}

#menutop li ul{ width:100%; }

#menutop li {

  display: inline-block;

  float: left;

  list-style: outside none none;

  position: relative;

}

.item_product1{  width:222px;  background:url(../images/bong.png) no-repeat bottom; margin:10px 4px; display:inline-block; vertical-align:top;margin-top: 10px; padding-bottom:8px;}

#menutop li.vien{

	width: 2px;

	background:url(../images/vienmn.png) no-repeat;

	height: 30px;

	margin-top: 5px; }

#menutop li ul li { width:250px; display:block; margin: 0;}

#menutop li a {

  color: #ffffff;

  display: block;

  font-family: Tahoma;

  font-size: 16px;

  height: 39px;

  line-height: 42px;

  margin: 2px auto;

  padding: 0 25px;

  text-decoration: none;

  text-transform: uppercase;

}

#menutop li a.active, #menutop li a:hover{color:#FFFF00;}

#menutop li ul li a {

  border-bottom: 1px solid #999999;

  color: #ffffff;

  display: block;

  font-family: tahoma;

  font-size: 13px;

  padding: 0 25px;

  text-decoration: none;

  text-transform: uppercase;

  white-space: nowrap;

}

#menutop li ul li a:hover{ color:#FFFF00;}

#menutop li:first-child{ background:none;}

.uk-navbar-flip {

  background: rgba(0, 0, 0, 0) url("../images/tk.jpg") no-repeat scroll 0 0;

  float: right;

  width: 220px;

  height: 30px;

  margin-top: 8px;

}

.uk-search::before {

  

  color: rgba(0, 0, 0, 0.2);

  content: "?";

  font-family: FontAwesome;

  font-size: 14px;

  left: 0;

  line-height: 30px;

  position: absolute;

  text-align: left;

  top: 0;

  width: 30px;

}



button, input:not([type="radio"]):not([type="checkbox"]), select {

  vertical-align: middle;

}

input.uk-search-field {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: 1px solid rgba(0, 0, 0, 0);

  border-radius: 0;

  box-shadow: none;

  box-sizing: border-box;

  color: #444444;

  font-size: 14px;

  height: 30px;

  line-height: normal;

  width: 155px;

}

.uk-search-close {

  background: transparent none repeat scroll 0 0;

  border: 0 none;

  color: rgba(0, 0, 0, 0.2);

  display: none;

  font-size: 12px;

  line-height: 30px;

  padding: 0;

  position: absolute;

  right: 0;

  text-align: center;

  top: 0;

  width: 30px;

}

.bong{ background:url(../images/INDEX-CONGVINH2_02.png) no-repeat bottom; height: 10px;}

/*.line{width: 2px; height:36px;

background:url(../images/vienmn.png) no-repeat;

height: 38px;

margin-top: 5px;}*/





/* end Header*/

/*slider*/

#wap_slider {

    width:100%; 

    margin:15px 0; 

    position:relative; 

    box-sizing:border-box; 

    padding-bottom: 20px;

    background: url(../images/bong-slide.png)no-repeat bottom center;

}

.sliders{ width:1200px; height:390px; margin:auto;}

/*end slider*/



/* wrapper */

#wrapper{width:999px;  padding-left: 6px; margin:auto; background:#fff; box-sizing:border-box; }



#left{

width:237px; float:left;   }

.subleft{

 background:url(../images/nen_mn.jpg) repeat left top; padding:0 0 5px 0; margin-bottom:20px; border:1px solid #cdcdcd; position:relative; padding-top:50px;}

/**.tieude{

width:231px;

height:52px; position:relative;}**/

.tieude p {

  background: rgba(0, 0, 0, 0) url("../images/menu_left.png") no-repeat scroll left top;

  color: #ffffff;

  display: block;

  font-family: "utms";

  font-size: 16px;

  font-weight: bold;

  height: 52px;

  left: -7px;

  line-height: 32px;

  margin: 15px auto auto -3px;

  padding-left: 15px;

  padding-right: 29px;

  padding-top: 3px;

  position: absolute;

  text-align: left;

  text-decoration: none;

  text-indent: 15px;

  text-transform: uppercase;

  top: -7px;

  width: 231px;

}

/**.tieude a{list-style:none; display:inline-block; 

}

.tieude a{

padding:0 10px; display:block; color:#CCCCCC; text-decoration:none;}**/

.label_serv{ float:right;}

.thanhphan{ box-sizing:border-box; position:relative; color:#FFFFFF; margin-left: 15px;}

.thanhphan li a{

color:#CCCCCC; text-decoration:none; }

.thanhphan li{ background:url(../images/bnmn2.png) no-repeat;}

.thanhphan tr td {

    color:#f48221; 

    text-decoration:none; 

    font-family: 'utmal';

}

.phone { 

    color:#f48221;  

    font-size:21px; 

    text-align:center; 

    box-sizing:border-box; 

    padding-left:80px; 

    padding-top:45px; 

 

    background:url(../images/dt.png) no-repeat left top; 

    margin-top:10px;

    font-family: 'utmal';

}

.support_table{ width:100%; margin-top:10px;}

.thanhphan tbody{ display:table-row-group; vertical-align:middle; border-color:inherit;}

/*.thanhphan tr{ background:url(../images/bnmn2.png) no-repeat;}*/

.thanhphan .sdt{ color:#FF0000;}

.list_cat_product{ list-style:none; display:block; margin-top:10px;}

.list_cat_product li{ display:block; background:url(../images/bnmn2.png) no-repeat bottom left; padding:0 15px;}

.list_cat_product li a{ display:block; line-height:20px; padding:7px 0; padding-left:15px; background:url(../images/thumuc.png) no-repeat left 14px; color:#000000; text-decoration:none; list-style:none;}

.item{color:#CCCCCC; text-decoration:none; list-style:url(../images/logo_ht.png); }

.item tabl{ margin-top:10px;}

.name {

  font-size: 14px;

  min-height: 40px;

  padding: 5px 10px;

  text-align: center;

}



.input{ border-radius:5px; border: 1px solid #999;}

.thanhphan p {

    color: #000;

    font-weight: bold;

    font-size: 20px;

    padding-left: 115px;

    margin-top: 15px;

    float: right;

    padding-right: 65px;

    font-family: "utmal"

}

/*lienhe*/

.support_table table tr{ display:table-row; vertical-align:inherit; border-color:inherit; border:0;}

.support_table table tr td{ display:table-cell; vertical-align:inherit;}

.support_table td{  color:#FFFFFF;}

.support_table .name{ font-size: 16px;}

.gach_duoi{ width:210px; border-bottom:1px dashed #999;}

.hotline_sp{ color:#222222; font-size:15px; padding-left: 10px; font-family: 'utms';}

#center{

width:466px; margin-left: 30px; float:left; margin-top:10px;}

.item_hinhanh{ width:155px;}

.imagesha{ width:153px;}

.tuade p {

  background: #188eb5 none repeat scroll 0 0;

  color: #fff;

  display: block;

  font-family: "utms";

  font-size: 16px;

  font-weight: bold;

  height: 36px;

  line-height: 33px;

  list-style: outside none none;

  padding-left: 20px;

  text-decoration: none;

  text-transform: uppercase;

}



.item_product{ float:left;}



.item_product p{ color:#FF0000; list-style:none; text-decoration:none; text-align:center; padding:10px 0;}

.danhmuc{  float:left; padding:0 10px 10px 0;}

.demuc a{ background:url(../images/nen_gt.png) no-repeat center; color:#FFFFFF; line-height:none; text-decoration:none; font-size:24px; display:block; text-align:center; border-radius:8px ;}



.image_boder img{ width:285px; height:132px; padding:5px 0 5px 0;}



.images img{ border:1px solid #D6D6D6; box-sizing:border-box; width:183px; height:124px; vertical-align: baseline; background: transparent; padding:3px 3px 3px 3px; background:#FFFFFF;}

.name a{vertical-align: baseline;

background: transparent;vertical-align: baseline; background: transparent; cursor:auto; font-family: 'utms'; font-weight:bold;}

.name a:hover{ color:#FF0000;}

.item_product{ background:#f1f1f1;} 

.bong1{background:url(../images/bong.png) no-repeat bottom center; width:190px; height:8px; padding-top: 25px;

padding-left: 45px;}

.item_product .images{padding: 12px;text-align: center;}





/**doitac**/

#doitac{

width:1156px; height:169px; background:url(../images/nen_mn.jpg) repeat center; border:1px solid #666666; float:left; margin:21px 25px 21px 0; border-radius:7px;}

.td1{ width:100%;  }

.td1 p{ color:#FFFF00; list-style:none; text-decoration:none; font-size:20px; background:url(../images/br.jpg) no-repeat right center;  display:block; float:left; padding-right:40px; padding-left:20px; line-height:3pc; text-transform:capitalize;}

.ha img{ float:left; padding:10px 15px;}

.ma-brand-slider-contian{}

/** end doitac**/



/**fooder**/

#fooder {

  background: #188eb5 none repeat scroll 0 0;

  position: relative;

  width: 100%;

}

.wrap_fooder{ width:1004px;margin:auto; padding:25px 0; position:relative; }

.thongtin {

  color: #fff;

  float: left;

  line-height: 27px;

  list-style: outside none none;

  margin-right: 90px;

  text-decoration: none;

  width: 450px;

}

.thongtin span{color: #fff; font-family: arial; font-size: 13px;} 

.thongtin1 { max-width:300px; border-bottom:3px solid #000000; line-height:40px; height:40px; color:#fff; text-transform:uppercase; font-weight:bold; margin-bottom:10px;}

.thongtin2{ width:100%; color:#FFFFFF;font-size:18px;}

.thongtin2 ul li a{ color:#FFFFFF; display:block; text-decoration:none; padding-bottom:5px; list-style:none; }

.thongtin1 a{ color:#FF0000;}

.list_huongdan{ list-style:none; display:block;}

.thongtin2 ul li{ list-style:none;}

.list_huongdan li a{ display:block;}

.input_mini{ border-radius:5px; border:1px solid #CCCCCC; height:25px; margin-bottom:5px; text-indent:10px; background:#F2F2F2; width:100%;}

.btn_send_bt{ background:#E03333; border:none; color:#FFFFFF; font-size:15px; font-weight:bold; font-family: Tahoma, Geneva, sans-serif; padding:10px 20px; box-sazing:border-box; float:left;}



.ketnoi{width: 232px;

float: left;margin-right: 55px;

 }

.lienket{ padding-right:10px; padding-top: 10px;}

.ketnoi1{ font-weight:bold; color:#fff; font-size: 20px;}



.tc {

  color: #fff;

  font-family: tahoma;

  font-size: 13px;

  padding-left: 10px;

}

/*.lh input{ border:0px; background:url(../images/brlh.png) repeat-x;}

.lh { color:#FFFFFF;}

/**end foder**/

.content1{ color:#666666;}

.tcat { 

    width:100%; 

    height:35px; 

    color:#FFFFFF; 

    background:url(../images/menu_giua.png) no-repeat top left ; 

    list-style:none; 

    text-decoration:none; 

    font-size:18px;

    display:block; 

    line-height:35px; 

    padding:0 10px; 

    padding-left: 60px;

    font-family: 'utms';

    text-transform: uppercase;

}

.price{ color:#FFFFFF;}

.name a{ color:#555555; text-decoration:none;}

.noidung a:hover {

    color:#FF0000;

}

.images_boder{ width:271px; height:281px;}





/**doitac**/

.ma-brand-slider-contain {	

	width:1110px; 

	padding:5px 13px;

	background:url(../images/bg_partner.png) repeat-x top center;

	margin:auto;

	border-left:5px;

	

}



.brand-slider .jcarousel-container {

    -moz-border-radius: 10px;

    background: #fff;

    border: 2px solid #000;

}



.brand-slider .jcarousel-container-horizontal {

    width: 1000px;

    padding: 10px 0px;

	padding-left:40px;

	margin:0 auto;

	margin-top:80px

}

.brand-slider .jcarousel-clip-horizontal {

    width:  960px;

    height: 154px;

}



.brand-slider .jcarousel-item {

    width: 135px;

	float: left;

    list-style: none outside none;

	text-align:center;

}



.brand-slider .jcarousel-item-horizontal {

    margin-right: 15px;

	position: relative;	

	width:130px;

	height:100px;

	overflow:hidden;

}



.brand-slider .jcarousel-item-placeholder {

    background: #fff;

    color: #000;

}

.brand-slider .product-image {

	display:inline-block;

	margin:0 0 8px;

}



/**

 *  Horizontal Buttons

 */

.ma-brand-slider .jcarousel-next-horizontal {

    position: absolute;

    top: 50%;

    right: -60px;

	margin-top:-21px;

    width: 42px;

    height: 42px;

    cursor: pointer;

	display:none;

	background:url(../images/next.png) no-repeat top left;

}



.ma-brand-slider .jcarousel-next-horizontal:hover {

    

}



.ma-brand-slider .jcarousel-next-horizontal:active {

   

}



.ma-brand-slider .jcarousel-next-disabled-horizontal,

.ma-brand-slider .jcarousel-next-disabled-horizontal:hover,

.ma-brand-slider .jcarousel-next-disabled-horizontal:active {

    cursor: default;    

}



.ma-brand-slider .jcarousel-prev-horizontal {

    position: absolute;

    top: 50%;

    left: -60px;

	margin-top:-21px;

    width: 42px;

    height: 42px;

    cursor: pointer;

	display:none;

	background:url(../images/prev.png) no-repeat top left;

}



.ma-brand-slider .jcarousel-prev-horizontal:hover {

    background-position: 0 100%;

}



.ma-brand-slider .jcarousel-prev-horizontal:active {

    background-position: 0 100%;

}



.ma-brand-slider .jcarousel-prev-disabled-horizontal,

.ma-brand-slider .jcarousel-prev-disabled-horizontal:hover,

.ma-brand-slider .jcarousel-prev-disabled-horizontal:active {

    cursor: default;

    background-position: 0 100%;

}



/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */

.ma-brand-slider .jcarousel-container {

    position: relative;

}

.ma-brand-slider .jcarousel-clip {

    z-index: 2;

    padding: 0;

    margin: 0;

    overflow: hidden;

    position: relative;

}

.ma-brand-slider .jcarousel-list {

    z-index: 1;

    overflow: hidden;

    position: relative;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

}

.ma-brand-slider .jcarousel-next {

    z-index: 3;

    display: none;

}

.ma-brand-slider .jcarousel-prev {

    z-index: 3;

    display: none;

}



.ma-brand-slider .ma-des {

	position: absolute;

	bottom: 10px;

}

.ma-brand-slider .ma-des-title {}

.ma-brand-slider .ma-des-title h2 {

}

.ma-brand-slider .ma-des-content {}

.ma-brand-slider{ }





/**search**/

.container_mid .tcat .box_search{

	float:right;

	width:230px;

	padding-left:5px;

	height:22px;

	padding-top:5px;

	margin-right:5px;

	margin-top:8px;

	border-radius:5px;

	border:1px solid #a2a2a2;

}

/**.container_mid .tcat .box_search input[type="text"]{

	border:none;

	font-size:11px;

	width:200px;

	background:url(../images/timkiem.jpg) no-repeat top right;

	color:#4c4c4c;

}**/

.container_mid .tcat .box_search input[type="button"]{

	background:url(../images/icon_search.png) no-repeat center center;

	width:18px;

	border:none;

	height:17px;

}

 /**product**/

 .product_detail_pic{

	float:left;

	width:300px;

	margin-right:10px;

}

ul.product_info{

	list-style:none;

	padding:0px;

	margin:0px;

}

ul.product_info li{

	padding:3px 0px;

}

ul.product_info li span{

	font-weight:bold;

	color:#2993D1;

	font-size:14px;

}

.box_content{ width:100%; float:left;}

/****/

.lh{ color:#FFFFFF;}

.submit{ background:url(../images/nen_gui.png) no-repeat right; color:#FFFFFF; width:109px; height:27px; text-align:center;}



/*dich vu*/

.box_news2{ background:#f1f1f1;

width: 460px;

}



.gach_ngang{ border:1px solid #333333; margin-top: 115px;

margin-bottom: 10px;}

.hact{ float:left; padding-top: 10px;}

 .ndct{ text-decoration:none; float:right; width: 305px;

padding-top: 7px;}

.content2 img {padding-top: 10px;

padding-left: 13px;}

.button_chitiet{ width:80px; height:20px; background:#A60203 ; color:#FFFFFF; float:right; display:block; line-height:20px; text-align:center;webkit-border-radius:7px; margin-top:55px; border-radius:5px;}

.box_news p{ float: right;

width: 250px;}

.content2 a{ font-weight:bold; font-size:12px; text-transform:uppercase; color:#636363; text-decoration:none; }

.content2 p{ float:left; color:#636363; }

.xemthem{

margin-left: 160px;

text-decoration: none;

color: #636363;}

/*chi tiet*/

.product_detail_pic a{ position:relative; display:block; text-decoration:none;}

.product_info{ margin-bottom:20px; width:465px; color:#000000;}

.product_info li { position:relative;}

.name_product{ font-size:20px; color:#F90; text-transform:uppercase; margin-bottom:20px; margin-top:15px; font-family:'Roboto Condensed', sans-serif; font-weight:normal;}

.product_info li{ display:block; line-height:20px; margin-bottom:5px; font-family:Tahoma, Geneva, sans-serif; font-style:italic;}

.product_info img{ padding:12px;}



/*tintuc*/

.box_news1{ padding:10px; border-bottom:1px dashed #CCC; min-height:84px;}

.image_border1{ float:left; margin-right:10px;}

.image_border1 a img{ width:120px; height:85px;}

.box_news1 a { 

    text-decoration:none; 

    font-weight:bold; 

    font-size:16px; 

    text-transform:uppercase; 

    color:#000; 

    margin-right:10px;

    font-family: 'utms';

}

.box_news1 p {

    font-family: 'utms';

    font-size: 15px;

}

.button_chitiet1{ width:80px; height:20px; background:#A60203 ; color:#FFFFFF; float:right; display:block; line-height:20px; text-align:center;webkit-border-radius:7px; margin-top:40px; border-radius:5px; text-align:center;}

.image_border1 p{width: 271px;

  float: left;}

/*lienhe*/

.content form{ block;}

.content table{ display:table; border-collapse:separate; border-color:gray; width:100%; display:table; border-collapse:separate; border-color:gray;}

.content table tr{ display:table-row; vertical-align: inherit; border-color:inherit;}

.content table tr td{ display:table-cell; vertical-align:inherit;}

.content table tbody{ display:table-row-group; vertical-align:middle;}

.ta_noidung{ border-radius:5px; border:1px solid #999999;}



/*tintuc*/

.content{ color:#666666;}

.title_news{ width:100%; float:left; color:#FFFFFF; font-size:15px; text-transform:uppercase; font-weight:bold; margin-top:10px; margin-bottom:20px;}

.othernews{ width:100%; float:left; margin-top:30px; padding:10px 0; border-top:1px dashed #CCC; margin:5px 0;}

.tieude{ font-size:20px; font-weight:normal; color:#8f0000; padding-left:15px; width:100%; float:left; padding-left:10px;}

.othernews ul li{  float:left; width:100%; padding-bottom:10px;  }

.othernews ul{ width:465px; height:128px; margin-left:15px;}



/*right*/

#right{width: 237px;

float: right;}





/*dichvu*/

.content1{ color:#000000; width:465px;}

.title_news1{ width:100%; float:left; color:#FFFFFF; font-size:15px; text-transform:uppercase;  margin-top:10px; margin-bottom:20px;}

.othernews1{ width:100%; float:left; margin-top:30px; padding:10px 0; border-top:1px dashed #CCC; margin:5px 0;}

.tieude{ font-size:20px; font-weight:normal; color:#8f0000; padding-left:15px; width:100%; float:left; padding-left:10px;}

.othernews1 ul li{ list-style:none; float:left; width:100%; }

.othernews1 ul{ width:465px; height:128px; padding:0 0 0 40px;}

/*map*/

#map_canvas{ height:390px; width:456px; margin:10px auto;  }

.clear{ overflow:hidden; clear:both;}

.map_description{ color:#000066;}

/*slider*/

.sliders{

   width: 999px;

 height: 300px;

	overflow:hidden;

}

.tt_cty{z-index: 999;

  position: relative; text-align: center;

  width: 456px; height:289px;

  color: #fff;margin-top: 30px;background:url(../images/nentt.png) no-repeat;}

.tt_cty p{ margin-top:10px; font-size:20px;

font-family:UTM Swiss Condensed;font-family: 'utms';

}

#slider-wrapper {

    margin: 0 auto;

    padding: 0px;

}

#jslider-container {   

    max-width: 1202px;

    position: relative;

    text-align: left;

    z-index: 90;

}

#jslider-container .jslider_images ul{

	position:relative;

	width: 10000%; 

	height:auto;

	left:0;

	list-style:none;

	margin:0;

	padding:0;

	border-spacing:0;

	overflow: visible;

	/*table-layout:fixed;*/

}

#jslider-container .jslider_images ul li{

	width:1%;

	line-height:0; /*opera*/

	float:left;

	font-size:0;

	padding:0 0 0 0 !important;

	margin:0 0 0 0 !important;

}



#jslider-container .jslider_images{

	position: relative;

	left:0;

	top:0;

	width:100%;

	height:300px;

	overflow:hidden;

	  margin-top: -320px;

}

#jslider-container .jslider_images a{

	width:100%;

	display:block;

	color:transparent;

}

#jslider-container img{

	max-width: none !important;

}

#jslider-container .jslider_images img{

	width:100%;

	border:none 0;

	max-width: none;

	padding:0;

}

#jslider-container a{ 

	text-decoration: none; 

	outline: none; 

	border: none; 

}



#jslider-container  .ws_bullets { 

	font-size: 0px; 

	float: left;

	position:absolute;

	z-index:70;

}

#jslider-container  .ws_bullets div{

	position:relative;

	float:left;

}

#jslider-container  a.wsl{

	display:none;

}

#jslider-container  .ws_bullets { 

	padding: 10px; 

}

#jslider-container .ws_bullets a { 

	margin-left:4px;

	width:9px;

	height:9px;

	background: url(./bullet.png) left 50% no-repeat;

	float: left; 

	text-indent: -4000px; 

	position:relative;

	color:transparent;

}

#jslider-container .ws_bullets a.ws_selbull, #jslider-container .ws_bullets a:hover{

	background-position: right 50%;

}

#jslider-container a.ws_next, #jslider-container a.ws_prev {

	position:absolute;

	display:none;

	top:50%;

	margin-top:-28px;

	z-index:60;

	height: 48px;

	width: 48px;

	background-image: url(../images/arrows.png);

}

#jslider-container a.ws_next{

	background-position: 100% 0;

	right:5px;

}

#jslider-container a.ws_prev {

	left:5px;

	background-position: 0 0; 

}

#jslider-container a.ws_next:hover{

	background-position: 100% 100%;

}

#jslider-container a.ws_prev:hover {

	background-position: 0 100%; 

}

* html #jslider-container a.ws_next,* html #jslider-container a.ws_prev{display:block}

#jslider-container:hover a.ws_next, #jslider-container:hover a.ws_prev {display:block}

/* bottom center */

#jslider-container .ws_bullets {

	top:0;

    right: 0;

}



/* separate */

#jslider-container .ws-title{

	position: absolute;

	display:block; 

	bottom:20px;

	left:25px;

	margin-right:25px;

	z-index: 50;

	color: #6E7476;	

    font-family: 'Source Sans Pro',Arial,sans-serif;

	font-size: 22px;

	line-height: 24pxpx;



}

#jslider-container .ws-title div,#jslider-container .ws-title span{ 

	display:inline-block; 

	margin-top:10px;

	padding: 7px;

	background:#FFFFFF;

	font-weight: normal;	

	border-radius:0;

	opacity:0.7;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);	



}

#jslider-container .ws-title div{ 

	display:block;

	margin-top:10px; 

	background:#6cbe42;	

	color: #FFFFFF;

}



#jslider-container  .jslider_thumbs { 

	font-size: 0px; 

	position:absolute;

	overflow:auto;

	z-index:70;

}

#jslider-container .jslider_thumbs a { 

	position:relative;

	text-indent: -4000px; 

	color:transparent;

	opacity:0.85;

}

#jslider-container .jslider_thumbs a:hover{

	opacity:1;

}

#jslider-container .jslider_thumbs a:hover img{

	visibility:visible;

}

#jslider-container  .jslider_thumbs { 

    right: 20px;

    top: 20px;

	width:170px;

	height:330px;

	background:#FFF;

	border-top:5px solid #FFF;

	border-bottom:5px solid #FFF;

}

#jslider-container  .jslider_thumbs div{

	position:relative;

	width:100%;



}

#jslider-container .jslider_thumbs .ws_selthumb img{

	border-color:#6cbe42;

}



#jslider-container .jslider_thumbs  a img{	

	text-indent:0;

	margin:5px 10px;    

	max-width:none;

}



#jslider-container .jslider_images ul{

	animation: wsBasic 24s infinite;

	-moz-animation: wsBasic 24s infinite;

	-webkit-animation: wsBasic 24s infinite;

}

@keyframes wsBasic{0%{left:-0%} 8.33%{left:-0%} 16.67%{left:-100%} 25%{left:-100%} 33.33%{left:-200%} 41.67%{left:-200%} 50%{left:-300%} 58.33%{left:-300%} 66.67%{left:-400%} 75%{left:-400%} 83.33%{left:-500%} 91.67%{left:-500%} }

@-moz-keyframes wsBasic{0%{left:-0%} 8.33%{left:-0%} 16.67%{left:-100%} 25%{left:-100%} 33.33%{left:-200%} 41.67%{left:-200%} 50%{left:-300%} 58.33%{left:-300%} 66.67%{left:-400%} 75%{left:-400%} 83.33%{left:-500%} 91.67%{left:-500%} }

@-webkit-keyframes wsBasic{0%{left:-0%} 8.33%{left:-0%} 16.67%{left:-100%} 25%{left:-100%} 33.33%{left:-200%} 41.67%{left:-200%} 50%{left:-300%} 58.33%{left:-300%} 66.67%{left:-400%} 75%{left:-400%} 83.33%{left:-500%} 91.67%{left:-500%} }



#jslider-container .ws_bullets  a img{

	text-indent:0;

	display:block;

	top:16px;

	left:-43px;

	visibility:hidden;

	position:absolute;

    border: 5px solid #FFFFFF;

	max-width:none;

}

#jslider-container .ws_bullets a:hover img{

	visibility:visible;

}



#jslider-container .ws_bulframe div div{

	height:48px;

	overflow:visible;

	position:relative;

}

#jslider-container .ws_bulframe div {

	left:0;

	overflow:hidden;

	position:relative;

	width:85px;

	background-color:#DEDEDE;

}

#jslider-container  .ws_bullets .ws_bulframe{

	display:none;

	top:15px;

	overflow:visible;

	position:absolute;

	cursor:pointer;

    border: 5px solid #FFFFFF;

}

#jslider-container .ws_bulframe span{

	display:block;

	position:absolute;

	top:-11px;

	margin-left:-7px;

	left:43px;

	background: url(triangle.png);

	width:13px;

	height:7px;

}



/*chu*/

.huongdan li a{ color:#FFFFFF;}

.othernews h1{ font-size:23px; color:#FF0000;text-transform:uppercase}

.title_huongdan{ font-size:23px; color:#FF0000;text-transform:uppercase}

.title_news { 

    font-size:20px; 

    color:#000;

    text-transform:uppercase;

    font-family: 'utms';

}

.tieude { 

    font-size:18px; 

    color:#000;

    text-transform:uppercase;

    font-family: 'utms';

}

.othernews ul li a {

    color:#000000; 

    font-family: 'utms';

    font-size:14px; 

}

.title_news1{font-size:23px; color:#FF0000;text-transform:uppercase}

.othernews1 h1{font-size:23px; color:#FF0000;text-transform:uppercase}

.othernews1 ul li a{color:#000000;}











/********************/

.sp-slideshow {

    position: relative;

    margin: 10px auto;

    width: 80%;

    max-width: 1000px;

    min-width: 260px;

    height: 460px;

    border: 10px solid #fff;

    border: 10px solid rgba(255,255,255,0.9);

    box-shadow: 0 2px 6px rgba(0,0,0,0.2);

}

 

.sp-content {

    background: #7d7f72 url(../images/grid.png) repeat scroll 0 0;

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

 

.sp-parallax-bg {

    background: url(../images/map.png) repeat-x scroll 0 0;

    background-size: cover;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.sp-slideshow input {

    position: absolute;

    bottom: 15px;

    left: 50%;

    width: 9px;

    height: 9px;

    z-index: 1001;

    cursor: pointer;

    opacity: 0;

}

 

.sp-slideshow input + label {

    position: absolute;

    bottom: 15px;

    left: 50%;

    width: 6px;

    height: 6px;

    display: block;

    z-index: 1000;

    border: 3px solid #fff;

    border: 3px solid rgba(255,255,255,0.9);

    border-radius: 50%;

    transition: background-color linear 0.1s;

}

.sp-slideshow input:checked + label {

    background-color: #fff;

    background-color: rgba(255,255,255,0.9);

}

 

.sp-selector-1, .button-label-1 {

    margin-left: -36px;

}

 

.sp-selector-2, .button-label-2 {

    margin-left: -18px;

}

 

.sp-selector-4, .button-label-4 {

    margin-left: 18px;

}

 

.sp-selector-5, .button-label-5 {

    margin-left: 36px;

}



.sp-arrow {

    position: absolute;

    top: 50%;

    width: 28px;

    height: 38px;

    margin-top: -19px;

    display: none;

    opacity: 0.8;

    cursor: pointer;

    z-index: 1000;

    background: transparent url(../images/arrows.png) no-repeat;

    transition: opacity linear 0.3s;

}

.sp-arrow:hover{

    opacity: 1;

}

.sp-arrow:active{

    margin-top: -18px;

}



.sp-selector-1:checked ~ .sp-arrow.sp-a2,

.sp-selector-2:checked ~ .sp-arrow.sp-a3,

.sp-selector-3:checked ~ .sp-arrow.sp-a4,

.sp-selector-4:checked ~ .sp-arrow.sp-a5 {

    right: 15px;

    display: block;

    background-position: top right;

}

.sp-selector-2:checked ~ .sp-arrow.sp-a1,

.sp-selector-3:checked ~ .sp-arrow.sp-a2,

.sp-selector-4:checked ~ .sp-arrow.sp-a3,

.sp-selector-5:checked ~ .sp-arrow.sp-a4 {

    left: 15px;

    display: block;

    background-position: top left;

}



.sp-slideshow input:checked ~ .sp-content {

    transition: background-position linear 0.6s, background-color linear 0.8s;

}



/*right*/

.ten_nhamau a { 

    text-decoration:none; 

   

    list-style:none; 

    

    color:#636363; 


    font-family: 'utms';

    font-size:13px;

    font-style: italic;

}

.img_kho a{ text-decoration:none; list-style:none; float:left;}

.mota_nhamau{ 

    text-decoration:none; 

    list-style:none; 

   

   

    color:#636363;

    font-family: 'utms';

    font-size:14px;

}

.tintuc_left ul li { list-style:none; margin-left:10px; margin-right:5px;}

.gachngang {
  border: 1px solid #afaeae;
  margin-bottom: 5px;
  margin-top: 5px;
}

.xemthem a{

    font-family: 'utms';

    text-decoration: none;

    color: #636363;

    font-size: 15px;

}

.bao_tintuc_con .img_kho {

    float: left;

}

.bao_tintuc_con .img_kho img{

    padding: 2px;

    border:1px solid #000;

    margin-right: 5px;

}

#list {

  float: left;

  margin-top: 10px;

  width: 1000px;



}

.box1, .box2, .box3, .box4, .box5 {

  float: left;

  padding: 10px 0;

  width: 100%;

}

.sli {

  float: left;

  height: 160px;

  width: 100% !important;

}