@charset "utf-8";
html, body, div, span,strong{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
@font-face {
    font-family: 'myFont';
    src: url('../font/utm_brewers_kt.eot');
    src: url('../font/utm_brewers_kt.eot?#iefix') format('embedded-opentype'),
         url('../font/utm_brewers_kt.woff') format('woff'),
         url('../font/utm_brewers_kt.ttf') format('truetype'),
         url('../font/utm_brewers_kt.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;

}
body
{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	color:#333232;
	background:#FDFDE4 url(../images/bg_top_main.png) no-repeat top center;
	overflow-x:hidden;
}
/* Clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.suneo_5{
	height:385px;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}

a{text-decoration:none; color:#373737;}
a:hover{color:#F00;}
img{border:0;}
.clear
{
  
    overflow:hidden;
    clear:both;
}
.txtcenter{
	text-align:center;
}
table,tr,td {border-collapse: collapse;}
.thongbao{	
    border: 1px solid #0C0;
    border-radius: 5px 5px 5px 5px;
    margin: 0 auto;
    overflow: hidden;
	padding:15px;
}
.tablelienhe span{
	color:#F00;
}
.tablelienhe td{ height:25px;}
.tablelienhe .input,.tablelienhe textarea{
	border: 1px #E9E9E9 solid;
	azimuth:center;	
	width:300px;
	
}
.tablelienhe .title{ font-size:14px; font-weight:bold; text-transform:uppercase}

.box_news{clear:both; padding-bottom:10px; padding-top:5px; border-bottom:1px dotted #FFF;}
.box_news h2{
	font-size:12px;
	margin:0px;
}
.box_news h1{
	font-size:20px;
	margin:0px;
}
.box_news h2 a{
	color:#0888E6;
}
.box_news p{
	margin:0px;
	padding:0px;
}
.box_news p.small{
	font-size:11px;
	color:#666666;
}
.box_news h2 a:hover{
	color:#F00;
}
h1.text_title{color:#241900; font-size:12px;}

.image_boder{float:left; margin:0px 10px; background:#FFF; padding:5px; border:1px solid #E4E4E4;}
.button {
    background: #4094CF;
    border: 1px solid #fff;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font: 12px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
    padding: 5px 30px;
	cursor:pointer;
}
.boder{border:3px #E0E0E0 solid; margin:0px 35px;}
.viewmore{		
	text-align:right;
	padding-right:10px;
}
.viewmore img{
	vertical-align:middle;
}
.viewmore a{
	color:#0000ff;
	font-size:11px;
	font-weight:bold;
}


.tinlienquan a{color:#333}
.textright{
	float: right;
    padding-right: 10px;}
	.textright a {   
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}
.othernews{
	padding-left:10px;
	color:#666;
}

.othernews h1{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
}
.othernews ul{
	list-style:inside;
}
.othernews ul li{
	padding-left:10px;
}
/* --------------------- Phan trang ------------------*/
.phantrang{
	text-align:center;
	padding-top:15px;
}
.phantrang a {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #636363;
    cursor: pointer;
    font-size: 11px;
    margin: 0 0 0 4px;
    padding: 6px 10px;
}
.phantrang a:hover {
    background: none repeat scroll 0 0 #09669C; 
    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 #09669C;   
    box-shadow: none;
    color: #FFFFFF;
}/*----------------------------------------------------*/
#wrapper{
	padding:0px;
	width:1000px;	
	margin:0px auto;
}
#suneos{
	float:left;
	width:100%;
}
/************** Header ****************/

/***************** Container ********************/
.box_slider{
	float:left;
	margin-bottom:10px;
	padding:5px;
	border:1px solid #ccc;
	border-radius:10px 10px;
	margin-right:10px;
}
#container{
	padding:10px;
	border:1px solid #fff;
}
.box_slogan{
	padding:5px 0px;
	font-size:14px;
	color:#F00;
	font-weight:bold;
}
#container{
	background:#fff;
}
.container_left{
	float:left;
	width:210px;	
}



.container_left .module_left{	
	margin-top: -10px;
}

.container_left .module_left h2{
	background:url(../images/title_left_main.png) no-repeat bottom left;			
	font-size:13px;	
	color:#FFF;
	font-weight:bold;
	height:37px;
	line-height:35px;
	padding-top:0;
	padding-bottom:0;
	padding-left:45px;
	text-shadow:0px 0px 1px #FFFFE8;
}
.container_left .module_left h2 a{
	color:#FFF;
}

