@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: UYT;
    src: url('fonts/UTMYenTu.eot');
    src: url('fonts/UTMYenTu.eot') format('embedded-opentype'),
         url('fonts/UTMYenTu.woff2') format('woff2'),
         url('fonts/UTMYenTu.woff') format('woff'),
         url('fonts/UTMYenTu.ttf') format('truetype'),
         url('fonts/UTMYenTu.svg#UTMYenTu') format('svg');
}


/*++++++++++DEFAULT+++++++++++*/
*{
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
body, html, div, blockquote, img, label, p,h1, h2, h3, h4, h5, h6, pre, form, a, fieldset, input, th, td 
{ 
    margin: 0; 
	padding: 0; 
	border: 0; 
	outline: none; 
}		  
body{font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
}
a{color:#000;text-decoration:none;}
a:hover{color:#FFF;}
a.active{color:#FFF;}
a:active, a:visited{color:#555;}
img{border:none;}
div.clear{display:block;clear:both;}
div.clearfix{display:block;clear:both;}
#top{width:39px;height: 37px;position:fixed;bottom:0px;right:0px;display:none;cursor:pointer;
	background-color: #CD8D39;
    border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 37px;
	font-weight: 400;
	text-shadow: none;
}

div#top:hover {
	
    background-color: #E62728;
}
textarea{height: auto !important}

/*++++++++++LAYOUT+++++++++++*/

div#wrapper {position: relative; max-width: 100%; margin: 0px auto;}

div#header{position: relative; width: 100%; margin: 0px auto; background:#f2f2f2;}


div#header a#btn-menu{
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC") no-repeat scroll center center transparent;
    display: block;
    height: 32px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 36px;
	padding: 0px;
	margin: 0px;
	*border-radius: 5px;
	background-color: #555;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

#i-menu{background: #FE2E2E;padding: 10px 15px;}
#i-menu a{color: #FFF;font-weight: bold;}
#i-menu img{vertical-align: middle;}

div#languages{position: absolute; top: 10px; right: 10px; text-align: center;}
div#languages img{width: 25px; cursor: pointer;}

.lang{ text-align:center; margin-bottom: 10px;}
.lang img{ margin:0px 5px;}

div#banner{width: 100%;background: #fff; height: auto; margin: 0px auto; overflow: hidden; text-align: center;padding: 0px 15px;font-weight: normal;text-shadow:none;}
div#banner img{max-width: 100%;}

div#navbar{padding: 1em 0px;}

div.like{float: left; width: 85px;}
div.like.facebook{width: 90px;}
div.like.facebook iframe{width: 450px !important;}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}


div#logo{width: 96%;margin: 10px 2%;}
div#logo img{max-width: 100%; height: auto;}

nav#menu{}
nav#menu a{text-transform: uppercase; color:#FFF !important;}

/* Lists */
.jqm-search .jqm-list {
	margin: 0 -1em 1em;
}
.jqm-list .ui-btn,
.jqm-list .ui-btn:visited,
.jqm-list .ui-li-divider {
	
	font-weight: 300;
	text-shadow: none !important;
}
.jqm-list .ui-btn:hover,
.jqm-list .ui-btn:active {
	color: #3388cc;
}
.jqm-list .ui-btn.ui-btn-active {
	color: #fff;
}
.jqm-list .ui-li-divider {
	color: #3eb249;
}

/* Navmenu */
.jqm-navmenu-panel .ui-listview > li .ui-collapsible-heading {
	margin: 0;
}
.jqm-navmenu-panel .ui-collapsible.ui-li-static {
	padding: 0;
	border: none !important;
}
.jqm-navmenu-panel .ui-collapsible + li > .ui-btn,
.jqm-navmenu-panel .ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn,
.jqm-navmenu-panel .ui-panel-inner > .ui-listview > li.ui-first-child .ui-btn {
	border-top: none !important;
}

.ui-listview > .ui-li-has-thumb > .ui-btn, .ui-listview > .ui-li-static.ui-li-has-thumb {
    min-height: 1em;
}

.jqm-navmenu-panel .ui-listview .ui-btn {
	padding-left: 1em;
}

.jqm-navmenu-panel .ui-listview .ui-btn i{
	margin: 0px 10px; 
}
.jqm-navmenu-panel .ui-listview .ui-btn i.fa-dollar{
	margin: 0px 15px; 
}

.jqm-navmenu-panel .ui-listview .ui-btn img {
	position: absolute;
	left: 0.5em !important; top: 0.7em !important;
}

.jqm-navmenu-panel .ui-listview .ui-btn.ui-btn-active {
	color: #fff;
}
.jqm-navmenu-panel .ui-btn:after {
	opacity: .4;
	filter: Alpha(Opacity=40);
}
.jqm-navmenu-panel.jqm-panel-page-nav {
	display: none;
	position: absolute;
	top: 178px;
	left: 12px;
}
.jqm-navmenu-panel.jqm-panel-page-nav ul li:first-child a{
	border-top: none;
}

div#slideshow{width: 100%;height: auto;margin-bottom: 1em;}
div#slideshow .bx-wrapper{margin-bottom: 0px;}
div#slideshow .slide {text-align: center;}
div#slideshow .slide img{max-width: 100%; margin: 0px auto;}

div#search{position: relative;padding:10px;}
.ui-input-search{margin:0;}
.ui-input-search:after{left:0.7em;width: 16px;opacity: 1;}
.ui-input-search input{padding-left: 2em;background: none;}

div#container{ margin-bottom:10px; padding:10px;}

.custom-corners{
	margin-bottom: 1em;
}

.custom-corners .ui-bar {
    margin-bottom: 10px;
}
.custom-corners .ui-bar h3{
	font-size: 1.2em;
	color: #333;
	text-shadow: none;
	font-weight: bold;
}
.custom-corners .ui-bar h3 a{font-weight: 600 !important; color: #fff !important;}

.custom-corners .ui-body {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-width: 0;
	background:rgba(255,255,255,0.8);
}

.custom-corners .ui-body  table, .custom-corners .ui-body  img{
	max-width: 100%;
	height: auto !important;
}

.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
    font-weight: 400;
	color: #555;
}
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
    color: #555;
}
.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover {
    color: #F00;
}
.ui-page-theme-a a:active, html .ui-bar-a a:active, html .ui-body-a a:active, html body .ui-group-theme-a a:active {
    color: #F00;
}

div.box-video {float: left;width: 29%;margin: 1em 2%;}

div.box-video p {float: left;width: 100%;margin: 0;overflow: hidden;}
div.box-video p img {height: auto;width: 100%;}

/*  Product */

/*++++++++++PRODUCT+++++++++++*/

div.slider_sanpham .box-sp{width: 100%; margin:0px;}
div.box-sp {position:relative;float: left;width: 46%;margin: 1em 2%; text-align: center;}
div.box-sp div.sp-wrap{float: left;width: 100%;background-color: #fff;}
div.box-sp p.sp-img{ margin: 0px;text-align: center;}
div.box-sp p.sp-img img{width: 100%; height: auto;display: block;}
div.box-sp h3.sp-name{ margin: 0px; padding:10px 0px 0px;font-size: 13px; text-transform: uppercase; text-align: center;}
div.box-sp h3.sp-name a{font-weight: 600; color:#6F6F6F; }
div.box-sp h3.sp-name span{color: #EF9D47;}
div.box-sp p.sp-desc{ padding: 10px;font-size: 13px;margin: 0px;}
div.box-sp p.sp-detail{ margin-top: 10px;text-align: center;}
div.box-sp p.sp-detail a{display: inline-block; color: #fff; margin: 0px 5px; text-shadow: none; border-radius: 5px;font-weight: 400;padding: 5px 15px;background-color: #E61919; box-shadow: 1px 1px 3px #333; cursor:pointer;}
div.box-sp p.sp-detail a:first-child{/*background-color: #4B4B4B;*/ }
div.box-sp p.sp-detail a:hover{background-color: #CD8D39}
div.box-sp p.sp-detail span{ color:#F00; font-weight:bold;}
.s-price{ color: #F00;}

div.box-sp p.sp-price{ margin: 10px 0px 0px; text-align: center;}
div.box-sp p.sp-price span{font-weight: bold;color: #E61919;}
div.box-sp p.sp-price b{font-weight: bold; color: #f00;}
div.box-sp p.sp-buy{float: left;width: 100%; margin: 10px 0px 0px;  text-align: center;}
div.box-sp p.sp-buy a{display: inline-block; color: #fff; text-shadow: none; border-radius: 5px;font-weight: 400;padding: 3px 12px;background-color: #9BB401}
div.box-sp p.sp-buy a:hover{color: #f00;}

div.box-sps p.sp-detail{float: left; width: 100%;margin-bottom: 10px;text-align: center;}
div.box-sps p.sp-detail a{display: inline-block; color: #fff; margin: 0px 5px; text-shadow: none; border-radius: 5px;font-weight: 400;padding: 5px 15px;background-color: #C41414; box-shadow: 1px 1px 3px #333;}
div.box-sps p.sp-detail a:first-child{background-color: #4B4B4B; }
div.box-sps p.sp-detail a:hover{background-color: #CD8D39}
.sp-icon{ position:absolute; top:0px; left:0px;}
.sp-icon-gift{ position:absolute; top:10px; right:5px;}
.sp-gia{ text-align:center; font-weight:bold; color:#F00;}
.i-slide .bx-wrapper{ max-width:none !important;}

div#product-images{float: left;width:100%; text-align: center;}
div#product-images img{max-width: 100%;height: auto;}
div.product-img-large{position:relative;float: left;width: 100%;}
div.product-img-large img{max-width: 100%;height: auto;background-color: #fff;display: none;margin: 0px auto;border: 5px solid #fff;}
div.product-img-large img.active{display: block;}
div.product-img-thumb{float: left;width: 100%;height:auto;padding: 0px 20px 10px;}
div.product-img-thumb p{position: relative;width: 100%;height: auto;margin:0;border: 1px solid #ccc;}
div.product-img-thumb p img{max-width: 100%;height: auto;}
div.product-img-thumb p:hover img, div.product-img-thumb p.active img{margin-top:0px;}
div.product-img-thumb p:hover, div.product-img-thumb p.active{border: 5px solid #3DA348;}
div.product-img-thumb .slide{cursor: pointer;}
/*div.product-img-thumb .slide i{position: absolute;content:'';width:100%;height: 6px;top: -6px;background: url(../images/muiten_vien.png) no-repeat center 6px;}
div.product-img-thumb .slide i.active, div.product-img-thumb .slide:hover i{background-position: center center}*/
div.product-img-thumb .bx-viewport{border-right: none;padding-top:10px;}
div.product-img-thumb .bx-wrapper .bx-controls-direction a {}
div.product-img-thumb .bx-wrapper .bx-prev {left: -20px;}
div.product-img-thumb .bx-wrapper .bx-next {right: -20px;}

div#product-content{float: left;width:100%;}
div#product-content h1{margin: 10px 0px; font-size: 20px; font-weight: bold; color: #E62728;}
div#product-content img{max-width: 100% !important;height: auto !important;}
div#product-content div.attr-content{border-bottom:1px dotted #ccc}
div#product-content div.attr-content p{margin: 10px 0px;}
div#product-content div.attr-content p.attr-left{display:inline-block;width: 140px;font-weight: bold;}
div#product-content div.attr-content p.attr-right{display:inline-block;}
div#product-content div.attr-content.utilities{border: none; margin-top: 10px;}
div#product-content div.attr-content .like{margin: 10px 0px;}

/*++++++++++TABS PRODUCT+++++++++++*/

div#tabs{float: left;width: 100%;margin-top:1em;}
div.tab-pane{display: none;padding: 10px 0px;}

.share-icon {
	display: inline-block;
	/*float: left; margin: 4px; */
	width: 32px; 
	height: 32px; 
	cursor: pointer; 
	vertical-align: middle; 
	background-image: url(../images/share-icons.png); 
	-moz-transition: all 300ms ease-out 0s;
	-ms-transition: all 300ms ease-out 0s;
	-o-transition: all 300ms ease-out 0s;
	-webkit-transition: all 300ms ease-out 0s;
	transition: all 300ms ease-out 0s; 
}
.share-facebook { background-position: 0 0; }
.share-facebook:hover { background-position: 0 -40px; }
.share-twitter { background-position: -40px 0; }
.share-twitter:hover { background-position: -40px -40px; }
.share-pinterest { background-position: -80px 0; }
.share-pinterest:hover { background-position: -80px -40px; }
.share-googleplus { background-position: -120px 0; }
.share-googleplus:hover { background-position: -120px -40px; }
.share-linkedin { background-position: -240px 0; }
.share-linkedin:hover { background-position: -240px -40px; }
.share-stumbleupon { background-position: -360px 0; }
.share-stumbleupon:hover { background-position: -360px -40px; }
.share-email { background-position: -320px 0; }
.share-email:hover { background-position: -320px -40px; }
.share-zing { background-position: -400px 0; }
.share-zing:hover { background-position: -400px -40px; }

.table{width:100%;margin: 15px 0px;}
.table, .table td {padding:5px 10px;border-collapse:collapse;line-height:1.5em;outline:none;}
.table th {padding:5px 10px;font-weight:400;text-transform: capitalize;text-align: left;}
.table tr{ border-bottom: 1px solid #CCC;}

div.googlemap{width: 100%; margin: 10px 0px;}
div.googlemap iframe{width: 100% !important;}

/*++++++++++NEWS+++++++++++*/
div.box-news {float: left;width: 100%;padding-bottom: 0.6em; padding-top: 0.6em; border-top:1px dotted #ccc;}
div.box-news:first-child{border-top: none !important;}
div.box-news p.news-img {float: left;width: 180px;height: auto; text-align: center; margin-right: 0.7em;}
div.box-news p.news-img:hover{border: 1px solid #1CC7F2}
div.box-news p.news-img img{max-width: 100%;height: auto;display: block;}
div.box-news h3.news-name {width: 100%;margin-bottom: 5px;font-size: 14px; font-weight: 500;}
div.box-news h3.news-name a{ font-weight:bold;}
div.box-news h3.news-name a:hover{color: #F00;}
div.box-news h3.news-name p{color: #f2f2f2;font-size: 0.8em;line-height: 10px;margin-top: 5px;}
div.box-news p.news-post {line-height: 1.5em;color: #333;font-size: 0.8em;font-style: italic;}
div.box-news div.news-des {text-align:justify;line-height: 1.5em;color: #000;font-size: 0.9em;}
div.box-news p.news-readmore {text-align: right; margin-top:5px;}
div.box-news p.news-readmore a {font-size: 0.9em;display: inline-block;font-weight: 400;background: url(../images/icon_more.png) no-repeat right center}

ul.other_nav{list-style: none; margin: 0; padding: 0;}
ul.other_nav li{display: block;padding: 5px 0px 5px 0px;background: url(../imagesm/arrow_menu.png) no-repeat left 9px;}
ul.other_nav a{padding-left: 20px;}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-bottom: 1em;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.contact-item{display: inline-block; width: 24%; vertical-align: top; text-align: center;}
.contact-item img{max-width: 100%;height: auto;}
.contact-item b{font-size: 18px;color: #f00;}

#navmenu-bot{width: 100%;}
#navmenu-bot .ui-btn:after {
	background-color: transparent;
}

div#map_canvas,#map-canvas{width:100%;height: 350px;margin: 1em 0px;}

/*++++++++++PAGINATION+++++++++++*/
/*
div.pagination{float: left;width:100%;margin-top: 20px;text-align: center;}
div.pagination a,div.pagination span{font-weight: 400;display: inline-block;width: 29px;height: 27px;border: 1px solid #ccc; font-size: 15px !important; line-height: 25px !important;
background:-moz-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
background:-webkit-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
background:-ms-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
background:-o-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
}
div.pagination span{background: #333;color: #fff;}
div.pagination a:hover{background: #333;color: #fff;}
div.pagination a i{line-height: 20px;}
*/

/*--Phan trang*/
.pagination{
	text-align:center;
	background:rgba(0,0,0,0);
	right:0px;
	top:-40px;
	padding:5px 0px;
}
.pagination a {
    background:#a20303;
    color: #FFF !important;
    cursor: pointer;
    font-size: 11px;
    margin: 10px 0 10px 4px;
	padding: 6px 10px;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.pagination span{
	padding:3px 10px 5px;
	background:#f97d17;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#FFF;
}

.pagination a:hover {
    background: none repeat scroll 0 0 #a20303; 
    box-shadow: none;
    color: #FFFFFF;
    text-decoration: none;
}
.pagination .paginate_button_disabled, .pagination .paginate_button_disabled:hover {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2 !important;
    color: #ADADAD !important;
    cursor: default;
    opacity: 0.7;
}
.pagination .paginate_active, .pagination .paginate_active:hover {
    background: none repeat scroll 0 0 #0b73b4;   
    box-shadow: none;
    color: #FFF;
	font-weight:bold;
	}
div#footer{
	background: #FE2E2E;
    color: #FFF;
    padding: 20px 15px 40px;
	text-shadow:none !important;
	font-weight: 400  !important;
	font-size: 14px;
}

div#footer *{ color:#FFF;}
div#footer table{width: 100%;}
div#footer h2.ft-tit{ color: #FF0; font-size: 18px;}

.mrt10{margin-top: 10px}
.mrt15{margin-top: 15px}
.br0{border: 0px !important;}

@media (max-width:620px){
	div#banner{}
	div.product-present-content ul li{display: inline-block;width: 100%;}
}

@media (max-width:530px){
	.contact-item{width: 49%;}
	div.product-cat{width: 100%;margin: 1em 0;}
	div.box-news p.news-img {float: left;width: 100px;}
	div#project div.box-sp{width: 100%;margin: 1em 0;}
	ul#productTab li{display: block;}
	ul#productTab a{border: 1px solid #ccc;}
}

@media (max-width:500px){
	div.box-sp p.sp-detail a{margin: 5px;}
	
	div#product-images, div#product-content{width: 100%;}
	
	div.wrapper-product-img{width: 94%; border-width: 3%}
	div#product-comment div.attr-comment{width: 100%}
	div#product-comment div.attr-comment p.comment-label{display: none;}
	div#product-comment div.attr-comment p.comment-input{float: left;width:100%;}
	div#product-comment div.attr-comment .input{width:96%;padding: 0 2%}
	div#product-comment div.attr-comment .noidung{width:96%;padding: 0 2%}
	.dpn-gh{ display:none;}
}

@media (max-width:420px){
	div.slider-product div.box-sp{width: 80%;margin: 1em 10%;}
	
	
}

@media (min-width:769px)
{
	div.box-sp {position:relative;float: left;width: 31%;margin: 1em 1%;}
	div.box-sp:nth-of-type(3n+1){ clear:both;}
}

@media (max-width:768px){
	div.box-sp{ width:100%; float:none; margin:0px auto 20px;}
}

.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;}

.map_description{ color:#07096f;}
.mgrb10{ margin-bottom:10px;}

.addthis_native_toolbox{ margin-top:15px;}

.dv-tit{ margin-top:15px;}

.pro-info-img{ width:100px; float:left; margin-right:10px;}
#pro-info1,#pro-info2{ margin-bottom:10px;}
.del{text-decoration: line-through !important;}
#map_canvas {    
    height: 420px;
    margin: 10px auto;
}
.map_description {
    color: #000000;
    overflow: auto;
    width: 275px;
}
.map_description .default {
    color: #FF0000;
}
.map_description div {
    line-height: 18px;
    margin: 3px;
}
.map_list_address {
    float: left;
    height: 500px;
    overflow: hidden;
    width: 250px;
}
.map_list_address .list {
    line-height: 18px;
    margin-bottom: 5px;
}
.map_list_address span {
    color: #FCFF46;
}
.map_title {
    color: #ED1B24;
    font-weight: bold;
}
.box_gia{ font-weight:bold; color:#F00}
.dacdiemnoibat h3{ color:#FF9900;}

h3.ttab{ color:#000; font-weight:normal; font-size:1em; border-bottom:1px solid #CCC; padding:5px 0px; position:relative; cursor:pointer;}
h3.ttab-c:after{ display:block; content:"+"; position:absolute; top:5px; right:5px;}
h3.ttab-t:after{ display:block; content:"-"; position:absolute; top:5px; right:5px; font-size:16px;}
div.ttab{ display:none;}
.slider_sanpham:after{ display:block; content:""; clear:both;}
.slider_sanpham .box-sp{ padding-bottom:15px;}
.bot-ft{ background:#7e8387; color:#cdcdcd; padding:10px 0px; font-size:11px; font-family:Verdana, Geneva, sans-serif; text-align:center;}
.box-pchungnhan-img img{ box-shadow:5px 5px #c8cbcf; -webkit-box-shadow:5px 5px #c8cbcf; -moz-box-shadow:5px 5px #c8cbcf;}
.box-chungnhan{ margin-bottom:30px; text-align:center; color:#262626;}
.box-chungnhan-img{ max-width:90%; margin:auto;}
.box-chungnhan-img img{}
.box-chungnhan h3{ background:#FFF; margin-top:5px; font-family:UTAv; font-size:20px; padding:5px 0px 10px; font-weight:normal;}
.ctdv{ float:left; margin-right:10px; margin-bottom:10px; max-width:300px !important;}
.mxh{ margin-top:15px;}
.fix-call{width: 100%;left: 0;bottom: 0;position: fixed;z-index: 99; text-align: center; background: #FE2E2E; border-top: 1px solid #CCC;}
.fix-call a{display: block; color: #FFF !important; font-family: Tahoma, Verdana, Segoe, sans-serif; font-weight: bold;}
.fix-call a:hover{color: #FFF;}
.fix-call img{width: 40px; vertical-align: middle;}
.fix-call .item{width: 33.33%;float: left;border-right: 1px solid #CCC;padding: 8px;}
.fix-call .item:last-child{border: none;}
.fix-call .item a{display: block;}
div.paging{float: left;width:100%;margin: 10px 0px;text-align: center;}
div.paging a,div.paging span{font-weight: 400;display: inline-block;width: 29px;height: 27px;border: 1px solid #ccc; line-height: 20px; padding-top: 2px;
background:-moz-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
background:-webkit-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
background:-ms-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
background:-o-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
}
div.paging span{background: #E61919;color: #fff;}
div.paging a:hover{background: #08950e;color: #fff;}
div.paging a i{line-height: 20px;}
.btn-sl{position: relative; padding-right: 50px;}
#add-quick-cart{position: absolute; top: 0;right: -50px; background: #ca0316;color: #FFF;padding: 7px 10px;border-radius: 5px;top: 5px;}
.ctsp-gh{padding: 5px;}
.ctsp-gh img{ vertical-align: middle;}
.ctsp-gh span{font-weight: bold; color: #F00;}
.ta-c{text-align: center;}
.box-tvanh{width: 150px;display: inline-block;}
.text{margin-bottom: 10px;}

/*Phan trang*/
.phantrang{text-align:center;background:rgba(0,0,0,0);right:0px;top:-40px;padding:5px 0px;}
.phantrang div {display: inline-block;}
.phantrang a {background:#193d71;color: #FFF !important;cursor: pointer;font-size: 11px;margin: 10px 0 10px 4px;padding: 6px 10px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.phantrang div.active {background: #f97d17; color: #FFF; cursor: pointer; font-size: 11px; margin: 10px 0 10px 4px; padding: 6px 10px; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.phantrang span{padding:3px 10px 5px;background:#f97d17;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFF;}
.phantrang a:hover {background: none repeat scroll 0 0 #f97d17; box-shadow: none;color: #FFFFFF;text-decoration: none;}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;border: 1px solid #D2D2D2 !important;color: #ADADAD !important;cursor: default;opacity: 0.7;}
.phantrang .paginate_active, .phantrang .paginate_active:hover {background: none repeat scroll 0 0 #05bfdc;box-shadow: none;color: #FFF;font-weight:bold;}
.w-hl{background: #F2F2F2;margin-bottom: 10px;color: #333;padding: 10px 15px;text-align: center;}
.w-hl .item{display: inline-block;margin: 0px 15px;font-weight: bold;}
.w-hl .item span,.w-hl .item a{color: #F00 !important;font-weight: bold !important;}
.content-text p {
    margin-left: 0 !important;
}
/* Flex layout */
.w-flex{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
.box-sp-gia{font-size: 15px;font-weight: bold;color: #ea1100;}
.box-sp-gia .del{font-size: 12px;color: #939393;font-weight: normal;}
.box-sp-gia span{ color: #F00;}
.box-sp-gia span.del{ color: #686868;}
.box-sp-i-new{position: absolute;top: 5px;right: 5px;width: 40px;height: 40px;background: url(../img/i-news.png);background-size: 100% 100%;z-index: 9;}
.flex-gia{display: flex;justify-content: space-around;}
.box-spc{padding: 10px 0px;}
.box-spc img{width: 80px;float: left;margin-right: 10px;}
.tbl{width: 100%;display: table; border-collapse: collapse;}
.tbl .tr{ display: table-row;}
.tbl .th{font-family: RB;}
.tbl .td,.tbl .th{ display: table-cell;}
.w-mienphi .item{width: calc(33.33% - 1px);margin: 0px 1px 20px 0px;background: #daf2fe;padding: 30px 10px 10px 30px;position: relative;font-size: 15px;font-style: italic;color: #333;}
.w-mienphi .item:before{width: 50px;height: 100%;position: absolute;content: "";background: url(../img/bg-mienphi.png);background-size: 100% 100%;top: 0;right: -50px;}
.w-mienphi .item:nth-child(3n){margin-right: 0;}
.w-mienphi .item:nth-child(3n):before{display: none;}
.w-mienphi .item-img{float: right;margin-left: 10px;}
.w-mienphi .item h3{font-weight: bold;font-size: 18px;margin: 0px 0px 5px;font-style: normal;}
.w-mienphi .item a{color: #004a80;}
.box-sp-i-new{position: absolute;top: 5px;right: 5px;width: 40px;height: 40px;background: url(../img/i-news.png);background-size: 100% 100%;z-index: 9;}
.sp-tit{text-align: center;padding: 10px;color: #FFF;text-transform: uppercase;background: #FE2E2E;margin-top: 20px;}
.box-spi{text-align: left !important;line-height: 1.5;}
div.box-spi h3.sp-name{text-align: left !important;font-size: 16px;}
div.box-spi h3.sp-name a{color: #FE2E2E !important;}
#search{position: relative;padding: 0 !important;margin: 10px;border: 1px solid #FE2E2E;border-radius: 5px;}
#search input{width: 100%;background: #FFF;border: 1px solid #CCC;padding: 6px;border-radius: 5px;}
#search img{position: absolute;top: 0px;right: 0px;}