@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: "roboto";
src:url(../font/roboto/robotocondensed-regular.eot);
src: url(../font/roboto/robotocondensed-regulareot.html#iefix) format("embedded-opentype"),
url(../font/roboto/robotocondensed-regular.woff) format("woff"),
url(../font/roboto/robotocondensed-regular.html) format("truetype"),
url(../font/roboto/robotocondensed-regular.svg) format("svg");
font-weight: normal;
font-style: normal;
}
body
{
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
line-height:1.5;
color:#333333;
}
/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
* html > body .clearfix {
display: block;
width: 100%;
}
* html .clearfix {
height: 1%;
}
a{text-decoration:none; color:#333333;}
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:10px; border-bottom:1px dotted #999;}
.box_news h2{
font-size:12px;
margin:0px;
}
.box_news h2 a{
color:#0069ff;
font-size:15px;
}
.box_news p{
margin:0px;
padding:0px;
}
.box_news p.small{
font-size:11px;
color:#929090;
}
.box_news h2 a:hover{
color:#F00;
}
h1.text_title{color:#241900; font-size:12px;}
.image_boder{float:left; margin:0px 10px 0px 0px; background:#FFF; padding:5px; border:1px solid #E4E4E4;}
.button {
background: #09669C;
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;
}
.button:hover {
background:#F00;
}
.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:#0069ff;
}
.othernews ul{
list-style:inside;
}
.othernews ul li{
padding-left:10px;
color:#0069ff;
}
/* --------------------- Phan trang ------------------*/
.phantrang{
text-align:center;
padding:10px 0px;
}
.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:1200px;
margin:0px auto;
}
/************** Header ****************/
#bg_page{
background:url(../images/tanquochuy/bg_top.png) no-repeat top center,url(../images/tanquochuy/bg_top_new.png) repeat-x top left;
}
#bg_page1{
/*background:url(../images/tanquochuy/menu_bg.png) repeat-x top left;*/
background:#00b9fe;
}
.header{
}
.header .banner{
position:relative;
}
.logo{
position:absolute;
top:15px;
left:0px;
width:164px;
height:115px;
}
.header .menu{
height:39px;
}
.header .menu ul{
margin:0px;
padding:0px;
list-style:none;
}
.header .menu ul li{
float:left;
/*background:url(../images/tanquochuy/line_menu.png) no-repeat right center;*/
height:40px;
}
.header .menu ul li:last-child{
background:none;
}
.header .menu ul li:first-child{
}
.header .menu ul li a.font_custom{
color:#FFF;
display:block;
height:40px;
line-height:40px;
text-transform:uppercase;
white-space:nowrap;
padding:0px 28px;
font-weight:bold;
}
.header .menu ul li a.active,.header .menu ul li a:hover{
background:#e61717;
}
.header .menu .search{
float:right;
margin-top:7px;
}
.header .menu .search input[type="text"]{
border:0px;
height:26px;
line-height:26px;
width:220px;
box-sizing:border-box;
color:#b1b1c3;
/*background:url(../images/tanquochuy/search_bg.png) no-repeat top left;*/
background:#03688E;
padding:0px;
margin:0px;
padding-left:10px;
float:left;
font-size:14px;
margin-right:5px;
font-weight:bold;
}
.header .menu .search input[type="button"]{
background:url(../images/tanquochuy/search_icon.png) no-repeat left center;
padding:0px;
margin:0px;
border:0px;
height:26px;
width:43px;
float:right;
text-align:center;
line-height:26px;
color:#FFF;
font-size:13px;
font-weight:bold;
}
/***************** Container ********************/
#box_slider {
width: 1200px;
overflow: hidden;
margin:0 auto;
}
#container{
/*margin:20px 0px;*/
margin-top:20px;
}
.container_left{
float:left;
width:240px;
}
.container_left .module_left{
margin-bottom:15px;
border-radius:5px;
/*overflow:hidden;*/
}
.container_left .module_left .title{
}
.container_left .module_left h2{
/*background:url(../images/tanquochuy/dm_left.png) no-repeat top center; */
background:#00b9fe;
font-size:14px;
text-transform:uppercase;
color:#FFF;
margin:0px;
text-align:center;
/* font-weight:normal; */
border-top-left-radius:5px;
border-top-right-radius:5px;
padding:10px 0px;
}
.container_left .module_left .content{
border:1px solid #e1e1e1;
}
.container_left .module_left .content.padding10{
padding:9px;
}
.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 #e1e1e1;
background:url(../images/muiten.png) 5px center no-repeat;
}
.container_left .module_left ul.list_cat_product li a{
color:#000;
display:block;
padding:7px 5px ;
font-size:14px;
padding-left:20px;
text-transform:uppercase;
font-size: 11pt;
font-weight: bold;
color: #252525;
}
.container_left .module_left ul.list_cat_product li:last-child{
}
.container_left .module_left .info_text{
background:url(../images/icon_email.png) no-repeat top left;
font-weight:bold;
padding-left:40px;
color:#F00;
text-transform:uppercase;
margin-top:10px;
}
.container_left .module_left h3{
color:#0c2d8b;
background:url(../images/bg_module_left_h3.png) no-repeat bottom left;
font-size:12px;
font-weight:normal;
margin:0px 0px 5px 0px;
}
.container_left .module_left .item_support{
padding:5px 0px;
border-bottom:1px dashed #dcdbdb;
}
.container_left .module_left .item_support .item{
float:left;
width:50%;
text-align:center;
font-weight:bold;
color:#000000;
}
.container_left .module_left .item_support .phone{
font-weight:bold;
color:#a30000;
padding-top:5px;
}
.container_left .module_left .item_support .item .img{
}
.container_left .module_left .item_support .item img{
vertical-align:bottom;
}
.container_left .module_left .item_support .item .name{
font-weight:bold;
color:#a30000;
text-transform:uppercase;
background:url(../images/arrow.png) no-repeat 10px 10px;
padding-top:5px;
margin-bottom:5px;
}
.container_left .module_left .item_partner{
text-align:center;
margin-bottom:5px;
}
.container_left .module_left .item_partner img{
border:1px solid #d3d0d0;
padding:4px;
}
.container_left .module_static h2{
background:url(../images/bg_module_static.png) no-repeat bottom center;
padding-bottom:15px;
font-size:12px;
color:#05206d;
text-align:center;
text-transform:uppercase;
margin:0px;
}
.container_left .content ul.static{
margin:5px 5px 5px 5px;
padding:0px;
list-style:none;
background:#FFF;
border-radius:5px;
padding:5px;
}
.container_left .content ul.static li{
font-weight:bold;
padding:3px 0px;
color:#000;
}
.container_left .content ul.static li span{
float:right;
width:80px;
font-weight:normal;
}
.container_left ul.list_news{
margin:5px 5px 5px 5px;
padding:0px;
list-style:none;
background:#FFF;
border-radius:5px;
padding:5px;
}
.container_left ul.list_news li {
padding:3px;
border-bottom:1px solid #e5e5e5;
}
.container_left ul.list_news li span{
color:#F00;
}
.container_left ul.list_news li .image{
float:left;
margin-right:5px;
padding:3px;
border:1px solid #cbcbcb;
border-radius:5px;
}
.container_left ul.list_news li .image img{
width:50px;
}
.container_left ul.list_news li a{
font-size:11px;
font-weight:bold;
}
/***************/
.container_mid{
float: right;
width:940px;
}
.container_mid .box_content{
margin-bottom:10px;
}
.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:none;
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;
}
.container_mid .tcat_mid{
background:url(../images/bg_tcat.png) repeat-x top left;
text-transform:uppercase;
color:#FFF;
font-weight:bold;
height:55px;
float:left;
min-width:160px;
}
.container_mid .tcat_mid .tcat_left{
background:url(../images/bg_tcat_left.png) no-repeat top left;
height:55px;
padding-left:10px;
}
.container_mid .tcat_mid .tcat_right{
background:url(../images/bg_tcat_right.png) no-repeat top right;
height:55px;
padding-right:40px;
line-height:55px;
}
.container_mid .content{
padding:10px;
background:#fff;
border-radius:5px;
}
.container_mid .content .about_picture{
float:left;
width:270px;
}
.container_mid .content img{
max-width:630px;
}
/***************** Footer ********************/
#footer{
color:#FFF;
padding: 15px 0px;
position:relative;
}
.social{
position:absolute;
bottom:10px;
right:350px;
}
.social img{
}
.social img:hover{
opacity:0.7;
}
#footer h2{
margin:0px;
font-size:15px;
font-weight:normal;
color:#ff0000;
margin-bottom:10px;
text-transform:uppercase;
}
#footer .txt_footer{
width:620px;
float:left;
}
.thongke{
float:right;
width:215px;
color:#FFF;
}
.thongke h3{
margin:0px;
padding:0px;
font-size:16px;
}
.tk{
height:25px;
line-height:25px;
padding-left:35px;
color:#e1ea3d;
font-size:16px;
}
.tk span{
color:#FFF;
display:inline-block;
width:120px;
font-size:14px;
}
.online{
background:url(../images/tanquochuy/online.png) no-repeat left center;
}
.tuan{
background:url(../images/tanquochuy/tuan.png) no-repeat left center;
}
.thang{
background:url(../images/tanquochuy/thang.png) no-repeat left center;
}
.tong{
background:url(../images/tanquochuy/tong.png) no-repeat left center;
}
#footer .menu_footer a{
padding-right:25px;
color:#FFF;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
}
#footer p{
margin:0px;
}
.form_lienhe span{
font-size:13px;
width:90px;
display:inline-block;
}
.form_lienhe .input5{
width:310px;
height:27px;
background:#e4e4e4;
border-radius:5px;
border:0px;
padding:0px;
margin:0px;
margin-bottom:5px;
}
.button1{
background:#F00;
color:#fff;
border-radius:5px;
width:55px;
height:27px;
text-align:center;
line-height:27px;
border:0px;
float:right;
}
.button1:hover{
background:#09F;
}
/*---------------------------------------*/
.product_detail_pic{
float:left;
width:380px;
margin-right:30px;
}
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:#fff;
font-size:16px;
text-transform:uppercase;
}
.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{
width:219px;
text-align:center;
float:left;
vertical-align:top;
padding:0px 8px;
padding-bottom:15px;
/* margin-bottom:15px; */
background:#fff;
}
.item_product .images{
border-bottom:4px solid #dfdfdf;
border-right:4px solid #dfdfdf;
}
.item_product .images img{
width:100%;
background:#fff;
height:auto;
padding:4px;
box-sizing:border-box;
border:1px solid #e1e1e1;
}
.item_product .name{
text-align:center;
margin:5px 0px;
}
.item_product .name a{
color:#494343;
font-size:15px;
font-weight:bold;
}
.item_product .ma{
margin-top:10px;
color:#fff;
font-size:14px;
text-align:center;
}
.item_product .name a:hover{
color:#F00;
}
.item_product .price{
color:#000;
font-weight:bold;
}
.item_product .price span{
color:#F00;
font-size:14px;
font-weight:bold;
}
.lienhe_left{
font-weight:bold;
}
/*------------------- Doi tac css -------------------*/
.ma-brand-slider-contain {
width:100%;
}
.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: 10px;
position: relative;
width:135px;
height:92px;
overflow:hidden;
border:1px solid #e7e7e7;
box-sizing:border-box;
}
.brand-slider .jcarousel-item-horizontal img {
width:133px;
height:90px;
}
.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: -25px;
margin-top:-21px;
width: 15px;
height: 51px;
cursor: pointer;
display:none;
background:url(../images/huunguyen/dt_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: -25px;
margin-top:-21px;
width: 15px;
height: 51px;
cursor: pointer;
display:block;
background:url(../images/huunguyen/dt_back.png) no-repeat top left;
}
.ma-brand-slider .jcarousel-prev-horizontal:hover {
}
.ma-brand-slider .jcarousel-prev-horizontal:active {
}
.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 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: block;
}
.ma-brand-slider .jcarousel-prev {
z-index: 3;
display: block;
}
.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;
}
#galleria{height: 485px; background: #FFF }
/*-------------- Map css ------------*/
#map_canvas {
height: 500px;
width: 100%;
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: #0069ff;
display: block;
font-size: 16px;
font-weight: bold;
padding: 5px 10px 5px;
margin:0px;
}
.item_picture{
height:270px;
overflow:hidden;
}
h2.title_cat{
font-size:12px;
border-bottom:1px solid #E5E5E5;
padding:10px;
text-transform:uppercase;
}
.bg_content{
background:url(../images/bg_container_content_b.png) no-repeat bottom center;
padding-bottom:10px;
}
/*----------------------------------------------------*/
* html #jslider-container{ width: 1000px }
.slider-box {
width: 1000px;
height:380px;
overflow:hidden;
}
#slider-wrapper {
margin: 0 auto;
padding: 0px;
}
#jslider-container {
max-width: 1000px;
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:100%;
overflow:hidden;
}
#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.html) 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.html);
}
#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.html);
width:13px;
height:7px;
}
.tintuc_all_moi .name{
text-align:center;
margin-top:10px;
color:#fff;
}
.tintuc_all_moi{
padding:15px 0px;
border-bottom:1px dashed #414141;
}
.wrap_hotline{
width:100%;
height:145px;
position:relative;
background:url(../images/huunguyen/hotro_bg.png) no-repeat top center;
border-bottom:1px solid #e1e1e1;
}
.wrap_hotline .hotline{
position:absolute;
left:105px;
bottom:5px;
}
.wrap_hotline .hotline p{
color:#fff;
font-size:14px;
margin:0px;
}
.wrap_hotline .hotline .hotline1{
color:#F00;
font-weight:bold;
font-size:16px;
height:20px;
line-height:20px;
}
.wrap_hotro {
padding-left:30px;
padding-right:10px;
}
.wrap_hotro .hotro{
padding:10px 0px;
border-bottom:1px dashed #414141;
}
.wrap_hotro .hotro:last-child{
border:0px;
}
.wrap_hotro .hotro span{
color:#000cff;
display:inline-block;
vertical-align:top;
padding-left:3px;
}
.wrap_hotro .hotro .email{
height:35px;
line-height:35px;
font-size:14px;
padding-left:35px;
background:url(../images/huunguyen/email.png) no-repeat left center;
color:#141313;
text-shadow:0px 0px 1px #ccc;
}
.wrap_hotro .hotro .dienthoai{
height:35px;
line-height:35px;
font-size:14px;
padding-left:35px;
background:url(../images/huunguyen/phone.png) no-repeat left center;
color:#141313;
text-shadow:0px 0px 1px #ccc;
}
.content_tk{
padding:10px 35px;
color:#000;
text-shadow:0px 0px 1px #ccc;
}
.tcat{
width:100%;
height:40px;
background:url(../images/tanquochuy/tcat_bg.png) repeat-x bottom left;
margin-bottom:20px;
position:relative;
}
.tcat .tcat1{
float:left;
}
.tcat .tcat1 .tcat_l{
float:left;
color:#fff;
text-transform:uppercase;
font-size:14px;
/*background:url(../images/tanquochuy/tcat_left.png) repeat-x top left;*/
background:#00b9fe;
text-align:center;
padding:0px 35px;
height:40px;
line-height:40px;
font-weight:bold;
}
.tcat .tcat1 .tcat_r{
float:left;
width:4px;
height:40px;
background:url(../images/tanquochuy/tcat_right.png) no-repeat top left;
}
.tcat .xemthem{
position:absolute;
bottom:5px;
right:10px;
}
.tcat .xemthem a{
color:#F00;
font-size:14px;
}
.tcat .xemthem a:hover{
color:#FF0;
}
.doitac {
padding:30px 25px;
}
#bg_page3{
/*background: url(../images/tanquochuy/footer_shadow.png) repeat-x bottom left, url(../images/tanquochuy/bg_footer1.png) no-repeat top center #0105df;*/
background:#00b9fe;
}
.banquyen{
color:#fff;
background:#069DD6;
height:25px;
line-height:25px;
text-align:center;
font-size:12px;
}
.container_left .module_left ul.list_cat_product li.dm3:hover{
background:#8080FF;
}
.form_lienhe{
width:400px;
margin:0 auto;
min-height:240px;
}
.suport{
padding:15px;
padding-right:5px;
padding-top:0px;
}
.hotline_left{
min-height:68px;
background:url("../images/tanquochuy/hotline.png") no-repeat top center;
position:relative;
}
.hotline_left span {
color: #1f00c9;
font-size: 19px;
font-weight: bold;
position: absolute;
bottom: 3px;
left: 76px;
}
.lienhe_left .thongtin{
padding:5px 0px ;
color:#F00;
font-size:14px;
text-transform:uppercase;
}
.thongtin_sanpham{
margin-bottom:20px;
}
.thongtin_sanpham .item_left{
width:850px;
float:left;
}
.thongtin_title{
width:100%;
height:40px;
/*background:url(../images/tanquochuy/thongtin_title.png) no-repeat top left;*/
background:#00b9fe;
}
.thongtin_nd{
padding:15px;
border:1px solid #e1e1e1;
}
.thongtin_sanpham .item_right{
width:330px;
float:right;
}
.thongtin_left .image{
padding:3px ;
border:1px solid #e1e1e1;
float:left;
margin-right:10px;
}
.thongtin_left .ten{
margin:0px;
font-weight:normal;
font-size:14px;
color:#0054ff;
}
.thongtin_left .ten:hover{
color:#f00;
}
.thongtin_left{
width:460px;
float:left;
}
.thongtin_right{
width:340px;
float:right;
}
.tintuc_item{
margin-bottom:15px;
}
.tintuc_item .image{
padding:3px ;
border:1px solid #e1e1e1;
float:left;
margin-right:10px;
}
.tintuc_item .image img{
width:128px;
}
.tintuc_item .ten{
margin:0px;
font-weight:normal;
font-size:14px;
color:#0054ff;
}
.tintuc_item .ten:hover{
color:#f00;
}
.sp_title{
height:40px;
/*background:url(../images/tanquochuy/sp_tieubieu.png) repeat-x top left;*/
background:#00b9fe;
color:#fff;
font-size:14px;
text-transform:uppercase;
line-height:40px;
text-align: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight:bold;
}
.bx_sptb{
margin:0px;
padding:0px;
}
.bx_sptb li{}
.bx_sptb li img{ width:100%;height:auto;}
.bx{
border:1px solid #e1e1e1;
padding:3px;
margin: 7px 0px;
}