.container_left .module_left .content{
	padding:5px;	
	border:1px solid #6aab02;
	margin-top: -10px;
	border-radius:5px 5px;
}
.container_left .module_left .content.padding10{
	padding:10px;
}

.container_left .module_left ul.list_cat_product{
	padding:0px;
	margin:0px;
	list-style:none;
}
.container_left .module_left ul.list_cat_product li{	
	border-bottom:1px solid #d0dfdf;
	height:28px;
	background:url(../images/bg_module_left_li.png) repeat-x top left;
}

.container_left .module_left ul.list_cat_product li a{
	color:#122800;
	font-weight:bold;
	display:block;
	background:url(../images/muiten.png) no-repeat left center;
	line-height:28px;
	padding-left:15px;
	text-transform:capitalize;
}
.container_left .module_left ul.list_cat_product li.item_support div{
	background:url(../images/arrow.png) no-repeat left center;
	line-height:28px;
	padding-left:15px;
	font-weight:bold;
	color:#006db0;
	padding-right:15px;
}
.box-tintucs{
	margin-left: 4px;
	padding-top:10px;
	padding-bottom:15px;
	float:left;
	
}
.box-tintucs .iamges-tintucs{
	float:left;
	transition:all 0.5s ease-out;
	border:1px solid #696969;
	filter:sepia(0);
	-moz-filter:sepia(0);
	-ms-filter:sepia(0);
	-o-filter:sepia(0);
	-webkit-filter:sepia(0);
}
.ten_intucs_1{
	font-weight:bold;
}
.shadow_image_left_main{
	background:url(../images/shadow_images_left.png)  bottom center no-repeat;
	height:16px;
}

.box-tintucs .iamges-tintucs:hover{
	opacity:0.8;
	filter:sepia(1);
	-moz-filter:sepia(1);
	-ms-filter:sepia(1);
	-o-filter:sepia(1);
	-webkit-filter:sepia(1);
}
.box-tintucs .box-noisunf{
	float:left;
	width:140px;
}

.box-tintucs .box-noisunf .mota-snod{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#696969;
	font-weight:bold;
	text-align:left;
}

.container_left .module_left ul.list_cat_product li.item_support div{
	background:url(../images/arrow.png) no-repeat left center;
	line-height:28px;
	padding-left:15px;
	font-weight:bold;
	color:#006db0;
	padding-right:15px;
}
.container_left .module_left ul.list_cat_product li.item_support a{
	float:right;
	background:none;
}

