﻿@charset "utf-8";
/* CSS Document */
body{ background-color: #fff; font-size: 13px; font-family: Tahoma,Geneva,sans-serif;}
a{ color:#666;}
a:hover{ color:#39B54A;}
a:focus {  outline:none;   -moz-outline:none;}
input:focus{outline: none;}
img{ font-size:0;}
.products_grade{ text-decoration:line-through; color:#7A7A7A; font-size:14px;}
#loadingPage{ background:#fff url(../images/loading1.gif) center center no-repeat;}
.article{transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; position: relative; width:100%;}
.li_more{ display:none;}
.container{padding-right: 15px; padding-left: 15px; margin-right: auto;
margin-left: auto; position:relative;}
@media (min-width: 768px) {
	.container{ max-width:768px;}
}
@media (min-width: 980px) {
	.container{ max-width:980px;}
}
@media (min-width: 1250px) {
	.container{ max-width:1250px;}
}
.header{box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; border: none !important; border-radius: 0; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out;}
@media (min-width:800px) {
	.header.active_top ~ .section{margin-top:156px;}
	.header.active_top{position:fixed; left:0; right:0; top:0; z-index:100;}
	.header.active{ background: rgba(255,255,255,0.9);}
	.header.active .header_a{ padding:0; margin-top:-43px; overflow:hidden;}
	.header.active .header_b{ height:76px;}
	.header.active .header_b_z{ height:76px; line-height:76px; max-width:290px;}
}
.header_a{ background-color:#fff; height:35px; line-height:25px; padding:5px 0; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; border-bottom: 3px solid #EEE;}
.header_a i{ color:#fff; margin:0 10px; font-size:12px;}
.header_a span{ color:#fff; font-size:13px; font-family: "Open Sans",sans-serif; font-weight:300;}
.header_a span em{ font-style:normal; color:#777;}
.header_a_y{ color:#FFF; font-size:12px; line-height:20px; position:absolute; right:0; top:0;}
.header_a_y p{ color:#DDD; font-size:11px;}
.header_a_y ul li{ display:inline-block; border-right:1px solid #fff; line-height:20px; zoom:1; *display:inline;}
.header_a_y ul li a{ padding:0 10px; color:#666; font-size:11px; font-weight: 700; font-family: Arial; text-transform:uppercase;}
.header_a_z{ color:#777; font-size:12px;}
.header_a_y li.pc_user ul{ margin:0 0 0 0; color:#777;}
.header_a_y li.pc_user a[title="Sign In"]{ margin-right:3px; padding:0;}
.header_a_y li.pc_user a[title="Create"]{ padding-left:0; margin-left:3px;}
.header_a_y li.pc_user ul li{ display:block; height:auto; float:none; margin:0; border:none; line-height:30px;}
.header_a_y li.pc_user ul li a{ color:#000; padding:0 10px; display:block; line-height:30px;}
.header_a_y li.pc_currencies{ position:relative;}
.header_a_z li.pc_user ul li a{ color:#000;}
@media (max-width: 992px) {
	.header_a_y li.pc_currencies a em{ display:none;}
}
.header_a_y li.pc_currencies.open ul{ margin:1px 0 0 -40px; display:inline; overflow:hidden; zoom:1; right:0; left:inherit;}
.header_a_y li.pc_currencies img{ max-width:20px; max-height:14px; height:auto; width:auto; font-size:0; vertical-align:top; margin-top:-3px; margin-right:3px;}
.header_a_y li.pc_currencies > a > img{vertical-align:middle;}
.header_a_y li.pc_currencies > a em{ font-style:normal;}
.header_a_y li.pc_currencies li{ border:none; position:relative; width:50%; margin:0; padding:5px 0; text-align:center; height:auto; float:none; display:inline-block; zoom:1; *display:inline; font-size:10px; color:#000;}
.header_a_y li.pc_currencies li a{ color:#000;}
.header_a_y li.pc_currencies ul{ line-height:1;}
.header_a_y li.pc_currencies li img{ margin:0 auto; font-size:0;}
.header_a_y li a{ text-decoration:none; cursor:pointer; color:#fff;}
.header_a_y li a:hover{ color:#FD806C;} 
.header_a_y li.header_a_zli_0{ border:none;}

.header_b{ position:relative; min-height:75px; background:#fff;}

.header_b_z{ float:left; display:inline-block; zoom:1; *display:inline;}
.header_b_y{ float:left; display:inline-block; zoom:1; *display:inline; width:619px;}
#logo{ height:75px; line-height:75px; width:220px; font-size:0; margin-right:55px;}
#logo img{ max-height:75px; max-width:220px; vertical-align: middle;}

.header_b_r{ position:relative; float:right; display:inline-block; zoom:1; *display:inline;}


.header_c{ background-color:#666666; min-height:40px; position:relative;}
.header_c_xf .container{ padding:0;}
.header_c .container > ul li{ position:relative;}
.header_c .ul_top_li_i{ font-size:10px; top:0px; position:relative; /* position:absolute; right:0; top:50%; margin-top:-5px;*/ color:#7D7D7D;}
.header_c a ~ .ul_top_li_i{ position:absolute; right:0px; top:50%; margin-top:-5px;}
.header_c .container > ul > li{ float:left; line-height:40px; height:40px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out;}
.header_c .container > ul a{ font-family: "Open Sans",sans-serif; cursor:pointer; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; -webkit-backface-visibility: hidden;}
.header_c .container > ul > li > a{ padding:0 33px; color:#EAEAEA; height:40px; display:block; text-decoration:none; font-size:13px; font-weight:400; text-transform:uppercase;font-family: "Questrial",sans-serif;}
.header_c .container > ul > li:hover > a{ color:#fff; background-color:#333333; position:relative;}
.header_c .container > ul > li > a .fa-angle-down{ margin-left:5px; font-size:12px;}
.header_c .container > ul > li > a i{ margin-top:-1px; font-size:14px}
.header_c .container > ul > li.ons_more > a .li_more{ display: inline; font-size:10px; margin-left:6px; position:relative;}
.header_c .container > ul > li.on > a{ color:#0077F9; border-top: 5px solid #333333; line-height:103px;}
.header_c .container > ul ul ul{ margin-top:-3px;}
.header_c .container > ul ul{ border-top:4px solid #333333; width:auto; white-space:nowrap; display:inline-block; zoom:1; *display:inline; line-height:40px; min-width:100%; z-index:99; position:absolute; right:0; top:100%; transition: all 0.17s ease-in-out;  -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden; -o-backface-visibility: hidden;  -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; -mos-transition: -mos-transform 0.4s, opacity 0.1s 0.3s; -o-transition: -o-transform 0.4s, opacity 0.1s 0.3s; box-shadow:0px 2px 10px -2px rgba(0,0,0,.3); background-color:#FFF;}
.header_c .container > ul ul ul{ position:absolute; right:100%; top:-6px; z-index:1;}
.header_c .container > ul ul a{ text-decoration:none; color:#5B5B5B; font-weight:600; padding:0 12px; line-height:36px; height:36px; margin:5px; display:block; background-color:#fff; opacity: 1; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out;}
.header_c .container > ul ul li:hover > a{ text-decoration: none; background-color:#555; color:#FFF;}
.header_c li:hover > ul{ visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; -mos-transition: -mos-transform 0.4s, opacity 0.1s;  -o-transition: -o-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s;}
.header_c .container > ul ul > li:first-child > a{border-top:none;}
@media (max-width:1250px) {
	.header_c .container > ul > li > a{ padding:0 25px;}
}
@media (max-width:980px) {
	.header_c .container > ul > li > a{ padding:0 10px;}
	.header_c  .hidden-md-top{ display:none;}
	.header_c .ul_top_li_i{ display:none;}
}

.section{ position:relative; padding-bottom:30px; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; margin:0; width:100%;}
.section_a{ background-color:#FFF; width: 100%; position:relative; clear:both; overflow:hidden; z-index:0;}
.section_a .bd{ z-index:0; position:relative; overflow:hidden;}
.section_a .bd li{ overflow:hidden; text-align:center; float:left; display:inline-block !important; zoom:1; *display:inline;}
.section_a .bd li img{ margin:0 auto;}
.section_a .hd{ position:absolute; bottom:10px; text-align:center; left:0; right:0; z-index:1;}
.section_a .hd ul{ overflow:hidden; display:inline-block; zoom:1; *display:inline;}
.section_a .hd ul li{ width:33px; height:13px; overflow:hidden; line-height:99px; background:url(../images/bullet.png) center center no-repeat; cursor:pointer; float:left; margin:0 5px;}
.section_a .hd ul li.on{ background-image:url(../images/bullet-active.png);} 
.section_a .prev,.section_a .next{ opacity:0.7; position:absolute; top:50%; height:32px; width:32px; margin-top:-17px; z-index:1; cursor:pointer;}
.section_a .prev{ right:10px; background:url(../images/controls.png) -43px top no-repeat;}
.section_a .next{ left:10px; background:url(../images/controls.png) left top no-repeat;}
.section_a .prev:hover,.section_a .next:hover{opacity:1;}
@media (max-width:768px) {
	.section_a .prev,.section_a .next{ display:none;}
}
.section_b{padding: 45px 0 40px; text-align: center; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F0F0F0)); background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%); background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%); background-image: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 100%);}



.section_d{padding-top: 50px; padding-bottom: 20px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #EAF4F8),color-stop(1, #B7C1C5)); background-image: -o-linear-gradient(bottom, #EAF4F8 0%, #B7C1C5 100%); background-image: -moz-linear-gradient(bottom, #EAF4F8 0%, #B7C1C5 100%); background-image: -webkit-linear-gradient(bottom, #EAF4F8 0%, #B7C1C5 100%); background-image: -ms-linear-gradient(bottom, #EAF4F8 0%, #B7C1C5 100%); background-image: linear-gradient(to bottom, #EAF4F8 0%, #B7C1C5 100%);}
.section_h{ padding:30px 0 0 0;}
.section_e{ background-color:#D7D7D7;}



.footer{ position:relative; color:#7D7D7D;}
.footer_a{ padding:20px 0; min-height:200px;}
.footer_a h4{ margin-top:20px; color:#39B54A; font-weight:400; font-size:16px; text-transform:uppercase; font-family: "Questrial",sans-serif;}
.footer_a ul{ margin-top:10px; margin-bottom:20px;}
.footer_a ul li,.footer_a ul li a{ color:#666; text-decoration:none; font-size:12px; font-weight:400;} 
.footer_a ul li a:hover{ text-decoration:none; padding:1px 0; border-bottom:1px solid #FFF;}
.footer_a ul li a .fa-chevron-right{ display:none;}
.footer_a ul li .glyphicon-link{ display:none !important;}
@media (max-width:800px) {
	.footer_a { min-height: inherit}
	.footer_a .col-xs-3{ display:none;}
	.footer_a .footer_a_bks{ padding:0; margin:0 10px;}
	.footer_a .footer_a_i{ position:relative; padding:5px; width:auto; height:auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	.footer_a .footer_a_i p.p_ys{ margin:0;}
	.web_bg_ons .article{ position: absolute; margin-left:250px;}
	.web_bg_ons .article .web_header_a,.web_bg_ons .article #web_foot_nav{ width:100%; margin-left:250px;}
}

.icon_nav li{ width:20px; text-align:center; display:inline-block; zoom:1; *display:inline;}
.icon_nav li a{line-height:999px; width:20px; height:20px; vertical-align:middle; font-size:0; overflow:hidden; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; display:inline-block; zoom:1; *display:inline;}
.icon_nav li a.icon_blogger{ background:url(../images/icon_blogger.png) center center no-repeat; background-size:contain;}
.icon_nav li a.icon_facebook{ background:url(../images/icon_facebook.png) center center no-repeat; background-size:contain;}
.icon_nav li a.icon_google_plus{ background:url(../images/icon_google_plus.png) center center no-repeat; background-size:contain;}
.icon_nav li a.icon_instagram{ background:url(../images/icon_instagram.png) center center no-repeat; background-size:contain;}
.icon_nav li a.icon_pinterest{ background:url(../images/icon_pinterest.png) center center no-repeat; background-size:contain;}
.icon_nav li a.icon_tumblr{ background:url(../images/icon_tumblr.png) center center no-repeat; background-size:contain;}
.icon_nav li a.icon_twitter{ background:url(../images/icon_twitter.png) center center no-repeat; background-size:contain;}
.icon_nav li a.icon_youtube{ background:url(../images/icon_youtube.png) center center no-repeat; background-size:contain;}
.icon_nav li a:hover{ text-decoration:none !important; border:none !important; padding:0 !important; transform: scale(1.6); -ms-transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -o-transform: scale(1.6);}


.footer a,.footer p{ color:#7D7D7D;}
.footer_b{ font-size:12px; min-height:50px; padding:10px 0; border-top:1px solid  #E8E8E8;}

#div_zc{ overflow:hidden; position:relative; display:inline-block; zoom:1; *display:inline;}
#div_zc i{ position:absolute; left:0; top:0; color:#A8A8A8; font-size:15px; margin:12px 10px;}
#div_zc input[type="text"]:focus{ border:1px solid #0076F9;}
#div_zc input[type="text"]{ background:#fff; width:300px; padding:10px 100px 10px 30px; border:1px solid #E6E6E6; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out;  -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out;}
#div_zc input[type="submit"]{color: #fdfdfd; background:#0076F9; width:100px; position:absolute; right:0; top:0; height:40px; line-height:35px; color:#FFF; border:none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
#div_zc input[type="submit"]:hover{opacity: 0.8;}

@media (max-width:768px) {
	#div_zc input[type="text"]{ width:100%;}
}



.div_hr{ position:relative; height:3px; background:url(../images/border-bottom.png) center center no-repeat; margin:40px 0;}

.top_x{ border-top:1px solid #DBDBDB;}

.about_htmls{ margin:30px auto; color:#9A9A9A; min-height:200px;}
.about_htmls p{ margin:10px 0; text-indent:2em; line-height:25px; color:#9A9A9A;}


#top_body{ display:none; font-size:12px; position: fixed; bottom:70px; right:0px; color:#428BCA; width: 32px; height: 32px; line-height:32px; cursor:pointer; background: #ffffff; -o-border-radius: 3px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out;}

#top_body:hover {opacity: 0.7;}

#top_body:before {font-family: "Glyphicons Halflings"; content:"\e260";  position: absolute; left:0; top:0; font-size:18px; width: 100%; color: #007aff; vertical-align: middle; text-align: center; }

#map img{ max-width:inherit;}

.contact_z{ float:left; width:30%;}
.contact_y{ float:right; width:65%;}
.div_contact_bks{ position:relative; overflow:hidden; zoom:1; padding-right:80px;}
.contact_z h3,.contact_y h3{ margin-bottom:20px;}
.div_contact_bks input[type="text"]{ width:100%; color: #737373; font-size: 13px; font-family: 'Open Sans', sans-serif; border: 1px solid #e6e6e6; padding:10px 32px 10px 32px;}
.div_contact_bks_z{ float:left; width:40%; position:relative; margin-bottom:20px;}
.div_contact_bks_y{ float:left; width:40%; position:relative; margin-left:20%;}
.div_contact_bks_t{ clear:both; position:relative;}
.div_contact_bks textarea{color: #737373; font-size: 13px; font-family: 'Open Sans', sans-serif; border: 1px solid #e6e6e6; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; outline: none; width: 100%; padding: 12px 31px; display: block; margin-bottom: 10px; height:150px;}
.div_contact_bks i.fa{ position:absolute; left:12px; top:13px;}
@media (max-width:795px) {
}



.web_header_a{ width:100%; background-color:#FFF; position:fixed; z-index:2; left:0; right:0; top:0; height:50px; line-height:50px; margin-top:-999px; text-align:center; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.web_header_a li i{ font-size:22px; color:#333; line-height:inherit;}
.web_header_a ul{ margin:0 60px;}
.web_header_a .web_header_a_2{ width:100%;}
.web_header_a .web_header_a_1{ position:absolute; left:0; line-height:50px; top:0; width:50px; cursor:pointer;}
.web_header_a .web_header_a_3{ position:absolute; right:5px; top:0; background-color:#FFF;}
.web_header_a .web_header_a_3 > a{ padding-left:10px; cursor:pointer;}
.web_header_a .web_header_a_3 > a em{ display:none;}
.web_header_a .web_header_a_3 > a img{ vertical-align:middle;}
.web_header_a .web_header_a_3 img{ width:21px; height:13px;}
.web_header_a .web_header_a_3 > a span{ margin-left:5px;}
.web_header_a .web_header_a_3 ul{ margin:0; left:inherit; right:0; padding:0; text-align:center;}
.web_header_a .web_header_a_3 ul li{ vertical-align:middle; width:50%; font-size:10px; display:inline-block; zoom:1; *display:inline;}
.web_header_a .web_header_a_3 ul li img{ display:block; margin:0 auto;}
@media (max-width:800px) {
	.article{ padding:50px 0;}
	.web_header_a{ margin-top:0;}
	.header_a,.header_b,.header_c{ display:none;}
}
.web_bgs{opacity:0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; height:0; overflow: hidden;}
#web_nav_ul{ height:100%;  transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; overflow: hidden;}
@media (min-width:800px) {
	.web_bgs,#web_nav_ul{display:none;}
}
@media (max-width:800px) {
	body.web_bg_ons{ overflow:hidden;}
	.web_bgs{ position:fixed; height:100%; display:none; opacity:0; width:100%; top:0; left:0; z-index:99; background:url(../images/bg.png);}
	.web_bgs.on{opacity:1; display:block;}
	#web_nav_ul{ position:fixed; width:250px; top:0; left:0; z-index:100; background-color:#1D1F22; overflow:hidden; margin-left:-250px; overflow-y:scroll; color:#D2D2D2;}
	#web_nav_ul.on{display:inline; opacity:1; margin-left:0;}
	#web_nav_ul_bk > li > ul,#web_nav_ul_bk .other > ul ul{ background:url(../images/sidebar-bg.png)}
	#web_nav_ul_bk a{ text-decoration:none;  padding-left:40px; color:#D2D2D2; display:block; line-height:38px; height:40px; position:relative; overflow:hidden; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
	#web_nav_ul_bk .li_list > a {color:#D2D2D2;}
	#web_nav_ul_bk .li_list > ul{ height:0; position:relative; overflow:hidden; transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out;}
	#web_nav_ul_bk .li_list > i.glyphicon-minus ~ ul{ height:auto;}
	#web_nav_ul .web_logo{ padding:20px; text-align:center;}
	#web_nav_ul .web_logo img{ max-width:100%; height:auto; width:auto;}
	#web_nav_ul_bk{border-top: 1px solid #141719; position:relative; border-bottom:1px solid #25272A;}
	#web_nav_ul_bk li{ position:relative; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
	#web_nav_ul_bk .other > a{ display:none;}
	#web_nav_ul_bk .other > ul{ background: none;}
	#web_nav_ul_bk li .new_zks_ul{ position:absolute; right:0; top:0; height:40px; line-height:40px; text-align:center; width:40px; cursor:pointer; font-size:10px;}
	#web_nav_ul_bk .li_list > a{ border-bottom: 1px solid #141719; border-top: 1px solid #25272A;}
	#web_nav_ul_bk .li_list a:hover,#web_nav_ul_bk .li_list:hover > a{ background-color: #212326;}
	#web_nav_ul_bk a > i{ display:inline !important; position:absolute; left:0; top:0; width:40px; line-height:40px; text-align:center; height:40px; font-size:11px;}
	#web_nav_ul_bk a > i.li_more{ display:none !important;}
	#web_nav_ul_bk .li_list ul a{background:url(../images/sidebar-deco.png) repeat-x scroll center top; color:#878787;}
	#web_nav_ul_bk ul > li:first-child > a { background:none;}
	#web_nav_ul .web_tx{ position:relative; margin:10px 0 50px 0;}
	#web_nav_ul .web_tx li{ position:relative; padding-left: 30px; height:30px; line-height:30px;}
	#web_nav_ul .web_tx li i{ position:absolute; left:0; top:0; width:30px; line-height:30px; width:30px; text-align:center; color:#fff;}
	#web_nav_ul .web_tx li a{ text-decoration:none;}
	#web_nav_ul .web_tx li span{ color:#FFF;}
	
}

.page_jg_html{ text-align:center;}
.page_jg_html h3{ font-size:52px; color:#30373B;}
.page_jg_html h4{ font-size:32px; color:#949494;}
.page_anniu{  color:#FFF; text-align:center; padding:10px 20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; background-color:#368AA9; font-size:16px;}
.page_anniu:hover{ background-color:#2F7792;}
.ment_20_0{ margin:20px auto; display: inline-block; zoom:1; *display:inline;}
#page_jg_list{ max-width:1200px; margin:20px auto; overflow:hidden;}
#page_jg_list > li{ margin-left:3%; width:30%; text-align:center; float:left; vertical-align: middle;}
#page_jg_list li .li_bk{ vertical-align:middle; width:90%; border:1px solid #E5E5E5; background-color:#F9FAFA; display:inline-block; zoom:1; *display:inline;}
#page_jg_list li .li_bk .li_hot{ display:block; height:40px; line-height:40px; background-color:#FFF; border-bottom:1px solid #E5E5E5;}
#page_jg_list li .li_bk p{ text-indent:inherit; font-weight:bold; color:#30373B; margin:30px 0 0 0;}
#page_jg_list li .li_bk > .span_jg{ font-size:45px; color:#000; font-family: "Brandon",Helvetica,Arial,sans-serif; font-weight:700;}
#page_jg_list li .li_bk > .span_jg em{ font-size:16px;}
#page_jg_list li ul{ width:150px; margin:0 auto;}
#page_jg_list li li{ text-align:left;}
#page_jg_list li li i{ margin-right:10px;}
#page_jg_list li h5{ font-weight:bold; color:#30373B;}
#page_jg_list li.top_40{ margin-top:40px;}
@media (max-width:700px) {
	.page_jg_html h3{ font-size:32px;}
	.page_jg_html h4{ font-size:22px;}
	#page_jg_list > li{ float:none; width:80%; margin:0 auto 20px auto;}
}
@media (max-width:400px) {
	.page_jg_html h3{ font-size:22px;}
	.page_jg_html h4{ font-size:14px;}
	#page_jg_list > li{ float:none; width:100%; margin:0 auto 20px auto;}
}

.blog_list_ul{ position:relative;}
.blog_list_ul ul{ position:relative; overflow:hidden; zoom:1;}
.blog_list_ul li{ width:50%; float:left;}
.blog_list_ul li div{ width:90%; width:calc(90% - 110px);; padding-left:110px; margin:10px auto; position:relative;  min-height:100px;}
.blog_list_ul li span{ position:absolute; left:0; top:0; background-color:#CCC; width:100px; height:100px; line-height:100px; text-align:center; font-size:0;}
.blog_list_ul li span img{ max-height:100%; max-width:100%; vertical-align:middle; width:auto; height:auto;}
.blog_list_ul li h4{ color:#333; font-size:16px;}
.blog_list_ul li p{ text-indent:inherit; margin:5px 0;}
.blog_list_ul li div > a{ display:block; line-height:30px; height:30px; text-align:center; width:100px; background:#0076F9; color:#FFF;}
.blog_list_ul li div > a:hover{background:#3391FA;}
@media (max-width:768px) {
	.blog_list_ul li div{ width:100%;}
	.blog_list_ul li { width:100%; float:none; border-top:1px solid #DBDBDB;}
	.blog_list_ul li:first-child{ border-top:none;}
	
}

#div_ss{ margin-top:15px; position:relative;}
#div_ss input:focus{ background-color:#FFF;}
#div_ss span{ color:#fff; position:absolute; right:0; top:0px; display:block;  line-height:44px; height:42px; width:44px; text-align:center; cursor:pointer;  font-size:14px; background-color:#39B54A; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:0px; border-top-left-radius:0px; border-top-right-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:0px;}
#div_ss input{ background:#fff; color:#666; width:100%; padding:0 40px 0 10px; vertical-align:middle; position:relative; border:2px solid #39B54A; height:44px; line-height:44px; -webkit-transition:border linear .2s,box-shadow linear .2s; -moz-transition:border linear .2s,box-shadow linear .2s; -ms-transition:border linear .2s,box-shadow linear .2s; -o-transition:border linear .2s,box-shadow linear .2s; transition:border linear .2s,box-shadow linear .2s; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
@media (max-width: 1250px) {
	.header_b_y{ margin-left:50px; width:350px;}
}
@media (max-width: 980px) {
	.header_b_y{ margin-left:10px; width:200px;}
	.header_a_zli_2{ display:none;}
}

#web_div_ss{ margin-top:11px; width:100%; vertical-align:top; position:relative; height:35px; display:inline-block; background-color:#FFF; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; zoom:1; *display:inline;}
#web_div_ss input{ width:100%; background:#fff; padding:0 60px 0 10px; vertical-align:top; position:relative; border:1px solid #E4E4E4; line-height:30px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
#web_div_ss input:focus{ border-color:#39B54A;}
#web_div_ss span{ color:#FFF; display:block; width:50px; background-color:#39B54A; text-align:center; -moz-border-radius:0 16px 16px 0; -webkit-border-radius:0 16px 16px 0; border-radius:0 16px 16px 0; overflow:hidden; position:absolute; right:0; top:0; cursor:pointer; height:32px; line-height:30px;}
#web_div_ss span i{ color:#FFF; font-size:14px;}
@media (max-width: 800px) {
	.ul_top_li_i{ display:none;}
}

#web_foot_nav{ width:100%; background-color:#F8F8F8; position:fixed; height:50px; border-top:1px solid #F8F8F8; z-index:2; bottom:0; margin-bottom:-999px; right:0; left:0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
#web_foot_nav a{ display:block;}
#web_foot_nav > ul > li{ float:left; width:25%; text-align:center; position:relative;}
#web_foot_nav > ul > li a{ text-decoration:none; cursor:pointer;}
#web_foot_nav > ul > li > a{ color:#333;}
#web_foot_nav > ul > li i{ font-size:18px; position:relative; margin:10px 0 0 0;}
#web_foot_nav > ul > li a em{ position:absolute; top:3px; margin-left:15px; min-width:9px; height:15px; line-height:13px; font-size:10px; padding:0 4px; text-align:center; font-style:normal; background-color:#607175; color:#FFF; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#web_foot_nav > ul > li span{ display:block; font-size:10px; margin-top:-5px;}
#web_foot_nav > ul > li.on > ul{ margin-bottom:0;}
#web_foot_nav > ul ul{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; white-space:nowrap; overflow:hidden; bottom:60px; margin-bottom:-999px; text-align:left; margin-left:-45%; background-color:#FFF; position:absolute; display:inline-block; z-index:-1; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; zoom:1; *display:inline;}
#web_foot_nav > ul ul li{ border-top:1px solid #F8F8F8;}
#web_foot_nav > ul ul li a{ padding:0 10px; line-height:35px; height:35px; color:#000;}
#web_foot_nav > ul ul li:first-child{ border-top: none;}
#web_foot_nav > ul #user_nav > ul{ right:5px;}
@media (max-width: 800px) {
	#web_foot_nav{ margin-bottom:0;}
	.web_foot_nav_bg .web_foot_nav_bg{ position:fixed; z-index:-2; left:0; top:0; right:0; bottom:50px; background:url(../images/bg.png); opacity: 0.5;}
}

.mbx_list{ padding:10px 0;}
.mbx_list .breadcrumb{ overflow:hidden; zoom:1; position:absolute; right:15px; color:#FFF; top:0; background:none; border: 1px solid #fff; padding: 10px 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
.mbx_list .max_icon{ display:none;}
.mbx_list h2,.mbx_list h1{height: 42px; line-height: 42px; color:#FFF; font-family: "Open Sans",sans-serif; font-weight:300; font-size:30px;}
.mbx_list h2 a,.mbx_list h2,.mbx_list h1 a,.mbx_list h1,.mbx_list .breadcrumb a,.mbx_list .breadcrumb{ color:#444;}
.mbx_list .breadcrumb{ border:none;}
@media (max-width: 550px) {
	.mbx_list .breadcrumb{ display:none;}
	.mbx_list h2,.mbx_list h1{height:25px; line-height:25px; font-size:20px;}
}

@media (max-width:980px) {
	.shop_widget{ margin-bottom:20px; border:1px solid #DEDEDE; background-color:#FFF;}
	.shop_widget h4{color:#5E4444; font-size: 16px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 700; padding: 10px 14px; background:#F5F5F5;}
	.shop_widget .shop_nav_list li{border-top: 1px solid #DEDEDE; position:relative;}
	.shop_widget .shop_nav_list li .new_zks_ul{ position:absolute; width:20px; height:35px; right:0; top:0; text-align:center; line-height:37px; overflow:hidden; font-size:10px; cursor:pointer; color: #7b7b7b;}
	.shop_widget .shop_nav_list li .new_zks_ul.glyphicon-chevron-down ~ ul{ display:none;}
	.shop_widget .shop_nav_list li a{display: block; color: #000; font-size: 13px; font-family: 'Open Sans', sans-serif; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; padding: 6px 8px; position: relative; text-decoration: none;}
	.shop_widget .shop_nav_list li a:hover,
	.shop_widget .shop_nav_list li a.active,.shop_widget .shop_nav_list li.on_s > a,.shop_widget .shop_nav_list li:hover > a{ color:#000; font-weight:bold; /*background:#FEDF67;*/ /*opacity: 0.6;*/}
	.shop_widget .shop_nav_list li ul{ padding:2px 0;}
	.shop_widget .shop_nav_list li ul li{ border: none;}
	.shop_widget .shop_nav_list li ul li a{ padding:3px 8px;}
	.shop_widget .shop_nav_list li:hover .new_zks_ul,.shop_widget .shop_nav_list li.on_s > .new_zks_ul{ color:#FFF;}
	.shop_widget .shop_nav_list li a:after { position: absolute; font-family: "Glyphicons Halflings"; color: #7b7b7b; font-size: 10px; content:"\e258"; font-weight: 700; right: 9px; top: 9px;}
	.shop_widget .shop_nav_list li.review_li_one > a:after{content:"";}
	.shop_widget .shop_nav_list li a:hover:after{/* color:#FFF;*/}
}
@media (min-width:980px) {
	.sidebar_widgets{ border: 2px solid #EAEAEA; margin:0 -15px;}
	.col-md-10{ margin-right:0; padding-right:0;}
	.sidebar_widgets .shop_widget{ margin:0 15px; }
	.shop_widget{ margin-bottom:20px;}
	.shop_widget h4{color:#39B54A; font-size: 16px; font-family: Arial,"Times New Roman",sans-serif; text-transform: uppercase; font-weight: 700; padding:8px 0;  line-height:21px; border-bottom:1px solid #000;}
	.shop_widget .shop_nav_list li{ position:relative; line-height:31px; min-height:31px; border-left:4px solid #EEE; margin:5px 0;}
	.shop_widget .shop_nav_list li .new_zks_ul{ position:absolute; width:20px; height:31px; right:0; top:0; text-align:center; line-height:35px; overflow:hidden; font-size:10px; cursor:pointer; color: #7b7b7b;}
	.shop_widget .shop_nav_list li a i{ display:none;}
	.shop_widget .shop_nav_list li .new_zks_ul.glyphicon-chevron-down ~ ul{ display:none;}
	.shop_widget .shop_nav_list li a{ padding-left:15px; margin-right:20px; display: inline-block; line-height:16px; vertical-align:middle; color:#666; font-size: 13px; font-family: "Open Sans",Arial,Helvetica,sans-serif;
 transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; position: relative; text-decoration: none; zoom:1; *display: inline;}
	.shop_widget .shop_nav_list li a:hover,
	.shop_widget .shop_nav_list li a.active,.shop_widget .shop_nav_list li.on_s > a,.shop_widget .shop_nav_list li:hover > a{ color:#7EB54A; border-left-color:#39B54A;}
	.shop_widget .shop_nav_list li:hover{ }
	.shop_widget .shop_nav_list li a.active,.shop_widget .shop_nav_list li.on_s > a,.shop_widget .shop_nav_list li.on_s,.shop_widget .shop_nav_list li:hover{border-left-color:#39B54A; background-color:#F4F5F5;}
	.shop_widget .shop_nav_list li ul{ padding:2px 0;}
	.shop_widget .shop_nav_list li ul li{ border: none;}
	.shop_widget .shop_nav_list li:hover .new_zks_ul,.shop_widget .shop_nav_list li.on_s > .new_zks_ul{ color:#7b7b7b;}
	.shop_widget .shop_nav_list li.review_li_one > a:after{content:"";}
}


.shop_widget .cb_sp_list{ /*padding:0 10px;*/ margin-bottom:10px;}
.shop_widget .cb_sp_list li{ border-top: 1px solid #DEDEDE; padding-top:10px; margin-bottom:10px; width:100% !important; padding-left:0 !important; padding-right:0 !important;}
.shop_widget .cb_sp_list li:first-child{ border:none;}
.shop_widget .cb_sp_list li div{ position:relative; padding-left:80px; min-height:75px;}
.shop_widget .cb_sp_list li .products_img{ position:absolute; left:0; top:0; width:75px; line-height:75px; height:75px; display:block; overflow:hidden; background: url(../images/loading.gif) center center no-repeat;}
.shop_widget .cb_sp_list li .products_img img{ max-width:75px; max-height:75px; vertical-align:middle; height:auto; width:auto;}
.shop_widget .cb_sp_list li .products_title{ display:block; color:#000; font-size: 13px; font-family: "Open Sans",sans-serif; margin:4px 0 0 0; line-height:18px; max-height:36px; overflow:hidden;}
.shop_widget .cb_sp_list li .products_title a{ text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.shop_widget .cb_sp_list li .products_grade{ display:none;}
.shop_widget .cb_sp_list li .products_price{ font-family: 'Open Sans', sans-serif; font-size:12px; color:#777;}
.shop_widget .cb_sp_list li .products_price em{ font-weight: 700; font-size: 15px; color:#39B54A; font-style:normal;}

@media (max-width:1920px) {
	.shop_widget .cb_sp_list li div{ padding-left:0; text-align:center;}
	.shop_widget .cb_sp_list li .products_img{ position:relative; height:auto; line-height:inherit; width:100%;}
	.shop_widget .cb_sp_list li .products_img img{ max-width:200%; max-height:inherit; height:auto; width:100%;}
}
.categry_list{ overflow:hidden; zoom:1;}
.categry_list .row{ margin-left:-1px; margin-right:-1px;}
.categry_list ul{  width:100%; overflow:hidden; zoom:1;}
.categry_list li div{ margin:1px; padding:15px; position:relative; text-align:center; overflow:hidden; zoom:1; background-color:#FFF;}
.categry_list li{ overflow:hidden; zoom:1; padding:0;}
.categry_list li .products_img{ min-height:140px; background:#fff url(../images/ajax-loader.gif) center center no-repeat; font-size:0; display:block;}
.categry_list li .products_img img{ max-width:100%; height:auto; width:auto;}
.categry_list li .products_title{ font-family: "Open Sans",sans-serif; font-weight: 300; font-size: 15px; display:block; line-height:40px; height:40px; overflow:hidden;}
.categry_list li .products_title a{ text-decoration:none; line-height:20px; max-height:40px; overflow:hidden; display:inline-block; zoom:1; *display:inline;}
.categry_list li .products_grade{ display: block; text-align:center; text-decoration:line-through;}
.categry_list li .products_price{font-family: "Open Sans",sans-serif; font-weight:700; display:block; padding:0 0 10px 0; font-size:12px; color:#777777;}
.categry_list li .products_price em{ font-style:normal; font-size:18px; color:#39B54A; }
.categry_list li .products_title,.categry_list li .products_title{transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out;}
@media (max-width: 400px) {
	.categry_list > ul{ width:101%;}
	.categry_list li .products_price{ font-size:10px;}
	.categry_list li .products_price em{ font-size:12px;}
	.categry_list ul{ font-size:0;}
	.categry_list li{ float:none; font-size:12px; vertical-align:top; display:inline-block; zoom:1; *display:inline;}
	.categry_list li .products_price{ padding:3px 0px; font-size:10px;}
	.categry_list li .products_price em{ font-size:12px;}
	.categry_list li .products_img{ min-height:90px;}
	.categry_list li .products_title{ line-height:36px; height:36px;}
	.categry_list li .products_title a{ height:36px; line-height:18px; font-size:12px;}
	.categry_list li div{ padding:5px;}
}

.list_fy{ text-align:center;}
.list_fy .pagination{ vertical-align:middle;}
.list_fy .total{ margin-right:10px;}
.list_fy .total em{ font-style:normal; color:#000; font-weight:600;}

.no_list{ text-align:center; line-height:200px; font-size:16px; color:#AA9797; font-family: "Open Sans",sans-serif;}

#ddl_sort .btn-default{ background:none;}
#ddl_sort .dropdown-menu{ left:inherit; right:0;}
.foot_list_icon i{ color:#777; font-size:12px; margin-right:5px;}



.order_list_bz{width:100%; background:#EEEEEE;position:relative; margin:10px 0; z-index:0; overflow:hidden;}
.order_list_bz ul{height:30px;overflow:hidden; width:103%;}
.order_list_bz li{float:left;width:33%;text-align:center;position:relative;z-index:2; font-size:16px;line-height:30px; font-family: Source Sans Pro,sans-serif;}
.order_list_bz li em{position:absolute;right:-20px;top:-8px;width:0;height:0;line-height:0;border-width:23px 0 23px 23px;border-color:transparent transparent transparent #fff;border-style:dashed dashed dashed solid;}
.order_list_bz li i{position:absolute;right:-12px;top:0;width:0;height:0;line-height:0;border-width:15px 0 15px 15px;border-color:transparent transparent transparent #EEEEEE;border-style:dashed dashed dashed solid;}
.order_list_bz li.current{background:#f60;color:#fff;z-index:1;}
.order_list_bz li.current i{border-color:transparent transparent transparent #f60;}
.order_list_bz li#get_on{ background-color:#2C2C2C; color:#FFF;}
.order_list_bz li#get_on i{ border-color:transparent transparent transparent #2C2C2C;}

@media (max-width: 400px) {
	.order_list_bz li{ font-size:11px;}
}
.btn-primary{
	background-color:#39B54A !important;
	background-image: -moz-linear-gradient(top ,#39B54A,#39B54A);
	background-image: -webkit-linear-gradient(top ,#39B54A,#39B54A);
	background-image: -ms-linear-gradient(top ,#39B54A,#39B54A);
	background-image: linear-gradient(top ,#39B54A,#39B54A);
	border-bottom-color:#39B54A !important;
}
#ddl_sort.open .btn-primary,#ddl_sort .btn-primary:hover,#ddl_sort .btn-primary:focus,#ddl_sort .btn-primary:active{
	border-color:#39B54A !important;
}
.btn-primary:hover{
	background-color:#FF7560 !important;
	background-image: -moz-linear-gradient(top ,#39B54A,#39B54A);
	background-image: -webkit-linear-gradient(top ,#39B54A,#39B54A);
	background-image: -ms-linear-gradient(top ,#39B54A,#39B54A);
	background-image: linear-gradient(top ,#39B54A,#39B54A);;
	border-color:#39B54A;
	border-bottom-color:#39B54A !important;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #39B54A;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color:#DDD;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{ background-color:#5B5B5B;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background-color:#5B5B5B; border-color:#5B5B5B;}

.contactus_bk_1{ background-color:#FFF; padding:10px;}

.about_bodys{ background-color:#FFF; padding:10px;}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color:#B3EEFF;
}

.pc_cart{ margin-top:12px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.pc_cart a{ display:block; background-color:#39B54A; width:50px; height:50px; position:relative; text-align:center;}
.pc_cart a:hover{ background-color:#666;}
.pc_cart .icon_cart_nus{transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; text-align:center; display:block; color:#FFF; font-style:normal; padding:3px 0 3px 0;}
.pc_cart .glyphicon-shopping-cart{ color: #FFF; position:absolute; top:100%; margin-top:-32px; font-size:16px; right:0; left:0; display:block; height:30px; line-height:30px;}

.pc_hig_phone{ border:1px solid #FFF; white-space:nowrap; color:#777; height:50px; line-height:20px; margin-right:60px; padding-right:10px; padding-left:20px; position:absolute; right:100%; top:15px; display:inline-block; zoom:1; *display:inline;}
.pc_hig_phone:hover{ border:1px solid #999;}

.footer_a_bks{ margin-left:250px;}
.footer_a_i{ overflow:hidden; zoom:1; width:190px; height:190px; position:absolute; left:0; -moz-border-radius:95px; -webkit-border-radius:95px; border-radius:95px; background-color:#F8F8F8; color:#000;}
.footer_a_i p.p_ys{ color:#898989; margin:33px 25px 0 25px; text-align:center; line-height:25px; font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;}

.footer_zc{ background-color:#39B54A; padding:20px 0; text-align:center; min-height:72px;}
.footer_zc span{ color:#FFF; font-size:18px; font-weight:600;}
.footer_zc input[type="text"]{ width:300px; padding:0 5px; background-color:#F8F8F8; border:none;}
.footer_zc input[type="submit"]{ vertical-align:middle;}

@media (max-width: 768px) {
	#web_section_a{ margin:0 -15px;}
}
#my_users { position:relative; width:85px; height:50px;}
#my_users > a{ color:#666; text-decoration:none; position:absolute; width:115px; display:block; padding-left:20px; padding-right:10px; right:-10px; top:0; background-color:#FFF; height:52px;}
#my_users:hover > a{ z-index:100;}

#my_users a em{ font-style:normal; font-weight:700;}
#my_users:hover ul{ display:block;}
#my_users ul{ display: none; position:absolute; min-width:100%; right:-11px; top:100%; margin-top:-3px; z-index:99; background-color:#FFF; border:1px solid #999; box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.1); padding:10px 0;}
#my_users ul li{ margin:5px 10px; padding:0 10px; border-left:4px solid #EEE; min-height:30px; line-height:30px;} 
#my_users ul li:hover{ border-color:#39B54A; background-color:#F3F4F4;}
#my_users li a{ color:#666; text-decoration:none; display:block;} 
#my_users li a:hover{ color:#39B54A;}
#my_users .no_li_tc_user{ display: none;}
#my_users.on .no_li_tc_user{ display: block;}

.pc_user_names_bg{ display:none; background: #000; position:absolute; right:0; left:0; top:0; bottom:0; z-index:2; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
@media (min-width:800px) {
	.pc_user_names_bg_ons .pc_user_names_bg{ display: block; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity: 0.5;}
}

#fot_list_icon{ position:relative; width:100%;}
#fot_list_icon ul{ overflow:hidden;}
#fot_list_icon li{ width:25%; float:left; text-align:center; position:relative; min-height:80px;}
#fot_list_icon li .leftSidePoints{ border:1px solid #fff; margin:0 auto; width:80px; height:80px; position:relative; -moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px; overflow:hidden; line-height:86px;}
#fot_list_icon li .leftSidePoints i{ font-size:38px;}
#fot_list_icon li .DankPoint{ margin:5px 0;}
#fot_list_icon li .SubDankPoint{ font-size:14px; font-weight:normal;}
#fot_list_icon span{ display:block; margin:0; padding:0;}
@media (min-width:1250px) {
	#fot_list_icon li .leftSidePoints{ position:absolute; left:0; top:0;}
	#fot_list_icon li .rightSidePoints{ margin-left:90px;}
	#fot_list_icon li .rightSidePoints span{ text-align:left;}
}

@media (max-width:800px) {
	#fot_list_icon li{ width:50%; min-height:100px;}
	#fot_list_icon li .leftSidePoints{ position:absolute; left:0; top:0;}
	#fot_list_icon li .rightSidePoints{ margin-left:90px;}
	#fot_list_icon li .rightSidePoints span{ text-align:left;}
}
@media (max-width:600px) {
	#fot_list_icon li{ width:100%;}
}




.div_tab_list{ position:relative; overflow:hidden; margin-top:15px;}
.div_tab_list h4{ font-size:18px; margin:10px 0;}
.div_tab_list li{ position:relative; padding:3px; text-align:center;}
.div_tab_list .row{ margin:0 -3px; position:relative; overflow:hidden;}
.div_tab_list .products_title{ display:block; font-size: 14px; margin-top: 10px; line-height: 40px; height: 40px; overflow:hidden;}
.div_tab_list .products_title a{ line-height:20px; display:inline-block; zoom:1; *display:inline;}
.div_tab_list .products_grade{ display:block; text-decoration:line-through;}
.div_tab_list .products_price{ display:block; color: #777777; font-size:12px;}
.div_tab_list .products_price em{ font-style:normal; font-size: 16px; color: #000;}
.div_tab_list .bd{ overflow:hidden; zoom:1;}
.div_tab_list .bd > div{ display:block !important; float:left;}
.div_tab_list .hd{ position:absolute; right:0; top:0; margin:10px 0;}
.div_tab_list .hd li{ float:left; width:20px; line-height:20px; text-align:center; height:20px; padding:0; margin-left:5px; overflow: hidden; cursor:pointer;}
.div_tab_list .hd li.on{ background-color:#39B54A; color:#FFF;}
.div_tab_list .next,.div_tab_list .prev{ position:absolute; top:50%; margin:-15px 5px 0 5px; font-size:16px; z-index:3; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#ccc; color:#FFF; height:30px; line-height:30px; width:30px; text-align:center; cursor:pointer; font-weight:700;}
.div_tab_list .next:hover,.div_tab_list .prev:hover{ background-color:#333;}
.div_tab_list .next{ left:0;}
.div_tab_list .prev{ right:0;}
@media (max-width:768px){
	.div_tab_list .next,.div_tab_list .prev{ display:none;}
}