@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: UTMBAYBUOM;
	src: url('UVNBayBuom.ttf');
}

@font-face{
	font-family: UTM_HEAVY;
	src: url('UTM Alberta Heavy.ttf'),url('UTM Alberta Heavy.eot');
}

@font-face{
	font-family: Myriad-pro-light;
	src: url('images/fonts/MyriadPro-Light.otf'),
	url('images/fonts/MyriadPro-Light.eot');
}
@font-face{
	font-family: UTM;
	src: url('images/fonts/UTM Bebas.eot');
	src: url('images/fonts/UTM Bebas.eot?#iefix') format('embedded-opentype'),
	url('images/fonts/UTM Bebas.ttf');
}
@font-face{
	font-family: UTM_HEAVY;
	src: url('UTM Alberta Heavy.ttf'),url('UTM Alberta Heavy.eot');
}
#fb_page
{
margin-top:90px;
color:black;
}
.online
{
    list-style: none;
}
.page
{

list-style:none;

}
.month
{

list-style:none;
}

.statistics
{

list-style:none;
}
/*++++++++++DEFAULT+++++++++++*/
*{margin: 0;padding: 0;}
body{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#000;background: white;}
a{color:#000;text-decoration:none;}
a:hover{color:#F00;}
a.active{color:#F00;}
a:active{color:#555;}
b
{
font-weight: bold;
}

img{border:none;}
div.clear{display:block;clear:both;}
#top{color:#FFF;font-weight:500;text-align:center;width:39px;padding:11px 0px;position:fixed;bottom:4px;right:30px;display:none;cursor:pointer;background-color: #000;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
#top:hover{background: #990004;background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);}
#loading{width: 32px;height:32px; position:absolute;z-index:1000;}
.loading{float: left;padding: 5%;width: 90%;text-align: center;}
.button {display:inline-block;border:none;background: #000;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;color:#FFFFFF;font-weight: bold !important;padding: 6px 15px;cursor:pointer;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
.button:hover{background: #990004;background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);color:#FFF;}

div#basic-modal-register{display: none;}
div#basic-modal-login{display: none;}
div#main-content{float: left;width: 550px;}

/*++++++++++LAYOUT+++++++++++*/
div#full{position: relative;width: auto;height: auto;/*background: url(images/bg_full_top.png) no-repeat center top, url(images/bg_full_bottom.png) no-repeat center bottom;*/}
div#wrapper 
{    
	position: relative;
    width: 1349px;
    height: auto;
    margin: 0px auto;
}
div#header 
{       
	position: relative;
    width: 1349px;
    height: 191px;
    background: url(images/back_header_02.png)no-repeat;
}
div#menu {position: relative;width: 100%;height: 37px;margin: 0px auto;background:blue;}
nav#menu > ul > li  > menu > a > span
{
color:blue;
}

div#quangcao {float: left;width: 100%;height: 320px;margin-bottom: 10px;}
div#container 
{     
    float: left;
    width: 1056px;
    height: auto;
    display: after;
    margin-left: 145px;
	background:white;
}
div#left 
{     
	float: left;
    width: 195px;
    height: auto;
    margin-top: 10px;
	background: #ffffff;
	box-shadow: 3px 1px 20px rgba(0,0,0,0.40);
	border-radius: 10px 10px 0px 0px;
}
div#right {float: right;width: 215px;}
div.sub-left
{
    float: left;
    width: 100%;
	border-radius: 10px 10px 0px 0px;
}
div.sub-left1
{

    float: left;
    width: 94%;
    height: 180px;
    border-radius: 10px 10px 0px 0px;
    background: url(images/back_htro_08.png)no-repeat;
    margin: 20px 7px;
    box-shadow: 1px 1px 1px 0px #c4c4c4;
    border-radius: 10px;
}
.dt_left
{
	float: left;
    width: 100%;
    text-align: center;
    margin-top: 47px;
    color: white;
    font-size: 15px;
}
.dt_left1
{
	float: left;
    width: 100%;
    text-align: center;
    margin-top: 61px;
    color: white;
    font-size: 15px;
}
div#htro
{
    float: left;
    background: url(images/back_dthoai_05.png)no-repeat;
    width: 250px;
    height: 99px;
}
#htro h4
{
        margin-left: 4px;
    margin-top: -77px;
    font-size: 14px;
    color: red;
    font-family: BatangChe;
}
#htro h2
{
    color: red;
    margin-left: 110px;
    font-size: 20px;
    margin-top: 62px;
    font-family: initial;
}
#htro a
{
color: black;
    margin-left: -32px;
    font-family: arian;
    font-size: 15px;
}
.mail
{
        margin-top: 51px;
    margin-left: 41px;
    font-size: 14px;
}
.mail a
{
color:white;
}
div#htro1
{
    FLOAT: LEFT;
    margin-left: 30PX;
    MARGIN-TOP: 29PX;
    font-family: arian;
    font-size: 17px;
    background: url(images/icon_dt_05.png)no-repeat bottom left;
    width: 200px;
}
div#htro1 p
{
   margin-left: 123px;
}
#htro1 a
{
    font-weight: bold;
    padding-left: 46px;
    padding-top: 200px;
    color: RED;
    font-size: 25px;
    font-family: arian;
}

div.title 	
{            
	float: left;
    width: 100%;
    height: 47px;
    background: url(images/back_left_03.png) no-repeat left center;
	border-radius: 10px 10px 0px 0px;
}
div.title1 {position: relative;
    float: left;
    width: 100%;
    height: 40px;
    background: url(images/title_03.png) no-repeat left center;}
div.title:before{content:'';position: absolute;top:-6px;right: 0px;display: block;width: 34px; height: 35px;}
div.title h2
{
	float: left;
    font-size: 15px;
    margin-left: 50px;
    padding-top: 17px;
    text-transform: uppercase;
    color: white;
    text-align: center;
}
div.title1 h2{float: left;font-size: 15px;margin-left: 40px;padding-top:12px;text-transform: uppercase;color: black;text-align:center;font-family:arian;}

div.title a{color: #000;}
div.title a:hover{color: #FF0;text-shadow: 0px 0px 2px #000;}
div.content 
{      
	float: left;
    width: 100%;
}
div.bottom 
{       
	width: 1056px;
    margin-left: 145px;
    height: 403px;
    background: url('images/3783.png')repeat-x;
}
div.bottom1
{
   background: url('images/3783.png')repeat-x;
    float: left;
    width: 100%;
    height: auto;
}
div.bottom2
{
	float: left;
    width: 100%;
    height: 230px;
    background: url(images/back_bottom1_04.png)repeat-x;
    background-color: #FAFAFA;
}
div#info
 {    
	position: relative;
    float: right;
    width: 830px;
    margin-top: 10px;
    margin-right: 13px;
}
div.info {float: left;width: 100%;margin-bottom: 10px;}
div.info-title
{          
	    position: relative;
    float: left;
    background: url(images/title_index_06.png)no-repeat;
    background-size: cover;
    height: 57px;
    width: 100%;
}
.active  .info-title-tab
{
	background-color:#df0024;
    color: white;
}
div.info-title-tab
{          
	margin-top: 4px;
    position: relative;
    float: left;
    background-color: #e6e6e6;
    height: 35px;
    width: 215px;
	cursor: pointer;
}
div.info-title:before{content:'';position: absolute;top:-6px;left: 167px;display: block;width: 34px; height: 35px;}

div.info-title h2
{  
        float: left;
    font-size: 17px;
    text-transform: uppercase;
        color: white;
    margin-top: 13px;
    width: 100%;
    margin-left: 50px;
}
div.info-title-tab h2
{  
    float: left;
    font-size: 17px;
    text-transform: uppercase;
    margin-top: 7px;
    width: 100%;
	text-align:center;
}
div.info-title p{float: right;color: #FFF;line-height:47px;font-size:15px;}
div.info-title a{color: #313131;}
div.info-title a:hover{text-decoration: underline;}
div.info-content
{    
	float: left;
    width: 100%;
	box-sizing: border-box;
}
div.info-bottom {float: left;width: 100%;height: 7px;}
a.viewAll{display: inline-block;text-align: left;font-weight: bold;cursor: pointer;}
a.hide{display: none;}
div.slide{float: left;width:720px; height: 220px;}
div.sort{float: left; width: 680px;padding: 20px;background: #F2F2F2;}
div.sort h2{font-family: Tahoma;font-size: 16px;color: #555;}
div#footer 
{ 
    width: 1057px;
    height: 173px;
    margin-left: 145px;
    background: url(images/hinh8_03.png)no-repeat;
    background-size: cover;
}
.img_about
{
    float: left;
    width: 285px;
    height: 213px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.img_about img
{
    width: 100%;
    height: 213px;
}
.tke
{
    float: right;
    margin-right: 20px;
    margin-top: 40px;
    background: url(images/bongmo_03.png)no-repeat;
    width: 256px;
    height: 102px;
    font-family: Times New Roman;
    font-size: 12px;
    color: #FFFFFF;
}
.lienketnhanh
{
	float: left;
    margin-top: 30px;
    margin-left: 10px;
}
.lienketnhanh p
{
	text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
	    color: white;
}
.lienketnhanh ul li
{
	background: url(images/icon_lk_12.png)no-repeat;
    line-height: 20px;
}
.lienketnhanh ul li a
{
	margin-left: 19px;
    font-weight: bold;
	    color: white;
}
.icon_footer
{
    float: left;
    margin-top: 30px;
    margin-left: 40px;
}
.icon_footer p
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
	color: white;
}
.icon_footer img
{
    margin-top: 10px;
    margin-left: 10px;
}
div#footer-left{float: left;width: 80%; margin-right:50px;}
div#footer-right{float: right;width: 19%;ma}

p.author{position: absolute; top:40%;right: 0px;font-weight: bold;}
div.text 
{
    float: left;
    text-align: justify;
    width: 100%;
    padding: 10px;
    line-height: 2em;
    color: black;
	    box-sizing: border-box;
}
div.text1
{
    float: left;
    width: 625px;
    margin-top: 10px;
    margin-left: 20px;
    line-height: 27px;
	font-size: 14px;
}
div.text img{max-width: 100%; height: auto !important;}
div.text ul,ol {list-style: inside;}

div#tags{margin-top: 5px;background: #000;padding: 10px;}
div.tags{width: 990px;margin: 0px auto;}
div.tags h2{float: left;font-family: UTM; font-size: 20px;color: #FFF;font-weight: 400;text-decoration: underline;}
/*++++++++++++++++++++Pan do footer+++++++++++*/
#bdo 
{
    float: left;
    margin-top: 30px;
    margin-left: 72px;
    width: 300px;
}
#face
{
    margin-bottom: 12px;
    margin-top: 5px;
    margin-left: 3px;
}
#map
{
    margin-left: 399px;
    line-height: 391px;
    margin-top: -387px;
}
.noidung p 
{
        color: white;
    font-size: 16px;
    margin-top: 5px;
    margin-left: 20px;
}
.noidung h2
{
    color:#ffff00;
    font-size: 16px;
    margin-top: 5px;
}
.thongke strong 
{
	font-family: Times New Roman;
    font-size: 12px;
    color: #FF7500;
}
.thongke p > b
{
	font-family: Times New Roman;
    font-size: 12px;
    color: #FF7500;
}
.tke h3 
{
        float: left;
    width: 100%;
    margin-left: 56px;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 12px;
}
.thongke
{
    float: left;
    width: 100%;
    margin-left: 60px;
}
/*++++++++++++++++++++Partner-right+++++++++++*/
#banner-right
{

        width: 60px;
    position: fixed;
    z-index: 999999;
    top: 63px;
    right: 34px;

   
}
#logo
{
    float: left;
    width: 152px;
    height: 79px;
    margin-left: 154px;
    margin-top: 33px;
}
.info_header
{
    position: absolute;
    /* float: left; */
    width: 359px;
    top: 67px;
    left: 349px;
}
.dt_menu
{
    color: white;
    font-size: 25px;
    position: absolute;
    right: 21px;
    top: 10px;
}
.dt_hotline
{
    color: red;
    text-shadow: -2px -1px 0px white;
    font-size: 19px;
    position: absolute;
    right: 179px;
    top: 15px;
}
.menu a span
{
color:#fcff40;
}
/*++++++++++++++++++++Partner+++++++++++*/
#dtac
{
width:1180px;
height:200px;
background:#e7e7e7;
margin-left:80px;
}

#hinh
{
float:left;
margin-left:16px;
margin-top:10px;
}
#title2
{
height:40px;
background:url(images/dtac.png) no-repeat;
}
#title2 h2
{
 margin-left:50px;
 padding-top:10px;
 font-size:15px;
 font-family:arian;
}

/*++++++++++Navigation+++++++++++*/
div.navigation{position: relative;float: left;width: 984px;margin: 0px auto 8px auto;padding: 8px;background: #E1E1E1; border-radius: 5px;}
div.navigation h3{font-family: "Open Sans";font-size: 13px;font-weight:600;color: #000;}

ul#header-nav{float: left;list-style: none;margin-top: 10px;}
ul#header-nav li{position: relative;float: left;padding: 0px 15px;border-left: 1px solid #555}
ul#header-nav li:first-child{border-left: none !important;}
ul#header-nav a{color: #555;line-height: 15px;}
ul#header-nav a:hover, ul#header-nav a.active{color: #f55e07;}

/*++++++++++BASKET+++++++++++*/
div#basket{position:absolute;top:5px;right: 15px;width: 115px;height: 31px;background: url(images/order.png) no-repeat left center;}
div#basket p{color: #f55e07; font-weight: bold;margin-left: 40px;padding-top: 10px;}
div#basket a{color: #f55e07;}div#basket a:hover{color: #000;}
div.box-basket {position:relative;float: left;width: 350px;padding: 10px;}
div.box-basket-img {float: left;width:132px;}
div.box-basket-name{float: right;width:200px;}
div.box-basket-name h2{text-align:left;font-family: "Open Sans"; font-size: 15px;font-weight:600;color:#000;}
div.box-basket-mota{float: right;width:200px; margin-top:5px;text-align:left;line-height:1.5em;}

/*++++++++++Slider+++++++++++*/
div#slider 
{        
	     width: 1056px;
    height: 339px;
    margin: 0px auto;
    overflow: hidden;
}
.slider_w
{
	width: 100%;
    float: left;
    background: url(images/3760@2x.png)no-repeat;
    height: 365px;
}
/*++++++++++Doi tac+++++++++++*/
#doitac
{
margin-left:85px;
margin-bottom:30px;
}
#doitac2
{
background:url(images/dtac.png)no-repeat;
height:40px;
}
#doitac2 a
{
color: black;
font-size:15px;
font-family:arian;
margin-left:50px;
line-height:40px;
}
#doitac1
{
    width: 1056px;
    float: left;
    margin-left: 145px;
    height: 110px;
    background: #cacfd4;
}
.mota_slider
{
          width: 500px;
    padding-left: 40px;
    margin-bottom: 49px;
}
.xemthem
{
    width: 200px;
    height: 52px;
    background: #1bd102;
    border-radius: 11px;
}
.xemthem a 
{
    color: white;
    font-size: 15px;
    padding-top: -87px;
    padding-left: 51px;
    line-height: 47px;
}
.xemthem a:hover
{
    color: red;
    font-size: 15px;
    padding-top: -87px;
    padding-left: 51px;
    line-height: 47px;
}
/*++++++++++Sort by+++++++++++*/
div.sortby{position: absolute;top: 10px;right: 0px;}
div.sortby p{float: left;margin-right: 10px;color: #555;line-height: 24px;font-size:12px;}
div.sortby #select_sort{padding:3px;min-width:170px;font-size:12px;color: #555}
/*++++++++++map footer+++++++++++*/

/*++++++++++SUB HEADER+++++++++++*/
div#banner
{    
	width: 452px;
    float: left;
    margin-left: 31px;
    margin-top: 16px;
}
div#banner img{width: auto; max-height: 115px;}
div#banner h1{    position: absolute;
    right: 235px;
    top: 105px;
    font-size: 21px;
    text-shadow: 2px 2px 0px white;}
a#logo{display: inline-block;}
#logo p 
{
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #0745C2;
    text-transform: uppercase;
    text-align: center;
}
div#hotline{        color: white;
    position: absolute;
    right: 235px;
    top: 105px;
    font-size: 21px;}
div#hotline span:first-child{font-weight: 400;font-size: 18px;font-family: 'Times New Roman';color: #FF0;}
div#hotline span:last-child{font-weight: bold;font-size: 32px;font-family: 'Times New Roman';color: #da0000; font-style: italic;}
div.header-sub{position: absolute;}

div#header-top{width: 100%;}
div.header-center{position: relative;width:1000px;margin: 0px auto;}
div#header-place{position: relative;width: 1000px;margin: 0px auto;padding: 3px 0px;}
div#place{position: relative;float: left;min-width:150px;padding: 4px;border: 1px solid #CCC;border-radius: 3px;height: 16px;background: url(images/pin_map.png) no-repeat 5px -12px; background-size: 12px;}
h5#current-place{cursor: pointer;font-weight: bold;font-size:100%;color: #FFF;padding:0px 25px 20px 20px;background: url(images/arrow_state_grey_expanded.png) no-repeat 98% 1px; background-size: 15px;}
div#place ul{list-style: none;padding: 5px 0px;position: absolute;left: 0px;top:34px;display: none;min-width: 100%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;background: #FFF;z-index:1050;box-shadow: 0px 0px 3px #333;}
div#place ul h6{font-size: 95%;}
div#place ul li{margin:0px 3px;border-top: 1px solid #ccc;}
div#place ul li:first-child{border-top: none;}
div#place ul a{display: block;padding: 5px 0px 5px 20px;background: url(images/pin_map.png) no-repeat 3px 7px; background-size: 12px;}
div#place ul a:hover{color: #FFF;background-color: #373737;background-position: 3px -12px; background-size: 12px;}
div#place span{display: none;position: absolute;top:25px;left: 0px;width:100%;height:15px;background: url(images/arrow_state_grey_expanded_up.png) no-repeat 10% bottom;}




ul.deal-nav li{border-left: 1px solid #ccc;margin-top:3px;}
ul.deal-nav h5{font-family: "Open sans";font-weight: 400;font-size: 14px;}


ul.header-nav-member li{padding-bottom: 15px !important;}
ul.header-nav-member a{font-family: "Open sans";font-weight: 400;font-size: 14px;}

div#header-hotline p{font-family: UTM_HEAVY;font-size:25px;color: #fff000;}
div#header-like{}
div#header-cart a{font-family: UTM;font-size:20px;}
div#header-cart span{color: #FF6100}
div#header-nav-login{position: absolute;top:27px;left: -40px;display: none;width: 200px;padding: 10px;color: #FFF;background: #333;border-radius: 0px 0px 5px 5px;box-shadow: 0px 0px 3px #000;z-index: 999999;}

div#header-middle{width: 100%;background: #02880f;}
div#header-navigation{position: relative;width: 1000px;margin: 0px auto;padding: 5px 0px;}

div#header-search{cursor: pointer;width:20px;height: 20px;bottom: 5px; right: 0px;background: url(images/icon_search.png) no-repeat center center;}
div#header-search span{display: none;position: absolute;z-index:1005;bottom:-21px;left: 4px;width:100%;height:15px;background: url(images/arrow_state_grey_expanded_up.png) no-repeat 10% bottom;}

/*++++++++++SEARCH+++++++++++*/
div#search
{         
	float: left;
    position: absolute;
    right: 97px;
    width: 230px;
    height: 31px;
    margin-top: 4px;
    background: white;
    border-radius: 13px;
	box-shadow: 1px 1px 1px 1px #f2f2f2;
}
div#search input
{        
	height: 32px;
    display: inline-block;
    border: none;
    outline: none;
    margin-left: 10px;
}
.menu li
{

}
div#btn
{        
	position: absolute;
    right: -14px;
    top: 3px;
    width: 43px;
    height: 40px;
    cursor: pointer;
    background: url(images/icon_search_14.png)no-repeat 0px 5px;
}

div#header-bottom{width: 100%;background: #FFF;}

div#search1
{
margin-left:1190px; width:20px;height:18px;
display: block; color: #fff; font-size: 16px; text-align: center; text-transform: uppercase; padding: 13px; background: #05278a url(images/search.png) center;
		transform: skew(-35deg, 0deg) ;
		-webkit-transform: skew(-35deg, 0deg) ;
		-moz-transform: skew(-35deg, 0deg) ;
		-o-transform: skew(-35deg, 0deg) ;
		-ms-transform: skew(-35deg, 0deg) ;
}
#search2
{
margin-left:1000px;
}
/*++++++++++SUB MANU+++++++++++*/

nav#menu-nav{position: absolute;top:5px;left: 3px;width: 223px;height: 32px;}
nav#menu-nav h2.allNav{position:absolute;display: block;width:223px;height: 32px;cursor: pointer;font-size: 20px;font-family: UTM;font-weight:400;line-height: 30px;background: url(images/bg_all_nav.png) no-repeat top center;z-index: 1000;}
nav#menu-nav h2.allNav a{color: #FFF;display: block;margin-left: 20px;}
nav#menu
{
	    position: relative;
    margin: 0px auto;
    width: 1056px;
    height: 44px;
    background: url(images/menu_menu_03.png)no-repeat;
    background-size: cover;
    margin-top: -52px;
}
nav#menu > ul > li
{    
	float: left;
    position: relative;
    min-width: 100px;
    height: 42px;
    text-align: center;
    margin-left: 13px;
    background: url(images/back_menu_05.png)no-repeat 2px;
}
.nav#menu > ul > li:hover
{
background: blue;
}	
nav#menu > ul > li > a > span
{
	display: block;	
}
nav#menu > ul > li > a > span > img
{
	    margin-top: -10px;	
}

/*++++++++++Flexslider+++++++++++*/



/*++++++++++SEARCH+++++++++++*/
div#multi-search{float: left; width: 320px;min-height: 240px;background: #FFF url(images/bg_multi_search.png) repeat-x left center;overflow: hidden;}
div#multi-search .label{font-family: UTM;font-size: 25px;color: #FFF;float: left;margin-left: 28px;margin-right:80px;padding-top:10px;line-height: 30px;}
div#multi-search .label span{color: #000;}
div#multi-search .element-search{width:170px;height:23px;padding-left: 6px;color: #666;border: 1px solid #ccc;}
div#multi-search div#btn{position: relative;display: inline-block;width: 110px;height: 37px;line-height: 35px;font-size: 15px;font-weight: bold;color: #FFF;text-align: center;cursor: pointer;background: url(images/btn.png) no-repeat top center;}



/*++++++++++PAGINATION+++++++++++*/
div.pagination{clear:both;padding:30px;text-align:center; line-height:1.4em;}
div.pagination span{display: inline-block; color: #FF0; width: 21px; padding: 2px 0px;text-align:center;  background-color: #005596; font-weight: bold; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;}
div.pagination a.paging{display: inline-block; color: #FFF; width: 21px; padding: 2px 0px;text-align:center;  background-color: #5E5E5E; font-weight: bold; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;cursor: pointer}
div.pagination a.paging:hover{background-color:#005596;}

div#popup{position: fixed;bottom: 0px; right: 0px;width: 250px; height: 250px;z-index: 99999;}
div#icon{height: 25px;background: #666;text-align: right;box-shadow: 0px -1px 5px #000;border-radius: 7px 7px 0px 0px;-webkit-border-radius: 7px 7px 0px 0px;	-moz-border-radius: 7px 7px 0px 0px;
-o-border-radius: 7px 7px 0px 0px;-ms-border-radius: 7px 7px 0px 0px;}
div#icon a{cursor: pointer;color: #FFF;padding: 0px 8px;}

/*++++++++++TOP NAVIGATION+++++++++++*/
ul#top-nav 
{        
    float: left;
    list-style: none;
    height: 40px;
    width: 940px;
}

ul#top-nav a 
{   
	position: relative;
    z-index: 99;
    display: block;
    padding-top: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}
ul#top-nav a:nth-child(1)
{   
	position: relative;
    z-index: 99;
    display: block;
    padding-top: 17px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}
ul#top-nav a :hover
{
color:#FFFF33;
}

ul#top-nav ul
{    
	position: absolute;
    list-style: none;
    width: 185px;
    display: none;
    top: 41px;
    left: 3px;
    z-index: 1000;
    box-shadow: 0px 0px 2px #333;
    text-align: left;
}
ul#top-nav ul ul{position: absolute;display: none;width: 200px;top: 0px;left: 200px;z-index: 1002;}
ul#top-nav ul li
{    
	    width: 185px;
    background: #e80000;
    border-bottom: 1px solid #ccc;
}
ul#top-nav ul li.exist_items{background: #0879c0 url(images/right.gif) no-repeat 98% 10px;}
ul#top-nav ul li:last-child{border-bottom: none;}
ul#top-nav ul ul li{width: 185px;border-left: 1px solid #FFF;border-bottom: 1px solid #ccc;}
ul#top-nav ul li a{color: #FFF !important;padding: 12px 10px; background: none !important;box-shadow: none !important;border-radius: none !important;border: none !important;}
ul#top-nav ul li a:hover{color: #FFFF33 !important;}
ul#top-nav ul li:hover ul li a{color: #FFF !important;}
ul#top-nav ul li:hover ul li a:hover{color: black !important;}
ul#top-nav li:hover ul ul, ul#top-nav li ul li:hover ul ul{display: none;}
ul#top-nav li:hover ul, ul#top-nav li ul li:hover ul{display: block;}


/*++++++++++COMPARE+++++++++++*/
div.compare-category{float: left;width:100%;}
div.compare-category h2{float: left;font-family: UTM; font-size: 20px;font-weight: 400;margin-left: 50px;margin-top:20px;}
div.compare-device{float: left;width:100%;margin-top: 20px;}
div.compare-buttons{float: left;width:120px;padding: 60px;}
div.compare{float: right;width:530px;}
div.compare-button{margin-bottom: 10px; font-family: UTM;font-size: 17px;font-weight: 400;cursor:pointer;width:120px;height:28px;line-height:25px;border: 1px solid #c53727;border-radius: 3px;color: #FFF;text-align: center;background: #2b2b2b; background: -webkit-linear-gradient(top, #2b2b2b 50%, #000 50%);background: -moz-linear-gradient(top, #2b2b2b 50%, #000 50%);background: -ms-linear-gradient(top, #2b2b2b 50%, #000 50%);background: -o-linear-gradient(top, #2b2b2b 50%, #000 50%);}
div.compare-button:hover{box-shadow: 0px 0px 5px #c53727;}
div.compare-search{float:left;position: relative; width: 100%;height: 40px;margin-top: 20px;background: #CCCCCC url(images/bg_search.png) no-repeat left center;border: 1px solid #e5e4e4;overflow: hidden;}
div.compare-search .label{font-family: UTM;font-size: 23px;color: #FFF;float: left;margin-left: 28px;margin-right:110px;padding-top:5px;line-height: 30px;}
div.compare-search .label span{color: #000;}
div.compare-search .element-search{float: left;width:170px;height:23px;padding-left: 6px;margin: 8px 5px;color: #999;border: 1px solid #ccc;}
div#compare-btn{position: absolute;right: 20px;top: 7px;width: 92px;height: 26px;cursor: pointer;background: url(images/btn.png) no-repeat top center;}
div.compare-search-result{float: left;width:100%;}

/*++++++++++LIENHE+++++++++++*/


/*++++++++++LEFT NAVIGATION+++++++++++*/
dl 
{   
	width: 100%;
    margin-top: 3px;
}
dt 
{       
	height: 30px;
    background: url(images/5149.png) no-repeat 14px 12px;
}
dt a 
{
	color: black;
    display: block;
    text-transform: uppercase;
    margin-left: 29px;
    padding-top: 10px;

}
dt a:hover {color: blue;}
dt.active_ a{color: red;}
ul.left-nav {list-style: none;
    margin: 5px 46px;}
ul.left-nav li {border-top: 1px dotted #ccc;}
ul.left-nav li:first-child{border-top:none;}
ul.left-nav li a {text-transform: uppercase;
    display: block;
    color: black;
    padding: 5px 0px 5px 15px;
    font-weight: bold;
    background: url(images/icon_03.png) no-repeat -2px 8px;
}
ul.left-nav li a:hover,ul.left-nav li a.active {color: #F00;}

p#hotline{color: #F00;font-weight: bold;font-size: 17px;text-align: center;padding: 80px 10px 33px 80px;background: url(images/hotline.png) no-repeat 2px 2px;}
ul.support{list-style: none;margin:5px 5px 0px;}
ul.support li{margin-bottom: 5px;padding: 7px;}
ul.support li p{font-weight: bold;}

div#video{float: left; width: 190px;margin: 5px;}
select#listVideo{      
	width: 240px;
    margin-left: 5px;
    margin-bottom: 18px;
    margin-top: 10px;
    padding: 5px;}
div#pics{float: left; width: 190px;height: 160px;margin: 5px;}
/*++++++++++RIGHT NAVIGATION+++++++++++*/
div#tabs-news{margin-top: 5px;}
ul.right-news{list-style: none;}
ul.right-news li{padding: 5px 0px;border-top: 1px solid #ccc;}
ul.right-news li:first-child{border-top: none !important;}

ul.cat-nav{list-style: none;}
ul.cat-nav li{padding: 5px 0px;border-top: 1px dotted #ccc;}
li#first-cat-nav{border-top: none;}
ul.cat-nav li a{display: block;padding-left: 20px;background: url(images/icon.gif) no-repeat 8px 4px;}

/*++++++++++PRODUCT+++++++++++*/
div#box-sp-slide{width: 645px;height:410px;}
div#box-sp-slide div.box-sp-img img{width: 645px; height: auto;margin-top: -167.5px}
div#box-sp-slide div.box-sp-time{padding: 2%;}
.bongmo
{
    margin: 0px auto;
    width: 146px;
    background: url(images/6522.png)no-repeat;
    height: 24px;
    margin-top: -9px;
}
div.box-sp 
{         
	float: left;
    width: 190px;
    margin-right: 22px;
    height: 250px;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
}
.box-sp-detail
{
	float: left;
    background: url(images/4888.png)no-repeat center;
    width: 100%;
    text-align: center;
    height: 27px;
}
.box-sp-detail a
{
	color: white;
    line-height: 30px;
}


div.box-sp-img 
{         
	width: 99%;
    height: 175px;
    border: 1px solid;
    box-sizing: border-box;
    padding: 5px;
}

div.box-sp-img img
{
    width: 100%;
     height: 164px;
}

div.box-sp-name 
{        
	float: left;
    width: 100%;
    text-align: center;
}
div.box-sp-name h3
{    
	font-size: 17px;
    text-align: center;
}
div.box-sp-name a
{
   
        text-align: center;
    font-size: 15px;
    font-weight: 500;
}
div.box-sp-name a:hover{color: #F00}

div.box-sp-price{float: left;width:100%;text-align: center;height:auto;}

div.box-sp-price p.old-price{margin-left: 10px;color:#666;text-decoration:line-through;line-height: 30px;letter-spacing: -1px;}
div.box-sp-price p.special-price{color: #f55e07;font-size:14px;line-height: 30px;letter-spacing: -1px;}
div.box-sp-price p.save-price{display: inline-block;padding: 0px 10px;margin: 0px auto;font-family: UTM;font-weight: 400;color:#FFF; font-size: 20px;background: url(images/bg_save_price.png) repeat-x top center;}
div.box-sp-price span{color: #ff6600;}

div.box-sp-price p.cost{float:left;width:95%;color: #052b33;text-align: center;}
div.box-sp-price p.cost span{font-size:13px;color: black;}
div.box-sp-price p.detail{float:right;width: 52px; height: 21px;text-align: center;margin-right:96px; }
div.box-sp-price pbox-sp-price a{display: block;width: 52px; height: 21px;line-height: 21px;font-weight: bold;background: url(images/bg_detail.png) no-repeat center top;margin-left:-96px;margin-top:5px;}


div.box-sp-mota{position: absolute;padding: 10px;width: 220px;display: none;visibility: hidden;background: #FFC;z-index: 1000;border: 2px solid #FC6;}
div.box-sp-hide{display: none;}
div.box-sp-show{display: block;}
div.box-sp-compare{position: absolute;top:0px;left: 0px;width: 148px;height:231px;display: none;background: rgba(0,0,0,0.5);z-index: 100;border-radius: 5px;}
div.box-sp-compare a{position: absolute;cursor: pointer;top: 80px;left: 53px;display: block;width: 40px;color: #FFF;text-align: center;line-height: 40px;font-size: 40px;background: #FF5900;z-index: 1000;}
div.box-sp-compare-added{visibility: hidden;}

div.box-sp-time{position: absolute;top:0px;left: 0px;padding: 3% 3%;width: 95%;display: none;background: rgba(0,0,0,0.8);}
div.box-sp-time p.note-count-down{float: right;font-weight: bold;color:#FFF;padding-left: 20px;background: url(images/time.png) no-repeat left center;}
div.box-sp-time p.bought{float: left;font-weight: bold;color:#FFF;}

div.box-sp-line{float: left; height:280px;border-left: 1px dotted #999;margin-left: -30px;margin-top: 45px;}
div.info-content_tintuc
{
      
    width: 100%;
    height: 227px;
    color: white;
	    margin-left: 16px;
		    float: left;
}
div.box-tintuc:nth-child(1)
{
    float: left;
    width: 42%;
    height: 92px;
	border-bottom: 1px dotted white;
}
div.box-tintuc:nth-child(2)
{
    float: left;
	margin-left: 100px;
    width: 42%;
    height: 92px;
	border-bottom: 1px dotted white;
}
div.box-tintuc:nth-child(3)
{
   float: left;
    width: 42%;
    height: 92px;
    margin-top: 20px;
	border-bottom: 1px dotted white;
}
div.box-tintuc:nth-child(4)
{
    float: left;
	margin-left: 100px;
    width: 42%;
    height: 92px;
	margin-top: 20px;
	border-bottom: 1px dotted white;
}
div.box-news-name-tintuc
{
    float: left;
    margin-left: 110px;
}
.box-news-name a 
{
    color: black;
    text-transform: uppercase;
}
.all
{
    position: absolute;
    right: 16px;
    top: 13px;
}
.all a 
{
color:red;
}
.all a:hover
{
color:blue;
}
.all1 a
{
    margin-top: 10px;
    right: 0px;
    position: absolute;
    width: 100px;
	color:red;
}
.all1 a:hover
{
color:blue;
}
div#wrap-view{float: left;width: 100%;height: 3px;margin-top: 35px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;}
div#wrap-view a.viewAll{display: inline-block;color: #FFF;margin-top: -15px;border: 1px solid #FFF;border-radius: 4px;padding: 7px 15px;text-transform: uppercase;background: url(images/bg_viewAll.png) repeat-x left center;}
div#wrap-view a.viewAll:hover{color: #000;}
div#search-color img{cursor: pointer;border: 1px solid #f2f2f2}
div#search-color img.select-color{border: 1px solid #555;}

/*++++++++++PRODUCT_DETAIL+++++++++++*/
div#tabs {
   
    margin-top: 10px;
    
}
div#tabs ul#ultabs {
list-style:none;
     
}
div#tabs ul#ultabs li {
    float: left;
    color: white;
    padding: 10px 15px;
    margin-right: 3px;
    cursor: pointer;
    border-bottom: none;
    font-size: 14px;
    background-color: #ff0000;
}
div#tabs ul#ultabs li:hover {
        float: left;
    color: #666;
    padding: 10px 15px;
    margin-right: 3px;
    cursor: pointer;
    border-bottom: none;
    font-size: 14px;
    background-color: blue;
}
div#content_tabs {
    border-top: none;
    padding: 10px 5px 5px 5px;
    list-style-position: inside;
}
/*+++++++++++++++++++INDEX++++++++++*/
div.tabs {
   
    margin-top: -4px;
    
}
div.tabs ul.ultabs {
list-style:none;
     
}
div.tabs ul.ultabs li {
    float: left;
    margin-right: 3px;
}

div.content_tabs {
    border-top: none;
    padding: 10px 5px 5px 5px;
    list-style-position: inside;
}

/*++++++++++JS ZOOM PRODUCT+++++++++++*/
div.jszoom-product
{    
	    float: left;
    width: 300px;
    border: 1px solid #c4c4c4;
    height: 300px;
    padding: 2px;
}
div.product_detail_img
{	
	 width: 300px;
	height: 300px;
}
div.product_detail_img img
{	
	 width: 300px;
	min-height: 300px;
}
.sp_lienquan
{
    float: left;
    width: 306px;
    margin-top: 10px;
}
div.thumb ul{position: relative;list-style: none;}
div.thumb ul li{position: absolute;z-index: 0;width: 300px;display: none;}
div.thumb ul li.active{z-index: 10;display: block;}
div.product-detail{float: left;width:400px;margin-top: 10px;line-height: 2em;list-style: inside;color: #000;}
div.product-detail img{max-width: 470px;}
div#product-detail img{max-width: 635px; height: auto !important;}
div.product-detail h3{font-family: "Open Sans"; font-weight: 400; letter-spacing:-1px;font-size: 27px; line-height:45px;}
div#linklk
{       
	float: left;
    width: 300px;
    height: 134px;
}
div#linklk1
{       float: left;
    margin-left: -79px;
    margin-top: 34px;

}
.icon_lk
{
    float: left;
    margin-left: 74px;
    height: 40px;
}
div.text img:hover
{

}

div.product-description
{    
	    float: left;
    width: 483px;
    margin-left: 20px;
    line-height: 2em;
}
div.product-description h2
{    
	color: black;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}
div.product-description p.line{border-bottom:1px solid #CCC;margin:10px 0px;}
div.product-description p.old-price{font-weight: 400;color:#FFF;font-size:14px;text-decoration: line-through;}
div.product-description p.special-price{font-weight: 400;color: #FF0;font-size:20px;letter-spacing: -1px;}
div.product-description p.save-price{font-weight: 400;color:#5E5E5E; font-size: 17px;padding:5px 0px;}

div.product-description div.box-sp{width: 135px;border: none;padding: 0px}
div.product-description div.box-sp-img {width: 135px;margin-top:0px;}
div.product-description div.box-sp-name {width:100%;margin:0px;height:32px;}
div.product-description div.box-sp-name h3{padding: 0px 5px;line-height: 1.5em;}
div.product-description div.box-sp-price {width:100%;margin:0px;}
div.product-description div.box-sp-price p{float: none;text-align: center;}

div.product-description-content{float:right;width: 100%;}
div.product-description-content div.title{position: relative;background: none;}
div.product-description-content div.title h2{margin-left: 0px;font-family: "Open Sans"; font-size: 15px;font-weight:600;text-align: left; text-transform: none;}
div.product-description-content div.content{width:100%;border: none;background: none;margin-bottom: 10px;}
div.product-description-content div.content p{float: left;width: 150px;margin-right: 10px;font-size: 13px;font-weight: bold;}
div.product-description-content div.content b{font-weight: bold;font-size: 13px;}
div.product-description-content p#color-name{position: absolute;top:10px;left:0px;width:100%;text-align: center;color: #000}

div.product-description-content p.bought{line-height: 12px;border: 1px solid #c6e59f;border-radius: 5px; float: left;padding: 7px 5px 7px 40px;background: #e2f2cf url(images/check.png) no-repeat 10px center; color: #70bd0f}
div.product-description-content p.note-count-down{margin-left: 30px;line-height: 18px;border: 1px solid #ccc;border-radius: 5px; float: left;padding: 10px 20px 10px 40px;font-family:"Open sans";font-weight: 400;font-size: 17px; background: url(images/clock.png) no-repeat 10px center;background-size: 25px;}
div.product-description-content p.gsp{float: left;margin-left: 30px;text-transform: uppercase; background: url(images/gsp2.png) no-repeat 10px center; font-weight: bold;padding: 7px 20px 7px 40px;border-radius: 5px; border: 1px solid #ccc;}
div.product-description-content p.gv{float: left;margin-left: 30px;text-transform: uppercase; background: url(images/gv2.png) no-repeat 10px center; font-weight: bold;padding: 7px 20px 7px 40px;border-radius: 5px; border: 1px solid #ccc;}

div#color img{cursor: pointer;border: 1px solid #FFF}
div#color img.color-first{border: 1px solid #FF9900;}
div#size span{float: left;width:40px;background: #FFF; margin:3.5px;border: 1px solid #CCC;cursor: pointer}
div#size span.product-size{border: 1px solid #FF9900;}

div.quantity{float: left;width:100%;margin-top:10px;margin-bottom:20px;}
div.quantity p{float: left;margin-right: 10px;font-weight: 600;color: #000;font-family: "Open Sans"; font-size: 15px;}
div.quantity #input_quantity{padding:3px;width:30px;font-size:11px;color: #555;text-align: center}

#add_to_basket{cursor: pointer;float: left;margin-top:6px;margin-right: 3px;letter-spacing: -1px; background: #990004; padding: 6px 17px; font-size: 16px;font-weight: 700; color: #000; border-radius: 5px; -moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px; background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);}
/*++++++++++TABS PRODUCT+++++++++++*/
div#tabs{float: left;width: 100%;margin-top:20px;}
ul#tabs-nav{float: left;list-style:none;}
ul#tabs-nav li{float: left;margin-right: 2px;}
ul#tabs-nav li h3{font-size:12px;}
ul#tabs-nav a{display: block;padding: 8px 20px;background: #F5F5F5;border-left:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #CCC;}
ul#tabs-nav a.active{position:relative;z-index:15;background: #FFF;color:#000;border:none;border-top:3px solid #5E5E5E;box-shadow: 0px -3px 5px #ccc;-moz-box-shadow: 0px -3px 5px #ccc;-ms-box-shadow: 0px -3px 5px #ccc;-o-box-shadow: 0px -3px 5px #ccc;-webkit-box-shadow: 0px -3px 5px #ccc;}
ul#tabs-nav a:hover{color: #000;}
div.content-detail{margin-top:-2px;margin-bottom:20px;position:relative;z-index:10;border-radius:0px 5px 5px 5px;-moz-border-radius:0px 5px 5px 5px;-ms-border-radius:0px 5px 5px 5px;-o-border-radius:0px 5px 5px 5px;-webkit-border-radius:0px 5px 5px 5px;box-shadow: 0px 0px 5px #ccc;-moz-box-shadow: 0px 0px 5px #ccc;-ms-box-shadow: 0px 0px 5px #ccc;-o-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;background:#FFF;}

/*++++++++++NEWS+++++++++++*/
div.box-news 
{    
	float: left;
    width: 820px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 1px dotted #ccc;
}
div.box-news:first-child{border-top: none !important; padding-top: 0px !important;}
div.box-news-img 
{    
	float: left;
    width: 165px;
    height: auto;
    padding: 4px;
    border: 1px solid #ebebc3;
}
div.box-news-img2 
{
       width: 95px;
    height: 82px;

}
div.box-news-mota3
{
    margin-left: 109px;
    margin-top: -65px;
}
div.box-news-img2 img
{
   width: 95px;
    margin-top: -13px;
}
div.box-news-img:hover{border: 1px solid #ff0000}
div.box-news-img img{width: 180px;height: 150px;}
div.box-news-name 
{
	float: left;
    width: 618PX;
    margin-bottom: 5px;
    margin-left: 10px;
}
div.box-news-name h3{font-weight: bold;font-size: 13px;}


div.box-news-mota 
{
	float: left;
    width: 618PX;
    margin-left: 10px;
}
div.box-news-readmore {float: right;width: 560px;text-align: right; margin-top:5px;}
div.box-news-readmore a
{   
	padding: 5px 22px;
    font-style: italic;
    font-size: 11px;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.5);
    display: inline-block;
    font-weight: bold;
}
div.box-news-readmore a:hover{}

div#box-news-first {border-top: none !important;}

div#box-author{border-top: none; padding: 0px;}

/*++++++++++FORM+++++++++++*/

/*++++++++++BOTTOM NAVIGATION+++++++++++*/
ul#bottom-nav{list-style: none;text-align: center;}
ul#bottom-nav li{display: inline-block;}
ul#bottom-nav li a{font-weight: bold;padding:0px 10px;text-transform: uppercase;font-size: 12px;border-left: 1px solid #FFF;text-shadow: 0px 0px 2px #000}

li#first-bottom-nav a{ border-left: none !important; padding-left: 0px !important;}

/*++++++++++POPUP+++++++++++*/
div#popup{position: fixed;bottom: 0px; right: 0px;width: 250px; height: 250px;z-index: 1000;}
div#icon{height: 25px;background: #666;text-align: right;box-shadow: 0px -1px 5px #000;border-radius: 7px 7px 0px 0px;-webkit-border-radius: 7px 7px 0px 0px;	-moz-border-radius: 7px 7px 0px 0px;-o-border-radius: 7px 7px 0px 0px;-ms-border-radius: 7px 7px 0px 0px;}
div#icon a{cursor: pointer;color: #FFF;padding: 0px 8px;}

/*++++++++++OTHER+++++++++++*/
div#online{       margin-left: 64px;
    height: 90px;
    color: black;
    margin-top: 12px;
    line-height: 21px;}
div#online p{    font-weight: bold;}
div#online b{font-weight: bold;color: black;}

.tablelienhe span {color:#F00;}
.tablelienhe td {height:30px;}
.tablelienhe .input {azimuth:center;width:300px;height: 26px;border: 1px solid #ccc}
.tablelienhe .title {font-size:14px;font-weight:bold;text-transform:uppercase}

/* ---- table layout ---- */
.blue_table, .blue_table td {border:1px solid #ccc; padding:2px;margin: 5px auto;clear:both;font-size:11px;font-family:"Tahoma", Arial;color: #333333;border-collapse:collapse;line-height:1.5em;outline:none;}
.blue_table td {width: 25%;background-color:#e2e2e2;}
.blue_table th {font-weight:bold;text-align: left; color:#333; background-color:#ccc; font-family:Tahoma; font-size:12px; border:1px solid #D5EAFF; padding:2px 5px;}
.blue_table th a:link, .blue_table th a:visited, .blue_table th a:hover, .blue_table th a:active {font-weight:bold;color:#fff;font-family:Tahoma;font-size:11px;}


div.service{width:100%;margin: 10px auto;}
div.category{float: left;width: 220px;padding:10px; }
div.category-title{float: left;padding-bottom:5px;border-bottom: 1px solid #ccc;}
div.category-title h3{font-size: 12px;font-weight: bold;color: #FFF;text-transform: uppercase;}
div.category-content{float: left;width: 100%;color: #FFF;line-height: 1.5em;}
div.category-content h3{font-family:UTM;font-size: 20px;line-height: 30px;font-weight: 400;color: #ffb400;text-transform: uppercase;}
div.category ul{margin-left: 10px;}
div.category ul li{list-style: circle inside;padding: 5px 0px;}
div.category ul li a{color: #FFF;font-weight: bold;}
div.category ul li a:hover{text-decoration: underline;}

div#footer-social{width: 100%;background: #222;padding: 20px 0px;border-top: 1px solid #666;border-bottom: 1px solid #666;}
div#footer-social h3{float: left;font-size: 30px;color: #FFF;font-family: UTM;font-weight: 400;}
div#footer-social p{float: left;margin-left: 30px;padding-top: 7px;}
div#footer-social h2{float: right;font-size: 28px;color: #FFF;font-family: UTM;font-weight: 400;}
div#footer-social h2 a{display: block;padding: 5px 20px;background: #02880f; border-radius: 5px;color: #FFF;}
div#footer-social h2 a:hover{color: #ffb400;}

div#newsletter{position: relative;float: left;width: 498px;height: 50px;background: url(images/bg_newsletter.png) no-repeat top center;}
input#email_newsletter, input#name_newsletter{width:166px;padding-left: 8px;height: 22px;border:1px solid #CCC;box-shadow:0px 0px 2px #CCC}
a#send_email_newsletter{display: inline-block;cursor: pointer;}
div.thongtin{float: left;width: 300px; margin:16px;}
div.thongtin-title{width: 100%;}
div.thongtin-title h2{font-size: 13px; text-transform: uppercase;}
div.thongtin-content{width: 100%;}

/*======================CSS3================*/
/*.transitionAll{transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}*/
.transitionAll_1s{transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
.thongtinmail
{
    float: left;
    margin-top: 15px;
    width: 100%;
}
.icon_mail a 
{

}
.text_mail
{
    float: left;
    width: 200px;
	margin-bottom: 10px;
}
.icon_mail
{
    float: left;
    width: 47px;
}
.box-img-news1
{
    float: left;
    width: 100px;
}
.box-img-news1 img
{
    width: 100%;
}
.thongtin_news1
{
    float: left;
    width: 100%;
    text-align: center;
}
.content1
{
    float: left;
    background: url(images/back_thongke_06.png)no-repeat #f6f6f6;
    width: 100%;
    height: 126px;
}
.box-dt-chinhanh
{
        float: left;
    margin-left: 10px;
    width: 63%;
}
.box-name-news1
{
	text-transform: uppercase;
    font-weight: bold;
}
#cts_partner3
{	
	background:#cacfd4;
	float:left;
	width: 1056px;
    position: relative;
    height: 100px;
    overflow: hidden;
	margin-left:145px;
}
#cts_partner3 img
{
border:2px solid #c4c4c4;
}
.noidung
{
        float: left;
    width: 480px;
    margin-left: 209px;
    margin-top: 46px;
    line-height: 14px;
}
.noidung h3
{
    color: blue;
    text-shadow: 2px 0px 1px white;
    margin-left: 18px;
    font-size: 19px;
}
.noidung h3 span
{
    line-height: 1.5;
    font-size: 24px;
    color: #fdfb3f;
    text-shadow: 2px 0px 1px red;
}
.google_map
{
    float: left;
    width: 300px;
    height: auto;
    margin-top: 30px;
    border: 5px solid white;
    margin-left: 40px;
}
.google_map p
{	
	text-align:center;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
#bdo p 
{	
	text-align:center;
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
#facebook
{
    margin-top: 10px;
}
.share
{
       float: left;
    margin-left: 20px;
    width: 471px;
}
.box_sp_info
{
    float: left;
    width: 100%;
    height: auto;
}
.box_sp_content
{
    float: left;
    width: 100%;
    height: auto;
}
.title_web
{
    text-indent: -99999px;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
.copyright p
{
	color: white;
    font-size: 13px;
	margin-left: 3px;
}
.like_facebook {
    position: fixed;
    top: 265px;
    right: -300px;
    width: 347px;
    z-index: 9999;
}
.icon_like {
    float: left;
    width: 48px;
    cursor: pointer;
}
.content_like {
    float: left;
    width: 180px;
    background-color: #F7F7F7;
}
.box-duan
{
        float: left;
    width: 450px;
    margin-right: 30px;
    margin-top: 20px;
	height:auto;
	
}
.box-duan-img
{
        float: left;
    width: 100%;
    height: 400px;
    border: 1px solid #bbb;
    box-shadow: 1px 1px 1px 1px #f2f2f2;
}
.box-duan-img img
{
    width: 100%;
	height:400px;
}
.box-duan-name
{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
.box-duan-mota
{
    float: left;
    width: 100%;
    height: 84px;
}
.box-duan:hover
{
    background: #776F6F;
    opacity: 1.2;
    transition: 1.5s;
}
#logo_img
{
    float: left;
    width: 241px;
    height: 172px;
    margin-left: 75px;
    margin-top: 7px;
}
#banner_img
{
    width: 734px;
    float: left;
    margin-left: 10px;
}
.dowload
{
    float: left;
    width: 278px;
    margin-left: 10px;
    background: red;
    height: 17px;
    padding: 10px;
}
.dowload a 
{
color:white;
}

.dowload a:hover
{
color:blue;
}
.bt1
{
    float: left;
    width: 181px;
}
.bt1 h3
{
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    text-decoration: none;
    color: #000000;
    letter-spacing: 0.0em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-top: 16px;
}
.social1 ul 
{
list-style: none;
}
.social1 ul li
{
    position: relative;
}
.social1
{
    float: left;
    width: 100%;
    margin-left: 45px;
    margin-top: 10px;
}
.social1 p 
{
    position: absolute;
    width: 54%;
    top: 13px;
    left: 40px;
}
.bt2
{
       float: left;
    width: 350px;
    margin-left: 30px;
    height: 200px;
    overflow: hidden;
}
.bt2 h3
{
	float: left; 
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    text-decoration: none;
    color: #000000;
    letter-spacing: 0.0em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 16px 6px;
}
.bt3 h3
{
	float: left; 
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    text-decoration: none;
    color: #000000;
    letter-spacing: 0.0em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 16px 6px;
}
.box-img-news
{
    float: left;
    width: 100px;
}

.box-name-news
{
    float: left;
    width: 63%;
    margin-left: 10px;
}
.box-name-news a 
{
font-size: 14px;
    color: #022BC9;
}
.box_chinhanh
{
    float: left;
    width: 100%;
}
.sp_news1_img
{
    width: 85%;
    margin: 0px auto;
    border: 1px solid black;
}
.bt3
{
    float: left;
    margin-left: 20px;
    width: 369px;
}
.video
{
        float: left;
    width: 95%;
    border: 4px solid white;
    position: relative;
    z-index: 99;
}
.title_thuvien
{
	margin-top: 30px;
    text-align: center;
    float: left;
    width: 100%;
}
.title_thuvien h3
{
    background: url(images/5250.png)no-repeat center;
    height: 30px;
    top: -13px;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 29px;
}
.bong_video
{
    float: left;
    width: 100%;
    height: 31px;
    background: url(images/5167.png)no-repeat;
    margin-top: -13px;
    position: relative;
}
      
        /* jssor slider bullet navigator skin 03 css */
        /*
        .jssorb03 div           (normal)
        .jssorb03 div:hover     (normal mouseover)
        .jssorb03 .av           (active)
        .jssorb03 .av:hover     (active mouseover)
        .jssorb03 .dn           (mousedown)
        */
        .jssorb03 {
            position: absolute;
        }
        .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
            position: absolute;
            /* size of bullet elment */
            width: 21px;
            height: 21px;
            text-align: center;
            line-height: 21px;
            color: white;
            font-size: 12px;
            background: url('img/b03.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb03 div { background-position: -5px -4px; }
        .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
        .jssorb03 .av { background-position: -65px -4px; }
        .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }

        /* jssor slider arrow navigator skin 03 css */
        /*
        .jssora03l                  (normal)
        .jssora03r                  (normal)
        .jssora03l:hover            (normal mouseover)
        .jssora03r:hover            (normal mouseover)
        .jssora03l.jssora03ldn      (mousedown)
        .jssora03r.jssora03rdn      (mousedown)
        */
        .jssora03l, .jssora03r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url('img/a03.png') no-repeat;
            overflow: hidden;
        }
        .jssora03l { background-position: -3px -33px; }
        .jssora03r { background-position: -63px -33px; }
        .jssora03l:hover { background-position: -123px -33px; }
        .jssora03r:hover { background-position: -183px -33px; }
        .jssora03l.jssora03ldn { background-position: -243px -33px; }
        .jssora03r.jssora03rdn { background-position: -303px -33px; }