.breadcrumb{margin: 10px 0;}
.breadcrumb ul li{font-size: 12px; float: left; list-style: none;}
.breadcrumb ul li+li:before{content: ""; display: inline-block; padding: 0; margin: 0 4px 0 10px;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333;}
.breadcrumb>li+li:before{content: "/\00a0"; padding: 0 5px;}
.breadcrumb li a{color: black;}

@media (min-width: 320px){
    .mobile-child{display: none;}
}
@media (min-width: 580px){
    .TTdetailLeft{width: 567px;}
    .mobile-child{display: block;}
}.cart{width: 100%;border-spacing: 0;border-collapse: collapse;}
.cart thead{background: #d61e2f;color: white;}
.cart thead th{padding: 7px 5px;border: 1px solid #d61e2f;}
.cart tbody{border: 1px solid rgba(0,0,0,0.25);width: 100%;}
.cart tbody tr{border-bottom: 1px dashed rgba(0,0,0,0.25);}

.cart_product1{text-align: center;}
.cart_product2{text-align: center;}
.cart_product2 img{max-width: 50px;}
.cart_product3{line-height: 17px;}
.cart_product3 a{color: #d61e2f;font-weight: bold;}
.cart_product4{color: #fa0202;font-weight: bold;text-align: right;}
.cart_product5{text-align: center;}
.cart_product5 input{border: 1px solid rgba(0,0,0,0.25); text-align: center;width: 40px;}

.cart_product6{color: #fa0202;font-weight: bold;text-align: right;}
.cart_product7{text-align: center;}
.cart_product7 a{font-weight: bold;display: inline-block;padding: 5px 8px;color: white;background: #ff0000;-moz-border-radius: 13px;-webkit-border-radius: 13px;-khtml-border-radius: 13px;border-radius: 13px;}

.cart tbody tr:hover{background: rgba(0,0,0,0.0615);}

.cart_link{float: right; margin-bottom: 20px;}
.cart_link a{display: inline-block;padding: 7px 10px;margin-left: 5px;background: #d61e2f;color: white;margin-top: 8px;}


.cart_total1{text-align: right;font-weight: bold;padding: 10px 0;}
.cart_total2{text-align: center;padding: 10px 0;}
.cart_total3{text-align: right;font-weight: bold;font-size: 20px;color: #ff0000;padding: 10px 0;}

@media (min-width: 320px){
    .cart_product1 , .cart_title1 , .cart_product3 , .cart_title3  {display: none;}
}
@media (min-width: 480px){
    
}
@media (min-width: 580px){
    .cart_product1 , .cart_title1 , .cart_product3 , .cart_title3  {display: table-cell;}
}
@media (min-width: 760px){
    
}
@media (min-width: 970px){
    
}
@media (min-width: 1170px){
    .cart_product1 , .cart_title1 , .cart_product3 , .cart_title3  {display: table-cell;}
}.spm{margin-bottom: 30px;}
.spm .owl-nav{position: absolute; top: -39px; right: 0; width: 43px; border-bottom: 1px solid #d61e2f; padding-bottom: 5px;}
.spm .owl-nav div{height: 18px; width: 18px;}
.spm .owl-nav .owl-prev{float: left; background: url(/components/home.moi/p.png);}
.spm .owl-nav .owl-next{float: right; background: url(/components/home.moi/n.png);}
.spmitem{margin-bottom: 15px;}

.spbc{margin-bottom: 50px;}

.spitem{float: left;}
.spdetail{padding: 7px; border: 1px solid #d5d5d5; border-top: 0; font-size: 14px; text-align: center;}
.spname{height: 16px; overflow: hidden; font-weight: bold;}
.spname a{color: #333333;}
.spprice{color: #ff0000; margin: 7px 0; font-weight: bold;}
.spbuynow{width: 100px; height: 30px; line-height: 30px; background: #1d60b9; color: #fff; text-transform: uppercase; display: inline-block;}

.spmitem:hover .spdetail, .spitem:hover .spdetail{background: #f5f5f5;}
.spmitem:hover .spbuynow, .spitem:hover .spbuynow{background: #d61e2f;}

@media (min-width: 320px){
    .spbc{text-align: center;}
    .spbcitem{width: calc((100% - (5px*4))/2); margin: 0 2.5px 10px; display: inline-block;}
    .spitem{width: calc((100% - (5px*2))/2); margin: 0 2.5px 5px;}
}
@media (min-width: 480px){
    .spbcitem{width: calc((100% - (6px*4))/3); margin: 0 2.5px 10px; display: inline-block;}
    .spitem{width: calc((100% - (5px*2))/3); margin: 0 5px 5px 0;}
    .spitem3{margin-right: 0;}
}
@media (min-width: 580px){
    .spbcitem{width: calc((100% - (10px*4))/3); margin: 0 5px 10px;}
    .spitem{width: calc((100% - (20px*2))/3); margin: 0 20px 20px 0;}
    .spitem3{margin-right: 0;}
}
@media (min-width: 767px){
    .spbc{text-align: start;}
    .spbcitem{width: calc((100% - (5px*4))/5); margin: 0 5px 0 0; float: left; display: block;}
    .spbcitem5{margin-right: 0;}
    .spbcitem6{display: none;}
    .spitem{width: calc((100% - (20px*3))/4); margin: 0 20px 20px 0;}
    .spitem4{margin-right: 0;}
}
@media (min-width: 970px){
    .spbcitem{width: calc((100% - (15px*4))/5); margin: 0 15px 0 0;}
    .spbcitem5{margin-right: 0;}
}
@media (min-width: 1170px){
    .spbcitem{width: calc((100% - (25px*4))/5); margin: 0 25px 0 0;}
    .spbcitem5{margin-right: 0;}
}.spnb{margin-bottom: 25px;}
.spnbitem{float: left;}

.spnbimg{padding: 2px; border: 1px solid #d5d5d5; margin: 0 0 10px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.125);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.125);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.125);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;}
.spnbname{text-transform: uppercase; font-size: 14px; font-family: Tahoma; font-weight: bold; height: 17px; overflow: hidden; text-align: center;}
.spnbname a{color: #1d60b9;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;}

.spnbitem:hover .spnbimg{
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;}
.spnbitem:hover .spnbname a{color: #d61e2f;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;}

@media (min-width: 320px){
    .spnb{display: none;}
}
@media (min-width: 580px){
    .spnb{display: block;}
    .spnbitem{width: calc((100% - (5px*3))/4); margin: 0 5px 0 0;}
    .spnbitem4{margin-right: 0;}
    .spnbitem5{display: none;}
}
@media (min-width: 767px){
    .spnbitem{width: calc((100% - (5px*3))/4); margin: 0 5px 0 0;}
    .spnbitem4{margin-right: 0;}
}
@media (min-width: 970px){
    .spnbitem{width: calc((100% - (15px*4))/5); margin: 0 15px 0 0;}
    .spnbitem5{margin-right: 0; display: block;}
}
@media (min-width: 1170px){

}.slide{margin-bottom: 10px; padding-bottom: 7px; position: relative;}
.slide:after{position: absolute; content: ''; height: 7px; width: 100%; bottom: 0; background: url(/components/home.slide/bg.png);}

#wowslider-container1 { 
	display: table;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:573px;
	margin:0px auto 0px;
	z-index:90;
	text-align:left; /* reset align=center */
	font-size: 10px;
	text-shadow: none; /* fix some user styles */

	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}
* html #wowslider-container1{ width:1920px }
#wowslider-container1 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	height:100%;
	max-height:573px;
	max-width: 100%;
	vertical-align: top;
	border:none;
	overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
	width:100%;
	height:100%;
	max-height:573px;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#wowslider-container1 .ws_images > div > img {
	max-height:573px;
}

#wowslider-container1 .ws_images iframe {
	position: absolute;
	z-index: -1;
}

#wowslider-container1 .ws-title > div {
	display: inline-block !important;
}

#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container1  .ws_bullets a {
	line-height: 0;
}

#wowslider-container1  .ws_script{
	display:none;
}
#wowslider-container1 sound, 
#wowslider-container1 object{
	position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container1 .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}

#wowslider-container1 .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
	background: #A6A5A9;
}


#wowslider-container1.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#wowslider-container1.ws_video_playing .ws_bullets,
#wowslider-container1.ws_video_playing .ws_fullscreen,
#wowslider-container1.ws_video_playing .ws_next,
#wowslider-container1.ws_video_playing .ws_prev {
	display: none;
}


/* youtube/vimeo buttons */
#wowslider-container1 .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container1 .ws_video_btn div {
	position: absolute;
	background-image: url(./playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}

#wowslider-container1 .ws_playpause.ws_hide {
	display: none !important;
}

#wowslider-container1  .ws_bullets { 
	padding: 9px; 
}
#wowslider-container1 .ws_bullets a { 
	width:21px;
	height:21px;
	background: url(./bullet.png) left top;
	float: left; 
	text-indent: -4000px; 
	position:relative;
	margin-left:5px;
	color:transparent;
}
#wowslider-container1 .ws_bullets a:hover{
	background-position: 0 50%;
}
#wowslider-container1 .ws_bullets a.ws_selbull{
	background-position: 0 100%;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	top: calc(50% - 32px);
	margin-top:-2em;
	z-index:60;
	height: 64px;
	width: 64px;
	background-image: url(./arrows.png);
	opacity: 0.8;	
	background-size: 200%;
}
#wowslider-container1 a.ws_next{
	background-position: 100% 0;
	right:2.1em;
}
#wowslider-container1 a.ws_prev {
	left:2.1em;
	background-position: 0 0; 
}
#wowslider-container1 a.ws_next:hover{
	opacity: 1;
}
#wowslider-container1 a.ws_prev:hover {
	opacity: 1;
}  

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 4.5em;
    height: 4.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2em;
    margin-top: -2em;
    z-index: 59;
	background-size: 100%;
}