.container_left .module_left ul.list_cat_product li.item_support span{
	color:#fcff00;
	text-shadow:1px 1px #890000,-1px -1px #890000,-1px 1px #890000, 1px -1px #890000;
	font-size:16px;
}
.container_left .module_adv{
	margin-bottom:10px;
}
/***************/
.container_mid{
	float:right;
	width:760px;
}
.container_mid .box_content{
}
.chi_tiet_1{
	text-align:center;
	padding:0 5px;
	background:#548200;
	border-radius:5px 5px;
	width:60px;
	font-size:13px;
	margin-left: 50px;
	font-family:Arial, Helvetica, sans-serif;
}
.chi_tiet_1 a{
	color:#fff;
}
.container_mid .tcat{
	background:url(../images/title_main_1.png) no-repeat top left;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	height:35px;
	line-height:35px;
	padding-left:60px;
	font-size:14px;
}
.container_mid .tcat .icon{
	float:left;
	background:url(../images/bg_tcat_span.png) no-repeat top right;
	padding-right:40px;
	color:#006db0;
	text-shadow:1px 1px #ffffff,-1px 1px #ffffff,1px -1px #ffffff,-1px -1px #ffffff;
}
.container_mid .tcat a{
	float:right;
	margin-top:10px;
}
.container_mid .content{
	padding:10px;	
}
.container_mid .content img{
	max-width:630px;
}
/***************** Footer ********************/
#footer{
	color:#FFF;
	margin-top:10px;
}
#footer .menu_footer{	
	text-align:center;
	color:#FFF;
	background:url(../images/bg_footer_title.png) no-repeat top left;
	margin-left:-5px;
	margin-right:-5px;
	height:30px;
	line-height:25px;
}
#footer .menu_footer a{
	color:#FFF;
	font-weight:bold;
	padding:0px 20px;
	text-transform:uppercase;
}
#footer .static{
	float:right;
	padding-top:20px;
	padding-right:10px;
	text-align:right;
}
#footer .static h3{
	font-size:12px;
	color:#3e9200;
	text-transform:uppercase;
}
#footer .conpyright{
	padding:10px;
}
#footer .conpyright p{
	margin:0px;
}
/*---------------------------------------*/
.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;
}
.usual{
	margin-bottom:10px;
}
.usual ul#tab_content{
	margin:0px;
	padding:0px;
}
.usual ul#tab_content li {
    float: left;
    list-style: none outside none;
}
.usual ul#tab_content a {
    background: #999;
    color: #FFF;
    display: block;   
    margin: 1px 1px 1px 0;
    padding: 6px 20px;
    text-decoration: none !important;
	font-weight:bold;
}
.usual ul#tab_content a:hover {
   background:#2993D1;
    color: #FFFFFF;
}
.usual ul#tab_content a.selected {
    background:#2993D1;
    border-bottom: 1px solid snow;
    color: #FFF;
    cursor: default;
    margin-bottom: 0;
	
}
.content_tab{
	clear: left;
	padding:10px 0px;
}
.rows_comment{
	border:1px solid #EFEFEF;
	margin:5px;
	padding:10px;
}
/*************************/
.title_table{
	background:#2993D1;
	color:#FFF;
	font-weight:bold;
}
/*****************************/
.title_news{
	font-weight:bold;
	color:#241900;
	font-size:14px;
}
/******************************/
.item_product{
	float:left;
	width:155px;	
	text-align:center;	
	margin-top:5px;
	margin-right:5px;
	padding-bottom:10px;
	border:1px solid #dadada;
	background:url(../images/bg_box_product.png) repeat top right;
	padding:4px;
}
.item_product .images{	
	border:1px solid #cacaca;
	margin-bottom:5px;
	position:relative;
	background:#FFF;	
}
.item_product .images .icon{
	position:absolute;
	top:3px;
	right:3px;
	display:none;
}

.item_product .name{
	padding:0px 5px;
}
.item_product .name a{
	color:#000;
}
.item_product .price{
	color:#474747;
}
.item_product .price span{
	color:#ff0000;
	font-weight:bold;
}
.item_product .btn_order{
	padding:5px 0px;
}
.item_product .btn_order img{
	cursor:pointer;
}

/*------------------- Doi tac css -------------------*/
.box_partner{	
	background:#FFF;
	border:1px solid #b9b9b9;
	padding:9px;
	margin:0px 10px;
}

.ma-brand-slider-contain {	
	width:950px;
}

.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: 25px;
	position: relative;
	height:80px;
	width:150px;
}

.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: 40%;
    right: -35px;
    width: 33px;
    height: 33px;
    cursor: pointer;
}

.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: 40%;
    left: -35px;
    width: 33px;
    height: 33px;
    cursor: pointer;
}

.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 {}
/*************************************/
.box_video .title{
	font-weight:bold;
	padding-top:5px;
	margin-bottom:10px;
}
  #galleria{height: 485px; background: #FFF }
  
