/* jdf-1.0.0/ ui-base.css Date:2015-07-02 10:57:01 */

a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}button,html input[type=button],input[type=submit]{-webkit-apperance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}ol,ul{list-style:none}img{border:0;vertical-align:middle}em,i,u{font-style:normal}.fl{float:left}.fr{float:right}.al{text-align:left}.ac{text-align:center}.ar{text-align:right}.hide{display:none}.clear,.clr{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.dorpdown{position:relative}.dorpdown-layer{display:none;position:absolute}.dorpdown:hover .dorpdown-layer,.hover .dorpdown-layer{display:block}.cw-icon{position:relative;cursor:default;zoom:1}.cw-icon .i,.cw-icon i{display:block;position:absolute;overflow:hidden}.w{width:990px;margin:0 auto}
.root61 .w,.root61 .c_in{width:1210px; max-width:1210px; }
body{ color:#000;background:#fff;font-size: 14px; font-family: "Nunito", sans-serif}
a{color: #000}a:hover{color: red}
    /* jdf-1.0.0/ shortcut.css Date:2015-07-02 10:57:01 */
i{font-style:italic;}
.logo-sys{float: left;width: 10%;}
.logo-sys img{height: 95px; margin-top: 10px}
.support-sys{color: #ffcd56;    font-size: 40px; width: 100%;   font-weight: 700;    text-transform: uppercase;    margin-bottom: 0;    margin-top: 27px;}
.flex-col{float: right;}
.flex-col ul li{color: #dbbd76;    list-style: none;    font-weight: 600;    font-size: 14px;    margin-bottom: 2px;}
.header-nav{margin-top: 35px}
.mainmenutop{ padding: 11px 0; text-transform: uppercase; background: #373966;}
.mainmenutop:hover{ padding: 11px 0;  text-transform: uppercase;  background: #373966;}
.menu_main{ width: 100%; }
.full-bg-banner{background: #00559f; width:100%;height: 110px;}
.main_menu a{font-size: 14px; color: #fff; border:none; padding:0.75em 1em; text-transform: uppercase;font-weight: bold;}
.main_menu h2{ font: 1.2em "Nunito", sans-serif;}
.main_menu h3{ font: 1.2em "Nunito", sans-serif;}
.main_menu li{background: transparent;}
.main_menu li:hover, .main_menu li.sfHover{ background: #d2d2d2;}
.main_menu li li{ background: #e9e9e9;min-width: 195px;}
.main_menu li li a{border-top: 1px solid #00325f; text-align: left;}
.sf-menu ul li {background: #001d37;}
.menu_main > .home{    width: 60px;   float: left;    background: url('../images/btn-home.png') no-repeat left center;    font-size: 1.3em; padding: 0.87em 1em; background-size: 100%}
.sf-menu li:hover, .sf-menu li.sfHover { background: #00559f}
.menu-sys{background-color: #001d37;  height: 41px;border-top: 1px solid #2281d3;border-bottom: 1px solid #ababab;}

/*Body*/
.line-decor{background: url('https://6.img.izshop.vn/gt50/images/Trang-tri.png') no-repeat;padding: 30px;    background-size: 70px;background-position: center;}
.c1-sys-box{padding: 30px 0}
.c1-sys-title{text-align: center; font: bold 2.3em/45px "Nunito", sans-serif;text-transform: uppercase;}
.c1-sys .l-box{float: left;width: 48%}
.c1-sys .r-box{float: right;width:48%}
.c1-sys .c1-sys-text{text-align: justify;line-height: 20px}
.sys-text{font-family: "Nunito", sans-serif !important}
.sys-text table {width: 70% !important; margin: 0 auto}
.sys-text table tr{border: 1px solid #000}
.sys-text table tr td{border: 1px solid #000;padding: 5px;
}
.sys-text ul li{margin-left: 25px; list-style: initial;}
/*C2*/
.c2-sys{padding: 25px 0}
.c2-sys-title{text-align: center; font: bold 2.3em/45px "Nunito", sans-serif;text-transform: uppercase;}
.c2-sys ul li{margin: 0 25px}
.c2-sys ul li .imghover{ height:340px; overflow: hidden;    border-radius: 30px;    box-shadow: 1px 1px 19px -7px #000;    border: 3px solid #fff;    margin: 10px;padding: 15px;}
.c2-sys ul li .imghover img{width: 100%; object-fit:cover; height: 100%; border-radius: 15px; }
.c2-sys ul li .c2-name{font: bold 1.3em/35px "Nunito", sans-serif;}
.c2-sys ul li .item-info{text-align: center;}
/*C3*/
.c3-sys-title{text-align: center; font: bold 2.3em/45px "Nunito", sans-serif;text-transform: uppercase;}
.c3-sys ul{display: flex;flex-flow: wrap;justify-content: space-evenly;}
.c3-sys ul li{width: calc(33.3% - 10px); margin: 10px 0}
.c3-sys ul li .imghover{overflow: hidden;height: 350px}
.c3-sys ul li .imghover img{height: 100%; width: 100%; object-fit:cover}
.c3-sys ul li .c3-name{font: bold 1.2em/25px "Nunito", sans-serif;margin: 10px 0;}
.article-item .article-item-image img{height: 100%; width: 100%; object-fit:cover;border-radius: 20px;}
.article-item .article-item-name{font-weight: bold;}
.news-list ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.news-list ul li{width: calc(49% - 10px)}
.article-item{border-top:0 }
.sys-news ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.sys-news ul li{width: calc(48% - 10px); margin: 10px}
.sys-news ul li .article-item-name a{font: bold 16px/25px "Nunito", sans-serif}
.date-sys{font-size: 11px; }
.article-item .article-item-desc{line-height: 20px; font-size: 14px}
.detail-sys{margin-top:15px }
.detail-sys a{    border: 1px solid #bfbfbf;    padding: 5px 10px;    border-radius: 10px;}
.detail-sys a:hover{background: red; color: #fff}
.systemPaging .btnPaging{background-color: #00559f;border-radius:15px }
.systemPaging .btnPaging:hover{background: red}

 
.item {  align-items: center;  color: white;  display: flex;  height: 300px;  justify-content: center;}
.system-style.footer {    background-color: #00559f;}
.footer {    border-top: 4px solid #013664;}
.system-style.bottom_nav li{border-right:0; }
.system-style.bottom_nav li li a, .system-style.bottom_nav li .mn-intext { font: 1.1em / 2.1em "Nunito", sans-serif;}
.box-slider .slick-prev,.box-slider .slick-next {
  position: absolute;
  top: 50%;
  margin-top: -31px;
  z-index: 1;
  display: block;
  width: 28px;
  height: 62px;
  line-height: 62px;
  background: #808080;
  background: rgba(0,0,0,0.2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000,endColorstr=#32000000);
  color: #fff;
  text-align: center;
   
  font-weight: normal;
  font-family: "simsun";
  display: none !important;
   
}
.box-slider .slick-prev:before{
    content: '<';font-family: "simsun";  vertical-align: middle
}
.box-slider .slick-next:before{
    content: '>';font-family: "simsun"; vertical-align: middle
}
.box-slider .slick-prev{
    left:0;
}
.box-slider .slick-next{
    right:0;
}
.box-slider:hover .slick-prev, .box-slider:hover .slick-next{
    display: inline-block !important;
        
}
 
.breadcrumb {
    padding: 8px 7px;
    margin-bottom: 0;
    list-style: none;
    background-color: #f6fafa;
    border-radius: 4px;
    margin-top: 5px;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb span {
    color: #666;font-size: 14px;
}.breadcrumb .title {
    font-weight: normal;
    font-size: 14px;
margin: 1px 0;
    padding: 0;
    display: inline-block;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/ ";
}
 
.poopover_item .popover-title {
    background-color: #264a5f;
    color: #fff;
}
#mainMenu.fixedxxx{
    position: fixed;top: 30px; width: 100%; z-index: 999999; vertical-align: top; display: none;
}

.fmenu-wrap .title {
    padding: 0; line-height: 30px; cursor: pointer;
    background: #0066cc;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    text-align: left; text-indent: 15px;
    position: relative;
    z-index: 1002;
}
/*
.fmenu-wrap .title:after{
    content:'';
    width: 17px; height: 13px;
    display: inline-block; float: right; margin: 8px 10px 0 0;
    background: url(../images/icon-title.png) no-repeat;
}*/
.c1-sys{text-align: center;}
.c1-sys img{margin-top: 25px;height: 400px}
.menumain{ background: #482626; position: absolute; width: 1201px;}
.sf-menu ul{position:absolute;}
.fmenu-wrap{  width: 205px;   position: absolute; left: 0; top:0}
.fmenu-wrap._index{display: none;}
#shortcut-2014{position: fixed; top:0; box-shadow: 0 2px 8px #888888;background: #065c8d}
#shortcut-2014._index{ position: relative;}
.product_wrapper .product_thumb_view .wrapper { margin: 0 16px 16px 0;}
.product-list-wrap{border:none; overflow: visible;}
.text-right{text-align: left;margin-top: 20px}
.text-right a{border: 1px solid #bfbfbf;padding: 5px 10px; border-radius:10px }
.text-right a:hover{background: red; color: #fff}
.link-menu{text-align: center;margin: 20px 0;border-bottom: 1px dotted #cbcbcb;padding: 20px 0;}
.link-menu h1{font-size: 35px; font-weight: bold;}

/* Product Thumb View */
.product_thumb_view{
	padding: 0 5px;
	width: 110%;
}
.product_thumb_view .wrapper{
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
}
.product_thumb_view .wrapper{
	border: 1px solid #F5F5F5;
}
.product_thumb_view .block{
	background: #FFF;
	border: 4px solid transparent ;
	border-radius: 3px;
	color: #999;
	position: relative;
width: 216px;
    box-sizing: border-box; max-width: 100%
}
.product_thumb_view .block:hover{
	border: 4px solid #365DB5;
	border-radius: 0;
     
	transition: border-color .2s ease-in;
}
.product_thumb_view .block.block_pre:hover{
	border: 4px solid #e32029;
}
.product_thumb_view .block .like_main{
	cursor: pointer;
	display: none;
	left: 2%;
	position: absolute;
	top: 2%;
	transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	opacity: 0;
	z-index: 1;
}
.product_thumb_view .block:hover .like_main{
	opacity: 1 !important;
}
.product_thumb_view .block > div{
	padding: 0 4px;
	overflow: hidden;
}
.product_thumb_view .block .option{
	background: #999;
	color: #FFF;
	display: block;
	font-size: 11px;
	height: 18px;
	line-height: 18px;
	padding: 0px 6px;
}
.product_thumb_view .block .option i{
	margin: 0px 6px;
}
.product_thumb_view .block .option a{
	color: #FFF;
}
.product_thumb_view .block .option a:hover{
	text-decoration: underline;
}
.product_thumb_view .estore_option{
	background-color: #E8ECEF;
	border: 1px solid #E5E5E5;
	border-radius: 3px;
	display: none;
	width: 152px;
	height: 26px;
	line-height: 26px;
	opacity: .9;
	position: absolute;
	text-align: center;
	white-space: nowrap;
	top: 8px;
	left: 32px;
}
.product_thumb_view .block:hover .estore_option, .product_thumb_view .block .estore_option.active{
	display: block;
}
.product_thumb_view .estore_option span{
	background-image: url(../images/beacon_sprite.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}
.product_thumb_view .add span{
	background-position: 0 -1320px;
}
.product_thumb_view .setting span{
	background-position: 0 -1350px;
}
.product_thumb_view .promotion{
	background: url(../images/beacon_sprite.png) no-repeat 0 -1380px;
	color: #FFFF00;
	display: block;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	padding-top: 23px;
	position: absolute;
	width: 48px;
	height: 31px;
	text-align: center;
	text-shadow: 0 1px 1px rgba(130, 50, 0, 1);
	top: 4px;
	right: 4px;
	z-index: 1;
}
.product_thumb_view .promotion_2{
	padding-top: 18px;
	padding-right: 3px;
	width: 45px;
	height: 36px;
}
.product_thumb_view .promotion i{
	font-style: normal;
	font-size: 9px;
	font-family: Verdana;
	position: absolute;
	top: 34px;
	left: 12px;
}
.product_thumb_view .verified, .product_thumb_view .fbv{
	display: block;
	width: 26px;
	height: 30px;
	position: absolute;
	top: 260px;
	left: 198px;
}
.product_thumb_view .no_picture_thumb .verified, .product_thumb_view .no_picture_thumb .fbv{
	top: 220px;
}
.product_thumb_view .verified{
	background: url(../images/beacon_sprite_estore.png) no-repeat 0 -570px;
}
.product_thumb_view .fbv{
	background: url(../images/beacon_sprite_estore.png) no-repeat -75px -570px;
}
.product_thumb_view .block .picture_main{
	font-size: 0;
	margin-bottom: 6px;
	padding-top: 4px;
	position: relative;
	text-align: center;
	width: 210px; max-width:100%;
	height: 170px;
}
.product_thumb_view .picture_main a, .product_thumb_view .picture_thumb b{
	display: table-cell;
	 
	width: 210px;max-width:100%;
	height: 170px;
	overflow: hidden;
}
.product_thumb_view .picture_main a.more{
	background: #365DB5;
	left: 4px;
	bottom: -30px;
	color: #FFF;
	display: block;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	z-index: 2;
	transition: bottom .2s linear;
	-webkit-transition: bottom .2s linear;
	white-space: nowrap;
}
.product_thumb_view .block_pre .picture_main a.more{
	background: #e32029;
}
.product_thumb_view .picture_main:hover a.more{
	bottom: 0;
}

.product_thumb_view .picture_main img{
	max-width: 210px;
/*	max-height: 210px;*/
}
.product_thumb_view .picture_thumb{
	font-size: 0;
	height: 34px;
	text-align: center;
}
.product_thumb_view .picture_thumb span{
	border: 1px solid #CCC;
	cursor: pointer;
	display: table;
	float: left;
	margin-right: 4px;
	padding: 1px;
	table-layout: fixed;
	width: 34px;
	height: 30px;
}
.product_thumb_view .picture_thumb .active{
	border: 2px solid #295CCC;
	padding: 0;
}
.product_thumb_view .picture_thumb b{
	width: 34px;
	height: 30px;
}
.product_thumb_view .picture_thumb img{
	max-width: 34px;
	max-height: 30px;
}
.product_thumb_view .price{
	height: 25px;
	font-size: 18px;
	margin: 8px 0 6px;
	white-space: nowrap;
    color:red;
}
.product_thumb_view .old_price{
	background: url(../images/dot.gif) repeat-x center;
	color: #999;
	font-size: 13px;
	padding: 0 2px;
}
.product_thumb_view .status{
    color:green
}
.product_thumb_view .update{
	font-size: 11px;
	height: 14px;
	margin: -8px 0 3px;
}
.product_thumb_view .free_ship{
	background: url(../images/beacon_sprite.png) no-repeat 0 -1139px;
	padding-left: 19px;
}
.product_thumb_view .free_shipping{
	background: #51ad31;
	background: rgba(81, 173, 49, .8);
	color: #FFF;
	left: 4px;
	bottom: 0px;
	position: absolute;
	z-index: 1;
	width: 210px;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	white-space: nowrap;
}
.product_thumb_view .free_shipping .icon_shipping{
	background: url(../images/beacon_sprite.png) no-repeat -24px -1020px;
	display: inline-block;
	margin: -1px 6px 0 0;
	width: 23px;
	height: 15px;
	vertical-align: middle;
}
.product_thumb_view .tag, .product_thumb_view .name{
	height: 32px;
	line-height: 16px;
	margin-bottom: 6px;
}
.product_thumb_view .tag{
	height: 16px;
	margin-bottom: 0;
}
.product_thumb_view .name a:hover{
	text-decoration: underline;
}
.product_out_stock{
	font-size: 20px;
	color: red;
	margin-left: 10px;
}
.name a{
    font: 1.3em/1.2em "Nunito", sans-serif;
}
.namein a{
    font: 1.3em  "Nunito", sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.product_thumb_view .estore{
	line-height: 180%;
	margin-bottom: 6px;
	position: relative;
	white-space: nowrap;
}
.product_thumb_view .estore a{
	color: #999;
}
.product_thumb_view .estore a:hover{
	color: #365DB5;
}
.product_thumb_view .block .estore .vchat_on, .product_thumb_view .block .estore .vchat_off{
	background-image: url(../images/beacon_sprite.png);
	background-repeat: no-repeat;
	display: block;
	width: 23px;
	height: 23px;
	position: absolute;
	top: -1px;
	left: 4px;
}
.product_thumb_view .block .estore .vchat_on{
	background-position: 0 -1080px;
}
.product_thumb_view .block .estore .vchat_off{
	background-position: 0 -1110px;
}
.product_thumb_view .block .statistic{
	border-top: 1px solid #EEE;
	height: 30px;
	line-height: 30px;
	padding: 0;
	position: relative;
}
.product_thumb_view .statistic span{
	border-right: 1px solid #EEE;
	float: right;
	text-align: center;
	width: 33%;
}
.product_thumb_view .statistic span:first-child{
	border-right: none;
}
.product_thumb_view .statistic i{
	background-image: url(../images/beacon_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 5px;
	width: 14px;
	height: 14px;
	vertical-align: text-top;
}
.product_thumb_view .statistic i.order{
	background-position: 0 -660px;
}
.product_thumb_view .statistic i.reply{
	background-position: 0 -629px;
}
.product_thumb_view .statistic i.view{
	background-position: 0 -600px;
}
.product_thumb_view .block .statistic .vchat_on, .product_thumb_view .block .statistic .vchat_off{
	background-image: url(../images/beacon_sprite.png);
	background-repeat: no-repeat;
	display: block;
	width: 23px;
	height: 23px;
	position: absolute;
	top: 4px;
	right: 8px;
}
.product_thumb_view .block .statistic .vchat_on{
	background-position: 0 -1080px;
}
.product_thumb_view .block .statistic .vchat_off{
	background-position: 0 -1110px;
}
.product_thumb_view .block .statistic .transparent{
	display: none;
}
.container_body_resize .product_thumb_view .wrapper{
	margin-right: 33px;
}

.product_wrapper_small{
	overflow: hidden;
}
.product_wrapper_small .product_thumb_view{
	padding: 0 1px;
}
.container_body_resize .product_wrapper_small .product_thumb_view{
	padding: 0 2px;
}
.product_thumb_view .wrapper_small, .container_body_resize .product_thumb_view .wrapper_small{
	margin-right: 24px;
}
.product_thumb_view .wrapper_small .block, .product_thumb_view .wrapper_small .block:hover{
	border: none;
	border-radius: 0;
	margin: 0;
	width: 178px;
}
.product_thumb_view .wrapper_small .block_sep{
	background: url(../images/line_v.gif) repeat-y;
	display: block;
	position: absolute;
	top: 0;
	right: -12px;
	width: 1px;
	height: 140px;
	z-index: 1;
}
.product_thumb_view .wrapper_small .picture_main{
	font-size: 0;
	margin-bottom: 6px;
	padding: 0;
	text-align: center;
	width: 178px;
	height: 140px;
}
.product_thumb_view .wrapper_small .picture_main a{
	width: 178px;
	height: 140px;
}
.product_thumb_view .wrapper_small .name{
	margin-bottom: 3px;
}
.product_thumb_view .wrapper_small .product_rating_star{
	margin-bottom: 12px;
}
.product_thumb_view .wrapper_small .price{
	font-size: 15px;
	font-weight: bold;
	height: 20px;
	margin: 0;
}
.product_thumb_view .wrapper_small .estore{
	margin-bottom: 0;
}
.product_thumb_view .wrapper_small .estore_option{
	left: 12px;
}
.product_thumb_view .wrapper_small .option{
	background: rgba(32, 32, 32, .5);
	position: absolute;
	top: 122px;
	left: 0;
	width: 166px;
}
.product_thumb_view .more_hover{
	background: #FFF;
	bottom: 0;
	height: 55px;
	left: 0;
	opacity: 0;
	position: absolute;
	transition: opacity .3s linear;
	right: 0;
	visibility: hidden;
}
.product_thumb_view .block_pre:hover .more_hover{
	display: block;
	opacity: 1;
	visibility: visible;
}
.product_thumb_view .more_hover .btn_buy_now {
    background: #e32029;
    border-radius: 3px;
    color: #FFF;
    display: block;
    height: 26px;
    line-height: 26px;
    margin: 15px auto 0;
    text-align: center;
    width: 110px;
}
.product_thumb_view .other_info{
	color: #333;
}

.product_wrapper{
 
	border: 1px solid #E5E5E5;
    overflow: hidden;
}
.product_wrapper .title{
	padding: 12px;
	position: relative;
}
.product_wrapper .product_thumb_view{
	padding: 0 12px;
}
.product_wrapper .product_thumb_view .wrapper{
	margin: 0 16px 16px 0;
}
.container_body_resize .product_wrapper .product_thumb_view .wrapper{
	margin-right: 28px;
}

/* detail */
.album-cap{
    float:left;
    width: 18%;  margin-top: 3px;
    overflow: hidden;
}
.album-big #owl-product-2{
    width: 80%;
}
.album-cap-select li{
    width: 98px; height: auto;
}
.product-cover .product-info,.product-cover .product-img{
    min-height: 420px;
}
.arrow_down {
    border-top: 4px solid #BBB;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
 
.arrow_right, .arrow_down {
    position: absolute;
    right: 9px;
    width: 0;
    height: 0;
}.icon_sprite {
    background: url(../images/beacon_sprite.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.icon_sprite_arrow {
    background-position: 0 -750px;
    height: 5px;
    width: 9px;
}
 .icon_sprite_arrow_up {
    background-position: -35px -750px;
    height: 5px;
    width: 9px;
}

/* Quick Search Filter */
.quick_search_filter{
	 
	margin-bottom: 30px;
	position: relative;
}
.quick_search_filter table{
	border: 1px solid #E5E5E5;
	border-collapse: collapse;
	width: 100%;
}
.quick_search_filter td{
	border: 1px dotted #E5E5E5;
	padding: 4px 12px;
	vertical-align: top;
}
.quick_search_filter .label{
	background: #f6fafa;
	padding: 12px;
	width: 10%; font-weight: normal;
    display: table-cell; color: #666; font-size: 12px;
 
}
.quick_search_filter .label div{
	width: 120px;
}
.quick_search_filter .filter{
	position: relative;
}
.quick_search_filter .filter ul{
	color: #999;
}
.quick_search_filter .filter > ul > li{
	float: left;
	padding: 8px 16px 8px 8px;
	 
}
.quick_search_filter .filter ul li a{
	position: relative;color:#005aa0; text-decoration: none !important;
	border:1px solid transparent ; border-radius:4px; padding: 5px 8px;
	font-size: 12px
}
.quick_search_filter .filter ul li a.active{
	color:#db0202; border-color: #B7A6A6
}
.quick_search_filter .filter ul li a .arrow_down{
	right: -12px;
	top: 5px;
}
.quick_search_filter .filter ul li a.active .arrow_down{
	transform: rotate(180deg);
	transform-origin: 50% 50% 0;
	transition: transform .2s ease-in;
}
.quick_search_filter .filter ul li a i{
	color: #999;
	font-size: 11px;
	font-style: normal;
}
.quick_search_filter .filter .category_top{
	margin-right: 25px;
}
.quick_search_filter .filter .category_top li{
	font-weight: bold;
	overflow: hidden;
}
.quick_search_filter .filter .category_top li sup{
	font-size: 10px;
	font-weight: normal;
	margin-left: 5px;
}
.quick_search_filter .filter .arrow{
	background: url(../images/beacon_sprite.png) no-repeat 0 -750px;
	display: block;
	position: absolute;
	top: 16px;
	right: 12px;
	width: 9px;
	height: 5px;
}
.quick_search_filter .filter .up{
	background-position: -35px -750px;
}
.quick_search_filter .filter .active a{
	color: #365DB5;
}
.quick_search_filter .filter .btn_view_more{
	background: #FFF;
	border: none;
	cursor: pointer;
	line-height: 33px;
	height: 33px;
	position: absolute;
	top: 2px;
	text-align: center;
	right: 0;
	width: 33px;
}
.quick_search_filter .all{
	background: url(../images/beacon_sprite.png) no-repeat 25px -749px #FFF;
	border: 1px solid #E5E5E5;
	border-top: none;
	display: block;
	margin: -1px auto;
	position: absolute;
	width: 59px;
	height: 10px;
	left: 0;
	right: 0;
	*left: 50%;
	*margin: -2px auto;
}
.quick_search_filter .up{
	background: url(../images/beacon_sprite.png) no-repeat -10px -749px #FFF;
}
/* Quick Search Sort */
.quick_search_sort{
	background: #F5F5F5;
	border: 1px solid #E5E5E5;
}
.quick_search_sort > li{
	position: relative;
	z-index: 0;
}
.quick_search_sort .fl > a, .quick_search_sort .fl > span{
	display: block;
	height: 39px;
	line-height: 39px;
	padding: 0 12px;
	position: relative;
	z-index: 1;
}
.quick_search_sort .fl > .has_sort{
	padding-right: 24px;
}
.quick_search_sort .fl > * > i{
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
}
.quick_search_sort .fl > * > b{
	display: block;
	position: absolute;
	width: 7px;
	height: 8px;
	top: 15px;
	right: 12px;
}
.quick_search_sort > li .asc{
	background: url(../images/beacon_sprite.png) no-repeat 0px -840px;
}
.quick_search_sort > li .desc{
	background: url(../images/beacon_sprite.png) no-repeat 0px -870px;
}
.quick_search_sort .fr{
	border-left: 1px solid #E5E5E5;
	height: 39px;
	line-height: 39px;
}
.quick_search_sort .active span, .quick_search_sort .fl > a:hover{
	background-color: #FFF;
	color: #365DB5;
}
.quick_search_sort .active span i, .quick_search_sort .fl > a:hover > i{
	border: 1px solid #E5E5E5;
}
.quick_search_sort .active span i{
	border-bottom: 1px solid #FFF;
}
.quick_search_sort .fl:first-child.active > * > i{
	left: 0;
	border-left: none;
}
.quick_search_sort .simple_tip{
	cursor: default;
}
.quick_search_sort .simple_tip div{
	height: 40px;
	padding: 0 24px 0 12px;
	position: relative;
	z-index: 1;
}
.quick_search_sort .simple_tip div .arrow_down{
	top: 17px;
	right: 12px;
}
.quick_search_sort .simple_active div{
	background: #FFF;
}
.quick_search_sort .simple_active .arrow_down{
	transform: rotate(180deg);
	transform-origin: 50% 50% 0;
	transition: transform .2s ease-in;
	-webkit-transform: rotate(180deg);
	-webkit-transform-origin: 50% 50% 0;
	-webkit-transition: -webkit-transform .2s ease-in;
}
.quick_search_sort .clear{
	*margin-top: -3px;
}

/*---- Phone----*/
.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}

.phonering-alo-ph-circle {
    width:160px;
    height:160px;
    top:20px;
    left:20px;
    position:absolute;
    background-color:transparent;
    border-radius:100% !important;
    border:2px solid rgba(30,30,30,0.4);
    border:2px solid #bfebfc 9;
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    border-color:#baf5a7;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#00aff2 ;
    border-color:#bfebfc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    opacity:.5
}

.phonering-alo-ph-circle-fill {
    width:100px;
    height:100px;
    top:50px;
    left:50px;
    position:absolute;
    background-color: #000;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#00aff2 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    background-color:#baf5a7 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    background-color:#ccc 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}

.phonering-alo-ph-img-circle {
    width:60px;
    height:60px;
    top:70px;
    left:70px;
    position:absolute;
    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#75eb50;
    background-color:#75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#00aff2;
    background-color:#00aff2 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}
/*----End----*/

  
/*menu giữa---*/
 
.v-menu li {
    white-space: nowrap;
    -webkit-transition: background .2s;
    transition: background .2s;
    display: list-item;
    text-align: left;
    position: relative;
}
.v-menu li:hover, .v-menu li.sfHover{color: #d1d2d4}
.v-menu a {display: block;text-decoration: none;font-size: 1.2em;color: #fff;border-bottom: 1px dotted #dcdcdc;zoom: 1;padding-left: 20px;}
.v-menu a:hover{color: red}
.v-menu ul {box-shadow: 2px 2px 6px rgba(0,0,0,.2);min-width: 12em;z-index: 9;position: absolute;top: 0;left: 100%;display: none;}
.colright{width: 940px;float: right;}
.system_adv .sadv img{width: 459px; margin: 5px;float: left;height: 292px;}
.system_adv{margin: 0}
  
/* End ase 1 */
.sys_product_detail_tab .nav-tabs>li>a {
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px 10px!important;
}
#owl_home_recommend.owl-theme .owl-controls .owl-buttons div{
    filter: Alpha(Opacity=60);/*IE7 fix*/
    opacity: 0.6;
}

#owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-prev{
    position: absolute;
    left: 0;
    top: -158px;
    z-index: 9999;
    text-indent: -9999px;
    display:inline-block;
    width: 30px; height: 50px;     background: rgba(153,153,153,0.8);

}
#owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-next{
    position: absolute;
    right: 0;
    top: -158px;
    z-index: 9999;
    text-indent: -9999px;
    display:inline-block;
    width: 30px; height: 50px;     background: rgba(153,153,153,0.8);

}
#owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-next i{
    width: 20px;
    height: 20px;
    line-height: 50px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    margin-top: 15px;
    margin-right: 7px;
}
#owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-prev i{
    width: 20px;
    height: 20px;
    line-height: 50px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    display: inline-block;
    margin-top: 15px;
    margin-left: 7px;
}
#owl_home_recommend.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}
 
.menu_main_top{
    float:right;
    margin-right: 30px;
}
.introimg{
    float: left;
    margin-top: 14px;
    margin-bottom: 15px;
}
#owl_home_recommend_2 .owl-wrapper-outer .owl-item {
    margin: 0!important;
    border: none;
}
.product-row1{ }
 
@media screen and (max-width: 1199px) {
 .root61 .w, .root61 .c_in{width:100%}
 .root61 #search-2014 .text {
    width: 100% !important;
}
.product-cover .product-info {
    width: 100%;
}
.boxcase1{
	width:100%;    
	height: auto ;   
	margin: auto;
	padding: 0;}
.case1img {
    margin-bottom: 15px;
    height: auto;
    width: 100%;
    /* padding: 10px; */
    /* margin-bottom: 5px; */
}
.layout__wrapper {
    width: 100%;
}
.tab-content img{width:75% !important}
.tab-content p{text-align: left !important}
.container-full {
    width: 100%;
}
.add-cart-button {width: 100%;}
.product-order button.cart {width: 100%;}
.tragop img {height: 76px;}
.product-order {
    width: 100% !important;
    display: block !important;
}
} 
@media(max-width:1024px){
#logo-2014 {
    width: 100%;
    text-align: center;
 
}
.linein {
    margin: 20px auto;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    top: 0;
    left: 0;
}
#search-2014 {
float: none;
}
#search-2014 .button {
    width: 100%;
}
.tragop {
	position:relative;
    margin-top: 20px;
    border-top: 1px solid;
}
}
@media (min-width: 768px){

 }
@media (min-width: 639px){

 }
@media (min-width: 479px){


 }
@media (min-width: 319px){


 }

/* Chat Footer*/
.social-button{
      display: inline-grid;
        position: fixed;
        bottom: 15px;
        left: 45px;
        min-width: 45px;
        text-align: center;
        z-index: 99999;
    }
    .social-button-content{
      display: inline-grid;   
    }
    .social-button a {padding:8px 0;cursor: pointer;position: relative;}
    .social-button i{
      width: 40px;
        height: 40px;
        background: #43a1f3;
        color: #fff;
        border-radius: 100%;
        font-size: 20px;
        text-align: center;
        line-height: 1.9;
        position: relative;
        z-index: 999;
    }
    .social-button span{
      display: none;
    }
    .alo-circle {
        animation-iteration-count: infinite;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-name: zoomIn;
        width: 50px;
        height: 50px;
        top: 3px;
        right: -3px;
        position: absolute;
        background-color: transparent;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid rgba(30, 30, 30, 0.4);
        opacity: .1;
        border-color: #0089B9;
        opacity: .5;
    }
    .alo-circle-fill {
      animation-iteration-count: infinite;
      animation-duration: 1s;
      animation-fill-mode: both;
      animation-name: pulse;
        width: 60px;
        height: 60px;
        top: -2px;
        right: -8px;
        position: absolute;
        -webkit-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;
        transition: all 0.2s ease-in-out;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        background-color: rgba(0, 175, 242, 0.5);
        opacity: .75;
    }
    .call-icon:hover > span, .mes:hover > span, .sms:hover > span, .zalo:hover > span{display: block}
    .social-button a span {
        border-radius: 2px;
        text-align: center;
        background: rgb(103, 182, 52);
        padding: 9px;
        display: none;
        width: 180px;
        margin-left: 10px;
        position: absolute;
        color: #ffffff;
        z-index: 999;
        top: 9px;
        left: 40px;
        transition: all 0.2s ease-in-out 0s;
        -moz-animation: headerAnimation 0.7s 1;
        -webkit-animation: headerAnimation 0.7s 1;
        -o-animation: headerAnimation 0.7s 1;
        animation: headerAnimation 0.7s 1;
    }
    @-webkit-keyframes "headerAnimation" {
        0% { margin-top: -70px; }
        100% { margin-top: 0; }
    }
    @keyframes "headerAnimation" {
        0% { margin-top: -70px; }
        100% { margin-top: 0; }
    }
    .social-button a span:before {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 10px 10px 0;
      border-color: transparent rgb(103, 182, 52) transparent transparent;
      position: absolute;
      left: -10px;
      top: 10px;
    }
    
/*End hỗ trợ*/