#wowslider-container1 .ws_pause {
    background-image: url(./pause.png);
}

#wowslider-container1 .ws_play {
    background-image: url(./play.png);
}

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 100% 100% !important;
}/* bottom center */
#wowslider-container1  .ws_bullets {
    bottom: 0px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}
#wowslider-container1 .ws-title{
	position:absolute;
	display:block;
	font: 1.8em 'Open Sans', sans-serif;
	bottom: 1em;
	left: 0;
	margin: 0.5em;
	margin-left: 0; 
	padding:0.45em;
	background:#FFFFFF;
	color:#5d5d5d;
	z-index: 50;
	font-family:'Open Sans', sans-serif;
	-moz-border-radius:0 0.6em 0.6em 0;
	border-radius:0 0.6em 0.6em 0;   
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);	
	-moz-box-shadow: 0 0 0.1em #5d5d5d;
    box-shadow: 0 0 0.1em #5d5d5d; 
}
#wowslider-container1 .ws-title div{
	padding-top:0.25em;
	font-size: 0.777em;
}#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev,
#wowslider-container1 .ws_playpause {
	display:none;
}

* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}

#wowslider-container1:hover a.ws_next,
#wowslider-container1:hover a.ws_prev,
#wowslider-container1:hover .ws_playpause {
	display:block
}#wowslider-container1 .ws_images > ul{
	animation: wsBasic 8s infinite;
	-moz-animation: wsBasic 8s infinite;
	-webkit-animation: wsBasic 8s infinite;
}
@keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} }
@-moz-keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} }

