@charset "utf-8";
/* CSS Document */
@import url("fonts.css");
/* CSS Document */
*{margin: 0; padding:0; text-decoration: none;list-style: none; font-family: Arial; outline: none;}
input{ border: none; background: #fafafa;}
.clear{clear: both;}
body{
	background:url(../img/body_bg.jpg);
}
#loading{
    width: 300px;
    height: 34px;
    margin: auto;
    padding-top: 3px;
    background: url(../img/floading.gif) center no-repeat;
    background-size: 31px 24px;
}
.imgtop{
	background: url(../img/bg_topbottom.png) repeat-x;
	width:100%;
	height: 7px;
}
#header{
    width: 980px;
	
    height: 107px;
    /* background:  #fafafa; */
    margin:  0 auto;
}
#header .logo{
    float: left;
    width: 373px;
    height: 100px;
    background: url(../img/logo.png) no-repeat;
    background-position: 85px;
    background-size: 202px 81px;
	display: block;
}
#header .logo img{
    width: 100px;
    float: left;
    margin-top: 5px;
}
#header .logo-right{
	width: 456px;
	height:107px;
	background: url(/img/callnow.png) no-repeat;
	float: right;
	position: relative;
	top:9px;
}
#header .search{
	
}
#header .giohang{
    float:  right;
	
    height: 98px;
    width: 158px;
    background: rgba(255, 0, 143, 0.11);
    box-shadow: 0 0 5px rgba(255, 5, 154, 0.71);
    border-radius: 0 0 10px 10px;
    display:  none;
}
#header .giohang .cart{
    margin: 50px 62px 0 10px;
	
    background:  url(../img/cart.png) left no-repeat;
    background-size: 35px;
    height: 35px;
    width: 100px;
    padding: 10px 0 0 37px;
}
#header .giohang .cart span{
    display: block;
	
    float: left;
    background: #EB0F81;
    width: 26px;
    height: 23px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 100%;
    padding: 3px 0 0 0;
    margin:  0 0 0 4px;
}
#header .giohang .cart p{
    float: left;
	
    font: bold 17px ios7;
    color:  #333;
    text-transform: uppercase;
}
#wrap-content{
    width: 980px;
    margin: auto;
    background:  url(../img/bg.jpg);
    padding: 9px;
    border: 1px solid #d2d2d2;
    box-shadow: 0 0 10px;
}
#wrap-content #content{
    width: 978px;
	
    background: #fff;
    border: 1px solid #E4E2E2;
    /* float:  left; */
}
#wrap-content #content #main-menu{
    width: 100%;
	
    height: 59px;
}
#wrap-content #content #main-menu .menu{
    position: relative;
	
    background: url(../img/menubg.png) no-repeat;
    background-size: contain;
    width: 1082px;
    height: 71px;
    right: 52px;
    bottom: 5px;
}
.menu-chinh{
    width: 970px;
    margin: 9px 0 0 43px;
    /*float: left;*/
    height: 50px;
	display: flex;
	padding-top:3px;
}
.menu-chinh li{
    float: left;
    padding: 5px;
    border-right: 1px dotted #F772AC;
    transition-duration: 300ms;
	position: relative;
}
#menu_cha{
	position: relative;
	display: inline-block;
}