/*-------------- Map css ------------*/
#map_canvas {    
    height: 500px;
    width: 680px;
	margin:10px auto;
}
.map_description {
    color: #000000;
    overflow: auto;
    width: 275px;
}
.map_description .default {
    color: #FF0000;
}
.map_description div {
    line-height: 18px;
    margin: 3px;
}
.map_list_address {
    float: left;
    height: 500px;
    overflow: hidden;
    width: 250px;
}
.map_list_address .list {
    line-height: 18px;
    margin-bottom: 5px;
}
.map_list_address span {
    color: #FCFF46;
}
.map_title {
    color: #30A602;
    font-weight: bold;
}
.navigate .C {
    width: 970px;
}
/************************************/
.box_news_left{
	float:left;
	width:450px;
	padding:10px;
}
.box_news_left .image{	
	float:left;
	margin-right:10px;
}
.box_news_left p{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:justify;
}
.box_news_left p.smail_txt{
	font-size:11px;
	color:#939393;
	font-style:italic;
}
.box_news_left .name{
}
.box_news_left .name a{
	color:#0888e6;
	font-weight:bold;
}
.box_news_right{
	float:right;
	width:270px;
}
.box_news_right ul{
	list-style:none;
	margin:0px;
	padding-left:10px;
}
.box_news_right ul li{
	background:url(../images/dot.png) no-repeat 5px 5px;
	padding-left:20px;
}
.box_news_right ul li a{
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
}
.box_news_right ul li img{
	padding:2px;
	border:1px solid #d6d6d6;
	float:left;
	margin-right:5px;
	display:none;
}
.box_news_right ul li:first-child{
	padding-left:0px;
	background:none;
}
.box_news_right ul li:first-child a{
	text-transform:uppercase;
	color:#011ffe;
}
.box_news_right ul li:first-child img{
	display:inline;
}
.title_news{
	 color: #0888E6;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px 5px;
	margin:0px;
}
#box_banner_1{
	float:left;
	width:100%;
	background:url(../images/bg_banner.png) top center no-repeat;
}
#header{
	position:relative;
	margin:0 auto;
	width:1000px;
}
#header .banner{

}
#header .menu{
	height:40px;	
}
#header .menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#header .menu ul li{
	float:left;
	height:38px;	
}
.navi_menu{
	float: right;
}
#header .menu ul li.line{
	background:#FFF;
	width:1px;
}
#header .menu ul li a{	
	color:#FFF;
	display:block;	
	padding:0px 25px;	
	line-height:40px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../images/bg_menu_shadow.png) no-repeat bottom center;
			
}
#header .menu ul li a.active,#header .menu ul li a:hover{
	color:#FF0;
	
}
#header .menu .box_search{
	float:right;
	background:url(../images/bg_search.png) repeat-x top left;
	width:230px;
	padding-left:5px;
	height:23px;
	padding-top:3px;
	margin-right:10px;
	margin-top:8px;
	border-radius:5px;
}
#header .menu .box_search input[type="text"]{
	border:none;
	font-size:11px;
	width:200px;
	background:none;
	padding-top:3px;
}
#header .menu .box_search input[type="button"]{
	background:url(../images/icon_search.png) no-repeat center center;
	width:25px;
	border:none;
	border-left:1px solid #EEE;
	height:20px;
}
.hotro_slide{
	float:left;
	padding:5px;
	border:1px solid #6aab02;
	border-radius:5px 5px;
	width:210px;
}
.box_support_top{

}
.tieude_support_top{
	font-size:15px;
	font-family:myFont;
	color:#6aab02;
	text-align:center;
	background:url(../images/shadow_supprt_main.png) bottom center no-repeat;
	margin-bottom:10px;
}
.iamges_support_top{
	text-align:center;
	margin-bottom:10px;
	transition:all 0.5s ease-in-out;
}
.iamges_support_top:hover{
	opacity:0.7;
	transform:rotate(10deg);
	-moz-transform:rotate(10deg);
	-ms-transform:rotate(10deg);
	-o-transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
}
.shadow_support{
	background:url(../images/line_support.png) bottom center no-repeat;
	height:10px;
}
.box_tels_support_top{
	background:url(../images/tels.png) left center no-repeat;
	padding:1px;
}
.box_tels_top{
	margin-left:50px;
}
.tels_top{
	text-transform:uppercase;
	color:#f00;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.box_support_bottom{
	padding:10px 10px 0 10px;
}
.yahoo_box_1{
	float:left;
	width:185px;
	margin-bottom: 10px;
}
.skype_box_1{
	float:left;
	width:185px;
	margin-bottom: 10px;
}
.ten_skype_box{
	float:left;
	color:#696969;
	font-size:12px;
	line-height: 25px;
	font-family:Arial, Helvetica, sans-serif;
}
.images_skype_box_1{
	float:right;
}
.ten_yahoo_1_b{
	float:left;
	color:#696969;
	font-weight:bold;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
.suneo_12{
	height:208px;
}
.image_yahoo_1_b{
	float:right;
}
.shadow_slider{
	background:url(../images/shadow_slider_main.png) bottom center no-repeat;
	width:980px;
	height:48px;
}


.show-pro {
	position: relative;
}
.show-pro{
    padding:10px 17px;
	margin-left: -7px;
}
.show-pro img{
	max-width:742px;
}


.listproduct .next {
	position: absolute;
	width: 24px;
	height: 24px;
	top: -40px;
	display: block;
	background: url(../images/prev_main.png) no-repeat left center;;
	right: 20px;
}

.listproduct .prev {
	position: absolute;
	width: 24px;
	height: 24px;
	top: -40px;
	display: block;
	background: url(../images/next_main.png) no-repeat left center;;
	right: -10px;
}
.listproduct a:hover {
	opacity: 1;
}
.content{
	background:#f5f5ed;
}
.pro {
	float: left;
	text-align: center;
	line-height: 1.5;
	position:relative;
	margin-right:8px;
	margin-bottom: 15px;
}
.last {
	margin-right: 0px !important;
}
.pro .block_img {
	position: relative;
	width:174px;
	height:174px;
	border: 1px solid #6aab02;
	-moz-box-shadow: 0px 0px 6px #dfdfdf;
	-webkit-box-shadow: 0px 0px 6px #dfdfdf;
	box-shadow: 0px 0px 6px #dfdfdf;
}

.pro:hover .ten-hshshs a {
	color:#00f;
}
.bong-pro {
	position: absolute;
	bottom: -14px;
	left:0px;
	z-index:10;
}
.pro .block_img > a {
}
.pro .block_img > a > img {
	transition:all 0.5s ease-in-out;
	height:174px;

	
}
.pro .block_img > a > img:hover {
	opacity:0.8;
	
}
.pro .pro-name {
	font-weight:bold; 
	height:35px;
	overflow:hidden;
	width:173px;
	font-size:13px;
	color:#174faa;
	font-weight:bold;
	padding:5px 0px;
}
.box_tintuc_left{
	float:left;
	width:460px;
}
.box_con_left_1{
	padding:1px;
}
.ten_left_1_con{
	color:#034b40;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	font-weight:bold;
}
.ten_left_1_con a{
	color:#034b40;
}
.ten_left_1_con a:hover{
	color:#f00;
}
.box_left_image_con_1{
	padding:1px;
}
.left_image_con_1_1{
	float:left;
	background:url(../images/bg_image_news.png) bottom center no-repeat;
	width:159px;
	height:100px;
	margin-right:10px;
}
.left_image_con_1_1 img{
	width:145px;
	height:89px;
	padding: 4px 5px;
}
.left_noidung_con_1_1{
	margin-right:5px;
}
.box_tintuc_right{
	margin-right:5px;
	float:right;
	width:270px;
}
#box_footer_1_2{
    float: left;
    width: 100%;
    background: url(../images/bg_footer.png) top center no-repeat;
    /* height: 171px; */
    background-size: cover;    padding-bottom: 10px;padding-top: 20px;
}
#footer_1_2{
	margin:0 auto;
	width:1000px;
	position: relative;
	
}
.box_thongke_1{
	position:absolute;
	top:40px;
	right:20px;
}
.thongke_box_1x{
	padding:1px;
}
.ten_thongke_1{
	font-size:14px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	/* padding-bottom:5px; */
	color:#fff;
	text-align:center;
}
.box_1_ten_thongke_1{
	padding:1px;
	background:url(../images/thongke_box_1.png) top center no-repeat;
	height:50px;
}
.thongke_baps_1{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff
}
.thongke_baps_1 span{
	font-weight:bold;
	font-size:14px;
}
.box_bao_1_thongke_1{
	margin-left:35px;
	padding:1px;
}
.box_con_right_son_1{
	margin-bottom:10px;
	background:url(../images/bg-icon-title-sitebar_1.png) left center no-repeat;
	padding-left:10px;
}
.box_con_right_son_1 a{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#696969;
}
.ten-videos{
}
.ten-videos h3{
	color:#000;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.box-videoss{
	padding-bottom:10px;
}
.box-videoss .videos-con{
	cursor:pointer;
	margin-top:10px;
	margin-left:4px;
}
.box-videoss .videos-con .iamwgs-video{
	float:left;
	width:90px;
	height:90px;	
	margin-right:10px;
	transition:all 0.5s ease-in-out;
	filter:sepia(0);
	-moz-filter:sepia(0);
	-ms-filter:sepia(0);
	-o-filter:sepia(0);
	-webkit-filter:sepia(0);
	
}
.box-videoss .videos-con .iamwgs-video img{
	width:90px;
	height:90px;	
	
}
.box-videoss .videos-con .iamwgs-video:hover{
	filter:sepia(1);
	-moz-filter:sepia(1);
	-ms-filter:sepia(1);
	-o-filter:sepia(1);
	-webkit-filter:sepia(1);
	opacity:0.8;
	
}

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
	  opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:    
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:         
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0px;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}