#wowslider-container1 .ws_images  img{
    border-radius: 0; 
	-moz-border-radius:0;
	-webkit-border-radius:0;

}
#wowslider-container1 .ws_effect img{
	border-radius: 0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:20px;
	left:-72px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border: 4px solid #FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:48px;
	overflow:visible;
	position:relative;
}

#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:144px;
	background-color:#FFF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	bottom:18px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border: 4px solid #FFF;
	border-radius:5px;
	-moz-border-radius:5px;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	bottom:-10px;
	margin-left:-6px;
	left:72px;
	background:url(./triangle.png);
	width:15px;
	height:6px;
}#wowslider-container1 .ws_bulframe div div{
	height: auto;
}

@media all and (max-width:760px) {
	#wowslider-container1 .ws_fullscreen {
		display: block;
	}
}
@media all and (max-width:400px){
	#wowslider-container1 .ws_controls,
	#wowslider-container1 .ws_bullets,
	#wowslider-container1 .ws_thumbs{
		display: none
	}
}#wowslider-container1 .ws_hovershow {
    /*display: none !important; */
    opacity: 0;
    -webkit-transition:opacity 0.2s ease-in;
    -moz-transition:opacity 0.2s ease-in;
    -o-transition:opacity 0.2s ease-in;
    transition:opacity 0.2s ease-in;
}

