@charset "utf-8";
/* CSS Document */
body { }

/* mobile CSS */
@media screen and (min-width: 240px) and ( max-width: 767px) {
	
body { padding-bottom: 64px; background-color: #f3f3f3;}
header { background-color: #b1191a;}
nav {}
footer { margin-top: -20px; color: rgba(255,255,255,0.6);
	background: -moz-linear-gradient(top, transparent, #000);
	background: -webkit-linear-gradient(top, transparent, #000);
	background: -o-linear-gradient(top, transparent, #000);
}


/* header */
header h1 { min-width: 100px; color: #fff; line-height: 1.15;}
header h1 a { display: block; color: #fff;}
header h1 .icon-lija-elec {min-width: 80px;}
header .top-search { padding: 10px 44px 10px 130px;}
header .top-search input { padding: 2px 4px; width: 100%; background-color: rgba(0,0,0,0.2); border: none; border-radius: 4px;}
header .btn-location { min-height: 44px; background-color: transparent; border: none;}

header .header-title { padding: 10px 44px; font-weight: 400;}

/* banner */
.banner { position: relative;}

/* navi top */
.nav-top { margin: 10px 5px;}
.nav-top ul { display: table; margin: 0; padding: 0; width: 100%;}
.nav-top ul li { display: table-cell; margin: 0; padding: 0; width: 25%;}
.nav-top a { display: block; margin: 0 5px; padding: 10px; height: 100%; text-align: center; color: #fff; border-radius: 3px;}
.nav-top [class^="icon-"], .nav-top [class^="icon-"] { font-size: 25px;}
.nav-top .nav-title { display: block; margin: 4px -10px -10px; font-size: 10px; line-height: 2; box-shadow: inset 0 1px 4px rgba(0,0,0,0.1);}

.nav-top .nav-product a { background-color: #b1191a;}
.nav-top .nav-member a { background-color: #56BC8A;}
.nav-top .nav-cart a { background-color: #F1992F;}
.nav-top .nav-service a { background-color: #D95E3F;}

/* navi fixed */
.nav-fixed { position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.nav-fixed ul { display: table; margin: 0; padding: 0; width: 100%; background-color: #fff;}
.nav-fixed ul li { position: relative; display: table-cell; margin: 0; padding: 0; width: 20%;}
.nav-fixed ul li:last-child { border-right: none;}
.nav-fixed a { display: block; margin: 0; padding: 10px 10px 10px; height: 100%; text-align: center; color: #999; border-radius: 3px;}
.nav-fixed [class^="icon-"], .nav-fixed [class^="icon-"] { font-size: 26px; color: #666;}
.nav-fixed .nav-title { display: block; margin: 3px -10px; font-size: 10px; line-height:1;}

.nav-fixed a.active { background-color: #f4f4f4; }
.nav-fixed a.active [class^="icon-"], .nav-fixed a.active [class*="icon-"], .nav-fixed a.active .nav-title { color: #b1191a;}

.dot-numeber { position: absolute;right: 5px; top: 5px; width: 1.5em; height: 1.5em; background-color: #FF533F; color: #fff; text-align: center; line-height: 1.5em; font-size: 8px; border-radius: 50%;}

/* login home */
.login-home {}
.login-home [class^="col-"], .login-home [class*="col-"] { padding: 0;}
.login-home [class^="icon-"] , .login-home [class*="icon-"] { margin-right: 10px; font-size: 25px; vertical-align: middle;}
.adblock { width: 100%; overflow: hidden; border-radius: 3px 0 0 3px;}
.adblock img { min-height: 78px; max-height: 80px;}
.btn-member, .btn-agency { height: 40px;}

.loginother a{ width:40px; height:40px; margin:15px 20px 15px 0; float:left;background-size:100% 100%;}
.loginother a.icon-tb{ background-image:url(../images/icon-tb.png);}
.loginother a.icon-wx{ background-image:url(../images/icon-wx.png);}
.loginother a.icon-qq{ background-image:url(../images/icon-qq.png);}
.loginother a.icon-wb{ background-image:url(../images/icon-wb.png);}

/* prodcut brand*/
.hidden-mobile { display: none;}

#brand-item { margin-bottom: 10px; background-color: #fff; border-radius: 3px; overflow: hidden;}
#brand-item ul, #brand-item li { margin: 0; padding: 0; list-style: none;}
#brand-item li { display: block; float: left; width: 25%; height: 60px;}
#brand-item li a { display: block; padding: 10px; height:100%; border: 1px solid #e8e8e8;}
#brand-item li a:nth-child(2n+1) { border-bottom: none; border-right: none;}
#brand-item li a img { width: auto; max-width: 55px; max-height: 40px; vertical-align: middle;}

.product-brand-page { background-color: #fff; border-radius: 3px;}

.product-tabs { position: relative; z-index:2; background-color: #efefef; border-radius: 3px 3px 0 0; overflow: hidden;}
.product-tabs ul, .product-tabs li { margin: 0; padding: 0; list-style: none;}
.product-tabs li { width: 25%; padding: 10px; cursor: pointer; border: 1px solid #e8e8e8; border-right: none; text-align: center;}
.product-tabs li:first-child { border-radius: 3px 0 0 0;}
.product-tabs li:last-child { border-right: 1px solid #e8e8e8; border-radius: 0 3px 0 0;}
.product-tabs li.on { background-color: #fff; border-bottom-color: #fff; color: #b1191a;}

.product-tabs-content { position: relative; margin-top: -1px; padding: 5px; border: 1px solid #e8e8e8;}
.product-tabs-content ul, .product-tabs-content li { margin: 0; padding: 0; list-style: none;} 
.product-tabs-content li { display: block; float: left; width: 25%; text-align: center; font-size: 12px;}
.product-tabs-content li a { display: block; padding: 5px 10px; color: #999; border: 1px solid #fff;}
.product-tabs-content li a.active { border: 1px solid #b1191a; color: #b1191a;}

/* product grid/list */
.item-recommend { position: absolute; left: 0; top: 0; display: block; width: 35px; height: 35px; background-image: url(../img/icon-recommend.png); background-size: 35px auto; background-repeat: no-repeat;}
.item-img { display: block;}
.item-name { display: block; height: 3.6em; line-height: 1.4; box-shadow: inset 0 1px 4px rgba(0,0,0,0.1);
overflow : hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: -o-ellipsis-lastline;
text-overflow: ellipsis;
}
.item-price { display: block; margin-top: -5px; font-weight: 700;}
.item-price:before { display: inline; content: "￥"; font-size: 75%; font-weight: normal;}

.product-list-item.grid, .product-list-item.list { position: relative; float: left; min-height: 1px; padding-right:5px; padding-left: 5px;}
.product-list-item.grid { width: 50%; margin-bottom: 10px;}
.product-list-item.list { width: 100%;}

.product-list-item.grid .item-series { display: none;}

.product-list-item.list .box { border-bottom: 1px solid #e8e8e8; border-radius: 0;}
.product-list-item.list:first-child .box { border-radius: 3px 3px 0 0;}
.product-list-item.list:last-child .box { border-radius: 0 0 3px 3px;}

.product-list-item.list .item-img { float: left; display: inline-block; width: 100px;}
.product-list-item.list .item-name { padding: 10px 10px 10px 0 !important; box-shadow: none;}
.product-list-item.list .item-series { display: block;}
.product-list-item.list .item-price { margin-top: 0;}

.product-list-item .item-caret { right: 10px; margin-top: -10px;}

/* product detail */
.gallery { position: relative; overflow: hidden;}
.gallery-container { border-radius: 3px 3px 0 0; overflow: hidden;}

.detail-title { position: relative; padding: 10px; line-height: 40px; border-bottom: 1px solid #e8e8e8;}
.detail-title:after { display: block; content: ""; position: absolute; left: 10px; bottom: -2px; width: 4em; height: 4px; background-color: #b1191a; border-radius: 2px;}



/* cart meta */
.cart-meta { padding-left: 10px; padding-right: 10px; margin-left: -5px; margin-right: -5px;}
.cart-meta .cart-option { display: block; float: left; margin-bottom: 10px; text-align: center; cursor: pointer;-ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.cart-meta .cart-option label { display: block; padding: 10px 15px; margin: 0 5px; color: #999; font-size: 12px; border: 1px solid #999; border-radius: 3px;}
.cart-meta .cart-option label.active { background-color: #b1191a; color: #fff; border-color: #b1191a;}

.cart-number { border: 1px solid #ccc;}
.cart-number div { float: left; line-height: 20px;}
.number-sub, .number-plus { padding: 5px 10px; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.number-sub [class^="icon"], .number-plus [class^="icon"] { position: relative; top: 3px;}

.ctrl-box { background-color: #f4f4f4;}
.popup .ctrl-box { background-color: transparent;}
.popup .ctrl-box .btn-light { border-radius: 4px; border-left: none;}

.shopping-cart .box-heading { margin-bottom: 0; height: 40px; line-height:40px; color:#333; font-size:12px!important; border-bottom: 1px solid #e8e8e8;}
.shopping-cart .product-list-item.list .item-name { padding-right: 10px;}
.shopping-cart .product-list-item.list .item-img { width: 120px;}
.shopping-cart .product-list-item.list .cart-number { border-radius: 3px; border-color: #ccc;}
.shopping-cart .item-checkbox { padding: 10px; width: 40px; line-height: 100px; text-align: center; border-right: 1px solid #e8e8e8;}
.shopping-cart .item-checkbox input[type='radio'],.shopping-cart .item-checkbox input[type='checkbox'] { margin-top: 3px; vertical-align: middle;}
.shopping-cart .item-checkbox.small { padding: 10px; line-height: 20px; text-align: center;}
.shopping-cart .item-checkbox.pull-left { border-right: 1px solid #e8e8e8;}

.shopping-cart .check-detail img { display: inline-block; margin: 0 10px 0 0; max-width: 50px; max-height: 20px;}
.shopping-cart .check-detail { padding-left: 40px;}

.item-unit:before { display: inline-block; content: "×";}

.edit-box { position: absolute; right: 0; top: 25%; bottom: 25%;}
.edit-box button { display: block; float: left; width: 60px; height: 100%; border-radius: 0;}
.edit-box button [class^="icon-"] { display: inline-block;}
.edit-box button .btn-label { display: block; margin-left: -10px; margin-right: -10px;}

.edit-box.small button { width: 40px; height: 40px;}
.edit-box button [class^="icon-"] { font-size: 20px;}


#payment-box .wrapper { margin: 100px auto 0 auto; padding: 10px; width: 260px;}
.payment-pwd input[type="password"] { background-color: #fff; width: 100%; background-color: #f4f4f4; text-align: center; font-size: 24px; line-height: 40px; border: 1px solid #e8e8e8; border-right: none;}
.payment-pwd li:first-child input { border-radius: 3px 0 0 3px;}
.payment-pwd li:last-child input { border-right: 1px solid #e8e8e8; border-radius: 0 3px 3px 0;}
.payment-pwd .mm-listview > li:not(.mm-divider):after { display: none!important;}

.empty-cart { padding-top: 100px; min-height: 300px; color: #666; }

/* search form */
.search { background-color: #b1191a; color: #fff;}

.search .animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: none;
	-moz-animation-fill-mode: none;
	-o-animation-fill-mode: none;
	animation-fill-mode: none;
}

.sort-form { display: table; padding-right: 40px; width: 100%; line-height: 40px;}
.sort-form [class^="sort-"], .sort-form [class*="sort-"] { display: table-cell;}
.sort-form .icon-caret { margin-left: 5px; vertical-align: middle;}

.sort-item { position: relative; width: 100%;}
.sort-item, .sort-item li { margin: 0; padding: 0; list-style: none;}
.sort-item li { float: left; width: 33.3333333333%;}
.sort-item li a { color: #fff;}
.sort-item li ul { display: none; position: absolute; left: 0; right: -40px; z-index: 999; background-color: #fff;}
.sort-item li.active ul { display: block;}

/* NEW ADD */
#sort_str_select a, #sort_str_type a { color: #666;}

.list-item { box-shadow: 0 5px 10px rgba(0,0,0,0.15);}
.list-item:after { display: block; content: ""; width: 100%; height: 10px; background-color: #f4f4f4; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.sort-item .list-item:after, .popup .list-item:last-child:after, .no-after:after { display: none;}
.no-after:last-child, .no-after li:last-child { border-bottom: 1px solid #e8e8e8!important;}
.no-border { border: none!important;}

.no-shadow { box-shadow: none;}
.list-item, .list-item li { margin: 0; padding: 0; list-style: none;}
.list-item li { position: relative; padding: 10px; width: 100%; color: #999; line-height: 30px; text-align: left; border-bottom: 1px solid #e8e8e8;}
.list-item li:last-child { border-bottom: none;}
.list-item li.active { color: #b1191a;}
.list-item li .input-small { width: 5em; text-align: center; font-size: 12px;}
.list-item li.item-label { padding: 0 10px; background-color: #f4f4f4; font-size: 8px; line-height: 8px;}
.list-item .icon-arrow-right { margin-left: 10px;}
.list-item .offset-right { padding-right: 4em;}
.list-address { padding-right: 4em;}

.list-item [class^="list-item-"],.list-item [class*="list-item-"] { position: relative; border-bottom: 1px solid #e8e8e8;}
.list-item .list-item-top:last-child,
.list-item .list-item-bottom { border-bottom: none;}

.list-item-top:first-child .btn-light { border-radius: 0 3px 0 0;}
.list-item-top:last-child .btn-light { border-radius: 0 0 3px 0;}


.list-label { position: absolute; left: 10px; top: 10px; font-size: 12px;}
.list-label:after { display: inline-block; content: ":"; margin-left: 5px;}
.list-info { display: block; padding-left: 8em; font-size: 12px; color: #666;}
.list-reply { position: relative; margin-top: 10px; padding: 10px; background-color: #E5F5FB; border-radius: 3px;}
.list-reply .list-info {padding-left: 8em;}

.btn-sort-change { position: absolute; right: 0; width: 40px; height: 40px; line-height: 40px;}
.btn-sort-change button { padding: 0; width: 100%; height: 100%;}

.choose-tabs { padding: 10px;}
.choose-tabs ul, .choose-tabs li { margin: 0; padding: 0; list-style: none;}
.choose-tabs ul { display: table; width: 100%; border-collapse: collapse; border-radius: 3px;}
.choose-tabs li { display: table-cell; width: 25%; line-height: 30px; border: 1px solid #fff; text-align: center;}
.choose-tabs li a { color: #fff;}
.choose-tabs li.active { background-color: rgba(0,0,0,0.15);}

.search-tabs { margin: 0 auto; width: 100%;}
.search-tabs ul.tabs-option { display: table; width: 100%;}
.search-tabs ul.tabs-option li { display: table-cell; width: 50%; text-align: center;}
.search-tabs ul.tabs-option a { display: block; padding: 10px 0; background-color: #b1191a; color: #fff;}
.search-tabs ul.tabs-option .active a { color: #b1191a; background-color: #fff;}
.search-tabs div { height: auto;}

.search-form select, .search-form input, .search-form button { padding: 5px; height: 40px;}

/* product catalogue */
.product-catalogue .icon-arrow-right { top: 10px; padding: 0 10px; line-height: 20px;}
.product-catalogue a { display: block;}


/* member */
.box-red { padding: 20px; background-color: #b1191a; color: #fff; border-radius: 3px 3px 0 0;}
.box-green { position: relative; padding: 20px; min-height: 100px; color: #fff; border-radius: 3px 3px 0 0;}
.box-green .box-icon { font-size: 40px;}
.box-green .icon-agency { position: relative; top: 2px;}

.btn-code { position: absolute; right: 10px; top: 5px; padding: 4px 15px;}
.text-info { background-color: #f4f4f4; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;}
.info-number { position: absolute; left: 0; top: 12px; right: 0; bottom: 0; text-align: center;}

.member-setting { position: absolute; right: 0; top: 0; line-height: 40px;}
.member-setting button { position: relative;}

.box-middle { position: relative; border-bottom: 1px solid #e8e8e8;}
.box-middle:after { background-color: #f4f4f4; height: 10px; display: block; content: ""; border-top: 1px solid #e8e8e8;}

.user-info { position: absolute; top: -50px; left: 10px; float: left;}
.vip { position: absolute; left: 55px; width: 20px; height: 20px; background-color: #FF533F; color: #fff; font-size: 10px; line-height: 20px; text-align: center; border: 1px solid #fff; border-radius: 100%; text-transform: uppercase;}
.user-img { width: 70px; height: 70px; background-color: #fff; border: 3px solid #fff; border-radius: 100%; overflow: hidden;}
.user-img-small { width: 40px; height: 40px; background-color: #fff; border: 1px solid #fff; border-radius: 100%; overflow: hidden;}
.user-img-small a { display: block;}
.user-name { padding-top: 5px;}
.user-level { opacity: 0.6}

.member-order-tips { position: relative; top: 0;}
.member-order-tips ul, .member-order-tips li { margin: 0; padding:0; list-style: none; text-align: center;}
.member-order-tips li { width: 65px; border-right: 1px solid #e8e8e8;}
.member-order-tips li:last-child { border-right: none;}

.member .list-item .pull-left { margin-top: -10px; margin-left: -10px; margin-right: 10px; width: 40px; height: 40px; text-align: center;}
.member .list-item .pull-left [class^="icon-"] { position: absolute; left: 0; top: 0; bottom: 0; width: 40px; height: 50px; text-align: center; line-height: 50px; font-size:20px;}
.member .list-item .icon-file { background-color: #b1191a;}

.member .item-checkbox.small { padding: 10px; line-height: 20px; text-align: center;}
.member .item-checkbox.pull-right { border-left: 1px solid #e8e8e8;}

.member textarea { max-height: 40px;}

.order-type { display: table; width: 100%; padding: 0!important;}
.order-type a { display: table-cell; width: 20%; color: #999; line-height: 40px; text-align: center;}
.order-type a:last-child { border-right: none;}
.order-type a.active { color: #b1191a; border-bottom:3px #b1191a solid;}

.points-type { display: table; width: 100%; padding: 0!important; border: 1px solid #ccc; border-radius: 3px;}
.points-type a { display: table-cell; width: 25%; color: #999; line-height: 40px; text-align: center; border-right: 1px solid #ccc;}
.points-type a:first-child { border-radius: 3px 0 3px 0;}
.points-type a:last-child { border-right: none; border-radius: 0 3px 0 3px;}
.points-type a.active { background-color: #F4FDFF; color: #b1191a;}

.table-list { width: 100%; border-collapse: collapse;}
.table-list thead { background-color: #666; color: #fff;}
.table-list thead th { padding: 5px 10px; text-align: left; font-weight: 500;}
.table-list tbody { background-color: #fff; color: #999;}
.table-list tbody tr { border-bottom: 1px solid #e8e8e8;}
.table-list tbody tr:nth-child(odd) { background-color: #fff;}
.table-list tbody tr:nth-child(even) { background-color: #f4f4f4;}
.table-list tbody td { padding: 10px;}

.agency-step { display: table; width: 100%; padding: 0!important; border-radius: 3px;}
.agency-step a { display: table-cell; width: 25%; color: #999; line-height: 40px; text-align: center;}
.agency-step a:first-child { border-radius: 3px 0 3px 0;}
.agency-step a:last-child { border-right: none; border-radius: 0 3px 0 3px;}
.agency-step a.active { color: #b1191a; border-bottom:3px #b1191a solid;}

/* service */
.box-blue { position: relative; padding: 20px; min-height: 100px; background-color: #b1191a; color: #fff; border-radius: 3px 3px 0 0;}
.box-icon { margin: 0 auto; padding: 5px; width: 60px; height: 60px; background-color: rgba(255,255,255,0.3); font-size: 50px; line-height: 50px; border-radius: 100%;}

.service-tel{ padding-top: 20px; font-size: 24px; line-height: 30px;}
.service-tel a { color: #fff;}
.service-tel span { opacity: 0.6}
.service-tel span:after { display: inline; padding-right: 10px; content: ":";}


.servie-item { margin-bottom: -10px;}
.servie-item [class^="col-"],.servie-item [class*="col-"] { border-right: 1px solid #e8e8e8;}
.servie-item [class^="col-"]:last-child,.servie-item [class*="col-"]:last-child { border-right: none;}
.servie-item [class^="icon-"],.servie-item [class*="icon-"] { display: block; margin: 0 auto; width: 50px; height: 50px; background-color: #b1191a; line-height: 50px; border-radius: 50%; color: #fff;}
.servie-item .btn-label { display: block; margin-top: 10px;}

/* refund */
.refund .product-list-item.list .item-img,
.member .product-list-item.list .item-img { width: 90px;}
.refund .product-list-item.list .item-name,
.member .product-list-item.list .item-name { padding-right: 20px; padding-bottom: 0; height: 2.2em; -webkit-line-clamp:1;}
.refund .product-list-item.list .item-series,
.member .product-list-item.list .item-series { padding-top: 5px;}

.refund-bottom .item-price { display: inline-block;}


/* popup */
.popup, .mm-menu.mm-front { z-index: 9999!important;}
.popup .box-heading { color: #999;}

html.mm-opened.mm-effect-zoom-menu body { background: #f3f3f3;}
html.mm-opened.mm-effect-zoom-menu.mm-theme-dark body { background: #333;}
html.mm-opened.mm-effect-zoom-menu.mm-theme-black body { background: #000;}
html.mm-opened.mm-effect-zoom-menu.mm-theme-white body { background: #fff;}
html.mm-opened.mm-effect-zoom-menu .mm-page { background-color: #fff;}
.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { height: 10px!important;}



/*footer*/
footer p { line-height: 1.2;}
}

/* screen CSS */
@media screen and (min-width: 768px) {
/* common */
* {transition: all ease-in-out 0.3s;}

body { background-color: #f4f4f4;}
.container { width: 970px;}
.container { margin: 0 auto;}	

a { color: #666;}
a:hover { color: #333;}
a:hover img { opacity: 0.65;}	


.product-list-item a { display: block;}
.item-name { padding: 10px 0; height: 4em;
overflow : hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: -o-ellipsis-lastline;
text-overflow: ellipsis;
}
.product-list-item a:hover .item-name, .item-name:hover { color: #999;}
.item-price:before { display: inline; content: "￥"; font-size: 12px;}

	
/* header */
header { margin-bottom: 20px; background-color: #b1191a; color: #fff;}
header h1 { margin: 30px 0 27px 0; font-size: 30px; line-height: 30px;}
.header-top { background-color: rgba(0,0,0,0.15); font-size: 12px; line-height: 30px;}
.header-top a { color: #fff; text-decoration: underline;}

header .top-search { padding: 25px 60px 0 200px; text-align: right;}
header .top-search input { padding: 10px; width: 50%; background-color: rgba(0,0,0,0.35);}

header .pull-right { padding-top: 25px;}
header .btn-location { margin: 0; padding: 0; width: 40px; height: 40px; background-color: transparent;}
header .btn-location .icon-location { font-size: 30px;}

.agency-header { margin-bottom: 0;}

/* breadcrumb */
.breadcrumb { margin-top: -20px; margin-bottom: 20px; padding: 10px 0; background-color: #fff; border-bottom: 1px solid #e8e8e8;}
.breadcrumb ul, .breadcrumb li { margin: 0; padding: 0; list-style: none;}
.breadcrumb li { display: inline-block; font-size: 12px; color: #ccc;}
.breadcrumb li a { color: #999;}
.breadcrumb li a:after { display: inline-block; content: ">"; padding: 0 10px; color: #ccc; font-family: "Courier New", Courier, monospace;}

/* banner */
.banner { position: relative; margin-bottom: 20px;}
.banner .row { border: 1px solid #e8e8e8;}
.banner .swiper-pagination-bullet { margin: 0 10px; width: 14px; height: 14px; background-color: transparent; border: 2px solid #000; opacity: 0.35;}
.banner .swiper-pagination-bullet-active { opacity: 1; background-color: #b1191a; border-color: #b1191a;}

/* navigation */
.nav-top, .nav-fixed { position: fixed; right: 0; top: 150px; z-index: 1000;}
.nav-top ul, .nav-fixed ul { display: block; margin: 0; padding: 0; width: 80px;}
.nav-top ul li, .nav-fixed ul li { position: relative; display: block; margin: 0; padding: 0;}
.nav-top a, .nav-fixed a { display: block; margin: 0; padding: 15px 10px; height: 100%; text-align: center; color: #fff;}
.nav-top [class^="icon-"], .nav-top [class*="icon-"],
.nav-fixed [class^="icon-"], .nav-fixed [class*="icon-"] { font-size: 25px;}
.nav-top .nav-title, .nav-fixed .nav-title { display: block; margin: 10px -10px -15px; font-size: 12px; line-height: 2; box-shadow: inset 0 1px 4px rgba(0,0,0,0.1);}

.nav-fixed .nav-home a { background-color: #7A8597;}
.nav-top .nav-product a, .nav-fixed .nav-product a { background-color: #b1191a;}
.nav-top .nav-member a, .nav-fixed .nav-member a { background-color: #56BC8A;}
.nav-top .nav-cart a, .nav-fixed .nav-cart a { background-color: #F1992F;}
.nav-top .nav-service a, .nav-fixed .nav-service a { background-color: #D95E3F;}
.dot-numeber { position: absolute;right: 5px; top: 5px; width: 1.5em; height: 1.5em; background-color: #FF533F; color: #fff; text-align: center; line-height: 1.5em; font-size: 8px; border-radius: 50%;}

/* login home */
.login-home { float: left; margin-bottom: 20px; width: 50%; text-align: right;}
.login-home .container { margin-right: 10px; width: 475px;}
.login-home .row-fluid { margin-left: -10px; margin-right: -10px;}
.login-home .col-6 { margin-bottom: 0;}
.login-home .col-6:first-child { padding-left: 0; width: 375px;}
.login-home .col-6:last-child { padding-right: 0; width: 100px;}
.login-home .btn { padding: 10px 10px 6px;}
.login-home .btn-member, .login-home .btn-agency { border-radius: 0; text-align: center;}
.login-home .btn-member:hover, .login-home .btn-agency:hover { color: #fff;}
.login-home .btn-member:hover { background-color: #949CAB;}
.login-home .btn-agency:hover { background-color: #FF796A;}
.login-home .btn-name { display: block; padding-top: 8px;}
.login-home .btn-member [class^="icon-"], .login-home .btn-agency [class^="icon-"],
.login-home .btn-member [class*="icon-"], .login-home .btn-agency [class*="icon-"] { display: block; margin: 0 auto; font-size: 30px;}
.login-home .btn-member { margin-bottom: 20px;}

.nav-agency, .nav-agency li { margin: 0; padding: 0; list-style: none;}
.nav-agency li { position: relative; display: block; float: left; padding: 40px 10px 20px; height: 90px; text-align: center;}
.nav-agency li a { display: block; color: #fff; font-size: 16px; transition: all ease-in-out 0.3s;}
.nav-agency li a:after { position: absolute; left: 49%; right: 49%; bottom: 0; display: block; height: 4px; background-color: #fff; opacity: 0; content: ""; transition: all ease-in-out 0.3s;}
.nav-agency li a:hover:after,
.nav-agency li.active a:after { opacity: 1; left: 10px; right: 10px;}

/* product brand */
.hidden-pc { display: none;}
.product-brand { float: left; width: 50%;}
.product-brand .container { margin-left: 10px; width: 475px;}
#brand-item ul, #brand-item li { margin: 0; padding: 0; list-style: none;}
#brand-item li { display: block; float: left; width: 25%; height: 86px;}
#brand-item li a { display: block; padding: 10px; height:100%; background-color: #fff; border: 1px solid #e8e8e8;}
#brand-item li a:nth-child(2n+1) { border-bottom: none; border-right: none;}
#brand-item li a img { width: auto; max-width: 98px; max-height: 66px; vertical-align: middle;}

.product-brand-page { margin-bottom: 20px;}

.product-tabs { position: relative; z-index: 2;}
.product-tabs ul, .product-tabs li { margin: 0; padding: 0; list-style: none;}
.product-tabs li { float: left; display: block; padding: 10px 15px; background-color: #fff; line-height: 20px; border: 1px solid #e8e8e8; cursor: pointer;}
.product-tabs li.on { border-bottom-color: rgba(255,255,255,0);}

.product-tabs-content { position: relative; z-index: 1; top: -1px; margin-top: -1px; padding: 10px; clear: both;}
.product-tabs-content ul, .product-tabs-content li { margin: 0; padding: 0; list-style: none;}
.product-tabs-content { border: 1px solid #e8e8e8;}

.product-tabs-content li { display: inline-block;}
.product-tabs-content li a { display: block; padding: 10px 13px; border: 1px solid #fff;}
.product-tabs-content li a.active { color: #b1191a; border-color: #b1191a;}



/* product recommend */
.btn-more { width: 40px; height: 40px; border: 1px solid #e8e8e8; font-size: 25px; line-height: 40px; color: #999; border-radius: 0;}

.product-recommend,
.product-hot,
.product-best { margin-bottom: 20px; clear: both;}
.product-recommend .box-heading:before { background-color: #56BC8A;}
.product-recommend .box-content,
.product-hot .box-content,
.product-best .box-content { margin-left: 0; margin-right: 0;}
.box-content .col-6 { width: 25%; padding: 0; box-shadow: 0 0 1px rgba(0,0,0,0.2);}
.box-content .col-6 .box { position: relative; padding: 10px; box-shadow: 0 1px 1px rgba(0,0,0,0.15);}
.product-recommend .item-price,
.product-hot .item-price,
.product-best .item-price { font-size: 16px; font-weight: 700;}

/* product hot */
.product-hot .box-heading:before { background-color: #FF533F;}

/* product best */
.product-best .box-heading:before { background-color: #F1992F;}

/* search */
.search .container { position: relative; margin-bottom: 20px; border: 1px solid #e8e8e8;}
.search .row { background-color: #fff;}

.sort-form { display: block; padding-right: 40px; width: 100%; line-height: 40px;}
.sort-form [class^="sort-"], .sort-form [class*="sort-"] { display: block;}
.sort-form .icon-caret { margin-left: 5px; vertical-align: middle;}

.sort-item { position: relative; width: 100%; height: 40px; border-bottom: 1px solid #e8e8e8;}
.sort-item, .sort-item li { margin: 0; padding: 0; list-style: none;}
.sort-item li { position: relative; float: left; width: 33.3333333333%;}
.sort-item li a { color: inherit;}
.sort-item li ul { display: none; position: absolute; left: 0; right: 0; z-index: 999; background-color: #fff;}
.sort-item li.active ul { display: block;}

.list-item { box-shadow: 0 5px 10px rgba(0,0,0,0.15);}
.list-item:after { display: block; content: ""; width: 100%; height: 10px; background-color: #f4f4f4; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.sort-item .list-item:after, .popup .list-item:last-child:after, .no-after:after { display: none;}
.no-after:last-child, .no-after li:last-child { border-bottom: 1px solid #e8e8e8!important;}
.no-border { border: none!important;}

.no-shadow { box-shadow: none;}
.list-item, .list-item li { margin: 0; padding: 0; list-style: none;}
.list-item li { position: relative; padding: 10px; width: 100%; color: #999; line-height: 20px; text-align: left; border-bottom: 1px solid #e8e8e8;}
.list-item li:last-child { border-bottom: none;}
.list-item li.active { color: #b1191a;}
.list-item li .input-small { width: 5em; text-align: center; font-size: 12px;}
.list-item li.item-label { padding: 0 10px; background-color: #f4f4f4; font-size: 8px; line-height: 8px;}
.list-item .icon-arrow-right { margin-left: 10px;}
.list-item .offset-right { padding-right: 4em;}
.list-address { padding-right: 4em;}

.list-item [class^="list-item-"],.list-item [class*="list-item-"] { position: relative; border-bottom: 1px solid #e8e8e8;}
.list-item .list-item-top:last-child,
.list-item .list-item-bottom { border-bottom: none;}

.list-item-top:first-child .btn-light { border-radius: 0 3px 0 0;}
.list-item-top:last-child .btn-light { border-radius: 0 0 3px 0;}


.list-label { position: absolute; left: 10px; top: 10px; font-size: 12px;}
.list-label:after { display: inline-block; content: ":"; margin-left: 5px;}
.list-info { display: block; padding-left: 6em; font-size: 12px; color: #666;}
.list-reply { position: relative; margin-top: 10px; padding: 10px; background-color: #E5F5FB; border-radius: 3px;}
.list-reply .list-info {padding-left: 8em;}

.btn-sort-change { position: absolute; right: 0; width: 40px; height: 40px; font-size: 16px; line-height: 40px; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.btn-sort-change button { padding: 0; width: 100%; height: 100%; color: #666;}

.choose-tabs { padding: 10px; background-color: #b1191a; clear: both;}
.choose-tabs ul, .choose-tabs li { margin: 0; padding: 0; list-style: none;}
.choose-tabs ul { display: table; width: 100%; border-collapse: collapse; border-radius: 0;}
.choose-tabs li { display: table-cell; width: 25%; line-height: 30px; border: 1px solid #e8e8e8; text-align: center;}
.choose-tabs li a { display: block; color: #fff;}
.choose-tabs li.active { background-color: #fff;}
.choose-tabs li.active a { color: #b1191a;}

.search-tabs { margin: 0 auto; width: 100%;}
.search-tabs ul.tabs-option { display: table; margin: 0; padding: 0; width: 100%;}
.search-tabs ul.tabs-option li { display: table-cell; margin: 0; padding: 0;  width: 50%; text-align: center;}
.search-tabs ul.tabs-option a { display: block; padding: 10px 0; background-color: #b1191a; color: #fff;}
.search-tabs ul.tabs-option .active a { color: #b1191a; background-color: #fff;}
.search-tabs div { height: auto;}

.search-form .col-3 { padding: 0; width: 100px;}
.search-form .col-6 { width: 750px;}
.search-form .col-3, .search-form .col-6 { margin-bottom: 0;}

.search-form .row.box { margin-bottom: 20px; padding: 10px;}
.search-form select { padding: 8px; height: 40px;}
.search-form input { padding: 8px; width: 100%; height: 40px; background-color: #f4f4f4; border-radius: 3px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15);}
.search-form button .btn-label { padding: 0; font-size: 16px;}

.search-history { margin-bottom: 20px; min-height: 450px;}
.search-history .list-item li { display: inline-block; width: auto; border: none;}
.search-history .list-item li.item-label { display: none;}
.search-history a:hover, .search-history a:visited { color: #666;}

.delect-btn { padding: 10px; margin: 0 auto; width: 170px;}
.delect-btn .btn-label { padding: 0; font-size: 16px}

/* product grid/list */
.item-recommend { position: absolute; left: 0; top: 0; display: block; width: 70px; height: 70px; background-image: url(../img/icon-recommend.png); background-repeat: no-repeat;}
.item-img { display: block;}
.item-name { display: block; height: 4em; line-height: 1.4; box-shadow: none;
overflow : hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: -o-ellipsis-lastline;
text-overflow: ellipsis;
}
.item-price { display: block; margin-top: -5px; font-weight: 700;}
.item-price:before { display: inline; content: "￥"; font-size: 75%; font-weight: normal;}

.product-list-item:hover { z-index: 10; box-shadow: 0 0 20px rgba(0,0,0,0.65);}
.product-list-item { background-color: #fff; box-shadow: 0px 0 1px rgba(0,0,0,0.2);}
.product-list-item.grid, .product-list-item.list { position: relative; float: left; min-height: 1px; padding: 10px;}
.product-list-item.grid { width: 25%; margin-bottom: 0;}
.product-list-item.list { width: 50%;}

.product-list-item.grid .item-series { display: none;}

.product-list-item.list .box { border-bottom: 1px solid #e8e8e8; border-radius: 0;}
.product-list-item.list:first-child .box { border-radius: 3px 3px 0 0;}
.product-list-item.list:last-child .box { border-radius: 0 0 3px 3px;}

.product-list-item.list .item-img { float: left; display: inline-block; width: 100px;}
.product-list-item.list .item-name { padding: 10px 10px 10px 0 !important; box-shadow: none;}
.product-list-item.list .item-series { display: block;}
.product-list-item.list .item-price { margin-top: 0;}

.product-list-item .item-caret { right: 10px; margin-top: -10px;}

.sort-pagination, .sort-pagination li { margin: 0; padding: 0; list-style: none; text-align: center;}
.sort-pagination { margin-top: 10px; padding: 10px; width: 100%;}
.sort-pagination li { display: inline-block; margin: 0 10px; background-color: #fff;}
.sort-pagination li a { display: block; padding: 8px 15px; border: 1px solid #e8e8e8;}
.sort-pagination li.active a { background-color: #b1191a; color: #fff; border: 1px solid #b1191a;}

#page_items .product-list-item.list .box { border-bottom: none;}
#page_items .product-list-item.list .item-name, #page_items .product-list-item.list .item-series { float: left; width: 365px; padding: 10px 10px 0 10px !important;}
#page_items .product-list-item.list .item-price { float: left; width: 365px; padding-left: 10px;}

/* gallery */

.swiper-pagination-bullet { width: 15px !important; height: 15px !important;}

.product-detail { margin-bottom: 20px;}
.product-detail .box { border: 1px solid #e8e8e8;}

.product-meta .meta.border-top:first-child { margin-bottom: 20px; border-bottom: 1px dotted #d6d6d6;}
.gallery { position: relative; float: left; padding: 10px 10px 30px; width: 41.66666667%;}
.product-meta { float: left; padding: 10px 10px 10px 20px; width: 58.33333333%; color: #999;}
.product-meta .item-name { padding-top: 0; height: 3em; font-size: 24px; font-weight: 500; color: #666;}
.product-meta .item-price { padding: 10px 0; font-size: 20px;}
.product-meta .item-title { float: left; width: 5em; font-size: 14px; line-height: 38px;}
.product-meta .cart-meta { padding-left: 6em;}
.product-meta .cart-option { display: inline-block; margin-bottom: 10px; margin-right: 10px;}
.product-meta .cart-option label { display: block; padding: 8px 15px; color: #ccc; border: 1px solid #e8e8e8;}
.product-meta .cart-option .active { color: #b1191a; border: 1px solid #b1191a;}
.product-meta .pull-right { float: left; padding-left: 2em;}
.cart-number { margin-bottom: 20px; width: 132px; border: 1px solid #d6d6d6;}
.number-sub, .number-plus { float: left; display: block; width: 40px; height: 38px; font-size: 16px; line-height: 38px;}
.number-show { float: left; display: inline-block;}
.number-show input.input-short { height: 38px;}
.product-meta .ctrl-box { padding-left: 6em;}
.product-meta .ctrl-box .col-6 { width: auto; font-size: 18px; font-weight: 700;}

.product-detail .detail-title { font-size: 18px; font-weight: 400; color: #999; line-height: 70px; border-bottom: 1px solid #e8e8e8;}
.product-detail .detail-title:before { float: left; display: block; content: ""; margin: 22px 20px 0 0; width: 4px; height: 24px; background-color: #999;}
.product-detail .detail-title .btn { margin-top: 10px; padding: 4px 12px;}
.product-detail .box-contnet { padding: 20px;}

.list-item:after { height: 20px; border-bottom: none;}

.product-detail .list-label, .product-detail .list-info { font-size: 14px;}
.product-detail .list-label { left: 24px;}
.product-detail .list-info { padding-left: 10em;}

/* product catalogue */
.product-catalogue { margin-bottom: 20px; min-height: 550px;}
.product-catalogue .box { background-color: transparent;}
.product-catalogue .list-item { margin-left: 0; margin-right: -10px;}
.product-catalogue .list-item li { display: block; float: left; padding: 10px 10px 0 0; width: 242px; border: none;}
.product-catalogue a { display: block; padding: 10px;  background-color: #fff; border: 1px solid #e8e8e8; border-radius: 3px;}

.product-catalogue .no-after:last-child, .product-catalogue .no-after li:last-child { border: none !important;}


/* member */
.member { margin-bottom: 20px;}
.member .pad-10 { padding: 10px;}
.member .pad-lr-10 { padding-left: 10px; padding-right: 10px;}

.member .box-blue { padding: 30px; background-color: #b1191a; min-height: 140px;}
.member .box-red { padding: 30px; background-color: #FF533F;}
.member .border-top { border-top: 1px solid #e8e8e8;}
.member [class^="col-"], .member [class*="col-"] { margin-bottom: 0;}

.member .btn-full { display: inline-block; width: auto !important;}
.member .btn-full .btn-label { padding: 0; font-size: 16px;}
.pc-flh-40 { line-height: 40px;}


.member-setting [class^="btn-"], .member-setting [class*="btn-"] { font-size: 25px; color: #fff;}
.member-setting [class^="icon-"], .member-setting [class*="icon-"] { vertical-align: middle;}
.member-setting .info-number { display: inline-block; margin-left: 8px; font-size: 16px; line-height: 25px;}

.box-middle { position: relative; background-color: #fff; border-bottom: 1px solid #e8e8e8;}
.box-middle:after { display: block; content: ""; height: 20px; background-color: #f4f4f4; border-top: 1px solid #e8e8e8;}
.user-info { position: absolute; left: 40px; top: -60px;}
.user-img { position: relative; background-color: #fff; width: 100px; height: 100px; border-radius: 100%; border: 3px solid #fff;}
.user-img-small { background-color: #fff; width: 40px; height: 40px; border-radius: 100%; border: 3px solid #fff;}
.user-img img, .user-img-small img { border-radius: 100%;}
.vip { position: absolute; right: 0; top: 0; display: block; width: 24px; height: 24px; background-color: #FF533F; font-size: 10px; color: #fff; line-height: 20px; text-align: center; text-transform: uppercase; border: 2px solid #fff; border-radius: 100%;}
.user-detail { padding-left: 20px;}
.user-detail .user-name { margin: 15px 0 0;}
.user-detail .user-level { font-size: 12px; color: rgba(255,255,255,0.6);}

.member-order-tips { position: relative; top: 0;}
.member-order-tips ul, .member-order-tips li { margin: 0; padding:0; list-style: none; text-align: center;}
.member-order-tips li { width: 65px; border-right: 1px solid #e8e8e8;}
.member-order-tips li:last-child { border-right: none;}

.member .list-item .pull-left { margin-top: -10px; margin-left: -10px; margin-right: 10px; width: 40px; height: 40px; text-align: center;}
.member .list-item .pull-left [class^="icon-"] { position: absolute; left: 0; top: 0; bottom: 0; width: 40px; height: 40px; font-size: 20px; text-align: center; line-height: 40px;}
.member .list-item .icon-file { background-color: #FF533F;}

.member .item-checkbox.small { padding: 10px; line-height: 20px; text-align: center;}
.member .item-checkbox.pull-right { border-left: 1px solid #e8e8e8;}

.member textarea { max-height: 40px;}

.member .product-list-item.list { width: 100%; padding: 0;}
.member .product-list-item:hover { box-shadow: 0px 0 1px rgba(0,0,0,0.2);}
.member .product-list-item.list .item-name { height: 3em;}
.member .item-unit { font-weight: normal;}
.member .item-unit:before { margin-left: 20px; margin-right: 5px; display: inline; content: "×";} 

.member .refund-bottom { background-color: #fff;}
.member .refund-bottom .col-6,
.member .list-item .col-6 { margin-bottom: 0; width: 50%; box-shadow: none;}
.member .refund-bottom .item-price.fc-dark { display: inline-block; margin: 0;}
.member .list-item .row-fluid { margin-left: -10px; margin-right: -10px;}
.member .list-item [class^="btn-"], .member .list-item [class*="btn-"] { margin-left: 10px;}
.member .list-item li.item-label { height: 20px;}
.member .list-item .col-3 { width: 80px; padding-left: 10px;}
.member .list-item .col-9 { width: 880px;}
.member .list-item .item-caret.mar-10 { margin: 10px;}

.member .refund-bottom .col-3 { padding: 0;}
.member .refund-bottom .col-9 { padding: 0; width: 870px; line-height: 20px;}
.member .refund-bottom .col-9 .item-price { margin: 0;}

.member .sort-pagination { padding-bottom: 20px;}
.member textarea, .member input[type="text"], .member input[type="password"] { padding: 10px; width: 100%; background-color: #f4f4f4; border-radius: 3px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15);}
.member .col-3 .icon-image { font-size: 20px;}

.order-type { display: table; width: 100%; padding: 0!important;}
.order-type a { display: table-cell; width: 20%; color: #999; line-height: 40px; text-align: center; border-right: 1px solid #e8e8e8;}
.order-type a:last-child { border-right: none;}
.order-type a.active { background-color: #F4FDFF; color: #b1191a;}

.points-type { display: table; width: 100%; padding: 0!important; border: 1px solid #ccc; border-radius: 3px;}
.points-type a { display: table-cell; width: 25%; color: #999; line-height: 40px; text-align: center; border-right: 1px solid #ccc;}
.points-type a:first-child { border-radius: 3px 0 3px 0;}
.points-type a:last-child { border-right: none; border-radius: 0 3px 0 3px;}
.points-type a.active { background-color: #F4FDFF; color: #b1191a;}

.table-list { width: 100%; border-collapse: collapse;}
.table-list thead { background-color: #666; color: #fff;}
.table-list thead th { padding: 5px 10px; text-align: left; font-weight: 500;}
.table-list tbody { background-color: #fff; color: #999;}
.table-list tbody tr { border-bottom: 1px solid #e8e8e8;}
.table-list tbody tr:nth-child(odd) { background-color: #fff;}
.table-list tbody tr:nth-child(even) { background-color: #f4f4f4;}
.table-list tbody td { padding: 10px;}


	/* login */
	.login-form { padding: 30px 0 0;}
	.login-form [class^="col-"], .login-form [class*="col-"] { margin-bottom: 0;}
	.login-form .col-3 { width: 37% !important; text-align: right; line-height: 40px;}
	.login-form .col-9 { width: 63% !important; text-align: left;}
	.login-form input { padding: 10px; width: 270px !important; background-color: #f4f4f4; border-radius: 3px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15);}
	
	#login_form .col-3 { padding-right: 0 !important; font-size: 12px;}
	
	.reg-form li,
	.login-form li, 
	.login-form .no-after:last-child, .login-form .no-after li:last-child,
	.reg-form .no-after:last-child, .reg-form .no-after li:last-child { border-bottom: none !important;}
	.login-form .btn-code .btn-label { padding: 0; font-size: 14px;}
	
	.member .btn-login { margin-left: 38%; width: 180px; font-size: 20px;}
	.member .btn-login .btn-label { padding: 0; font-size: 16px;}
	.login-btn.pad-10 { padding-bottom: 30px;}
	.login-other { padding: 10px 30% 10px 40%;}
	
	/* register */
	.reg-form { padding: 30px 0 0 240px;}
	.reg-form [class^="col-"], .reg-form [class*="col-"] { margin-bottom: 0;}
	.reg-form .col-1 { width: 40px; line-height: 40px;}
	.reg-form .col-3 { width: 80px; line-height: 40px;}
	
	.reg-form input { padding: 10px; width: 270px !important; background-color: #f4f4f4; border-radius: 3px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15);}
	.reg-form .btn-code .btn-label { padding: 0; font-size: 14px;}
	.reg-form .text-info { margin-left: 120px; text-align: left;}
	.reg-form .btn-login { margin-left: 38%; width: 180px; font-size: 20px;}

	/* agency application */
	.member .box-green { padding: 30px;}
	.member .box-green .box-title { font-size: 24px; color: #fff;}
	.member .agency-step { display: table; width: 100%; border-collapse: collapse;}
	.member .agency-step a { float: left; display: table-cell; padding: 10px 0; width: 25%; text-align: center; border: 1px solid #e8e8e8;} 
	.member .agency-step a.active { background-color: #F4FDFF; color: #b1191a;}

	.member .agency-form [class^="col-"], .member .agency-form [class*="col-"] { margin-bottom: 0;}
	.member .agency-form [class^="col-"] input, .member .agency-form [class*="col-"] input { padding: 10px; background-color: #f4f4f4; border-radius: 3px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15);}
	.member .agency-form .btn { float: left;}
	.member .agency-form select { padding: 8px 10px;}
	.member .agency-form .col-4 select { margin: 10px 0 10px -10px;}
	.member .agency-form .col-1 { width: 40px; line-height: 40px;}
	.member .agency-form .col-3 { width: 100px; line-height: 40px;}
	.member .agency-form .col-4 { width: 120px; line-height: 40px;}
	.member .agency-form .col-5 { width: 720px; line-height: 40px;}
	.member .agency-form .col-6 { width: 200px; line-height: 40px; box-shadow: none;}
	.member .agency-form .col-7 { width: 800px;}
	.member .agency-form .col-8 { width: 820px;}
	.member .agency-form .col-11 { width: 920px;}
	.member .agency-form .col-12 { line-height: 40px;}
	.member .agency-form input { line-height: 20px;}
	.member .agency-form .col-11 .col-4:first-child, .member .agency-form .col-11 .col-12 { padding-left: 0;}
	.member .agency-form .col-8 .btn { font-size: 20px;}
	
	/* address */
	.address-list .col-3 { width: 100px!important; line-height: 40px;}
	.address-list .col-3.fc-dark { width: 200px!important;}
	.address-list .col-7 { margin-top: -10px; margin-bottom: -10px; width: 830px; line-height: 40px;}
	.address-list .col-9 { width: 870px!important;}
	.address-list .item-checkbox { margin-top: -10px; margin-bottom: -10px; width: 140px; line-height: 40px;}
	.address-list .item-checkbox input[type="radio"] { margin-right: 10px;}
	.address-list select { padding: 5px 10px;}
	.address-list .btn.btn-light { padding: 6px 7px; background-color: #fff; }
	.address-list .icon-more {font-size: 25px;}
	.address-list .edit-box { position: absolute; right: 0; top: 0;}
	.address-list .edit-box .btn { float: left; margin-left: 0; width: 40px; height: 40px; border-radius: 0;}
	
	
/* cart */
.shopping-cart { margin-bottom: 20px;}
.shopping-cart .product-list-item.list { width: 100%;}
.shopping-cart .product-list-item:hover { box-shadow: 0px 0 1px rgba(0,0,0,0.2);}
.shopping-cart .product-list-item.list .box { border-bottom: none;}
.shopping-cart .product-list-item.list .cart-number { margin-bottom: 0; border-bottom: 1px solid #d6d6d6;}

.shopping-cart .item-checkbox,
.shopping-cart .item-img { padding: 10px;}
.shopping-cart .product-list-item.list .item-img { width: 130px; padding-right: 20px;}
.shopping-cart .product-list-item.list .item-name { height: 3em;}
.shopping-cart .item-price { padding-bottom: 8px;}
.shopping-cart .edit-box { position: absolute; right: 0; top: 0;}
.shopping-cart .edit-box [class^="icon-"],.shopping-cart .edit-box [class*="icon-"] { display: block; margin: 0 auto; padding-top: 6px; font-size: 20px;}
.shopping-cart .edit-box [class^="btn-"],.shopping-cart .edit-box [class*="btn-"] { padding: 5px; font-size: 14px;}

.shopping-cart .ctrl-box { padding: 10px;}
.shopping-cart .ctrl-box .pull-left, .shopping-cart .ctrl-box .pull-right { padding: 10px;}
.shopping-cart .ctrl-box .pull-left label { padding-left: 20px;}
.shopping-cart .ctrl-box .pull-right .clearfix { line-height: 30px;}
.shopping-cart .ctrl-box .pull-right .item-price { margin-top: 0; padding: 0 !important; font-size: 18px;}
.shopping-cart .ctrl-box .pull-right .fs-10 { font-size: 10px;}

.shopping-cart .item-unit { font-weight: normal;}
.shopping-cart .item-unit:before { margin-left: 20px; margin-right: 5px; display: inline; content: "×";} 
.shopping-cart .list-label, .list-info { font-size: 14px;}
.shopping-cart .item-series { padding-bottom: 20px;}
.shopping-cart .list-item .item-price { margin: 0; padding: 0; font-size: 18px;}
.shopping-cart .icon-more { font-size: 25px;}
.shopping-cart #btn-address { padding: 6px 7px; background-color: #fff;}
.shopping-cart #btn-address:hover { background-color: #f4f4f4;}

#payment-box .box.wrapper { left: 50%; margin-left: -160px; margin-top: 200px; width: 320px; padding: 20px;}
#payment-box .ctrl-box .row { margin-left: 0; margin-right: 0; border-radius: 4px;}
#payment-box .ctrl-box .col-6 { margin-bottom: 0;}
#payment-box .ctrl-box .btn { border: none; border-radius: 3px; font-size: 20px;}
#payment-box .payment-pwd ul { height: 40px; background-color: #f4f4f4; border: 1px solid #e8e8e8; border-radius: 4px;}
#payment-box .mm-listview > li:not(.mm-divider):after { border: none !important;}
#payment-box .payment-pwd li input { height: 40px; border-left: 1px solid #e8e8e8; text-align: center;}
#payment-box .payment-pwd li:first-child  input{ border-left: none;}


#menu-address .box, #menu-express .box { left: 50%; margin-left: -320px; width: 640px;}
#menu-address .ctrl-box, #menu-express .ctrl-box { margin: 20px auto; width: 640px;}
#menu-address .pad-10, #menu-express .pad-10 { padding: 10px;}

#menu-address .btn-light, #menu-address .btn-light:hover, #menu-address .btn-light:focus,
#menu-express .btn-light, #menu-express .btn-light:hover, #menu-express .btn-light:focus { background-color: #fff;}


.mm-menu.mm-front { z-index: 9999 !important;}

/* service */
.service { min-height: 550px;}
.service .box-blue { padding: 30px; background-color: #D95E3F;}
.service .service-tel { padding-top: 20px; font-size: 30px; font-weight: 700; color: #fff;}
.service .service-tel a { color: #fff;}
.service .service-tel span { padding-right: 10px; font-size: 14px; font-weight: normal;}

.servie-item { padding: 50px 0;}
.servie-item [class^="icon-"], .servie-item [class*="icon-"] { display: block; margin: 0 auto 15px auto; padding: 15px; width: 60px; background-color: #e8e8e8; font-size: 30px; color: #fff; border-radius: 50%;}

.box-icon { margin: 0 auto; padding: 15px; width: 83px; height: 83px; background-color: rgba(255,255,255,0.35); border-radius: 100%;}
.box-icon [class^="icon-"], .box-icon [class*="icon-"] { font-size: 50px; color: #fff;}

/* footer */
footer { background-color: #fff; border-top: 1px solid #e8e8e8;}
footer .align-center { margin: 0 auto; padding: 20px 0; width: 970px;}
footer div.pad-10.fs-16 { float: left; font-size: 30px; color: #ccc;}
footer p { margin: 0; padding: 0 0 0 200px; font-size: 12px; color: #999; text-align: left;}

/* agency banner */
.agency-banner { height: 560px; background-color: #D5DADE; background-image: url(../img/agency-banner.jpg); background-position: center center; background-repeat: no-repeat;}
.agency-banner .col-4 { padding-top: 100px;}

.agency-login-box { border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.35);}
.agency-login-box .box-title { display: block; padding: 20px; border-bottom: 1px solid #e8e8e8;}
.agency-login-box .box-title .icon-agency { float: left; display: block; width: 70px; height: 70px; background-color: #b1191a; color: #fff; font-size: 50px; line-height: 70px; text-align: center; border-radius: 100%;}
.agency-login-box .box-title p { padding-top: 25px; padding-left: 90px; margin: 0; height: 70px; font-size: 24px; color: #666;}

.agency-login-box .form { display: block; padding: 20px 15px 0 15px;}
.agency-login-box .form .col-12:first-child { padding-left: 10px;}
.agency-login-box .form .col-12:last-child { padding-right: 10px;}

.agency-login-box input { margin-bottom: 10px; padding: 9px 10px; width: 100%; background-color: #f9f9f9; border: 1px solid #d6d6d6; border-radius: 3px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);}

.agency-login-box a { display: block; padding: 10px 20px 15px;}
.agency-login-box a:hover { color: #FF533F;}

/* footer */
footer.agency-footer { position: relative; padding: 25px 0; color: #ccc;}
footer.agency-footer p { padding: 0;}


/* new add */
.empty-cart { padding: 100px 0;}
.empty-cart .icon-cart { font-size: 40px;}

.member .col-6 .btn-white.btn-full { width: 120px; float: right;}

}

/* agency CSS */
@media screen and (min-width: 240px) {
/* common */
* {transition: all ease-in-out 0.3s;}
/* header */
.agency-header .container, .agency-banner .container, .agency-footer .container { width: 970px;}	
.agency-header { min-width: 970px; background-color: #b1191a; color: #fff;}
.agency-header h1 { margin: 30px 0 27px 0; font-size: 30px; line-height: 30px;}
.header-top { background-color: rgba(0,0,0,0.15); font-size: 12px; line-height: 30px;}
.header-top a { color: #fff; text-decoration: underline;}

.nav-agency, .nav-agency li { margin: 0; padding: 0; list-style: none;}
.nav-agency li { position: relative; display: block; float: left; padding: 40px 10px 20px; height: 90px; text-align: center;}
.nav-agency li a { display: block; color: #fff; font-size: 16px; transition: all ease-in-out 0.3s;}
.nav-agency li a:after { position: absolute; left: 49%; right: 49%; bottom: 0; display: block; height: 4px; background-color: #fff; opacity: 0; content: ""; transition: all ease-in-out 0.3s;}
.nav-agency li a:hover:after,
.nav-agency li.active a:after { opacity: 1; left: 10px; right: 10px;}


/* agency banner */
.agency-banner { min-width: 970px; height: 560px; background-color: #D5DADE; background-image: url(../img/agency-banner.jpg); background-position: center center; background-repeat: no-repeat;}
.agency-banner .col-4 { padding-top: 100px;}

.agency-login-box .box-title { display: block; padding: 20px; border-bottom: 1px solid #e8e8e8;}
.agency-login-box .box-title .icon-agency { float: left; display: block; width: 70px; height: 70px; background-color: #b1191a; color: #fff; font-size: 50px; line-height: 70px; text-align: center; border-radius: 100%;}
.agency-login-box .box-title p { padding-top: 25px; padding-left: 90px; margin: 0; height: 70px; font-size: 24px; color: #666;}

.agency-login-box form { display: block;}
.agency-login-box input { margin-bottom: 10px; padding: 9px 10px; width: 100%; background-color: #f9f9f9; border: 1px solid #d6d6d6; border-radius: 3px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);}

.agency-login-box a:hover { color: #FF533F;}

/* footer */
.agency-footer { min-width: 970px; color: #ccc; background: #fff!important;}

.product .line{width:50%;display: block;
    height: auto;
    float: left;
	margin:5px 0;}

.product .line .proinfo{ margin:5px; border:1px #eee solid;}
.product .line .proinfo .nrs{ padding:5px;}
.product .line .proinfo .nrs .text01{ color:#333; font-size:1em; height:42px; overflow:hidden;}
.product .line .proinfo .nrs .text03{ font-size:1.2em;}

.partner h3{ font-size:16px; color:#666;}
.partner ul { clear:both; padding-bottom:50px; padding-left:0;}
.partner ul li{width:100px; float:left; margin:0 10px 10px 0; list-style:none;}
.partner ul li img{width:100px; height:50px;}