.track {
  width: 100%;
  position: relative;
}

.view-port, .track .inner {
  width: 720px;
}

.axis-y .view-port,
.axis-y .track .inner {
  width: 240px;
  height: 660px;
}


.view-port {
  overflow: hidden;
  position: relative;
}

.track .inner {
  position: relative;
  margin: auto;
  margin-bottom: 30px;
  padding: 10px;
  border-radius: 4px;
}

.track .inner h2 {
  font-weight: 200;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  color: #999;
}

.track .inner h2:hover {
  color: #6A3;
}

.track a.prev,
.track a.next {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -32px;
  width: 64px;
  height: 64px;
  background: url("../img/arrows.png");
  background-repeat: no-repeat;
}

.track a.prev.disabled,
.track a.next.disabled {
  display: none;
}

.track a.prev {
  left: 0;
  background-position: 0 0;
}

.track a.prev:hover {
  background-position: 0 -66px;
}

.track a.prev:active {
  background-position: 0 -132px;
}

.track a.next {
  right: 0;
  background-position: -64px 0;
}

.track a.next:hover {
  background-position: -64px -132px;
}

.track a.next:active {
  background-position: -64px -198px;
}

.slider-container {
  position: relative;
  margin: 0;
  padding: 0;

  height: 166px;
}