#wowslider-container1:hover .ws_hovershow {
    /*display: block !important;*/
    opacity: 1;
    -webkit-transition:opacity 0.2s ease-in;
    -moz-transition:opacity 0.2s ease-in;
    -o-transition:opacity 0.2s ease-in;
    transition:opacity 0.2s ease-in;
}

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 18px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -9px;
    margin-top: -14px;
    z-index: 59;
}

#wowslider-container1 .pause {
    background-image: url(./pause.png);
}

#wowslider-container1 .play {
    background-image: url(./play.png);
}

#wowslider-container1 .pause:hover, #wowslider-container1 .play:hover {
    background-position: 100% 100% !important;
}

#wowslider-container1 .ws_fullscreen {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    left: 15px;
    margin-left: -9px;
    margin-top: -14px;
    z-index: 59;
    background-image: url(./fullscreen.png);
}

div#ws_fullscreen:-moz-full-screen #wowslider-container1 {
    width: 95% !important;
    max-width: 100% !important;
    max-height: inherit;
}

div#ws_fullscreen:-webkit-full-screen #wowslider-container1 {
    width: 95% !important;
    max-width: 100% !important;
    max-height: inherit;
}

div#ws_fullscreen:fullscreen #wowslider-container1 {
    width: 95% !important;
    max-width: 100% !important;
    max-height: inherit;
}

div#ws_fullscreen:-moz-full-screen {
    background-color: #000;
    height: 100%;
}

div#ws_fullscreen:-webkit-full-screen {
    background-color: #000;
    height: 100%;
}

