@font-face {
    font-family:"SFUDinNeuGroLight";
    src:url("../font/SFUDinNeuGroLight.TTF");
}
@font-face {
    font-family:"SFUDinMittelschrift";
    src:url("../font/SFUDinMittelschrift.TTF");
}
@font-face {
    font-family:"SFUDINMitAlt";
    src:url("../font/SFUDINMitAlt.TTF");
}
*{padding:0;margin:0}
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
    border:0 none;font-family:SFUDinMittelschrift,Arial,Helvetica,sans-serif;outline:medium none
}
ul, li {list-style:none}
a {text-decoration:none}
img {border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {line-height:22px}
body {font-size:14px;margin:0;padding:0;  background-color:#FFFFFF;color:#444}
h1, h3 {color:#666666;font-size:18px;padding-bottom:11px;padding-left:15px;padding-right:0;padding-top:11px}
.ico{background-image:url('../img/sprite-icon.png')!important;background-repeat:no-repeat}
.bg{background-image:url('../img/sprite-bg.png')!important;background-repeat:repeat}
.hide {display:none}
.clearfix:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
.logo img {
    height: 100px;
    object-fit: contain;
    max-width: 100%;
}
/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0, 0);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
.owl-item.loading{
    min-height: 150px;
    background: url('{{ "AjaxLoader.gif" | asset_url }}') no-repeat center center;
}
.owl-prev, .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    opacity: 1;
    font-size: 0;
    color: #FFF;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.owl-prev:before,.owl-next:before{
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 38px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    text-align: center;
    color:#000;
    border: 1px solid #ccc;
    background: #fff;
}
.owl-next{
    right: 0;
    left: auto;
}
.owl-next:before{
    content: "\f105";
}
/** header **/
.top-header{background-position:0px -731px;min-height:80px;width:100%}
.top-link{width:100%;min-height:36px;background-position:0px -725px }
.content-top{  margin:0 auto;min-height:36px;position:relative;width:960px}
.content-top ul {height:35px;list-style:none outside none;margin:0 auto;margin-left:100px;width:650px;color:#fff;float:left}
.content-top ul li{float:left;font-size:14px;line-height:12px;text-transform:uppercase;padding:12px 15px 12px 30px}
.content-top ul li.shipping {background-position:-275px 7px;padding-left:30px;width:185px}
.content-top ul li.hotline {background-position:-138px -148px;padding-left:38px;width:119px}
.content-top ul li.payment {background-position:-69px -231px ;padding-left:43px;width:190px}
.content-top .box_language {position:relative;float:right;width:203px;height:35px;margin:0}
.box_language a{color:#C60000;display:inline-block;}
.box_language .site-box {background-position:0 -344px;color:#fff;font-size:14px;padding:6px 0 0 17px;margin-top:7px;height:20px;cursor:pointer;text-transform:none;width:157px}
.box_language .site-box > ul{position:absolute;width:174px;background:#fff;opacity:0.9;z-index:1;display:none;top:33px;left:0;margin-left:0;height:auto}
.box_language .site-box > ul li{height:25px;line-height:25px;width:100%;padding:0;margin:0}
.box_language .site-box > ul li a,.dropdown-menu li a{font-size:14px;color:#333333;line-height:25px;display:block;width:159px;padding-left:15px;text-transform:none;font-weight:normal}
.box_language .site-box > ul li:hover a,.dropdown-menu li:hover a{
    color:#fff;background:linear-gradient(to bottom,#97d547 0%,#7ebe2b 40%,#70A926 92%);
}
.icSprites {background:url('../img/icSprites.png')}
.icAddCart {background-position:0 0}
.error, .errors, .ui-widget-content a.error, .special {color:red}
.htmlBtn {cursor:pointer; background-color:#91C052; background-image:-moz-linear-gradient(center top , #97C855, #88B44D); background-repeat:repeat-x; border:1px solid #58772D; border-radius:4px 4px 4px 4px; color:#fff; font-size:14px; padding:3px 14px 5px; text-shadow:1px 1px #6D9437}
.htmlBtn:hover {background:#88B44D 0 -15px}
.required span {color:red; font-weight:bold; margin:0 4px 0 0; vertical-align:middle}
.tb, .ta {border:1px solid #969696; border-radius:2px; padding:4px; vertical-align:middle}
.f li {margin:10px 0 0; width:100%; display:inline-block}
.f label {display:inline-block; max-width:150px; padding:0 5px 0 0; text-align:right; width:28%}
.f .tb {width:264px}
.f .btns .first {margin:0 0 0 155px}
.f .errors {padding:0 0 0 155px}
.f .errors li {margin:3px 0 0}
#pageSignin, #pageSignup {width:600px; margin:12px auto}
 .openid-login{text-align:center;height:24px;line-height:24px}
.openid-login .google{width:24px;height:24px;display:inline-block;background-position:-3px -775px;margin-right:10px}
.openid-login span{height:24px;line-height:24px}
.openid-login .facebook{width:24px;height:24px;display:inline-block;background-position:-2px -752px}
#pageSignin h1, #pageSignup h1 {padding:12px; text-align:center}
.content-header{position:relative;margin:0 auto;width:960px;display:table}
a.logo{float:left;width:203px;margin-top:-12px}
.right-header{float:left;margin:33px 0 4px 40px;width:716px}
.search-form{float:left;margin:0 0 20px; position: relative}
.search-wrapper {border:2px solid #82B042;border-radius:20px 20px 20px 20px;float:left}
.btn-group {font-size:0;position:relative;vertical-align:middle;white-space:nowrap;float:left}
.btn-group button {min-width:70px;background:none repeat scroll 0 0 #F5F5F5;border:medium none;border-radius:20px 0 0 20px;line-height:26px;padding:0px 7px 0;font-size:11px!important;color:#666;cursor:pointer;overflow:hidden;border-right:1px solid #e3e3e3}
.btn-group .btn, .btn-group .dropdown-menu {font-size:14px}
.open .dropdown-menu {display:block}
.dropdown-menu {background-clip:padding-box;background-color:#FFFFFF;border:1px solid rgba(0, 0, 0, 0.2);border-radius:6px 6px 6px 6px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);display:none;float:left;left:0;list-style:none outside none;margin:2px 0 0;min-width:160px;padding:5px 0;position:absolute;top:100%;z-index:1000}
.btn-group .btn .caret {margin:11px 0 0 10px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000000;display:inline-block;height:0;width:0;vertical-align:top}
.tbSearch {font-size:12px;height:25px;margin:0;padding:0 0 3px 5px;width:260px;float:left}
.btn-search {background:#82B042;width:44px;height:28px;display:inline-block;float:right;border-radius:0 15px 15px 0}
span.icon-search {   background-position:-26px -289px;width:15px;height:15px;display:inline-block;margin:7px 0 0 15px}
.login {float:right;height:25px;margin-top:7px;padding-right:110px;position:relative}
.login a:hover{ color:#70A926 !important; text-shadow: 0 1px #ccc}
#lnkSignup, #lnkSignin, #lnkProfile {float:left;height:15px;line-height:15px;margin:4px;padding:0 4px;color:#666;font-size:14px}
.cart {background-position:-157px -206px;cursor:pointer;float:right;position:absolute;right:0;top:40px}
.content-cart   a {color:#666;display:block;font-size:14px;padding-left:20px;padding-top:2px;line-height:20px}
.content-cart a:hover {color:#70A926; text-shadow: 0 1px #ccc}
.content-cart   span{ color:#B3B3B3;font-style:italic;line-height:14px}
.mainNav{background-position:0 -675px;border-bottom:1px solid #D7D7D7;float:left;min-height:45px;width:100%}
.navCt{margin:0 auto;width:960px}
.mainNav{width:100%;height:46px}
.navCt ul.lv1 {float:left;list-style:none outside none;margin:0;max-height:45px;position:relative;width:960px}
.navCt li.lv1 {border-left:2px solid #9EB77C;float:left;height:45px;position:static;line-height:20px}
span.arrow-black{display:inline-block;width:11px;height:7px;background-position:-245px 0;margin-left:10px}
.navCt li {display:inline-block}
.navCt li.lv1 a.lv1 {display:inline-block;padding:0 15px; color:snow;font-size:14px;font-weight:normal;line-height:45px}

.navCt li.lv1 a.lv1:hover {text-shadow: 1px 1px #B7CC99;margin-left:0; color:#fff}
li.catebg a:hover{background:none !important;margin:0!important;padding:0!important;border:none!important}
.navCt ul.lv2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-bottom-color: #D8D8D8;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #D8D8D8;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #D8D8D8;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #D8D8D8;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: 0 1px 3px #D8D8D8;
    margin-left: -1px;
    position: absolute;
    top: 45px;
    z-index: 9999;
    width: 211px;
    height: auto;
}
.navCt ul.lv3{
    display:none;
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: auto;}
.navCt ul.lv1 ul.hide{display:none}
.navCt ul.lv1 ul.active{display:block}
.navCt li.lv2 {
    float: left;
    padding: 4px;
    width: 97%;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.navCt li.lv2:hover{
    background:linear-gradient(to bottom,#97d547 0%,#7ebe2b 40%,#70A926 92%);
}
.navCt li.lv2.catebg{width:299px;float:right}
.navCt ul.lv2 a.lv2 {height:25px;line-height:25px;color:#70A926; font-size:13px;padding:5px}
.navCt li.lv2:hover a {border-radius:4px;padding:5px;color:#fff !important;}
.navCt li.lv2:hover > ul.lv3 {
    display: block;
    position: absolute;
    background: #fff;
    left: 100%;
    top:-1px;
    font-size: 13px;
    width: 100%;
}
.navCt li.lv2:hover > ul.lv3 li{
    display: block;
    border-top: 1px solid #ddd;
    padding: 4px;
}
.navCt li.lv2:hover > ul.lv3 li:hover{
    background: linear-gradient(to bottom,#97d547 0%,#7ebe2b 40%,#70A926 92%);
    color: #fff !important;
}
.navCt li.lv2:hover > ul.lv3 li a{
    height: 13px;
    line-height: 7px;
    color: #70A926 !important;
    text-decoration: none;
    width: 100%;
    display: inline-block;
}
.navCt li.lv2:hover > ul.lv3 li a:hover{
    color: #fff !important;
}
.navCt li.lv3 a:hover {background:none;text-decoration:underline;color:#70A926;text-decoration:underline}
.breadcrumbs-view {padding:10px}
.breadcrumbs-view li {display:inline; padding:0 2px}
.paginator {padding:35px 0; text-align:center; display:block; overflow:hidden; clear:both}
.paginator>*{margin:0 10px;color:#666;}
.paginator a:hover{color:#70A926; text-shadow: 1px 1px #ccc}
.price {color:#666;font-size: 16px;text-align: center;}
.price.sale {color:#DC0000}
.oldPrice {color:#ccc;text-decoration:line-through; text-align: center}
.priceSale{position: absolute;top: 10px; right: 10px;font-size: 20px;color: red; border: 1px solid #ccc;padding: 0 20px;}
/** Begin content **/
.proViewPc>h3{font-size: 14px;color: #333;padding: 5px 0;}
.proViewPc>p{padding-left: 9px;}
#content{width:100%;background:url("../img/content-bg.png") repeat transparent ;float:left}
.content{float:left;width:100%;background:#fff;padding-bottom:15px}
.slideshow{width:762px;height:390px;position:relative;float:left;margin-left:-12px;border-left:1px solid silver}
.no-border{}
.mainCt {width:960px;margin:0 auto;background:#fff}
.slideshow img{width:762px;height:390px;position:relative}
.slideshow .banner-contain {left:0;position:absolute;top:0;display:none;width:762px;height:393px}
.slideshow  div.active{display:block}
.slideshow .banner-contain .text {background-color:#FFFFFF;bottom:35px;color:#333333;height:160px;opacity:0.8;padding-bottom:10px;padding-left:15px;padding-right:15px;padding-top:10px;position:absolute;right:15px;width:220px;overflow: hidden;}
.slideshow .banner-contain .text .title {font-size:18px;font-weight:bold;line-height:18px;height:18px}
.slideshow .banner-contain .text .description {font-size:11px;line-height:normal;padding-bottom:20px;padding-left:0;padding-right:0;padding-top:26px}
.slideshow .banner-contain .text .read-more {cursor:pointer;background-attachment:scroll;background-clip:border-box;background-color:transparent;background-position:-32px -377px;background-size:auto auto;color:#FFFFFF;display:block;height:25px;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;text-align:center;width:103px;line-height:22px;font-weight:bold;position:absolute;top:140px;left:20px;}
.slideshow .banner-contain .text .read-more:hover{background-position:-32px -402px}
.slideshow .wrap-banner-nav {bottom:0;height:30px;position:absolute;right:20px;z-index:99}
.slideshow  .wrap-banner-nav ul {display:inline-block;list-style-image:none;list-style-position:outside;list-style-type:none;margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;overflow-x:hidden;overflow-y:hidden;padding-left:10px}
.slideshow .wrap-banner-nav ul li {float:left;height:16px;list-style-image:none;list-style-position:outside;list-style-type:none;margin-right:9px;margin-top:4px;padding-bottom:0;padding-left:4px;padding-right:4px;padding-top:0}
.slideshow .wrap-banner-nav ul li a.item-banner-nav  {-moz-text-blink:none;-moz-text-decoration-color:-moz-use-text-color;-moz-text-decoration-line:none;-moz-text-decoration-style:solid;background-attachment:scroll;background-clip:border-box;background-color:transparent;background:#ccc;background-origin:padding-box;background-position:left top;background-repeat:no-repeat;background-size:auto auto;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;display:inline-block;float:left;font-size:16px;font-weight:bold;height:12px;line-height:23px;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;text-align:center;width:12px}
.slideshow .wrap-banner-nav ul li a.active{background-position:0 -695px}
.small-slide{float:left;width:208px;max-height:390px;overflow:hidden;background:#f4f4f4;border-left:1px solid silver;border-top:1px solid silver	}
.small-slide .active{background-position:-1px -596px ;position:relative;z-index:999;width:207px;margin:0;border:none}
.small-slide h3{font-size:15px;color:#82b042;font-weight:bold}
.item-slide {border-bottom-color:silver;border-bottom-style:solid;border-bottom-width:1px;padding-bottom:7px;width:207px;cursor:pointer;height:70px;overflow:hidden;text-align:center}
.item-slide  p {color:#666666;font-size:11px;font-style:italic;padding:0 30px 0 10px}
.small-slide h3 {color:#82B042;font-size:15px;font-weight:bold;padding-bottom:5px;padding-left:0;text-transform:uppercase}
.item-slide.active p {color:#FFFFFF;padding:0 30px 0 10px}
.item-slide.active  h3 {color:#FFFFFF;padding-right:10px; text-transform:uppercase}
.home-cate 	div{ float:left;margin-bottom:7px;margin-right:7px;position:relative}
.home-cate{float:left;width:1000px;margin-top:10px}
.home-cate div   span {color:#FFFFFF;display:inline-block;font-size:38px;position:absolute}
span.sale-title {background:#fff;color:#859F44 !important;font-size:25px !important;height:60px;left:54px !important;text-align:center;text-transform:uppercase;top:105px !important;width:160px;padding:10px 20px 30px 20px;opacity:0.9}
span.sale-title span.line{display:inline-block;width:187px;height:10px; background-position:-113px -290px;position:absolute;bottom:10px;left:5px}
span.sale-title span.saleoff{width:146px;height:118px;position:absolute; background-position:-153px -29px;top:69px;left:-95px}
span.email-box{width:270px;height:128px;background:url('../img/bg-reg-email.png') no-repeat;font-size:22px!important;color:#859f44!important;text-transform:uppercase;padding:13px 0 0 75px;top:95px!important;left:20px!important}
.home-cate a   span{display:inline-block;position:absolute;color:#fff;font-size:40px}
.small-cate{ height:295px;overflow-x:hidden;overflow-y:hidden;width:315px}
.small-cate img{ width: 100%;}
.small-cate img:hover{ opacity: 0.8}
.large-cate{ height:295px;overflow-x:hidden;overflow-y:hidden;width:636px}
.large-cate img{width: 100%;}
.large-cate img:hover{ opacity: 0.8}
.email-box{position:absolute!important;width:250px;height:108px;background:#fff;top:78px;left:23px;text-align:center;padding:10px}
.email-box h3{color:#859F44;font-size:23px;font-weight:normal;height:19px;line-height:17px;padding-bottom:0px;margin-left:30px;padding-top:0;margin-top:7px}
p.line{display:inline-block;background-position:-113px -290px;width:187px;height:10px}
p.title {color:#333333;float:left;font-size:14px;line-height:18px;margin-left:5px}
.home-cate a   span   span{font-weight:bold}
.hotnews{float:left;width:100%}
.items-news{float:left;width:230px;margin:0 10px 10px 0}
.items-news img{max-height:230px;max-width:230px}
.items-news   a {display:inline-table;margin-bottom:12px}
.title-news {color:#666666;display:inline-table;font-size:13px;margin-bottom:0;margin-left:10px;margin-right:10px;margin-top:0}
.home-prod{width:100%;float:left}
.header-box{width:100%;height:48px;float:left;background-position:0 -878px}
.header-news{background:none!important}
.header-news h3{background-position:-37px -255px ;padding-top:1px}
.header-box ul{float:left}
.header-box ul li{float:left;display:inline;line-height:48px;margin-left:20px}
.header-box ul li a{color:#000;font-size:17px;text-transform:uppercase;line-height:48px;display:block}
.header-box ul li a.active,.header-box ul li a:hover{color:#fff;background-position:-187px -365px;height:58px}

.reg-mail-btn .ico {
    background-position:-50px -291px;
    display:inline-block;
    height:12px;
    width:10px;
}
.list-items-prod{width:100%;float:left;border-top:1px solid #fff; overflow:hidden}
.items-prod {float:left;width:185px;margin:6px 0 20px 7px; height:290px;position: relative;}
	.items-prod .price {padding:5px 0}
#p-sale{left: 10px;position:absolute; top: 10px;z-index: 10;color: red;border: 1px solid #ccc;padding: 0 5px;}
.prod-image:hover {opacity: 0.7}
.prod-image:hover span{display:block}
.prod-image{position:relative;width:185px;height:200px}
.prod-image img{position:absolute;max-height:200px;max-width:185px;top:0;left:0;margin:auto;bottom:0;right:0}
.name{color:#666;font-size:14px;width:100%;display:inline-block;text-transform: uppercase;text-align: center;}
.prod-price{font-size:18px;line-height:30px;height:30px}
span.icQuickView,span.icAddCart{width:50px;height:50px;display:block;position:absolute;bottom:75px;z-index:999;display:none;cursor:pointer}
span.icQuickView{background-position:-52px 0;left:25px}
span.icAddCart{background-position:0px 0;left:90px}
.bottom-box {float:left;margin-top:30px;text-align:center;width:100%}
.bottom-box .view-more{margin:auto;width:141px;height:30px;line-height:30px;background:url(../img/view-more.png) no-repeat;color:#333;font-size:14px}
.bottom-banner {float:left;margin-top:15px;text-align:center;width:100%}
.bottom-banner img{margin:auto}
.facebook-box {float:left;margin-left:115px;margin-top:10px;width:320px}
.mailleter-box {float:left;margin-left:90px;width:320px;margin-top:34px;color:#333;font-size:13px}
.box-mail{float:left;width:242px;height:23px;border:1px solid #70A926 ;border-radius:20px}
.input-mail {float:left;margin-left:6px;margin-top:1px;width:200px;width:200px}
.reg-mail-btn{display:block;width:27px;height:23px;border-radius:0 10px 10px 0;float:right;background:#70A926 }
.reg-mail-btn   span{width:10px;height:12px;display:block;margin:5px 11px 7px -2px;background-position:-50px -290px}
/** footer **/
#footer{width:100%;min-height:140px;float:left;background-position:0 -311px}
.content-footer{margin:0 auto;width:960px}
.content-footer .info{float:left;margin:36px 30px 20px 0;color:#fff;font-size:13px}
.info1{width:190px}
.info2,.info3,.info4,.info5{width:160px}
.info5{margin-right:0!important}

.info.info3 {
    width:120px;
}
.youtube-ico, .facebook-ico, .twitter-ico{display:inline-block;width:45px;height:45px;margin:5px 6px 0 0;float:left}	
.youtube-ico{background-position:-4px -170px}
.facebook-ico {background-position:-6px -68px}
.twitter-ico {background-position:-4px -117px}
.info.info4{width:210px}

/** product cate lv1 **/
ul.tags {float:left; margin:0 0 10px 12px; padding:12px 0; border-bottom:1px dotted #eee; width:100%}
.tags   li{display:inline}
.tags   li a {color:#999;font-size:11px;font-weight:bold}
.item   span {float:right;text-align:right;width:200px}
.item   span a{color:#477902;font-size:11px;font-style:italic}  
.header-box h3{
    color: #333;
    text-shadow: 1px 1px #ccc;
    padding-left: 32px;
    font-weight: normal;
    font-size: 26px;
    margin-left: 15px;
    padding-top: 3px;
}
.view-all {background-position:-147px -311px ;color:#333333;display:block;float:right;font-size:13px;height:24px;margin:13px;text-align:center;width:90px;line-height:22px;border-radius:3px}
ul.left-nav-cate{margin-top:7px}
ul.left-nav-cate a{color:#666666;font-size:12px;width:185px;display:block}
ul.left-nav-cate li {border-bottom:medium dotted #EEEEEE;line-height:20px;padding:4px}
ul.left-nav-cate li:hover{background:url(../img/bottom-box-prod.png);border:none;color:#fff}
ul.left-nav-cate li:hover a{color:#fff;background:url(../img/green-arrow.png) no-repeat right}

/** product cate lv2 **/
.head-box-prod{ background-position:0 -678px;height:44px}

/** style selectbox **/
span.customStyleSelectBox { font-size:11px; background-color:#f5f0de; color:#7c7c7c; border:none;  line-height:22px; } span.customStyleSelectBox.changed { background-color:#f0dea4; }
.label-content{width:150px;height:auto;background:#fff;border-radius:0 0 5px 5px;display:none;position:absolute;top:34px;left:11px;z-index:996;padding:5px;color:#666;background:#eee;cursor:pointer}
.label-content a{color:#666}
.label-content li{line-height:25px;height:25px}
.label-content li:hover{background:#666}
.label-content li:hover a{color:#fff}
.item-search{float:left;height:46px;position:relative}
.item-search   .cate{width:102px;height:22px;background:url('../img/small-cate.png');color:#333;text-align:center;font-size:14px;margin:11px;border:1px solid #eee;cursor:pointer}
.item-search   .price{width:155px;height:22px;background:url('../img/price-box.png');color:#333;text-align:left;font-size:13px;margin:11px;border:1px solid #eee;cursor:pointer;padding:3px 0 0 5px}
.title {float:left;font-size:13px;height:44px;line-height:44px;margin-left:15px}

 

.title-check {float:left;height:44px;line-height:44px;font-size:13px;color:#3c6801}
.title-check span{color:red}
.show-all-filter {background:url("../img/drop-arrow.png") no-repeat right;color:#858585;display:inline-block;float:left;font-size:16px;height:44px;line-height:44px;margin-left:20px;width:165px;cursor:pointer}
.item-search   .filter{width:123px;height:22px;background:url('../img/filter-box.png');color:#333;text-align:center;font-size:14px;margin:11px;border:1px solid #eee;cursor:pointer}
.advance-filter{float:left;padding:10px}

/** Detail product **/
.detail-product{float:left;width:100%}
.detail-product .like.ico{cursor:pointer}
.detail-product h3{font-size:24px; margin-bottom: 40px}
.detail-product .price {color:#CC0000;float:right;margin-right:50px}
.detail-product h3.name{float:left}
.detail-product h4.code {color:#333333;font-size:13px;font-weight:normal;height:33px;line-height:33px;  margin-right:10px;  padding-top:7px}
.left-info {float:left; width:575px;margin-bottom: 10px;position: relative;}
.prod-info .prod-image{width:490px;height:400px;float:left;position:relative}
.prod-info .prod-image img{position:absolute;max-width:490px;max-height:400px;top:0;left:0;rigt:0;bottom:0}
.right-info{width:382px;float:left;margin-left:3px}
.right-info .buy-box{float:left;width:365px;height:195px;border-top:1px dotted #999;border-bottom:1px dotted #999;background:#eee;padding-left:16px}
.right-info .buy-box .color {float:left;height:32px;margin-top:12px;width:100%}
.right-info .buy-box .color   span {display:inline-block;float:left;height:32px;line-height:32px;margin-right:10px}
.right-info .buy-box .color   span.color-title{margin-right:24px}
.right-info .buy-box .color img {float:left;margin-left:15px;border:1px solid #ccc}
.right-info .buy-box .color a.size{float:left;display:inline-block;padding:5px;border:1px solid #ccc;margin-left:15px;color:#333;background:#fff;width:22px}
.right-info .buy-box .buy{float:left;width:100%;margin-top:25px}
.right-info .buy-box span{float:left;display:inline-block;line-height:30px;height:32px}
.right-info .buy-box .buy .buy-now{float:left;display:inline-block;width:123px;height:30px;background-position:0 -534px;font-size:15px;color:#fff;font-weight:bold;text-align:center;margin-left:20px;line-height:28px;cursor:pointer}
.right-info .buy-box .like{background-position:-220px -536px;color:#666666;font-weight:bold;margin-left:10px;padding-left:15px;text-align:center;width:66px;line-height:28px}
.right-info .buy-box .buy input
{
    float: left;
    width: 53px;
    margin-left: 20px;
    margin-top: 5px;
    text-align: center;
    border-radius: 3px;
}
.right-info .buy-box .status span {color:#DE0000;float:none;margin-left:13px}
.right-info .buy-box .status {float:left;height:35px;line-height:30px; display:block; width:90%}
.right-info .intro{float:left;width:100%;padding:10px 0 10px 0;border-bottom:1px dotted #ccc}
.social-box{float:left;margin-top:10px}
.intro .title {font-size:13px;height:23px;line-height:23px;width:100%;background:url(../img/green-dropdown.png) no-repeat left;padding-left:25px}
.intro   p {display:inline-block;font-size:13px; line-height:21px;margin-bottom:12px;float:right;width:340px}
.intro   span{float:left;height:20px;line-height:20px}
.intro a{color:#0147b0}
.right-info img{margin-left:20px}
.other-img{margin:15px 0;width:82px;text-align:center;float:left;height:400px;overflow:hidden;}
.other-img a.small-img {width:72px;height:95px;position:relative;margin:1px 0 0 10px;display:inline-block}
#prev,#next{display: none;width: 15px;height: 10px;position: absolute;cursor: pointer; left: 40px}
#prev{top:0; background-position: -5px -835px;}
#next{bottom:0;background-position: -5px -852px;}

.other-img img{width:auto;height:auto;max-width:72px;max-height:72px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0}
td.colImg  p{font-size:18px}
td.colQtt{width:30px}
tr.hover{background:#f4f4f4}
.tab-index{float:left;margin-left:10px}
.tab-index   li {float:left;height:43px;line-height:43px}
.head-box-prod h2 {text-transform:uppercase;color:#fff;font-size:16px;display:inline-block;height:38px;line-height:38px;margin-top:5px;padding:0 15px 0 15px}
h2.active{background:#fff;border-top:1px solid #ccc;color:#333;font-size:15px;margin-left:15px;border-left:1px solid silver;border-right:1px solid silver;text-transform: uppercase}
.tabCt{padding:25px;float:left;display:none}
div.active{display:block;overflow: hidden;width: 95%}
div.active img{width: 100%;}
/** popup **/
#footer   #popup {background:#82B042;border-radius:5px;box-shadow:1px 1px 5px #999;color:#FFFFFF;height:110px;left:500px;opacity:0.9;position:fixed;top:100px;width:160px;padding:20px;display:none;z-index:9999}
#popup   p {font-size:14px;padding:7px 0;text-align:center;text-shadow:1px 1px #999}
#popup   p  a {text-decoration:underline;color:#666}
#popup   p   span{font-weight:bold;text-decoration:underline;cursor:pointer}
#cart{float:left;width:100%}
#cart .empty-cart{width:654px;height:229px;background:url(../img/bg-empty-cart.png) no-repeat;margin:35px 0 35px 143px}
.empty-cart h3{font-size:28px;color:#333;font-weight:normal;float:left;width:100%;margin:40px 0 0 65px}
.empty-cart   p {display:inline-block;float:left;font-size:13px;margin-left:80px;width:100%}
.empty-cart   a {
    color: #FFF;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 53px 50px 0 110px;
}
#cart .order-info{width:100%;float:left}
#cart .order-info .payment-type{width:675px;float:left;margin:0 20px 30px 30px}
table.cart-table{width:675px;margin:20px 20px 30px 30px;cursor:pointer;float:left}
tr.header-cart {color:#70A926;font-size:15px;height:30px}
tr.header-cart td{border-bottom:1px solid silver;text-transform:uppercase;font-size:16px;text-align:left;padding-bottom:10px}
tr.list-item td{padding:7px;font-size:13px}
tr.list-item td img{width:144px}
td a.remove-cart{display:inline-block;width:19px;height:19px;background-position:-2px -727px;margin-bottom:75px}
td.colName{width:124px}
td.colImg{width:330px}
td.colPrice{width:102px;text-align:right}
td.colPrice span{display:inline-block;margin-bottom:75px;float:left;}
.colPrice p{
	text-align: left;
}
p.last {
    border-bottom-color:silver;
    border-bottom-style:solid;
    border-bottom-width:1px;
    display: table;
    width: 100%;
}
.checkout  p#money-total {
    color:#006837;
    font-size:28px;
    margin-top:10px;
    text-align:right;
}
#cart .required{color:red}
#saveCart {display:inline-block;font-size:17px;color:#fff;text-transform:uppercase;background:#88c23f;padding:5px 0 5px 0;margin-top:20px;width:200px;text-align:center;border-radius:4px;margin-bottom:10px}
table.cart-table input{height:26px;width:26px;border:1px solid silver;text-align:center;margin-bottom:75px}
.checkout{float:left; width:220px; margin:20px 0 0}
.checkout h4{font-size:16px;text-transform:uppercase;color:#70A926;font-weight:normal;border-bottom:1px solid silver;padding-bottom:10px;margin-bottom:10px}
.checkout span{float:right}
.checkout > p {
    color:#666666;
    line-height:20px;
}
h3.oldprice {
    -moz-text-blink:none;
    -moz-text-decoration-color:-moz-use-text-color;
    -moz-text-decoration-line:line-through;
    -moz-text-decoration-style:solid;
    display:inline-block;
    float:right;
    padding-right:125px	;
    padding-top:1px;
    text-align:right;
    width:600px;
}
.extra-buy{color:#fff;font-size:15px;background:#88C23F;padding:5px 10px 5px 10px;margin:5px;text-transform:uppercase;border-radius:2px}
.last-row {height:36px;text-align:right}
.last-row   span {color:red;float:right;font-size:15px;margin-right:10px}
.last-row a.update-cart{background:#70A926;padding:5px;border-radius:5px;color:#fff;font-weight:bold;margin-right:10px}
div.box_language{width:auto!important;height:23px!important;padding-top:12px!important;margin-left:7px!important	}
#backtohome {bottom:30px;position:fixed;right:10px}
#backtohome span {
    background-position: 10px -463px;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    height: 65px;
    margin-bottom: 0;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    width: 65px;
}
#backtohome span:hover {background-color:#ccc}
p.error{margin-top:20px;text-align:center}
/** Quick view product popup **/
#quick-view{position:fixed;height:530px;width:863px;border:1px solid #B9B9B9;background:url('../img/bg-content-qv.png') repeat-x;top:46px;left:246px;z-index:1000;display:none}
#quick-view .qv-content{position:relative;width:100%;height:100%;float:left}
#quick-view .qv-imgs{float:left;margin:24px 0 0 29px;width:400px;background:#fff}
#quick-view .qv-info{float:left;margin:15px 0 0 26px;width:397px}
.qv-cl{position:absolute;width:30px;height:30px;display:inline-block;top:5px;right:5px;background-position:-174px 0}
.qv-cl:hover{background-position:-203px 0}
#quick-view .slide-img{position:relative;margin-top:12px;float:left;width:385px;padding-left:15px}
.view-img{width:400px;height:400px;float:left;border:1px solid silver;position:relative}
.view-img img{max-width:400px;max-height:400px;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0}
.slide-img img{border:1px solid silver;position:relative;float:left;margin-left:12px;width:75px;height:75px;cursor:pointer}
.qv-info .qv-name{color:#333333;font-size:24px;line-height:27px;padding:10px 15px 10px 0;}
.qv-info a:hover{color:#669933}
#quickview-prev, #quickview-next{width:11px;height:76px;position:absolute;top:0;display:inline-block}
#quickview-prev{left:0;background-position:0 -373px}
 #quickview-next{right:0;background-position:-15px -373px}
.qv-status {color:#BF0000;font-size:11px;font-weight:bold;margin-bottom:5px}
.info-contact{background:#FBFCFC;padding:5px 10px 5px 10px;border:1px solid #EFEFEF;float:left;width:349px}
.info-contact p{width:200px;color:#333;float:left;font-size:12px;line-height:20px}
.info-contact p.hotline{display:inline-block;float:left;width:auto;height:30px;line-height:30px;background-position:-274px -190px;padding-left:30px;margin:6px 0 0 20px;font-weight:bold}

#box-shadow{position:fixed;top:0;left:0;width:100%;background:#000;opacity:0.1;z-index:100;display:none;height:1000px}
#quick-view .btn {
	width:120px;
    border-bottom-color:rgba(0, 0, 0, 0.25);
    border-left-color-ltr-source:physical;
    border-left-color-rtl-source:physical;
    border-left-color-value:rgba(0, 0, 0, 0.15);
    border-right-color-ltr-source:physical;
    border-right-color-rtl-source:physical;
    border-right-color-value:rgba(0, 0, 0, 0.15);
    border-top-color:rgba(0, 0, 0, 0.15);
 -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background-color:#F5F5F5;
    background-image:-moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat:repeat-x;
    border-bottom-color:#A2A2A2;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-image-outset:0 0 0 0;
    border-image-repeat:stretch stretch;
    border-image-slice:100% 100% 100% 100%;
    border-image-source:none;
    border-image-width:1 1 1 1;
    border-left-color-ltr-source:physical;
    border-left-color-rtl-source:physical;
    border-left-color-value:#E6E6E6;
    border-left-style-ltr-source:physical;
    border-left-style-rtl-source:physical;
    border-left-style-value:solid;
    border-left-width-ltr-source:physical;
    border-left-width-rtl-source:physical;
    border-left-width-value:1px;
    border-right-color-ltr-source:physical;
    border-right-color-rtl-source:physical;
    border-right-color-value:#E6E6E6;
    border-right-style-ltr-source:physical;
    border-right-style-rtl-source:physical;
    border-right-style-value:solid;
    border-right-width-ltr-source:physical;
    border-right-width-rtl-source:physical;
    border-right-width-value:1px;
    border-top-color:#E6E6E6;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-top-style:solid;
    border-top-width:1px;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color:#333333;
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    line-height:20px;
    margin-bottom:0;
    padding-bottom:4px;
    padding-left:14px;
    padding-right:14px;
    padding-top:4px;
    text-align:center;
    text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align:middle;
	float:left;
	margin-top:10px
}
#quick-view .btn-buy, #quick-view .btn-buy2{
    background-color:#91C052 !important;
    background-image:-moz-linear-gradient(center top , #97C855, #88B44D);
    background-repeat:repeat-x;
    border-bottom-color:#58772D;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-left-color-ltr-source:physical;
    border-left-color-rtl-source:physical;
    border-left-color-value:#58772D;
    border-right-color-ltr-source:physical;
    border-right-color-rtl-source:physical;
    border-right-color-value:#58772D;
    border-top-color:#58772D;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    color:#FFFFFF;
    font-size:14px;
    font-weight:normal;
    outline-style:none;
    padding-bottom:5px;
    padding-left:14px;
    padding-right:14px;
    padding-top:3px;
    text-shadow:1px 1px #6D9437;
	border-left-color-ltr-source:physical;
    border-left-color-rtl-source:physical;
    border-right-color-ltr-source:physical;
    border-right-color-rtl-source:physical;
    border-right-color-value:rgba(0, 0, 0, 0.1);
    border-top-color:rgba(0, 0, 0, 0.1);
    color:#FFFFFF;
}
.btn-buy:hover{background:#91C052;color:#fff!important}
.breadcrumbs-view a{color:#999;display:inline-block;padding-right:5px}
.breadcrumbs-view a:hover{color:#70A926;text-shadow: 0 1px #ccc}
#cart h1 {color:#006837; font-size:26px; text-indent:25px; margin:30px 0 0; text-transform:uppercase; padding:0}
#cart .checkout-form{float:left;width:100%}
#cart  p.title{color:#70A926;font-size:14px;display:inline-block;height:30px;line-height:30px;text-transform:uppercase;width:100%;margin:10px 0 10px}
#cart  .title.large{font-size:16px}
#cart .checkout-form .input  input {height:25px; line-height:25px; width:188px;border:1px solid silver; padding:5px;}
#cart .payment-type .title.large {padding-left:25px; font-weight:normal}
.email.ico {background-position:-97px -50px; display:inline-block; height:21px; width:34px; left:40px}
#cart .checkout-form p.input{margin-bottom:10px}
#cart  h3 {
    line-height: 37px;
    padding: 0 0 0 15px;
    text-transform: uppercase;
    color: darkolivegreen;
}
#cart .checkout-form textarea{width:188px;border:1px solid silver; padding:5px;}
#cart .payment-type {color:#666666; font-weight:bold; margin-bottom:30px; margin-left:25px; margin-top:30px}
#cart .payment-type li{height:30px;line-height:30px;margin-top:10px;cursor:pointer;display:inline-block;float:left;width:100%}
#cart .payment-type input {margin-right:5px;display:inline-block;cursor: pointer;}
#cart .pay-shop-tab {float:left;margin-left:30px;margin-bottom:20px}
#cart .hidden {display:none}
#cart .payment-type  span{margin-bottom:-5px}
#cart .payment-type  span.ico{width:30px;height:22px;display:inline-block;margin-right:15px}
#cart .payment-type .pay-cod span.ico {background-position:-1px -807px}
#cart .payment-type .pay-bk span.ico{background-position:-1px -755px}
#cart .payment-type .pay-bank span.ico{background-position:-1px -782px}
#cart .payment-type .onepay span.ico{background-position:-1px -782px}
#payment-type .b {overflow: hidden;}
#cart .pay-bank-tab .list-pay-bank {float:left;border-bottom:2px dotted #ccc;margin-bottom:10px;padding-bottom:10px;width:100%}
#cart .pay-tab {float:left;width:100%; color:#666;font-weight:normal;margin-left: 47px;display: none;line-height: 30px;}
#cart .pay-bank-tab .bank-item {display:inline-block; float:left; padding:5px 10px 5px 10px; cursor:pointer}
#cart .pay-bank-tab .bank-item:hover {background:#5E9EBF}
#cart .pay-bank-tab .bank-item.active {background:#5E9EBF}
form select {width:200px;line-height:25px;height:25px;border:1px solid silver;color:#565656}
#cart .checkout-form select{width:200px;line-height:25px;height:25px;border:1px solid silver;color:#565656}
#cart p.require-login{width:937px;display:inline-block;margin-bottom:20px;text-align:center;border-radius:5px;border:1px solid #f1a25d;padding:10px;color:#70A926;font-size:15px}
#cart p.require-login a{text-decoration:underline;color:#70A926;font-style:italic}
p.oldprice {float:left; font-size:20px;}

.couponArea{display:table;overflow:hidden;}
#couponTxt{padding:5px;border:solid 1px #d8d8d8;width:130px;float:left;}
#couponBtn{
    display: table;
    background: #88C23F;
    padding: 6px 6px;
    color: #fff;
    font-size: 13px;
    float: left;
    cursor: pointer;
}
.couponArea p{width:100%;display:table;padding:5px 0;}

#hd-cooking{
	padding:12px 0;
	background: url("../img/hdcook.png") no-repeat left;
}
#hd-cooking a{
	color: #fff;
	padding-left: 35px;
}
.detail-product p.price {
    color:#CC0000;
    display:inline-block;
	float: none;
	font-size:26px
}
p.signup.message{ color:#70A926;
    margin-bottom:0;
    margin-left:40px;
    margin-right:40px;
    margin-top:40px;
    text-align:left}
p.message {text-align:center;margin:20px}
#user-active p{textalign:center!important;margin:20px;font-size:14px}
#user-active p.success{color:#70A926}
#user-active p.error{color:red}
#order-manage{padding:25px;float:left;width:910px}
#order-manage .breadcrumbs{float:left;width:100%}
#order-manage .breadcrumbs a{color:#999;text-transform:uppercase;font-size:14px}
#order-manage .head-order {color: #006837;display: inline-block;font-size: 26px;margin:20px 0 20px 0;}
#order-manage table{width:100%;float:left}
#order-manage table img{width:80px;height:80px}
#order-manage tr.head td{border-bottom:1px solid #898989;font-size:16px;color:#88c23f;text-transform:uppercase;padding-bottom:10px;padding-left:20px}
#order-manage td.order-id{width:12%;color:#4d4d4d;font-size:18px;padding-left:5px}
#order-manage td.order-info{width:18%}
#order-manage td.order-status{width:20%}
#order-manage ul.steps-order{width:160px;float:left;}
#order-manage ul.steps-order li{display:inline-block;float:left}
#order-manage ul.steps-order li.step{color:#fff;font-size:16px;background:#88c23f;border-radius:100px;width:30px;height:30px;line-height:27px;text-align:center}
#order-manage td.status{text-align:center;padding-left:20px;padding-top:10px}
#order-manage li.line{height:3px;width:10px;background:#5D9319;margin-top:14px}
#order-manage li.step.process{background:#999!important}
#order-manage li.cancelled.step{background:#af0000!important}
#order-manage li.line.process{background:#bababa!important}
#order-manage td.status p{color:#88C23F;line-height:40px;font-size:16px}
#order-manage p.process{color:#999!important}
#order-manage a.order-cancelled{font-size:13px;color:#999;text-decoration:underline;cursor:pointer}
#order-manage span.cancelled{background:#2b2b2b;border-radius:100px;display:inline-block;width:20px;height:20px;color:#fff;margin-right:5px}
#order-manage p.order-cancelled{color:#af0000!important;text-transform:uppercase}
#order-manage td{position:relative;padding: 5px 0 5px 5px;}
#order-manage td .img{padding:5px 0 5px 5px;width:109px}
#order-manage td .name{width:200px!important;padding:5px 0 5px 0}
#order-manage td .price{font-size:14px;color:#4d4d4d;padding:5px 0 5px 10px;width:142px}
#order-manage .item-order td{border-bottom:1px solid #d7d7d7;height:83px;text-align: left}
#order-manage .list-order.hover{background:#f4f3f3}
#order-manage td.status p{text-transform:uppercase}
#profile-page {padding:20px;}
#profile-page h1{color:#006837;font-size:26px;text-transform:uppercase;padding-left:0}
#profile-page table{width:675px;float:left	}

#profile-page tr.head-table td {border-bottom:1px solid silver;font-size: 16px;padding-bottom: 10px;text-align: left;text-transform: uppercase;color:#70A926}
#profile-page td {font-size: 15px;padding:5px}
#profile-page td.val{color:#70A926;width:60%}
#profile-page .profile-nav{float:left;width:210px;margin-left:20px}
#profile-page .profile-nav p{width:100%;margin-left:5px;display:inline-block;margin-bottom:15px}
#profile-page .profile-nav p.title{border-bottom:1px solid silver;text-transform:uppercase;font-size:16px;color:#70A926;padding:10px}
#profile-page .profile-nav p a{color:#444}
#profile-page .profile-nav p a.actived, #profile-page .profile-nav p a:hover{text-decoration:underline}
#profile-page  input[type='text'],select,input[type='password']{width:200px;height:25px;border:1px solid silver}
#profile-page .hidden-pwd.show{display:block}
#profile-page .hidden-pwd {display:none}
#profile-page button{
background : #91C052 -moz-linear-gradient(center top , #97C855, #88B44D) repeat-x;
    color:#FFFFFF;padding:3px 14px 5px 14px;
    font-size:14px;
    font-weight:normal;
    outline-style:none;
text-shadow:1px 1px #6D9437;color:#FFFFFF;border:none;border-radius:4px;cursor:pointer;
}
#profile-page td[colspan="2"]{text-align:center}
form.profiletd{width:150px}
#profile-page li{margin-top:20px;float:left;width:100%;position:relative}
#profile-page li label{float:left;margin-left:30px}
#profile-page li input[type='password'] {position:absolute;left:300px}
#signin p {text-align:center;}
#signin p a{color:#333;}
#signin p a:hover{text-decoration:underline}

.filters > span {margin-left: 16px;}

.loadingcheckout{background:#fff;border-radius:5px;box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);width:300px;padding:20px;display:none;z-index:999}
.loadingcheckout img{display:block;margin:0 auto;}
.loadingcheckout p{color:#333;text-transform:uppercase;font-size:14px;text-align:center;font-weight:bold;}
#overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:#000;opacity:0.7;display:none;z-index:99}
#orderV{
	text-align: center;
	width: 100%;
	margin: 20px auto;
}
#orderVct{
	line-height: 30px;
}
#back-home a{
	padding: 3px 10px;
	background: #21A707;
	border-radius: 15px;
	color: #fff;
}
/*news view*/
#news-view{
	width: 100%;
	margin:5px auto;
}
#news-view h3{
	padding-left: 10px;
}
#news-v-ct{
	line-height:29px;
	padding: 10px;
}
/**/
#odP{
	margin-top: 15px;
	border: 1px solid #ccc;
}
#odP_label{
	background:#88c23f;
	padding:5px 10px;
	color: #fff;
}
#order_policy{
	height: 130px;
	overflow-y: scroll;
	padding: 5px 10px;
	line-height: 28px;
	font-size: 12px;
	font-weight: normal;
}
/*----- product home ----*/
#pro-home,
.pro-home-ct{
	float: left;
	overflow: hidden;
	width: 100%;
}
#pr-home-item{
	float:left;
	width: 230px;
	margin: 0 10px 10px 0;
}
#pr-home-item img {
	max-height: 230px;
	max-width: 230px;
}
#pr-home-img{
	display:block;
	width: 100%;
	height: 230px;
	overflow: hidden;
}
#pr-home-name{
	max-height: 38px;
	overflow: hidden;
	display: block;
	color: #666;
	padding-left: 10px;
	text-transform: none;
	margin-bottom: 5px;
}
#pro-home h3{
	color: #333;
	text-shadow: 1px 1px #fff;
	padding-left: 28px;
	font-weight: normal;
	font-size: 26px;
	margin: 10px 0  10px 15px;
	text-transform: uppercase;
	background: url('/tp/T0060/img/sprite-icon.png') no-repeat;
	background-position: -37px -251px;
}
#dev-ft{
    color: #444;
    font-weight: bold;
    font-size: 13px;
}
#searchFolding {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #888;
    box-shadow: 0 0 2px #bbb;
    display: none;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 33px;
    width: 355px;
    z-index: 100;
}
#searchFolding a {
    display: block;
    font-size: 13px;
    overflow: hidden;
    padding: 2px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* subscribe */
#subscribe{
	float: left;
	width: 96%;
	text-align: center;
	background: url("../img/bg-subcrible.jpg");
	background-size: 100% 100%;
	color: #fff;
	font-size: 16px;
	margin-top: -4px;
}
#subscribe>p{	
	padding: 10px 0;
}
#subscribe>p>input{
    border: 1px solid #693;
    width: 255px;
    height: 30px;
    text-align: center;
}
#subscribe>p .btnSubscribe{
	height: 32px;
	margin-left: -5px;
	text-transform: uppercase;
	color: #FFF;
	font-family: monospace;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 1px;
	background: #693 none repeat scroll 0 0;
	border: none;
	vertical-align: top;
	cursor: pointer;
}

/*CSS FLOAT MENU*/
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 14px;
    position: relative;
}
#cssmenu a {
    line-height: 1.3;
}
.top{
    top: 180px;
    max-height: 400px;
}
.scroll{
    top: 20px;
    max-height: 450px;
}
#cssmenu {
    position: fixed;
    left: 5px;
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    /*overflow-y: auto;*/
    background: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
#cssmenu > ul > li {
    margin: 0 0 2px 0;
}
#cssmenu > ul > li:last-child {
    margin: 0;
}
#cssmenu > ul > li > a {
    /*font-size: 15px;*/
    display: block;
    color: #ffffff;
    text-shadow: 0 1px 1px #000;
    background: #6E9A31;
    border: 1px solid #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#cssmenu > ul > li > a > span {
    display: block;
    border: 1px solid #6E9A31;
    padding: 6px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*font-weight: bold;*/
}
#cssmenu > ul > li > a:hover {
    text-decoration: none;
}
#cssmenu > ul > li.active {
    border-bottom: none;
}
#cssmenu > ul > li.active > a {
    background: #97be10;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    border: 1px solid #79980d;
}
#cssmenu > ul > li.active > a span {
    border: 1px solid #97be10;
}
#cssmenu > ul > li.has-sub > a span {
    background: url(../img/icon_plus.png) 98% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
    background: url(../img/icon_minus.png) 98% center no-repeat;
}
/* Sub menu */
#cssmenu ul ul {
    padding: 5px 12px;
    display: none;
    list-style: circle;
}
#cssmenu ul ul li {
    padding: 3px 0;
}
#cssmenu ul ul a {
    display: block;
    color: #70A926;
    font-size: 13px;
    /*font-weight: bold;*/
}
#cssmenu ul ul a:hover {
    color: #79980d;
}

.content-header img{
    margin-top: 15px;
}
#plusone{
    padding-top: 4px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-widget-header{
    background: #88C23F !important;
}
#promotion .paginator span.currentPage {
    width: 30px;
    height: 30px;
    background: #81a64b;
    color: #FFF;
    text-align: center;
    margin: 0 2px;
    padding: 4px 10px;
}
#promotion .paginator a{
    padding: 4px 10px;
    margin: 0 2px;
    width: 30px;
    display: inline;
    height: 30px;
    background: #FFF;
    color: #333;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#promotion .paginator a.ico{
    background: none !important;
}
#promotion .paginator a:before, #promotion .paginator a:after{
    font-family: Fontawesome;
}
#promotion .paginator a.paging-next:before{
    content: "\f105";
}
#promotion .paginator a.paging-last:before{
    content: "\f101";
}
#promotion .paginator a.paging-first:before{
    content: "\f100";
}
#promotion .paginator a.paging-previous:before{
    content: "\f104";
}

#header .top-link {
    /*overflow: hidden;*/
}
#header .content-top-policy {
    width: 77%;
    margin-left: 0;
}
#header .content-top .box_language {
    width: 23%;
}
#header .content-top-policy li {
    width: 26% !important;
}
.content-top ul li.hotline {
    width: auto;
}
.content-top ul li {
    padding: 12px 10px 12px 30px;
}
#subscribe > p .btnSubscribe,
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
    font-family: Tahoma, "Helvetica Neue", "Helvetica", Verdana !important;
}
.proNew img, .proGift img {
    width: 90px;
    height: 30px;
    max-width: 100%;
    overflow: hidden;
}
.proGift {
    position: relative;
    text-align: center;
}
.giftHover {
    left: 0;
    width: 92%;
    z-index: 99999999999999;
    margin: 0 4%;
    bottom: 40px;
    top: unset;
    display: none;
    position: absolute;
    right: -60px;
    font-size: 12px;
    height: auto;
    line-height: 20px;
    text-align: left;
    background: #005baa;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}
.proGift:hover .giftHover {
    display: block;
}
.giftHover .arrow-up {
    left: 35px;
    right: auto;
    bottom: -10px;
    top: unset;
    border-top: 10px solid #005baa;
    border-bottom: none;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
}
#order-manage .item-order td.price{
    height: auto;
    display: block;
    padding: 5px 0 5px 0;
}
#order-manage .item-order td.name{
    height: auto;
}
#order-manage td.total p {
    color: #88c23f;
    line-height: 40px;
    font-size: 16px;
    text-align: left;
    padding-left: 20px;
    padding-top: 10px;
    text-align: center;
}
.head td{
    text-align: center;
}
.right-info .buy-box .buy .addToCart{
    float: right;
    display: inline-block;
    width: 123px;
    height: 30px;
    background-position: 0 -534px;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-right: 90px;
    margin-left: 0;
    margin-top: 3px;
    line-height: 28px;
    cursor: pointer;
}
.ui-widget-content{
    background: #fff;
}
.ui-dialog .ui-dialog-titlebar-close{
    display: none;
}
/*HOTLINE_NOW*/
.ew-alo-phone {
    position: fixed;
    bottom: 25%;
    z-index: 999;
    left: -50px;
}

.ew-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    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);
    border: 2px solid #48A5D4;
    opacity: .1;
    -webkit-animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
    animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

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

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

.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone:hover .ew-alo-ph-circle {
    border-color: #309ACF;
    opacity: .5
}

.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone.ew-alo-green:hover .ew-alo-ph-circle {
    border-color: #FDAA38;
    border-color: #ffc272;
    opacity: .5
}

.ew-alo-phone.ew-alo-green .ew-alo-ph-circle {
    border-color: #309ACF;
    border-color: #48A5D4;
    opacity: .5
}

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

.ew-alo-phone.ew-alo-gray .ew-alo-ph-circle {
    border-color: #FDAA38;
    opacity: .5
}

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

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

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

.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone:hover .ew-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    background-color: #309ACF;
    opacity: .75 !important
}

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

.ew-alo-phone.ew-alo-green .ew-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    background-color: #a6e3fa;
    opacity: .75 !important
}

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

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

.ew-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    background: rgba(30, 30, 30, 0.1) url(/tp/T0060/img/temp/jIfeFOA.png) no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
    animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

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

.ew-alo-phone.ew-alo-static .ew-alo-ph-img-circle {
    -webkit-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important;
    -moz-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important;
    -ms-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important;
    -o-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important;
    animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important
}

.ew-alo-phone.ew-alo-hover .ew-alo-ph-img-circle,
.ew-alo-phone:hover .ew-alo-ph-img-circle {
    background-color: #309ACF
}

.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-img-circle,
.ew-alo-phone.ew-alo-green:hover .ew-alo-ph-img-circle {
    background-color: #FDAA38
}

.ew-alo-phone.ew-alo-green .ew-alo-ph-img-circle {
    background-color: green;
}

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

.ew-alo-phone.ew-alo-gray .ew-alo-ph-img-circle {
    background-color: #FDAA38
}

@-moz-keyframes ew-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}

@-webkit-keyframes ew-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
    }
}

@-o-keyframes ew-alo-circle-anim {
    0% {
        -o-transform: rotate(0) skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}

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

@-webkit-keyframes ew-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
    }
}

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

@-moz-keyframes ew-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes ew-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)
    }
}

@-o-keyframes ew-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}
.fix-conten {
    position: fixed;
    bottom: 100px;
    right: 5px;
    z-index: 100;
}
.fixedItem{
    display: none;
    text-align: center;
    margin-top: 5px;
}
.fixedItem.cart a {
    background: #ed1b25;
}
.fixedItem a {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #00a651;
    border-radius: 100px;
}
.fixedItem.cart a img {
    max-width: 17px;
}
.fixedItem i {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
}
.zalo-ico{
    display: block;
    width: 45px;
}
.instagram-ico{
    display: block;
    width: 45px;
}
.instagram-ico img{
    width: 100%;
}
.zalo-ico img{
    width: 100%;
}
.wrap-icon-social a {

    margin: 5px 6px 0 0;
}
.wrap-icon-social{
    display: flex;
}