.slider-container.big {
  height: 288px;
}

.slider-container.huge {
  height: 540px;
}

.slider-container .item {
  position: absolute;
  width: 176px;
  height: 257px;
  margin-right: 5px;
  margin-bottom: 16px;
}

.slider-container .item img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid white;
}

.slider-container.big .item,
.slider-container.big .item .img-area {
  height: 288px;
}

.slider-contaiber.huge .item {
  margin-bottom: 12px;
}

.slider-container .item p {
  padding: 0;
  margin: 0;
}

.slider-container .item.cover {
  width: 940px;
}

.slider-container .item.cover-2 {
  height: 432px;
}

.slider-container .item.cover img {
  float: left;
}

.slider-container .item.cover-2 img {
  float: none;
}

.slider-container .item.cover .img-area {
  float: right;
  margin-left: 16px;
}

.slider-container .item.cover-2 .img-area {
  float: none;
  margin-left: 0;
  margin-top: 12px;
}

.slider-container .item.cover-2 .img-area .img-block:first-child {
  margin-right: 14px;
}

.slider-container .item.cover .img-block {
  height: 128px;
}

.slider-container .item.cover-2 .img-block {
  float: left;
}

.img-block {
  margin-bottom: 16px;
}

.editorial {
  float: right;
  width: 200px;

  padding-right: 20px;
  height: 272px;
  background: white;
}

.editorial .title {
  font-size: 24px;
  margin: 20px 0 0 20px;
}

.editorial .desc {
  font-size: 14px;
  line-height: 18px;
  padding-top: 8px;
  margin-left: 20px;
}

.side-a, .side-b {
  float: left;
  width: 462px;
}

.side-a {
  margin-right: 16px;
}

.side-a > img, .side-b > img {
  width: 462px;
  height: 272px;
}

.bullet-pagination {
	width: 100%;
	text-align: center;
	margin-top: 15px;
	position: absolute;
	top: -47px;
	right: -335px;
}

.bullet {
  display: inline-block;
  background: #999;
  padding: 4px;
  border-radius: 6px;
  margin-right: 5px;
  opacity: 0.4;

  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

.bullet.active {
  opacity: 1;
}

.bullet:last-child {
  margin-right: 0;
}

#example-4 img {
  width: 228px;
  height: 132px;
}

.example-4 .loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  text-align: center;
  line-height: 140px;
  padding: 4px 0;
  z-index: 1;
}

.example-4 .loading:before {
  content: "loading...";
}

.example-4 .bullet {
  cursor: default;
}

.example-1 a.prev,
.example-1 a.next {
  margin-top: -69px;
}

.example-2 a.prev,
.example-2 a.next {
  margin-top: -58px;
}

.example-3 a.prev,
.example-3 a.next {
  margin-top: -53px;
}

.example-4 a.prev,
.example-4 a.next {
  margin-top: -68px;
}

/* ==== */
#footer .conpyright{width: 400px;float: left;}
#chinhsach{width: 300px;float: left;text-align: left;padding-left: 60px;margin-top:15px;}
#chinhsach  ul{padding:0;}
#chinhsach  ul li{}
#chinhsach  ul li a{color: #fff;display: block;padding: 3px 0px;}
#chinhsach  ul li a:hover{color: #ff0;}
#chinhsach img {
    max-width: 170px;
}