#menu_cha .sub1{
	display: none;
	position: absolute;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:999;
	background:#793d6b;
}
#menu_cha .sub1 li{
	
}
#menu_cha .sub1 li a{
	padding: 5px ;
	width: 250px;
}
#menu_cha:hover{
	cursor:pointer;
}
#menu_cha:hover .sub1{
	display: block;
}
#menu_cha .sub1 li:first-child{
	background:#rrr
}
.home-icon{
	background: url(../img/homeicon.png) center no-repeat ;	
	width: 54px;
}
.menu-chinh li:hover{
	background: #E21390;
}
.menu-chinh li:first-child:hover{
	background:none !important;
}
.menu-chinh li:last-child{
	border-right:none;	
}
.menu-chinh li a{
    color: #fafafa;
    text-transform: uppercase;
    padding: 10px;
    display:  block;
    /* font: bold 15px ios7; */
    height: 21px;
}
.menu-chinh .sub1 li:hover .sub-menu{
	display: block;
}
.sub-menu{
	position: absolute;
	left:100%;
	top:0;
	display: none;
	z-index: 999;
	background: #FFF;
	/* width: 320px; */
	box-shadow:  0 0 9px;
	float:  left;
}
.sub-menu li{
    width: 259px;
    border: none;
    float:  left;
}
.sub-menu li a{
    color:  #333;
	
}
#wrap-slide{
    width: 978px;
	
    float: left;
}
#wrap-slide #slider{
    width: 700px;
    height: 400px;
    margin: 0 0 7px 7px;
    *background:  #ccc;
    float: left;
}
#wrap-slide #slider img{
	width:700px !important;
	height: 400px !important;	
}
#wrap-slide .sub-sl1{
    width: 258px;
    height: 196px;
    background: #FF2E12;
    float: right;
    margin: 0 7px 0 0;
}
#wrap-slide .sub-sl1 p{
    font: bold 54px ios7;
	
    color: #fff;
    text-align: center;
    line-height: 176px;
}
#wrap-slide .sub-sl1 img{
    position: relative;
	
    bottom: 176px;
}
#wrap-slide .sub-sl2{
    width: 258px;  
    height: 197px;  
    /* background: #ccc; */  float: right;  
    margin: 7px 7px 0 0;
	
}
#left{
    width: 220px;
	
    float: left;
    min-height: 300px;
    /* background: #ccc; */
    margin: 0 6px 0 0px;
}
#left .mot-widget{
    float: left;
	
    margin: 6px 0;
}
#left .mot-widget h2{
    font: bold 18px ios7;
	text-transform: uppercase;
    background: url(../img/tieude.png)no-repeat;
    width: 230px;
    float: left;
    display:  block;
    height: 39px;
    color: #FFFFFF;
    position: relative;
    z-index: 99;
    right: 10px;
    padding: 8px 0 0 13px;
}
#left .mot-widget ul{
    float: left;
    margin: 0 0 0 5px;
    width: 215px;
}
#left .mot-widget ul li{
    display:  block;
    border-bottom: 1px dotted #C5C5C5;
	transition-duration: 200ms ;
	position: relative;
}
#left .mot-widget ul li:last-child{
	border-bottom: none;
}
#left .mot-widget ul li a{
    display: block;
    font: normal 15px arial;
    color: #555;
    text-transform: uppercase;
    padding: 15px 5px 15px 5px;
    transition-duration: 200ms;
    /* line-height: 72px; */
}
#left .mot-widget ul li a:hover{
	color: #fff;	
	background: #F43587;	
}
.mot-widget ul li:hover ul {
	display: block;	
}
.wg-tieude{
	
}
.mot-widget ul li ul{
	float:left;	
	position:absolute;
	background: #FFF;
	top: 0px;
	left: 211px;
	z-index: 1;
	box-shadow: 1px 1px 5px;
	display: none;
	
}
.mot-widget ul li ul li{
	
}
.mot-widget ul li ul li a{
	
}
#right{
    float: left;
	
    width: 745px;
    min-height: 300px;
    /* background: #ccc; */
    margin: 0 0 6px 0;
}
#wrap-sptl{
	/*background: url(../img/wrapsp.png) no-repeat;*/
	height: 339px;
	float: left;
	width: 743px;
	margin: 0 0 14px 0;
	padding: 0 0 0 13px;
	overflow: hidden;
}
#wrap-sptl-blue{
	background: url(../img/wrapsp-blue.png) no-repeat;
	height: 339px;
	float: left;
	width: 743px;
	margin: 0 0 14px 0;
	padding: 0 0 0 13px;
	overflow: hidden;
}
.sptl-tl{
    font: bold 23px ios7;
    color: #fff;
    float: left;
    /* margin: 17px 0 0 39px; */
    display:  block;
    text-transform:  uppercase;
    background: #C42F91;
    padding: 5px 30px 5px 20px;
    border-radius: 0 44px 0 0;
}
.motsp{
    width: 158px;
    height: 230px;
    /* background: #ccc; */
    float:  left;
    border: 1px dotted #ccc;
    margin: 20px 0 0 15px;
    overflow: hidden;
    border-radius: 5px;
	transition-duration: 300ms;
}
.motsp:hover{
	box-shadow: 0 0 10px #D61B6A;	
}
.motsp-hinh{
    width: 100%;
    height: 151px;
}
.motsp-hinh:hover{
	cursor: pointer;
}
.motsp-tensp{
    height: 0;
	
}
.motsp-tensp span{
	text-align: center;
	font: bold 13px ios7;
	display: block;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%,rgba(255, 0, 102, 0.5) 100%);
	position: relative;
	bottom: 28px;
	padding: 5px 0;
	color: #0F0E0E;
	text-shadow: 1px 1px 1px rgba(112, 4, 74, 0.61);
}
.motsp-gia{
    color: #0A93BE;
	background: url(../img/tien.jpg)left no-repeat;
	background-size: contain;
    font: bold 19px ios7;
    text-align: center;
    background-position: 10px;
}
.btn-dathang{
    display:  block;
    text-align: center;
    background: #D1097A;
    margin: auto;
    margin-top: 12px;
    width: 106px;
    padding: 4px;
    color: #fff;
    border-radius: 5px;
    border-bottom: 2px solid #8F0558;
    font: bold 15px ios7;
    text-transform:  uppercase;
}
.btn-dathang span{}
.btn-dathang span p {
	/* background: url(../img/kitty.png) center no-repeat; */
	background-size:  contain;
	width: 48px;
	height: 50px;
	position: relative;
	float: right;
	bottom: 46px;
	left: 23px;
}
#wrap-footer{
	background: url(../img/bg.jpg);
	width: 980px;
	height:200px;
	margin: 0 auto;
	margin-top: 10px;
	border: 1px solid #d2d2d2;
	padding: 9px;
}
#footer-left{
    width: 367px;
    height: 197px;
    background: #fff;
    border: 1px solid #E4E2E2;
    margin: auto;
	float:left;
}
#footer-left h3{
    font: bold 20px ios7;
	
    padding: 5px  0 5px 10px;
    border-bottom: 1px dotted #ccc;
    color:  #333;
}
#footer-left ul{
    float:  left;
	
}
#footer-left ul li{
    float:  left;
    width: 147px;
    margin-left: 10px;
	background: url(../img/arrow.gif) left no-repeat;
    overflow:  hidden;
    padding-left:  20px;
}
#footer-left ul li a{
    padding: 7px 0;
	
    display:  block;
    color: #CE0A56;
    font: normal 15px tiger;
}
#footer-right{
    width: 598px;
    height: 197px;
    background: #fff;
    border: 1px solid #E4E2E2;
    margin: auto;
	
    float: right;
}
#footer-right .thongtin{
    float: right;
	
    width: 377px;
    height: 187px;
    /* background: #ccc; */
    padding:  5px;
    color: #716E6E;
    line-height: 21.9px;
    text-align: right;
}
#footer-right .thongtin a{
    color: #D00C6F;
	
    text-transform:  uppercase;
}
#footer-right .footer-logo{
    width: 199px;
    height: 197px;
    background: url(../img/fbkitty.png) no-repeat;
    background-size: contain;
    float:  left;
    display:  block;
}
#ctsp-left{
    float: left;
	
    width: 300px;
    overflow:  hidden;
}
.ctsp-hinh{
    width: 300px;
		
    float: left;
}
.ctsp-hinh img{
    width: 296px;
	
    border: 2px solid #ccc;
    height: 296px;
}
#ctsp-right{
    float: right;
	
    width: 437px;
    height: auto;
}
.ctsp-thongtin{
    float: left;
	
    overflow:  hidden;
}
.ctsp-tensp{
    font: bold 27px tiger1;
	
    width: 437px;
    float: left;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B50A7B;
    color: #F90086;
    text-shadow: 0 0 1px;
    box-shadow: 0 8px 6px -6px #000;
}
.ctsp-tensp a{
    float: right;
	
    font: normal 27px ios7;
    color:  #333;
    text-shadow:   0 0;
}
.ctsp-gia{
    float: left;
	
    width: 373px;
    padding: 10px 0 10px 65px;
    background: url(../img/tien.jpg) left no-repeat;
    background-size: contain;
    color: #0AB674;
    font: bold 25px tiger1;
    text-shadow: 0px 0px 1px;
    z-index: 1;
    margin-top: 12px;
}
.ctsp-tomtat{
	float: left;
	width: 443px;
	
}
.ctsp-tomtat img{
	max-width:443px;
	height:auto;	
}
#sp-trongloai{
	float:left;
	width: 725px;
	padding-left: 20px;
}
#sp-trongloai .tentrongloai {
    color: #FF00A0;
    text-shadow: 1px 1px 1px #DA0066;
}
.fixed {
    position: fixed; 
    top: 0; 
	left: 0;
    z-index: 1;
}
.scroll{
	position: fixed;	
}
#thanhphantrang{
    /* display: block; */
    text-align:  center;
    /* width: 374px; */
    height: 27px;
    margin: 10px 0 5px 0;
    /* padding: 0 0 0 91px; */
    float: right;
    clear: left;
}
#thanhphantrang a{
    background: #027277;
    color: #fff;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    border-radius: 3px;
    padding: 3px;
}
#thanhphantrang a:hover{
	background:#00C2CA;
}
#thanhphantrang span{
	background: #00C2CA;
	color: #fff;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    border-radius: 3px;
    padding: 3px;
}
.error404{
	
}
.error404 img{
    display:  block;
	
    margin: auto;
    width: 612px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.error404 h2{
    color: red;
	
    text-align: center;
    border: 1px solid #F18383;
    padding: 5px 0;
    margin: 0 0 10px 0;
    border-radius: 10px;
    font-style: italic;
}
.error404 h3{
    text-align: center;
    margin: 10px 0;
	
    text-transform: uppercase;
    color:  #333;
}
.error404 h3 span{
    color: #007FF3;
	
}
#wrap-showtin{
    float: left;
	
    margin: 1px 0 0 0;
}
.showtin-mottin{
    float:  left;
	
    background:  #fafafa;
    margin: 10px 0 10px 0;
    border: 1px solid #ECECEC;
    padding: 5px;
    width: 733px;
}
.showtin-hinh{
    width:  200px;
	
    height: 200px;
    float:  left;
    margin-right: 9px;
}
.showtin-hinh img{
    width:  100%;
	
    height: 100%;
}
.showtin-tieude{
	
}
.showtin-tieude a{
    color: #D109A3;
	
    font-family: ios7;
    font-size: 1em;
}
.showtin-time{
    margin: 0 0 0 10px;
	
    color: #999;
    font-style:  italic;
}
.showtin-tomtat{
    margin: 5px;
	
}
.showtin-doctiep{
    display: block;
	
    background: #D109A3;
    float: right;
    padding: 5px;
    color:  #fff;
    margin: 5px 0 0 0;
    border-radius: 3px;
}
#breakum{
    display: block;
    height: 29px;
    overflow:  hidden;
    background:  #f1f1f1;
    margin: 10px 0 10px 0;
    border-radius: 10px;
    padding: 10px 0 0 10px;
    box-shadow: inset -2px 2px 5px rgba(0, 0, 0, 0.13);
}
#breakum .bk-home{
    background: linear-gradient(to bottom, #F158E6 0%, #8E0785 100%);
    display:  block;
    float:  left;
    padding: 11px 0;
    position:  relative;
    width: 90px;
    height: 23px;
    bottom: 11px;
    text-align:  center;
    right: 10px;
    color:  #f1f1f1;
    color:  #fff;
}
#breakum span{
    font-family: arial;
    font-weight: bold;
    color: #6F6F6F;
    text-shadow: 1px 1px #fff;
}
#breakum span a{
	color: #C30BA8;
}
#wrap-showtin{
    float: left;
	
    margin: 1px 0 0 0;
}
.showtin-mottin{
    float:  left;
	
    background:  #fafafa;
    margin: 10px 0 10px 0;
    border: 1px solid #ECECEC;
    padding: 5px;
    width: 736px;
}
.showtin-hinh{
    width:  200px;
	
    height: 200px;
    float:  left;
    margin-right: 9px;
}
.showtin-hinh img{
    width:  100%;
	
    height: 100%;
}
.showtin-tieude{
	
}
.showtin-tieude a{
    color: #C30BA8;
	
    font-family: ios7;
    font-size: 1em;
}
.showtin-time{
    margin: 0 0 0 10px;
	
    color: #999;
    font-style:  italic;
}
.showtin-tomtat{
    margin: 5px;
	
}
.showtin-doctiep{
    display: block;
	
    background: #C30BA8;
    float: right;
    padding: 5px;
    color:  #fff;
    margin: 5px 0 0 0;
}
#ctt-wrap{
    /* width: 732px; */
	
}
.ctt-tieude{
    font-family: ios7;
	
    font-size: 2em;
    color: #C30BA8;
}
.ctt-tieude a{
    color: #2ACB19;
    float:  right;
    display:  block;
    background: url(images/edit.png) no-repeat;
    background-size:  contain;
    width: 50px;
    height: 42px;
}
.ctt-time{
    padding: 3px;
	
    color: #919191;
    font-style: italic;
    background: #f1f1f1;
}
.ctt-content{
    margin: 10px 0;
	
    color: #2B2B2B;
    width: 731px;
    overflow: hidden;
    background: #fcfcfc;
    padding: 10px;
}
.ctt-comment{
	
}
.wg-tieude{
    font: normal 14px arial !important;
    float: right;
    width: 149px;
    text-transform: inherit !important;
    font-size: 12px !important;
    height: 44px;
}
.wg-tintuc img{
    width: 50px;
    height: 57px;
    float: left;
}
.wg-tintuc li {
    float: left;
}
.sptl-gach{
	
width: 100%;
	
background: #C42F91;
	
border-bottom: 1px solid #C42F91;
	
float: right;
	
margin-bottom: 20px;*/;
}
.ctsp-baiviet{
	
float: left;
	
width: 732px;
	
margin: 20px 0 0;
	
padding: 10px;
}
.ctsp-tieudebv{
	 font-size: 20px;
	 background: #C42F91;
	 padding: 5px 10px;
	 color: #fff;
	 float: left;
}
.ctsp-hinhct{
		
display: block;
		
margin: auto;
		
max-width: 700px;
}
.sub-arrow{
	
border: 4px solid rgba(0, 0, 0, 0);
	
float: right;
	
/* border-top: 6px solid transparent; */
	
/* border-bottom: 6px solid transparent; */
	
border-left: 4px solid rgba(0, 0, 0, 0.5);
}