body{ padding-top: 31px;}

.bgr_body{
	background-color: #f3f3f3;
}
.clear{ clear: both;}
.left{ float: left;}
.c_in{
    width: 999px;
}
.out_c_in{ background-color: #fff; overflow: hidden;}

.adv_line_top1{ background: rgba(0, 0, 0, 0) url("../images/b.gif") repeat-x scroll left top; height: 31px; left: 0; position: fixed; top: 0; width: 100%; z-index: 998;}

.left_index{
	float: left; width: 230px; 
}
.left_index .left_box{
	margin-top: 0px;
}
.bgrwhite{
	background:white;
}
.back_to_top{
	right: 0px !important;
	visibility: hidden;
}

.lang {
    position: absolute;
    right: 0;
    top: 16px;
}
.vn {
    background: rgba(0, 0, 0, 0) url("../images/vn.png") no-repeat scroll 50% 50%;
    padding: 0 9px;
}
.en {
    background: rgba(0, 0, 0, 0) url("../images/en.png") no-repeat scroll 50% 50%;
    padding: 0 9px;
}

/*
#right_bar_menu{
	background: #0f6caa none repeat scroll 0 0;
	height: 100%;
	transition: width 0.2s linear 0s;
	position: fixed; 
	width: 35px; 
	top: 0px; 
	right: 0px;
	padding-top: 10%;
	z-index: 999;
}
#right_bar_menu a{
	color: #fff; font-size: 11px; margin: 12px 0px; padding: 31px 0 6px 0px;
	display: block; position: relative; text-align: center; width: 35px;
}
#right_bar_menu a.user{
	background: rgba(0, 0, 0, 0) url("../images/icon_account.png") no-repeat scroll center 3px;
}
#right_bar_menu a.cart{
	background: rgba(0, 0, 0, 0) url("../images/icon_cart.png") no-repeat scroll center 3px;
}
#right_bar_menu a.view{
	background: rgba(0, 0, 0, 0) url("../images/icon_view.png") no-repeat scroll center 3px;
}
#right_bar_menu a.order{
	background: rgba(0, 0, 0, 0) url("../images/icon_order.png") no-repeat scroll center 3px;
}
#right_bar_menu .num_prd_cart2{
	display: block; text-align: center; background-color: #ff0000;
}
*/
.si {
    background: url("../images/spriteIcon.png") no-repeat transparent;
}
#menuRight{position:fixed;top:0;right:0;height:100%;width:35px;transition:all 0.15s;z-index:9999999; list-style: none;}
#menuRight>li:first-of-type>p{padding:0}#menuRight>li:last-of-type{position:absolute;right:0;bottom:0;width:35px}#menuRight>li{margin:5px
0}
#menuRight>li:hover,#menuRight>li.active{background:#f14e23}
#menuRight>li{background:#f14e23}
#menuRight>li.active>ul{display:block}#menuRight>li.close{visibility:hidden}#menuRight>li.close.show{visibility:visible}#menuRight>li>p{display:block;color:#fff;cursor:pointer;text-align:center;padding:10px
0;position:relative;font-size:11px}#menuRight>li>p>a{color:#fff}#menuRight>li>a{display:block;width:34px}#menuRight>li>p>span{background:#fff;line-height:normal;padding:0
4px;display:inline-block;color:#000;font-size:11px;border-radius:2px;font-weight:bold;margin-top:3px}#menuRight>li>p
i{display:block;height:25px}#menuRight>li>ul{position:absolute;top:0;left:35px;width:280px;background:#f7f7f7;height:100%;display:none; list-style: none;}
#menuRight>li>ul>li:first-of-type{line-height:30px;text-transform:uppercase;background:#464646;color:#fff;font-size:11px;text-align:center}#menuRight>li>ul>li:last-of-type{padding:10px}#menuRight>li>ul>li:last-of-type>p{display:block;padding:3px
0}.attr>a.active{box-shadow:0 0 1px 1px #FF7A00 !important}
.itemCarts {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.itemCarts>a{float:left;width:50px;margin-right:5px}.itemCarts>a>img{display:block;width:100%}.itemCarts>p{display:block;padding:3px
0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.itemCarts>p>a:hover{text-decoration:underline}.itemCarts>p>i{float:right;margin-right:10px;cursor:pointer;font-size:14px;color:#919191}.itemCarts>p>b{color:#919191}.paginator{margin:20px
0;text-align:center}

.blx_support .title{
	font-size: 13px; font-weight: bold;
}
.blx_support a{
	display: block; text-indent: 20px; margin-top: 10px; margin-left: 10px;
}
.bl_support {
    background: #e43230 none repeat scroll 0 0;
    padding: 10px 0 10px 9px;
	margin-top: 10px; color: #ffffff; font-size: 15px;
}

.hover_slide{
	position: absolute; top: 0px; left: 0px; width: 100%; height: 370px; display: none;
 
}
.hover_slide .c{
	position: relative; top: 0px; left: 50%; width: 1100px; margin-left: -575px;
}


.about{
	background-color: #3ba652; 
	height: 300px;
}
.about .left_about{
	float: left; 
	width: 700px;
	margin: 20px;
}
.about .left_about h1{
	font-size: 30px; 
	color: #ffffff;
	font-weight: normal;
	margin-bottom: 10px;
}
.about .left_about .text-justify{
	font-size: 17px; 
	color: #ffffff;
	line-height: 22px;
	text-align: justify;
}
.about .left_about .readmore{
	font-size: 17px; 
	text-decoration: underline; 
	margin-top: 15px;
	color: #ffffff;
	display: inline-block;
}
.about .right_about{
	float: right;
	width: 393px;
	margin: 20px;
    overflow: auto;
    height: 255px;

}

.ul-cs {margin-left: 30px}
.ul-cs > li{position: relative;
    padding-left: 46px;
    margin: 4px 25px;
    font: 1.2em/18px Arial;
     
     
        
}
.ul-cs > li >span{
    margin-top: 1px; display: block;
}
.ul-cs > li::before{
    content:'';
    width: 36px; height: 100%;
    position: absolute;
    top: 1px; left: 0;
    background: url('../images/giaohang.png') no-repeat 0 50%;
}
.ul-cs > li.order::before{
    height: 38px; 
    width: 38px;  
     
    top: 0px; left: 0;
    background-position: -36px 50%;
}
.ul-cs > li.shipment{
    padding-left: 52px;  
}
.ul-cs > li.shipment::before{ width: 46px; top: 0px; left: 0; background-position: -74px 50%; }
.top_line_text_box{ float: right; margin-right: 15px; font-size: 14px; margin-top: 20px;}
.top-menu{ top: 0; right: 0; margin-right: 15px; height: 45px; float: right; }
.top-menu > .ptx{ font-size: 12px; color: #999;}
.top-menu .hotdeal{display: none; width: 130px; height: 64px; background: url('../images/hot-deal.png') no-repeat; position: absolute;top:-5px; left: -50px; z-index: 1}
.topmenu li a{ font:1.2em/31px Arial; color: #000; text-transform: normal; font-size: 12px;}
.topmenu li a:hover{ text-decoration: underline; color: #ff0000;}
.topmenu li a::after{ content: '|'; margin: 0 5px; color: #999;}
.topmenu li:last-child a::after{ display: none;}
.video-pavorites .play-video {width: 100%;overflow: hidden;}
.video-pavorites li {list-style: none;display: block;}
.video-pavorites li textarea {display: none;}
.video-pavorites ul li a {display: none;}
.logo{ margin: 0;  float: left;}
.logo img{ max-width: 100%; margin-top: 5px; margin-bottom: 5px;height: 75px;}
.topmenu{ margin-right: 0px;}

.main-menu{ height: 43px; background: #d9aa00; position: relative;}
.main-menu .li-level-1 a{ text-transform: uppercase; margin: 5px; color: #ffffff; font-size: 13px; line-height: 43px; padding: 10px 8px;}
.main-menu .li-level-1 a:hover, .main-menu .li-level-1 a.active{ color: #ed4137;}
.main-menu .li-level-2 a.active{ background: none !important;}

/*css sub menu*/
.main-menu .li-level-1 .ul-level-1{ padding: 10px; position: absolute; width: 990px; top: 43px; left: 260px; background: #231d2b; background-color: #fff; z-index: 999; display: none; box-shadow: 0 0 5px #000;	}
.main-menu .li-level-1 .ul-level-1 .li-level-2{ width: 24%; margin: 0 0.5% 1px 0.5%; display: block; float: left; background-color: #eef0ef;}
.main-menu .li-level-1 .ul-level-1 .li-level-2 a{ color: #444; font-weight: bold;}
.main-menu .li-level-1 .ul-level-1 .li-level-2:hover{ background-color: #7c7c7c;}
.main-menu .li-level-1 .ul-level-1 .li-level-2:hover a{ color: #fff;}

.main-menu .li-level-1:hover .ul-level-1{
	display: block;
}
.main-menu .li-level-1 .ul-level-1 .li-level-2{
	position: relative; display: block;
}
.main-menu .li-level-1 .ul-level-1 .li-level-2 a{
	padding: 0px; display: block; line-height: 22px; text-transform: none;
}
.main-menu .li-level-1 .ul-level-1 .li-level-2 a:hover{
	background: none;
}
.main-menu .li-level-1 .ul-level-1 .li-level-2 .ul-level-2{
	position: absolute;
	width: 200px;
	top: 0px;
	left: 218px;
	background: url(../images/bgr_top_header.png);
	z-index: 999;
	display: none;
}
.main-menu .li-level-1 .ul-level-1 .li-level-2:hover .ul-level-2{
	display: block;
}
.main-menu .li-level-1 .ul-level-1 .li-level-2 .ul-level-2 .li-level-3{
	display: block;
}
.main-menu .li-level-1 .ul-level-1 .li-level-2 .ul-level-2 .li-level-3 a{
	line-height: 22px; text-transform: none;
}
.main-menu .sf-with-ul{
	padding-right: 20px;
	display: block;
	line-height: 24px;
	height: 35px;
    line-height: 16px;
    margin: 0 5px;
    padding-right: 20px;
}
.main-menu .li-level-2 .sf-with-ul{
	height: 22px !important;
}

.main-menu .li-level-1 > a.sf-with-ul{
	line-height: 24px; margin: 0px 5px;
}


.search-form{ height: 32px; font-size: 13px; position: relative; width: 430px; float: left; margin-left: 100px; margin-top: 22px; background-color: #fff;}
.search-form select{ width: 100px; height: 100%; border: none; background: transparent; text-align: center;padding-left: 10px;}
.search-form .btn-submit-search{ position: absolute; right: 3px; top: 2px; background: url(../images/btn_search.png) center center no-repeat; width: 30px; height: 30px; cursor: pointer; border: none;}
.search-form .input-text{ width: 100%; height: 100%; border: none; border: 1px solid #d9d9d9; background: transparent; text-indent: 10px; vertical-align: top; margin-left: 0px; color: #444;}

.search-form .selectric{
    box-shadow: none;
    background: transparent; border-radius: 0
}
.search-form .selectric .label{
    line-height: 26px;
}
.search-form .selectric .button{
    height: 38px; border-left: none
}

.search-form .selectric-items{
    width:  300px !important;
}

.dangnhap{
    top:26px; font-size: 1.2em; right: 15px;  
}
.dangnhap .b-header-3__user{
   background: #f6f6f6; border-radius: 15px; border: 1px solid #ededed;
    padding:10px 22px 10px 10px; cursor:pointer; 
}
.dangnhap .p1::after{
    content: '';
    position: absolute; top:40%; margin-left: 8px;
    border: 5px solid transparent;
    width: 0px; height: 0px;
    border-top-color: #34a8e2;
}

.header2 .menu{
    height: 390px; border:1px solid #d6d6d6;float: left;
    width: 220px; background-color: #fff; vertical-align: top;
    border-top: none;
}
.menu-in-list{
    display: none;
}
.menu .title-all,.header2.mlist > .menu-in-list{
    background: url('../images/icon-all.png') no-repeat 10px 50%;
    padding-left: 45px; 
    font:1.3em/30px Arial; color: #5f5f5f;
    border-bottom: 1px solid #d6d6d6;
    
}
.header2.mlist > .menu-in-list{
    
    display: block; width: 218px;
     border: 1px solid #d6d6d6;border-top: none;
}
.header2.mlist .menu{
    height: auto;
}
.header2.mlist  .menu .main-menu-content{    
    position: apsolute;            
}
.header2.mlist .rheader2{
    
}
.header2.mlist .menu .title-all:hover ~ .main-menu-content{
    display: block;
}

.header2.mlist .mxlist{
    position: absolute; z-index: 3333; top: 0; left: 0; display: none;
}
.header1 {
    background:#fff url('../images/bg-header.png') repeat-x bottom ;
    border-bottom: 1px solid #e0e0e0;
}
.header2.mlist .mxlist .hover-content{height: 384px;border-bottom: 1px solid #d6d6d6;}





.mainmenu li > .item-name,.mainmenu li > a > .item-name{
    color:#5f5f5f; font:1.3em/38px Arial;position: relative;
    margin-left: 10px; display: block;
}
.mainmenu li{
    border-bottom: 1px dashed #d1d1d1; 
}
.header2 .rheader2{
    vertical-align: top;
    border-top :1px solid transparent;
    width: 980px; float: left;
    height: 390px;
   
}
.mainmenu li > a.sHover::after{
    content:'';
    width: 10px; height: 100%;
    background: url('../images/icon-menu-hover.png') no-repeat 0 50%;
    position: absolute; right: 10px; top: 0;
}
.hover-content{
    position: absolute; background: #fff;
    height: 389px; width: 980px; z-index: 1024;
}
.hover-content .sub_item >li{
    width: 25%;  vertical-align: top;
}
.hover-content .sub_item >li:last-child{
    position: absolute; right: 0; top: 0; 
}
.hover-content .sub_item >li .block{
    margin: 10px 15px;
}
.hover-content .sub_item >li .block > a{
    color:#333;
    font:1.2em/20px Arial;
    display: block;
}
.hover-content .sub_item >li .block > h2{
    color:#333;
    font:bold 1.2em/25px Arial;
    display: block;
}.hover-content .sub_item >li .block > h2 a{color: #333;}
.hover-content .sub_item >li .block  a:hover{
    color:#1384CA;
    text-decoration: underline
        
}

.slider{
    position: absolute;
    top: 0; left: 0;
}
.jsthumbnail{
    border-bottom: 1px solid #c7c7c7;
}
.jsthumbnail:last-child{border-bottom: none;}
/* jssor slider thumbnail navigator skin 11 css */
/*
.jssort11 .p            (normal)
.jssort11 .p:hover      (normal mouseover)
.jssort11 .pav          (active)
.jssort11 .pav:hover    (active mouseover)
.jssort11 .pdn          (mousedown)
*/
.jssort11
{
        font-family: Arial, Helvetica, sans-serif;
        border:1px solid #d8d8d8;
        opacity: 0.85;
        background: #f7f5f1; overflow: hidden;
}.jssort11 .thumb-img{
    margin:5px  10px;

}
.jssort11 .i, .jssort11 .pav:hover .i
{
        position: absolute;
        top:3px;
        left:3px;
        WIDTH: 60px;
        HEIGHT: 30px;
        border: white 1px dashed;
}
* html .jssort11 .i
{
        WIDTH /**/: 62px;
        HEIGHT /**/: 32px;
}
.jssort11 .pav .i
{
        border: white 1px solid;
}
.jssort11 .t, .jssort11 .pav:hover .t
{
        position: absolute;
        top: 3px;
        left: 68px;
        width:129px;
        height: 32px;
        line-height:32px;
        text-align: center;
        color:#808080;
        font-size:13px;
        font-weight:700;
}
.jssort11 .pav .t, .jssort11 .phv .t, .jssort11 .p:hover .t
{
        color:#000;
}
.jssort11 .c, .jssort11 .pav:hover .c
{
        position: absolute;
        top: 2px;
        left: 75px;
        width:183px;

        line-height:18px;
        color:#000;
        font-size:11px;
        font-weight:400;
        overflow: hidden;
        font-size: 12px;
}
.jssort11 .pav .c, .jssort11 .phv .c, .jssort11 .p:hover .c
{
        color:#000;
}
.jssort11 .t, .jssort11 .c
{
        transition: color 2s;
    -moz-transition: color 2s;
    -webkit-transition: color 2s;
    -o-transition: color 2s;
}
.jssort11 .p:hover .t, .jssort11 .phv .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .phv .c, .jssort11 .pav:hover .c
{
        transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
.jssort11 .p
{
        background:#f7f5f1;
}
.jssort11 .p.av{
    background: #fff;
}
.jssort11 .pav, .jssort11 .pdn
{
        background:#fff;
}
.jssort11 .p:hover, .jssort11 .phv, .jssort11 .pav:hover
{
        background:#fff;
}

.index_adv{
    width: 870px; height: 280px;
}
.slide_banchay{
    width: 326px; height: 260px; margin-top: 10px;
}
.btitle{
    color:#f3f3f3; font: 1.3em/32px Arial ; text-transform: uppercase; text-indent: 15px; background: #0093dd;
}

.slide_banchay .slide_banchay_content{
    background: #fff; height: 227px; border:1px solid #ead9c5; border-width: 0 1px 1px 1px;
}

.box_index .box_index_header{
    height: 30px; margin-top: 5px;
        border-bottom: 1px solid #137728;
}
.box_index .box_index_header .box_index_name > a{
    color: #4f4f4f; display: inline-block;    
    padding:0 20px 0 15px;
    background: url('../images/icon-menu-view-all.png') no-repeat 100% 50%;
    font-size: 18px;
    font-weight: normal;
}
.ul-box-index-list-child{
    display: inline-block; vertical-align: top;margin-left: 15px;
}
.ul-box-index-list-child > li a{
    color:#575757;vertical-align: top;
    font-size: 1.3em; line-height: 38px;
    padding: 0 10px; background: url('../images/icon-index-box-arrow.png') no-repeat 100% 50%;
}
.ul-box-index-list-child > li:last-child a{
    background: none;
} 
.ul-box-index-list-child > li a:hover{color: #000;}
.index-box-view-all{
    color:#0093dd; font:1.1em/40px Arial; padding-right: 5px;
    right: 10px; top: 0; 
}
.box-index-content-left{
     display: block; vertical-align: top;
}

#header .header_in, #main .main_in{
    background: #fff;
}
.item-block >li{ width: 32%; margin-right: 1.5%; margin-top: 10px; height: auto; margin-bottom: 20px; height: 215px;}
.item-block >li:nth-child(3n){ margin-right: 0;}

.ajax_result_other li{ width: 24%; margin-right: 1%;}
.ajax_result_other li:nth-child(3n){ margin-right: 1%;}
.ajax_result_other li:nth-child(4n){ margin-right: 0;}

.item-block .item-img{	
    height: auto; display: block; border: 1px solid #d0d0d0;
}
.item-block .item-img:hover{	
    box-shadow: 0px 0px 4px #d0d0d0;
}
.item-block .item-img img{
    width: auto; height: 135px; display: block; margin: 8px auto; 
}

.item-block h2.item-name{
    color: #4f4f4f; font-size: 13px; margin: 10px 0px; text-align: center; font-weight: bold;
} 
.item-block .item-desc{
    font-size: 13px; overflow: hidden;max-height: 60px; line-height: 15px; 
}
.item-block .item-price{
    color:#ff0000; font-size: 13px; text-align: center;
}
.item-block .item-old-price{
    color:#717070;
    font:1.2em Arial;
    text-decoration: line-through;
}
.item-block .btn_link{
    color: #ffffff; font-size: 14px; display: block; float: left; padding: 5px 10px;
    background-color: #62a8ea; width: 40%; border-radius: 10px; text-align: center;
    margin-top: 10px; display: none;
}
.item-block .btn_link.last{
    float: right;
}

.item-news > li{
	width: 24.7%; height: auto !important; margin: 0px !important; border: none;
}
.item-news > li:nth-child(3){
	/*margin-right: 0px !important;*/
}
.item-news > li:nth-child(4){
	/*margin-right: 10px !important;*/
}
.item-news li .item-name{
	height: auto !important; font-size: 15px !important; margin: auto 30px !important; font-weight: bold; line-height: 18px; margin-top: 10px !important;
	color: #444444;
}
.item-news li .item-img{
	border: none; height: auto; width: 100%;
}
.item-news li .item-img:hover{
	box-shadow: none;
}
.item-news li p{
	margin: auto 30px; height: auto !important;
}
.item-news li .item-img img{
	width: 80%; height: 125px; margin: 0 auto; display: block;
}
.item-news li .btn_link{
	margin-left: 30px; width: auto; padding: 0px 10px;
}

.s_form_content{
	margin-right: 10px !important;
}

/*s_list_news*/
.s_list_news{
	overflow: hidden;
}
.s_list_news >li{
    margin-top: 10px; width: 100% !important; height: auto !important; margin-right: 0px !important; float: none; overflow: hidden;
	border: none !important; padding-bottom: 10px !important;
}
.s_list_news > li:nth-child(3){
	margin-right: 0px !important;
}
.s_list_news .sys-img, .s_list_news .img{	
    display: block; border: none; float: left; width: 16%; margin-right: 1%; height: auto;
}
.s_list_news.sys-img:hover, .s_list_news.img:hover{	
    box-shadow: 0px 0px 4px #d0d0d0;
}
.s_list_news .sys-img img, .s_list_news .img img{
    width: 100% !important; display: block;
}
.s_list_news .sys-nname, .s_list_news .nname{
    color: #4f4f4f !important; font-size: 13px !important; margin-bottom: 10px; font-weight: bold !important;
}
.s_list_news .sys-info, .s_list_news .info{
    font-size: 13px; line-height: 1.5;
}
.s_list_news .vdetail{
    color: #ffffff; font-size: 14px; display: block; float: left; padding: 10px !important;
    background-color: #62a8ea !important; width: 45%; border-radius: 10px; text-align: center;
    margin: 10px 0px; left: 0px; position: relative !important; display: none;
}



.box_index{
    margin-bottom: 0px;
}
.box-index-content-right{
    width: 246px; display: inline-block; text-align: right; margin-top: 10px;
}
.box-index-content-right .box-right-top img{
    max-width: 100%;
}
.box-right-bottom{
    overflow: hidden;
    margin-top: 15px;
        
}
.box-right-bottom a{
    text-align: center; vertical-align: middle;
    width: 105px;    
    
}
.box-right-bottom a img{max-width: 95%;width: 100px;}
.box-right-bottom table tr td{vertical-align: middle;} 
.box-right-bottom table tr {height: 72.3px;}
.box-right-bottom a.view-all{color:#00aaf1; font-size: 1.2em;}
.adv-index-box img{max-width: 100%; max-height: 100%;}
.adv-index-box{margin: 10px 0px; height: 305px;}
.adv_bottom{margin: 10px 0 ;}
.adv_bottom img{max-width: 100%;}

.email_marketing{
    background-color: #F3211F;
    margin: 0 0 10px  0;
}
.email_marketing  span{
    color: #fff;
    font-size: 1.7em;
    vertical-align: middle;
    margin: auto 25px;
}
.email_marketing  input[type=email]{width: 384px; height: 33px; padding-left: 5px; font-size: 1.2em; margin: 15px 0;}

.email_marketing  input[type=submit]{
    font-size: 1.5em;color: #fff; background-color: #D0AA8A; text-transform: uppercase; margin-left: 15px; padding: 0 15px; border:1px solid transparent;
    vertical-align: middle; height: 31px;
}

.slide_footer{	padding: 10px; overflow: hidden;}
.slide_footer .box_index_name{margin-bottom: 10px; font-size: 17px; text-transform: uppercase;}
.slide_footer ul{list-style: none; position: relative; width: 2000px;}
.slide_footer ul li{float: left; margin-right: 10px;}
.slide_footer ul li img{display: block; width: 265px; height: 120px; border: 1px solid #dedede;}

#footer{background: #d9a000;}
.system-style.share{ display: none;}
.sys-bottom-pay-method{display: none;}

.system-style.footer{
    
}
.system-style.bottom_nav li a,.system-style.bottom_nav li a[role=none]:hover,.system-style.bottom_nav li li a,.system-style.bottom_nav li .mn-intext,.system-style.addContact > .ft_in_content_flcx,.system-style.share p.sys-title{
     
    color:#fff;
}
.system-style.bottom_nav li a:hover{color:yellow;}
.system-style.addContact{border-color: #a8c5d2;} 
.system-style.bottom_nav li{border-right: medium none;font-size: 12px;}
.bottom_nav{ margin-top: 0px !important;}
.bottom_nav .li-level-1{ width: 23%; margin: 0px !important; padding: 1%;}
.bottom_nav .li-level-1:first-child{ width: 30%; text-align: justify;}
.bottom_nav .li-level-1 a{ text-transform: uppercase; font-size: 12px !important;}
.bottom_nav .li-level-1 a:hover{ color: #ed4137 !important;}
.bottom_nav .li-level-1 .li-level-2 a{ text-transform: none;}

.system-style.addContact > .ft_in_content_flcx{ margin: 0px;}

.slide_banchay_content li {
    width: 160px; text-align: center;
}
.slide_banchay_content li .item-name{
    color: #3d3d3d;
    font:1.2em/18px Arial;
    max-height: 36px;
}
.slide_banchay_content li a:hover{
    text-decoration: underline;
}
.slide_banchay_content li .pimg{
    height: 185px; width: 160px; vertical-align: middle; display: table-cell;
}
.Firefox .slide_banchay_content li .pimg{
    display: block;
}
.slide_banchay_content li .item-img{
    max-width: 100%;
    max-height: 100%;
}

.slide_banchay_content li .item-img img{
    max-height: 100%; max-width: 100%
}
.tree{ 
	background-color: #f5f5f5;
    border-color: #e6e6e6 #e6e6e6 #e6e6e6 #fa3e3d;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    height: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden; padding-left: 10px;
}
.tree > li > a{
    color:#0076b2; line-height: 30px; font-size: 13px; color: #4f4f4f; font-weight: bold;
}
.tree > li > a:hover{opacity: 0.8;}
.tree > li > a::after{
    content:'/';
    display: inline-block;
    margin: auto 5px;
    
}
.tree > li:last-child > a::after{display: none;}


.col-left{
    float: left;
    width: 218px;  
}
.col-right{
    float: right;
    width: 760px; 
    
}
.category_text{
	font-size: 13px; line-height: 1.5;
}
.left-menu{
    border: 1px solid #d6d6d6;
}
.box_index.box_in{
    margin-top: 15px;
}
.box_index .box_index_header.box_in{
     
}

.left_box{
    border:1px solid #d6d6d6;
    margin-top: 0px;
	border-bottom: none;
}
.left_box .left_box_title{
    color: #4b4b4b; font:bold 14px/40px Arial;
    border-bottom: 0px solid #d6d6d6;
}
.left_box .item-img{
    width: 100%; border: none; height: auto;
}
.left_box .item-img img{
    width: auto; margin: 0px auto; display: block;
}
.left_box .item-name{
    font-size: 15px;
}

.Inleft{
	margin-left: 230px;
}
.GTtitle{
	font-size: 21px; color: #4f4f4f;
}
.Inleft .sys-nname, .Inleft .nname{
	font-size: 13px !important;
}
.Inleft .sys-info, .Inleft .info{
	font-size: 14px !important;
}
.Inright{
	width: 210px; float: right;
}
.Inright img{
	width: 100%; height: autol;
}

.best100 li{
    border-bottom: 1px dashed #dddddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.best100 li:last-child{
    border-bottom: none;
}
 
.best100 .item-block .item-img img{
    
}
.product-content{
    
}
.b-header-3 .b-header-3__user .b-header-3__hover-box {
  background: transparent;
  padding-top: 13px;
 
  position: absolute;
  top: 50px;
  right: -15px;
  z-index: 9999;
}
.arrow_top {
  position: relative;
  background: #fff;
  border: 1px solid #ccc !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.b-header-3 .b-header-3__user .b-header-3__user-dropdown {
   
  border: 1px solid #ddd;
  padding: 15px 20px 15px 20px;
  background: #fff;
  width: auto;
  min-width: 200px;
  z-index: 15;
}
.b-header-3 .b-header-3__user .b-header-3__user-dropdown {
   
  border: 1px solid #ddd;
  padding: 15px 20px 15px 20px;
  background: #fff;
  width: auto;
  min-width: 200px;
  z-index: 15;
}.arrow_top:after, .arrow_top:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_top:before {
  border-color: transparent;
  border-bottom-color: #ccc !important;
  border-width: 9px;
  margin-right: -1px;
}
.b-header-3 .b-header-3__user li {
  display: block;
  position: relative;
}
.btt_blue {
  background: #32befb;
  background: -moz-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32befb), color-stop(100%, #19a5e1));
  background: -webkit-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: -o-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: -ms-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: linear-gradient(to bottom, #32befb 0%, #19a5e1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32befb', endColorstr='#19a5e1', GradientType=0);
  border: none!important;
  box-shadow: 0 -2px 0 #0788bf inset;
  padding: 6px 14px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__login-btt, .b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__fb-btt {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 8px 10px;
  text-decoration: none !important;
}
.b-header-3 .b-header-3__user   .arrow_top:after, .b-header-3 .b-header-3__user   .arrow_top:before {
  left: initial;
  right: 26px;
}
.arrow_top:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.b-header-3__hover-box{display: none}
.dangnhap.b-header-3:hover .b-header-3__hover-box{
    display: block;
}.b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__user-dropdown__link {
  display: block;
  padding: 0 0 9px 0;
  color: #444444;
  font-size: 1.2em;
}
.b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__user-dropdown__link:hover{
    text-decoration: underline;
    color:#00aaf1 ;
}
.line-01{border-bottom: 1px solid  #ddd; margin-top: 15px; font:bold 1.6em/30px Arial; color: #444;  }
.right_arrow{
    position: absolute; right: 10px; top: -5px;font-size: 2.5em;
}
.right_arrow .ft{
    opacity: 0.8; color: #555; cursor: pointer;
}
.right_arrow .ft:hover{opacity: 1}
.sort_style{
    margin-left: 3em;
    font-size: 1.2em;
}
.sort_style .ft{
    font-size: 1.4em; color:#999;
    border: 1px solid transparent;
    margin: auto 2px;
}
.sort_style .ft.active,.sort_style .ft:hover{
     color:#9D2924;
      
}
  
.list_pro_diplay_list  .item-block >li{
    width: 100%; height: auto;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.list_pro_diplay_list .item-block .item-img{
   width: 220px; height: auto; float: left; margin-right: 15px; 
}
.list_pro_diplay_list .item-block .item-img img{
   width: 200px; height: auto; margin: auto; margin: 10px;
}
.list_pro_diplay_list .item-block .item-name, .list_pro_diplay_list .item-block .item-price,.list_pro_diplay_list .item-block .item-old-price{
    text-align: left
} 
.list_pro_diplay_list .item-block .item-name{
    font-weight: bold;
}
.list_pro_diplay_list .item-block .item-desc{
    height: auto;
}
.list_pro_diplay_list .item-block .item-price{
    font-size: 2em; font-weight: bold;line-height: 1.5em
}
.list_pro_diplay_list .item-block .item-price:before{
    
}
.list_pro_diplay_list .item-block .item-old-price:before{
    
}
.list_pro_diplay_list .item-block .btn_link{
    width: 150px; float: left; margin-right: 20px;
}
.p_promotion{
    display: none;
    border-top: 1px solid #eee;
    margin-top: 15px;
    width: 98%;
}
.list_pro_diplay_list .p_promotion{
    display: block;
    float: left; width: 678px;
}
.list_pro_diplay_list .promotion_title{
    color: #e00;
    font-size: 1.3em;
    line-height:2em;
}
.list_pro_diplay_list .item-block >li:hover{ border-bottom-color: #ddd}

.sort_pro {
   
  margin-left: 20px;
  margin-top: 0px;
  position: relative;
}
.sort_pro > span {
  border: solid 1px #ccc;
  display: block;
  height: 24px;
  background: white;
  padding: 0 10px;
  line-height: 24px;
}
.sort_pro ul {
  margin: 0;
  list-style: none;
  background: white;
  border: solid 1px #ccc;
  padding: 3px 8px;
  display: none;
  width: 135px;
  position: absolute;
  z-index: 99;
  line-height: 20px;
  top: 24px;
  left: 0;
}.sort_pro ul li{padding:2px 0;}
.sort_pro ul li a{text-decoration:none;}
.sort_pro:hover ul{display:block;}
.mainmenu-v{
    left: 220px;
}
.mainmenu-v{display:none;}
.header2.mlist.bwhite > .mainmenu-v{
    display: block
}
.mainmenu-v li{
    background: none;
}
.mainmenu-v li a.menu-item-name{
    border:none; font-size: 1.2em; color: #333;
    padding: 0 5px; line-height: 32px;
    border-right: 1px solid #ddd;
}
.mainmenu-v li a.menu-item-name.sf-with-ul{
    padding-right: 1.5em
}
.mainmenu-v  .sf-with-ul:after{
    right: 0.4em;
    border-top-color: #ddd;
    border-top-color: rgba(100,100,100,.5);
}
.mainmenu-v li li{
    display: list-item;
    min-width: 20em;
    background-color: #f7f7f7;
}
.mainmenu-v li:hover, .mainmenu-v li.sfHover{
    background-color: #dedede 
}
.mainmenu-v ul .sf-with-ul:after{
    border-left-color: #dFeEFF;
    border-left-color: rgba(100,100,100,.5);
}
.adv-detail-box{margin-left: 15px; margin-top: 15px}
 
.IE .c_in {
  width: 1200px !important;
}
.IE .slide_banchay_content li .item-img{
    width: 160px
} 
.IE .topmenu li{
    float: left
        
}
.IE .sys_product_detail.add-cart-button{
    background: url(../img/icon-add-cart.png) no-repeat transparent;
}
.slogan {
 
    float: left;
    padding: 34px 5px;
}

.sf-arrows .sf-with-ul::after{ display: none;}
.sub_menu a{
	font-size: 13px;
    padding-right: 8px;
}
.sub_menu a:hover{color:red}
.menubox{margin: 14px 0; height: 35px; padding: 10px 0;border-bottom: 1px dotted #000;}
.titlestyle3{font-size: 15px;font-weight: bold;text-transform: uppercase;}
.Style1{ background: #f4f4f4 url(../images/b1.jpg) repeat-x top left; overflow: hidden; padding-bottom: 10px;}
.Style1 h2{ color: #fff; font-size: 21px; line-height: 56px; margin: 10px 0px; text-transform: uppercase;}
.Style1 ul{ list-style: none;}
.Style1 ul li{ float: left; width: 23%; margin: 0 1%; background-color: #fff; border-color: #e5e5e7 #e5e5e7 #fa3e3f; border-style: solid; border-width: 1px 1px 2px; height: 246px;}
.Style1 ul li .image{ display: block; margin: 2%;}
.Style1 ul li .image img{ display: block; width: 100%; height: 166px;}
.Style1 ul li p{ padding: 3%; height: 68px; cursor: pointer;}
.Style1 ul li p .name{ display: block; font-size: 17px; text-transform: uppercase; color: #4f4f4f; font-weight: bold;}
.Style1 ul li p span{ line-height: 1.5; font-size: 12px; color: #4f4f4f;}
.Style1 ul li:hover p{ background-color: #fa3e3f;}
.Style1 ul li:hover p .name{ color: #fff;}
.Style1 ul li:hover p span{ color: #fff;}

.Style2{overflow: hidden; padding-bottom: 10px;}
.Style2 .center img{width: 100% !important; height: auto !important}
.Style2 h2{ color: #4f4f4f; font-size: 21px; line-height: 35px; margin: 15px 0px; text-transform: uppercase; border-bottom: 2px solid #dedede;}
.Style2 ul{ list-style: none;}
.Style2 ul li{ float: left; width: 249px; height: 285px;  position: relative;    text-align: center;}
.Style2 ul li:nth-child(3n){ margin-right: 0px;}
.Style2 ul li .image{ display: block; background-color: #fff; border: 1px solid #e5e5e7;}
.Style2 ul li .image img{  height: 240px; margin: 2%;}
.Style2 ul li .name{ display: block; font-size: 15px; color: #4f4f4f; font-weight: bold; line-height: 1.5;}
.Style2 ul li .name:hover{ color: #ff0000;}
.Style2 ul li .price{ color: #222; font-size: 23px; font-weight: bold; position: absolute; bottom: 40px; right: 5px; padding-left: 5px; display: none;}
.Style2 ul li .price2{ text-align: right; display: block; text-decoration: line-through; font-size: 13px;}

.Style3{ background: #fff; overflow: hidden; padding: 10px;}
.Style3 h2{ color: #4f4f4f; font-size: 21px; line-height: 35px; margin: 15px 0px; text-transform: uppercase; border-bottom: 2px solid #dedede;}
.Style3 h2 a{ color: #4f4f4f;}
.Style3 h2 a:hover{ color: #ff0000;}
.Style3 ul{ list-style: none;}
.Style3 ul li{ float: left; width: 240px; height: 345px; margin-right: 13px; position: relative; text-align: center;}
.Style3 ul li:nth-child(4n){ margin-right: 0px;}
.Style3 ul li .image{ display: block; background-color: #fff; border: 1px solid #e5e5e7;}
.Style3 ul li .image img{ height: 270px; margin: 2%;}
.Style3 ul li .name{ display: block; font-size: 12px; color: #4f4f4f; font-weight: bold; line-height: 1.5; margin-top: 5px;}
.Style3 ul li .name:hover{ color: #ff0000;}
.Style3 ul li .price{ color: #4f4f4f; font-size: 13px; font-weight: bold;}
.Style3 ul li .price span{ color: #ff0000;}
.Style3 ol { list-style: none; float: right;     margin-top: 0;    height: 29px;}
.Style3 ol li{ display: inline-block; }
.Style3 ol li a{ font-size: 12px; text-transform: none; font-weight: bold; border-left: 1px solid; padding-left: 5px; margin-left: 5px;}
.Style3 ol li:first-child a{ border: none;}

.Style4{ background: #f4f4f4; overflow: hidden; padding-bottom: 10px;}
.Style4 h2{ color: #4f4f4f; font-size: 21px; line-height: 35px; margin: 15px 0px; text-transform: uppercase; border-bottom: 2px solid #dedede;}
.Style4 ul{ list-style: none;}
.Style4 ul li{ float: left; width: 20%; position: relative;}
.Style4 ul li a{ color: #4f4f4f; font-weight: bold; font-size: 13px;}
.Style4 ul li li{ width: 100%; background: url(../images/i4.gif) no-repeat center left; line-height: 1.8; text-indent: 10px;}
.Style4 ul li li a{ color: #4f4f4f; font-size: 13px; font-weight: normal;}

.Style5{ background: #fff; overflow: hidden; padding-bottom: 10px;}
.Style5 ul, .Style5 ol{ list-style: none;}
.Style5 ul li{ float: left; width: 32%; position: relative; margin-right: 1%;}
.Style5 ul li h2{ background: url(../images/b8.gif) no-repeat center left; padding-left: 25px; color: #4f4f4f; font-size: 21px; line-height: 35px; margin: 15px 0px; text-transform: uppercase; border-bottom: 2px solid #dedede;}
.Style5 ul li h2 a{ color: #4f4f4f; }
.Style5 ul li h2 a:hover{ color: #ff0000;}
.Style5 ul li div{ overflow: hidden; margin-bottom: 5px;}
.Style5 ul li div a.name{ display: block; color: #000; font-size: 12px; font-weight: bold; line-height: 15px; height: 15px; overflow: hidden; margin-bottom: 5px;}
.Style5 ul li div img{ float: left; width: 20%; padding: 3px; border: 1px solid #dedede; margin-right: 5px;}
.Style5 ul li div span{ display: block; font-size: 12px; line-height: 15px; height: 45px; overflow: hidden; text-align: justify;}
.Style5 ul li p{ font-weight: bold; font-size: 13px;}
.Style5 ol li{ width: 100%; background: url(../images/i8.gif) no-repeat center left; line-height: 18px; height: 18px; overflow: hidden; text-indent: 10px;}
.Style5 ol li a{ color: #4f4f4f; font-size: 13px;}

.div_price i{ width: 22px; height: 42px; display: inline-block;}
.div_price i.a0{ background: url(../images/0.png); width: 23px;}
.div_price i.a1{ background: url(../images/1.png); width: 16px;}
.div_price i.a2{ background: url(../images/2.png);}
.div_price i.a3{ background: url(../images/3.png);}
.div_price i.a4{ background: url(../images/4.png);}
.div_price i.a5{ background: url(../images/5.png);}
.div_price i.a6{ background: url(../images/6.png);}
.div_price i.a7{ background: url(../images/7.png);}
.div_price i.a8{ background: url(../images/8.png);}
.div_price i.a9{ background: url(../images/9.png);}
.div_price i.a{ background: url(../images/a.png); width: 11px;}

.newsletter{ background-color: #ed4137; border-bottom: 1px solid #754948; height: 100px; overflow: hidden;}
.dmail ul {
    background: rgba(0, 0, 0, 0) url("../images/m.gif") no-repeat scroll left top;
    height: 55px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 23px;
    overflow: hidden;
    padding-top: 4px;
    width: 999px;
}
.dmail li {
    float: left;
    overflow: hidden;
}
.dmail .l {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 46px;
    padding-left: 66px;
    text-transform: uppercase;
    width: 300px;
}
.dmail .c {
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    height: 46px;
    width: 573px;
}
.textbox2 {
    background-color: Transparent;
    border: 0 none;
    color: #2c478c;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
.dmail .textbox2 {
    color: #666;
    font-size: 15px;
    margin-left: 5px;
    padding: 12px;
    width: 90%;
}
.dmail .r {
    width: 102px;
}
.dmail .r img {
    cursor: pointer;
    display: block;
}
.system_form_contact_02 .sys-contact-submit {
    background-color: #f14e23;
}
.systemPaging .btnPaging {
    background-color: #07466f;
    padding: 7px 35px;
}
.right_pro_infomation{ width: 600px;}
.fb-comments span, .fb-comments span iframe{ width: 600px !important;}
/*---- 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----*/