div#ws_fullscreen:fullscreen {
    background-color: #000;
    height: 100%;
}.hometttitle{border-bottom: 1px solid #d61e2f;  margin-bottom: 20px; padding-bottom: 2px;}
.hometttitle a{color: #d61e2f; border-bottom: 2px solid #d61e2f; text-transform: uppercase; font-size: 26px; font-family: UTMCenturBold;}
.homettitem{font-size: 14px;}
.homettimg{float: left; width: 190px; position: relative; margin: 0 15px 0 0; color: #fff; text-align: center;}
.homettname{font-weight: bold; overflow: hidden; height: 32px;     margin-bottom: 10px;}
.homettname a{color: #333333;}
.homettprev{overflow: hidden; height: 80px;}
.hometttime{position: absolute; top: 10px; right: 0; left: 0; padding: 7px 0; background: rgba(214, 30, 47, 0.75); width: calc(100% - 20px); margin: auto;}
.homettmore{position: absolute; top: 22px; right: 70px; font-size: 10px; text-decoration: underline; text-transform: uppercase; color: rgba(51,51,51,0.5);}

.homett{position: relative;}
.homett .owl-nav{position: absolute; top: -50px; right: 0; width: 55px;}
.homett .owl-nav div{height: 22px; width: 24px;}
.homett .owl-nav .owl-prev{float: left; background: url(/components/home.tintuc/p.png);}
.homett .owl-nav .owl-next{float: right; background: url(/components/home.tintuc/n.png);}.lefthotroitem{line-height: 22px; padding: 5px 0;}
.lefthotroitem a{display: block; padding-left: 10px;}
.lefthotroitem a i{margin-right: 5px;}
.lefthotroitem a span{color: #ff0000; font-weight: bold;}.left{width: 270px; float: left;}
.lefttitle{background: #d61e2f; height: 40px; line-height: 40px; font-size: 16px; text-transform: uppercase; text-align: center;}
.lefttitle a{color: #fff;}
.lefttitle img{display: inline-block; margin-right: 15px;}

.leftsp{background: #f5f5f5; margin-bottom: 20px;}
.leftsp ul{border: 1px solid #d5d5d5; border-top: 0; list-style: none; padding-bottom: 148px; background: url(/components/left.menu/bg.png) bottom no-repeat;}
.leftsp ul li a{display: block; padding: 10px 0; border-bottom: 1px dashed #d5d4d5; font-size: 14px; font-weight: bold; color: #333333;}
.leftsp ul li a i{color: #387a13; width: 40px; text-align: center; position: relative; left: 0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;}
.leftsp ul li.active a{color: #d61e2f;}
.leftsp ul li a:hover{background: #d61e2f; color: #fff; border-bottom: 1px solid #fff;}
.leftsp ul li a:hover i{left: 5px; color: #fff;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;}
.leftsp ul li.last-child a{border-bottom: 0;}

.leftvideo, .leftface{margin-bottom: 20px;}

.leftgt ul{padding-bottom: 0; background: none;}.LienHeInfo li{line-height: 22px; position: relative; margin-bottom: 15px; list-style: none; font-size: 14px;}
.LienHeInfo li:after{width: 100%; border-bottom: 1px dashed #d5d4d5; display: block; content: ''; position: absolute; z-index: 1; top: 13px;}
.LienHeInfo li label{Display: inline-block; background: #fff; padding-right: 5px; position: relative; z-index: 2;}
.LienHeInfo li label i{width: 20px; font-size: 15px;}
.LienHeInfo li span{padding-left: 20px; display: block;}
.LienHeInfo li a{color: black;}

.formLeft{float: left; width: 100%}
.formLeftitem{margin-bottom: 15px; position: relative; width: 100%;}
.formLeft input{border-left: 0; width: calc(100% - 40px);}
.formLeft i{float: left; width: 40px; line-height: 34px; font-size: 20px; text-align: center; border: 1px solid #d7d7d7; box-sizing: border-box;}

.formRight{float: right; position: relative; width: 100%; margin-bottom: 15px;}

@media (min-width: 320px){
    .LienHeRight{margin: 0 0 20px;}
}
@media (min-width: 767px){
    .LienHeLeft{float: left; width: 30%;}
    .LienHeRight{float: right; margin: 0 0 20px 3%; width: calc(64% - 1px); padding-left: 3%; border-left: 1px solid #d7d7d7;}
}.menu{position: relative; z-index: 100; border-top: 1px solid #fff; background: #1d60b9;}
.menu:after{position: absolute; content: ''; height: 3px; width: 100%; background: rgba(255,255,255,0.7);}
.menu ul#navigation{list-style: none; margin: 0px; position: relative; float: left;}
.menu ul#navigation li{float: left; position: relative; padding: 0; list-style: none;}
.menu ul#navigation li a{font-size: 14px; text-transform: uppercase; line-height: 40px; display: block; color: #fff;}
.menu ul#navigation li.active, .menu ul#navigation li:hover{background: #d61e2f;}

.menu ul#navigation li:hover > ul{visibility: visible; opacity:1; margin: 0;}
.menu ul#navigation li:hover > ul li a:before{content: attr(icons);}
.menu ul#navigation ul, .menu ul#navigation ul li ul{margin: 0; visibility: hidden; position: absolute; z-index: 9999; width: 225px; display: none;}
.menu ul#navigation ul{top: 100%; left: 0;}
.menu ul#navigation ul li{width: 100%; border-bottom: 1px solid #fff; background: #1d60b9;}
.menu ul#navigation ul li:hover{background: #d61e2f;}
.menu ul#navigation ul li.last-child{border-bottom: 0;}
.menu ul#navigation ul li a{color: #fff; padding: 5px 10px 5px 25px; display: block; line-height: 20px; clear: both; text-transform: capitalize;}
.menu ul#navigation ul li a:before{position: absolute; top: 4px; left: 8px; z-index: 2; font-size: 18px;
	-webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.menu ul#navigation ul li:hover > a:before{left: 12px;}

@media (min-width: 970px){
    .menu ul#navigation li a{padding: 0 26px;}
}
@media (min-width: 1170px){
    .menu ul#navigation li a{padding: 0 40px;}
}.spslide{float: left; margin: 0 0 40px;}

.spinfo{float: right; margin: 0 0 30px;}

.spvalue{font-weight: bold; padding: 5px 0 15px; line-height: 25px;}
.spvalue span{font-size: 25px; color: #ff0000;}
.spvalue label{color: rgba(51,51,51,0.5); text-decoration: line-through; font-size: 15px;}

.sptitle{font-weight: bold; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; font-size: 14px;}
.sptitle span{border: 1px solid #d7d7d7; padding: 10px 15px 0; border-bottom-color: #fff;}

.spcart{padding: 10px 0; font-weight: bold; font-size: 14px;}
.spcart input{width: 50px;}
.spcart a{line-height: 36px; height: 36px; text-transform: uppercase; background: #d61e2f; color: #fff; text-align: center; width: 150px; display: inline-block;}
.spcart a i{font-size: 15px; margin-right: 5px;}

.spnote{background: #f5f5f5; padding: 10px; border: 2px dashed #1d60b9; margin: 20px 0 0; line-height: 25px;}
.spnote ul li{list-style: none; background: url(/components/sanpham.detail/li.png) left top 5px no-repeat; padding: 0 0 0 17px;}

@media (min-width:320px){
    .spslide{width: 100%;}
}
@media (min-width:480px){

}
@media (min-width:580px){
    .spslide, .spinfo{width: calc(50% - 5px);}
}
@media (min-width:767px){
    
}
@media (min-width:970px){
}
@media (min-width:1170px){
    .spslide{width: 400px;}
    .spinfo{width: 450px;}
}.cart_payment{}
.cart_payment_left{border: 1px solid rgba(0,0,0,0.25);}
.cart_payment_right{border: 1px solid rgba(0,0,0,0.25); margin-bottom: 20px;}
.cart_payment_title{padding: 8px 10px;text-transform: uppercase;font-size: 14px;font-weight: bold;color: #d61e2f;}
.cart_payment_title a{float: right;color: #fa0202;font-size: 15px;}

.cart_payment_left table{width: 100%;border-spacing: 0;border-collapse: collapse;}
.cart_payment_left table thead{background: rgba(0,0,0,0.0615);text-align: left;}
.cart_payment_left table thead tr th{padding: 10px 0;font-weight: normal;}
.cart_payment_left table tbody tr{border-bottom: 1px dashed rgba(0,0,0,0.25);}
.cart_payment_left table tbody tr td{padding: 5px;}
.cart_payment_left table tbody tr td img{float: left;margin-right: 5px;}
.cart_payment_left table tbody tr td a{vertical-align: middle;color: #333;height: 50px;line-height: 17px;}


#frm_cart_payment{padding: 0 10px;}
#frm_cart_payment .cart_payment_title{border-bottom: 1px solid rgba(0,0,0,0.25);padding: 8px 0;margin-bottom: 10px;}
.frm_cart_payment_item{position: relative;float: left;width: 100%;margin-bottom: 10px;}
.frm_cart_payment_item span{line-height: 36px; text-align: right; margin-right: 10px; float: left;}
.frm_cart_payment_item input[type="radio"]{vertical-align: middle;margin-right: 5px;}
.frm_cart_payment_item input[type="text"]{}
.frm_cart_payment_item #frm_city , .frm_cart_payment_item #frm_n_city{width: 33%;float: left;}

.frm_cart_payment_bottom{margin-bottom: 10px;}
.cart_payment_title div{float: right;font-weight: normal;font-size: 13px;text-transform: none;color: #d61e2f;}
.cart_payment_title div label{cursor: pointer;}
.frm_cart_payment_item button{outline: none; border: 0;background: #d61e2f;padding: 8px 25px;color: white;display: inline-block;cursor: pointer;margin-bottom: 20px;}
.frm_cart_payment_item label.error{color: red;position: absolute;top: 7px;}
.frm_cart_payment_item input[type="text"].error{border: 1px solid red;}


@media (min-width: 320px){
    .cart_payment_left{width: auto;float: none;margin-bottom: 20px;}
    .cart_payment_right{width: auto;float: right;}
    .frm_cart_payment_item span{width: 88px;}
    .frm_cart_payment_item label.error{right: 10px;}
    .frm_cart_payment_bottom label.error{right: 358px;}
    .frm_cart_payment_item input[type="text"]{width: 200px;}
    .frm_cart_payment_item input#frm_district , .frm_cart_payment_item input#frm_n_district{width: 29%;float: left;margin-right: 1px;}
    .cart_payment_title div label label{display: none;} 
    .cart_payment_title div label span{display: inline-block;}   
}
@media (min-width: 480px){
    .frm_cart_payment_item span{width: 88px;}
    .frm_cart_payment_item label.error{right: 10px;}
    .frm_cart_payment_bottom label.error{right: 358px;}
    .frm_cart_payment_item input[type="text"]{width: 360px;}
    .frm_cart_payment_item input#frm_district , .frm_cart_payment_item input#frm_n_district{width: 31%;float: left;margin-right: 10px;}
    .cart_payment_title div label label{display: inline-block;}
    .cart_payment_title div label span{display: none;}
}
@media (min-width: 580px){
    .frm_cart_payment_item span{width: 88px;}
    .frm_cart_payment_item label.error{right: 10px;}
    .frm_cart_payment_bottom label.error{right: 280px;}
    .frm_cart_payment_item input[type="text"]{width: 460px;}
    
}
@media (min-width: 760px){
    .cart_payment_left{width: 40% !important;float: right;}
    .cart_payment_right{width: 58%;float: left;}
    .frm_cart_payment_item span{width: 88px;}
    .frm_cart_payment_item label.error{right: 10px;}
    .frm_cart_payment_bottom label.error{right: 325px;}
    .frm_cart_payment_item input[type="text"]{width: 326px;}
    
}
@media (min-width: 970px){
    .frm_cart_payment_item span{width: 88px;}
    .frm_cart_payment_item label.error{right: 10px;}
    .frm_cart_payment_bottom label.error{right: 270px;}
    .frm_cart_payment_item input[type="text"]{width: 444px;}
}
@media (min-width: 1170px){
    .frm_cart_payment_item span{width: 128px;}
    .frm_cart_payment_item label.error{right: 80px;}
    .frm_cart_payment_bottom label.error{right: 305px;}
}.other{margin: 10px 0 0; padding: 10px 0 0;}
.otheritem{float: left;}
.otherimg{margin: 0 0 10px; overflow: hidden;}
.otherimg img{
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.otheritem:hover .otherimg img{
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.othername{font-weight: bold; font-size: 14px; height: 34px; overflow: hidden;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.otheritem:hover .othername a{color: #ff0000;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.otherphotos{float: left; margin: 0 5px 10px; display: block; position: relative; line-height: 30px; text-align: center;}
.otherphotos i{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 30px; height: 30px; display: none;}
.otherphotos:hover i{display: block; font-size: 25px; color: rgba(0,0,0,0.75);}

@media (min-width:320px){
    .otheritem{margin: 0 0 15px;}
    .otherphotos{width: calc(50% - 10px);}
}
@media (min-width:480px){
    .otheritem{margin: 0 5px 10px; width: 220px;}
    .otherphotos{width: calc(25% - 10px);}
}
@media (min-width:580px){
    .otheritem{width: 270px;}
}
@media (min-width:767px){
    .otheritem{margin: 0 5px 10px 0; width: 245px;}
    .otheritem3{margin-right: 0;}
}
@media (min-width:970px){
    .otheritem{width: 220px;}
    .otheritem3{margin-right: 0;}
}
@media (min-width:1170px){
    .otheritem{margin: 0 10px 10px 0; width: 283px;}
    .otheritem3{margin-right: 0;}
}.ttitem{margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px dashed #d5d4d5; line-height: 17px;}
.ttitemlast{margin: 0; padding: 0; border: 0;}
.ttname{font-weight: bold; margin: 0 0 10px; font-size: 14px;}
.ttname a{color: #1d60b9}
.ttitem:hover .ttname a{color: #d61e2f;}
.ttmore{margin: 15px 0 0; padding: 15px 0 0; border-top: 1px solid #d5d4d5; overflow: hidden;}
.ttmore a{display: inline-block; width: 99px; padding: 5px 0; font-weight: bold; background: #d61e2f; text-align: center; color: #fff;}
.ttmore i{margin: 0 0 0 5px; position: relative; left: 0;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}
.ttmore:hover i{left: 5px;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;}

@media (min-width:320px){
    .ttimg{margin: 0 0 10px;}
}
@media (min-width:480px){
    .ttimg{float: left; width: 210px; margin: 0 15px 0 0;}
    .ttname{max-height: 34px; overflow: hidden;}
    .ttprev{max-height: 34px; overflow: hidden;}
}