img {
	max-width: 100%;
}
.c {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.bggray {
	background-color:#f7f8fa;
	padding:10px 0px;
}
.mt10 {
	margin-top:40px;
}
.pd20{ padding:20px;}
.mt5 {
	margin-top:30px;
}.mb5 {
	margin-bottom:20px;
}
h1{ margin-top:10px;}
.mt7 {
	margin-top:20px;
}
.ml{ margin-left:10px;}
.pd10 {
	padding:40px 0px;
}
.ptd10 {
	padding:40px 0px;
}
.center {
	text-align:center;
}
p {
	line-height:35px;
	padding:0;
	margin: 0px 0px 0px 0px;
}
h2 {
	font-size:24px;
}
body {
	font-family:"Arial", Meiryo UI;
	font-size:16px;
	letter-spacing:0.5px;
}

.w150{ display:inline-block; width:150px;}
#contactForm input[type=text]{width:50%;}
#contactForm p{line-height:45px;}
.hidden-dis {
	display:block;
}
.display-mobile {
	display:none;
}
.container {
	padding:0px;
}
.br-l {
	border-left:1px #cccccc solid;
}
.br-r {
	border-right:1px #cccccc solid;
}
.br-t {
	border-top:1px #cccccc solid;
}
.br-b {
	border-bottom:1px #cccccc solid;
}
.btn{     padding: 10px 16px;}
header {
}
.nav {
	/*background: #e8e7e3;*/
}
nav, section {
	display: block;
}
nav {
	height: 50px;
	padding: 1px 0; /* Old browsers */
	/*background-color:#e8e7e3;*/
}
nav ul {
	list-style: none;
	margin:0;
	padding: 0;
}
nav li {
	float: left;
	height: 45px;
	width: 140px;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	margin-right: 1px; /* keep 1px between elements */
	position: relative;
}
header nav a {
	height: 45px;
	font-size: 18px;
	font-weight:bold;
	color: #333;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	line-height: 45px; /* Vertically center text by making line height equal to height *//* Transitions effects for all browsers */
}
nav a:hover, nav a.active {
	top:-100%;
}
/* Insteed of badly duplicating text content in a span, use :after speudo class add a blue block after the element with all required attributes. see pseudo class :after and :before for more details */
header nav a:after {
	content: attr(data-caption); /* Use the data-caption attribute for the text content */
	display: block;
	position: absolute;
	top: 100%;
	width: 100%;
	height: 45px;
	color:#fff;
	background: #bd2d30; /* Old browsers */
}
.main {
	position:relative;
}
.left-vendor {
	padding:40px 0px;
}
.left-vendor dl dt {
	font-size:16px;
	font-weight:bold;
	line-height:35px;
	padding:0px 30px; 
}
.left-vendor dl dd {
	width:100%;
	line-height:25px;
	font-size:14px;
}
.left-vendor dl dd a {
	color:#333333;
	text-decoration:none;
	display:inline-block;
	width:100%;
	padding:8px 25px 8px 25px;
}
.left-vendor dl dd a:hover {
	background-color:#AE4141;
	text-decoration:none;
	color:#ffffff;
}
.left-vendor dl dt i {
	color:#fd8a03;
}
.all-free {
	border-bottom:1px #cccccc solid;
	padding-bottom:30px;
	margin:0px 30px 30px 30px;
	
}
.free-img{ margin:0 auto;}
.free-img img{
	text-align:center;
	vertical-align:middle;
	
	margin-left:30px;
	margin-top:50px;
}
.feedback img{
	text-align:center;
	vertical-align:middle;
	
	margin-left:30px;
	margin-top:50px;
}
.search-top {
	border-bottom:1px #cccccc solid;
	padding-bottom:45px;
	margin:0px 30px 30px 30px;
}
.search-top h1 {
	font-size:24px;
}
.search-top p {
	font-size:18px;
	line-height:45px;
}
.search-area {
	background: #fff;
	border-radius: 2px;
	border: 1px solid #ddd;
	width: 70%;
	margin:0 auto;
}
.search-area .categories-filter {
	border-right: 1px solid #E0E0E0;
	text-transform: capitalize;
	display: inline-block;
	line-height: 38px;
	background: #fff;
	border-radius: 0;
}
.search-area .categories-filter .dropdown-menu {
	min-width: 180px;
	border: none;
	padding: 3px 15px;
	border-radius: 0;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.search-area .categories-filter .dropdown-menu .menu-header {
	margin: 0;
}
.search-area .categories-filter .dropdown-menu li {
	margin-bottom: 10px;
}
.search-area .categories-filter .dropdown-menu li a {
	border-bottom: none;
}
.search-area .categories-filter a {
	padding: 0 20px;
	color: #666;
	font-size: 13px;
}
.search-area .search-field {
	border: none;
	padding: 13px 5px;
	color: #777;
	width: 90%;
    float: left;
}
.search-area .search-field:focus {
	outline: none;
}
.search-area .search-button {
	display: inline-block;
	float: right;
	margin: 0px;
	font-size:14px;
	padding: 14px 16px 14px;
	text-align: center;
	border:none;
	background-color:#ffffff;
	color:#666666;box-shadow:none;
}
.search-area .search-button i {
	vertical-align: middle;font-size:24px;
}
.navbar-brand img {
	width: 110px;
}
.login {
	display:inline-block;
	
	vertical-align:middle;
}
.login span {
	/*background-color:#f5f5f5;*/
	margin:0px 10px;
	display:inline-block;
	padding:0px;
	font-size:18px;
}
.register-txt{padding: 10px 10px;
    border: 1px #cccccc dashed;
    background-color: #f5f5f5;}
.login .register a{ text-decoration:underline;color:#666666;}
.cart-box {
	position: absolute;
	z-index: 99;
	opacity: 0;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 300px;
	left: auto;
	top: 58px;
	right: -27px;
}
.cart-box .popup-container {
	border: 1px solid #ddd;
	padding: 15px;
	background: #FFF;
	position: relative;
}
.cart-box .popup-container:before {
	background: url(../img/search-angle.png);
	content: "";
	height: 15px;
	position: absolute;
	right: 32px;
	top: -15px;
	width: 28px;
}
.cart-box .cart-entry {
	padding-bottom: 20px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
	position: relative;
}
.cart-box .image {
	float: left;
	width: 70px;
}
.cart-box .content {
	text-align: left;
}
.cart-box .content .title {
	font-size: 14px;
	line-height: 18px;
	color: #333;
	font-weight: 700;
	margin-bottom: 5px;
	display: block;
}
.cart-box .content .quantity {
	font-size: 12px;
	line-height: 24px;
	color: #999;
	margin-bottom: 3px;
}
.cart-box .content .price {
	font-size: 18px;
	line-height: 24px;
	color: #fd8a03;
	font-weight: 700;
}
.cart-box .button-x {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.cart-box .summary {
	width: 100%;
	padding-bottom: 40px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
	position: relative;
}
.cart-box .summary .subtotal, .cart-box .summary .price-s {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}
.cart-box .summary .subtotal {
	float: left;
}
.cart-box .summary .price-s {
	float: right;
}
.cart-box .cart-buttons {
	display: block;
}
.cart-box .cart-buttons .btn {
	padding: 10px 10px;
	font-size: 12px;
	text-transform: uppercase;
	margin-right: 5px;
	margin-left: 5px;
}
.cart-box .cart-buttons .btn-border-2 {
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
	color: #333;
}
.cart-box .cart-buttons .btn-border-2:hover {
	background: transparent;
	border-color: #fd8a03;
	color: #fd8a03;
}
.shop-cart {
	float: right;
	margin: 8px 0;
}
.shop-cart ul li {
	display: inline-block;
	position: relative;
}
.shop-cart ul li .cart-btn {
	display: block;
	background: #2d2d2d;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 8px 14px;
	position: relative;
}
.shop-cart ul li .cart-btn:hover {
	background: #fd8a03;
}
.shop-cart ul li .cart-btn .cart-label {
	color: #ffffff;
	background-color: #fd8a03;
	font-size: 11px;
	font-weight: bold;
	width: 22px;
	height: 22px;
	text-align: center;
	position: absolute;
	right: -12px;
	top: -14%;
	border-radius: 50%;
	line-height: 22px;
}
.shop-cart ul li:hover .cart-box {
	opacity: 1;
	transition: all 0.5s ease 0s;
	visibility: visible;
	z-index: 99999999;
}
.popup:last-child {
	margin-bottom: 0px !important;
}
.shopping-cart a i {
	padding: 20px 0;
}
.shopping-cart .indicator {
	display: none;
}
.shop-icon li {
	margin-left: 25px;
}
.shop-icon li a i {
	color: #888;
	font-size: 15px;
	padding: 20px 0;
}
.nav-bg {
	background-color:#268f26;
	height:60px;
}
.mobile-menu {
	display: none;
}
/* Nav*/
.dropdown{ position:relative;  float:left; width:25%;}
.dropdown-menu{ position:absolute;z-index:2000; width:100%;}
.dropdown-l{ left:auto; }
.dropdown-r{ right:0;  left:auto;}
.dropdown button{ width:100%;}

  
  .hot-promotion {
	text-align:center;
}
.hot-promotion h1 {
	font-size:33px;
	font-weight:bold;
	color:#354c5e;
	line-height:80px;
	margin-top:30px;
}
.hot-promotion h5 {
	font-size:20px;
	font-weight:500;
	color:#354c5e;
	line-height:50px;
}
/* News*/
  
  .related-new {
	margin-bottom:30px;
	margin: 0px 30px 30px 30px;
}
.related-new i {
	text-align:center;
	vertical-align:middle;
	font-size:50px;
	line-height:50px;
	color:#fd8a03;
	display:block;
	margin-top:50px;
}
.related-new .new-list {
	line-height:45px;
	background-color:#4285f3;
	color:#ffffff;
}
.related-new .new-content {
	line-height:40px;
}
/*Feedback*/
.feedback {
	border-bottom:1px #cccccc solid;
	padding-bottom:30px;
	margin:0px 30px 0px 30px;
}
.feedback i {
	text-align:center;
	vertical-align:middle;
	font-size:50px;
	line-height:50px;
	color:#fd8a03;
	display:block;
	margin-top:50px;
}
.feedback-list {
	line-height:45px;
	background-color:#4285f3;
	color:#ffffff;
}
.feedback-content {
	 margin-top:15px;
}

.feedback-content a:hover {
text-decoration:underline;
}
.related-new a {
	text-decoration:underline;
	color:#AE4141;
}
.related-new a:hover {
	color:#ff0000;
}
.promotion {
	background-color:#bd2d30;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
	margin:20px 0px 20px 0px;
}
.top-certification {
	position:relative;
	margin-top:20px;
	padding:0px 20px;
}
.top-certification dl dt {
	font-size:24px;
	font-weight:bold;
	color:#333333;
	line-height:50px;
	height:50px;
	margin-bottom:10px;
}
.top-certification dl dd {
	line-height:60px;
	padding-left:30px;
	color:#1a70c8;
}
.gray {
	background-color:#f7f8fa;
}
.top-certification .vendor {
	display:inline-block;
	font-weight:bold;
}
.top-certification .exam {
	display:inline-block;
	font-weight:bold;
}
.top-certification a {
	text-decoration:underline;
	color:#1a70c8;
}
.top-certification a:hover {
	color:#fd8a03;
	text-decoration:underline;
}
.top-certification .qs {
	display:inline-block;
	font-weight:bold;
}
.top-certification .uptime {
	display:inline-block;
	font-weight:bold;
}
.top-certification .top-title {
	font-size:15px;
	font-weight:bold;
	line-height:40px;
	color:#333333;
	text-decoration:none;
}
.links span {
	display:inline-block;
	padding:20px;
}
footer {
	border-top:1px #a7a6a6 solid;
	padding:25px 0px 10px 0px;
}
footer ul {
	padding:0px;
	margin:0px;
}
footer ul li {
	list-style:none;
	display:inline-block;
	padding:10px 20px;
}
footer ul li a {
	display:inline-block;
	cursor:pointer;
	background-repeat:repeat-x;
	background-position:bottom;
	text-decoration:none;
}
footer ul li a:hover{ text-decoration:underline;}
footer .pay {
	text-align:right;
}
.copyright {
	padding:0px;
	text-align:center;
	line-height:35px;
	font-size:16px;
	color:#666666;
}
.wishlist div {
	height:55px;
	line-height:55px;
	background-color:#f5f5f5;
	color:#333;
	font-weight:bold;
}
.wishlist-entry {
	padding:20px 0px;
}
.cart-cod {
	font-size:18px;
}
.cart-cod a {
	color:#333333;
}
.check-price {
	font-size:18px;
	font-weight:bold;
}
.mb7 {
	margin-bottom:40px;
}
.btn {
	border-radius:0px;
}
.btn-primary {
	background-color:#03af03;
	border:1px #02a202 solid;
	text-transform:Uppercase;
}
.form-control {
	border-radius:0px;
}
.login-form-container {
	
	padding: 0px 20px;
	text-align: left;
}
.login-form-container .login-text {
	text-align: center;
	margin-bottom: 30px;
}
.login-form-container .login-text h3 {
	font-size: 30px;
	margin-bottom: 5px;
}
.login-form-container input[type="checkbox"] {
	height: 15px;
	margin: 0;
	position: relative;
	top: 1px;
	width: 17px;
}
.login-form-container label {
	color: #333;
	font-size: 14px;
	letter-spacing: 0.3px;
	vertical-align: middle;
}
.btn-common {
	background-color:#FFD700;
	
	color:#8e4e03;
	text-transform:uppercase;
}
.btn-common:hover{ color:#8e4e03; background-color:#f8d101; border-color:#e5c103;}
.login-toggle-btn {
	line-height:44px;
}
.coupons-and-voucher {
	padding:10px 0px 20px 0px;
	margin:20px 0px;
}
.coupons-and-voucher h5 {
	font-weight:bold;
	line-height:30px;
	height:30px;
}
.voucher {
	padding:0px 10px 20px 10px;
}
.points {
	padding:20px 10px 20px 10px;
}
.coupons {
	padding:20px 10px 20px 10px;
}
.coupons-and-voucher input[type=text] {
	padding: 6px 12px;
}
.confirm {
	margin-top:10px;
	line-height:51px;
	padding:10px 0px;
}
.usercenter-list {
	padding:10px 20px;
	
}
.usercenter-list dl dt {
	border-bottom:1px #dddddd solid;
	padding:20px 0px;
}
.usercenter-list dl dd {
	line-height:40px;
	
	margin-bottom:10px;
}
.usercenter-list dl dd a{
	color:#666666; display:inline-block; width:100%;padding: 0px 20px; 
} 
.usercenter-list dl dd a:hover{
	color:#ffffff;
	background-color:#bd2d30; text-decoration:none;
} 
.order-list {
	line-height:40px;
	margin:30px 0px;
	padding:10px 0px;
	font-weight:bold;
	border-bottom:1px #dddddd solid;
}
.order-content {
	line-height:40px;
}
.order-content a {
	color:#333;
	text-decoration:underline;
} 

.hello {
	font-size:18px;
	font-weight:bold;
}
.user-info {
	line-height:40px;
}
.user-info-content {
	line-height:40px;
}
.user-info-content a{ color:#666; text-decoration:underline;} 
.user-info-content a:hover{ color:#bd2d30;}
.news-list h4 {
	font-weight:bold;
	padding:10px 0px;
}
.news
{
	}
.news .news-user {
	margin:10px 0px;
}
.news .news-user span {
	padding:0px 15px 0px 0px;
}
.news .news-content {
	line-height:30px;
}
.news .news-content p {
}
.more {
	color:#666666;
}
.new-certification {
	position:relative;
	margin-top:20px;
	padding:0px 20px;
}
.new-certification dl dt {
	font-size:24px;
	font-weight:bold;
	color:#333333;
	line-height:50px;
	height:50px;
	margin-bottom:10px;
}
.new-certification dl dd {
	line-height:60px;
	color:#1a70c8;
}
.new-certification .vendor {
	display:inline-block;
	width:15%;
	font-weight:bold;
}
.new-certification .exam {
	display:inline-block;
	font-weight:bold;
}
.new-certification a {
	text-decoration:underline;
	color:#1a70c8;
}
.new-certification a:hover {
	color:#fd8a03;
	text-decoration:underline;
}
.new-certification .qs {
	display:inline-block;
	font-weight:bold;
}
.new-certification .uptime {
	display:inline-block;
	font-weight:bold;
}
.new-certification .top-title {
	font-size:15px;
	font-weight:bold;
	line-height:40px;
	color:#333333;
	text-decoration:none;
}
.news-detail h2 {
	line-height:50px;
}
.news-detail .news-user span {
	padding-right:30px;
}
.news-detail .news-user {
	line-height:35px;
}
.news-detail .news-content {
	line-height:35px;
}
.fixed-top {
	position: fixed;
	bottom:0;
	right: 0;
	left: 0;
	z-index: 1030;
}
.hidden{ display:none;}
.sf-header {
    position: fixed;
    z-index: 3;
   
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1), 0 1px rgba(0,0,0,0.1);
    background: #e8e7e3;
}
.global-nav {
    width: 100%;
    text-align: center;
    z-index: 1000;
}

.bottom-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    background-color: #e8e7e3;
	color:#333333;
    box-shadow: 0 -1px rgba(0,0,0,0.1), 0 -2px 10px rgba(0,0,0,0.1);
}
.bottom-nav .opts {
    float: left;
    display: inline-block;
    margin: 0;
    width: 100%;
}
.bottom-nav .opts a {
	display:inline-block;
	color:#333333;
	width:100px;
}
.bottom-nav .opts a:hover
{
	
	background-color:#333333; color:#ffffff;}
.pad-20{ padding:40px 20px;}.fix-top{ margin-top:30px;}
.cart{ }

.search-page ul li{ list-style:none; line-height:40px;}
.search-page ul li a{ color:#bd2d30;}
.bread-content h1{ font-size: 16px;display: inline-block;}
.nextnews{  border:1px #dddddd solid; margin-bottom:20px;}
.nextnews-prev{ width:50%;line-height:35px;}
.atxt{ display:inline-block; width:100%; color:#333; padding:10px 10px; }
.nextnews-prev a{ display:inline-block; width:100%; color:#333; padding:10px 10px; }
.nextnews-prev a:hover{display:inline-block; width:100%; background-color:#bd2d30; color:#fff; text-decoration:none;}
.nextnews-next{width:50%;border-left:1px #dddddd solid; line-height:35px;}
.nextnews-next a:hover{display:inline-block; width:100%; background-color:#bd2d30; color:#fff;text-decoration:none;}
.nextnews-next a{ display:inline-block; width:100%; color:#333; padding:10px 10px;}
.prev-txt{display:inline-block; height:35px; line-height:35px; width:100%; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.next-new{ padding:10px 0px; border-bottom:1px #cccccc solid; border-top:1px #cccccc solid; margin-top:30px;}

.buy{position: relative;border: 1px #cccccc solid;padding: 10px 0px; height:100%;}
.buy-l{border-right: 1px #cccccc solid;}
.buy-r-p{ position: absolute;height: 100%;right: 0;top: 0;}
.buy-r{height:100%;text-align: center;display: flex;justify-content: center;align-items: Center;}

.buy button{width: 250px; height: 60px;}
.mobile-left{ float:right;}
.mobile-right{ float:left;}
@media screen and (max-width: 992px) {

	 .main{ padding-top:30px;}
	 .br-l {
	border-left:none;
}
.br-r {
	border-right:none;
}
.hidden-dis {
 display:none;
 visibility: hidden !important;
}
.mobile-menu {
 position:absolute;
 top:0px;
 display: block !important;
 width:100%;
}
.sf-header {
    position: fixed;
    z-index: 3;
    
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1), 0 1px rgba(0,0,0,0.1);
    background: #e8e7e3;
}
.global-nav {
    width: 100%;
    text-align: center;
    z-index: 1000;
}

.bottom-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    background-color: #e8e7e3;
	color:#333333;
    box-shadow: 0 -1px rgba(0,0,0,0.1), 0 -2px 10px rgba(0,0,0,0.1);
}
.bottom-nav .opts {
    float: left;
    display: inline-block;
    margin: 0;
    width: 100%;
}
.bottom-nav .opts a {
	display:inline-block;
	color:#333333;
	width:33%;
}
.bottom-nav .opts a:hover
{
	
	background-color:#333333; color:#ffffff;}

 /*nav*/
/*  .navbar{ position:fixed; bottom:0px;}*/
.left-vendor{padding:0px 0px 40px 0px;}
   .left-vendor dl {
padding:0;
margin:0;
}
 .left-vendor dl dt {
float:left;
font-size:16px;
 line-height:35px;
margin:10px 10px 10px 10px;
width:95%;
text-align:center;
}


.left-vendor dl dd{
	display:inline-block;
padding-left:15px;
width:49%;
}


.left-news dl dd{
	display:inline-block;
padding-left:15px;
width:100%;
}
.container {
   
    margin-right: auto;
    margin-left: auto;

}
.vendor{ padding:0px;}
.dropdown  button{ background-color:#f5f5f5;}.dropdown .dropdown-menu li{ line-height:35px;}.dropdown .dropdown-menu li a{ color:#333;}.dropdown .dropdown-menu li a:after{  background-color:#AE4141;}
	.free-img{ margin:0 auto;text-align:center;}
.free-img img{
	text-align:center;
	vertical-align:middle;
	margin-left:0px;
	margin-top:0px;
	
}
.global-nav nav img{padding-top:12px;}
.search{ margin-left:20px;float:left;}
.user{ float:right; margin-right:20px;}
.ptd10{ padding:40px 0px 0px 0px;}
.pad-20{padding:0px 20px;}
.search-area {
	background: #fff;
	border-radius: 2px;
	border: 1px solid #ddd;
	width: 100%;
	margin:0 auto;
}
footer ul li {
    list-style: none;
    display: inline-block;
    padding: 10px 0px;
    width: 30%;
 }
 footer ul li  a{ text-decoration:none;}
 .pd10{ padding:40px 0px 20px 0px}
 .search-area .search-field {
	border: none;
	padding: 13px 5px;
	color: #777;
	width: 78%;
    float: left;
}
.global-nav .fr{ float:right; margin-right:25px;}
.global-nav nav i {
     padding-top: 10px;
    font-size:25px;
}
.buy-l{border-right: none;}
.buy-r-p{ position: relative;height: 100%;right: 0;top: 0;}
 }
 @media screen and (max-width: 768px) {

	 .main{ padding-top:30px;}
	 .br-l {
	border-left:none;
}
.br-r {
	border-right:none;
}
.hidden-dis {
 display:none;
 visibility: hidden !important;
}
.mobile-menu {
 position:absolute;
 top:0px;
 display: block !important;
 width:100%;
}
.sf-header {
    position: fixed;
    z-index: 3;
    
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1), 0 1px rgba(0,0,0,0.1);
    background: #e8e7e3;
}
.global-nav {
    width: 100%;
    text-align: center;
    z-index: 1000;
}

.bottom-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    background-color: #e8e7e3;
	color:#333333;
    box-shadow: 0 -1px rgba(0,0,0,0.1), 0 -2px 10px rgba(0,0,0,0.1);
}
.bottom-nav .opts {
    float: left;
    display: inline-block;
    margin: 0;
    width: 100%;
}
.bottom-nav .opts a {
	display:inline-block;
	color:#333333;
	width:33%;
}
.bottom-nav .opts a:hover
{
	
	background-color:#333333; color:#ffffff;}

 /*nav*/
/*  .navbar{ position:fixed; bottom:0px;}*/
.left-vendor{padding:0px 0px 40px 0px;}
   .left-vendor dl {
padding:0;
margin:0;
}
 .left-vendor dl dt {
float:left;
font-size:16px;
 line-height:35px;
margin:10px 10px 10px 10px;
width:95%;
text-align:center;
}


.left-vendor dl dd{
	display:inline-block;
padding-left:15px;
width:49%;
}


.left-news dl dd{
	display:inline-block;
padding-left:15px;
width:100%;
}
.container {
   
    margin-right: auto;
    margin-left: auto;

}
.vendor{ padding:0px;}
.dropdown  button{ background-color:#f5f5f5;}.dropdown .dropdown-menu li{ line-height:35px;}.dropdown .dropdown-menu li a{ color:#333;}.dropdown .dropdown-menu li a:after{  background-color:#AE4141;}
	.free-img{ margin:0 auto;text-align:center;}
.free-img img{
	text-align:center;
	vertical-align:middle;
	margin-left:0px;
	margin-top:0px;
	
}
.global-nav nav img{padding-top:12px;}
.search{ margin-left:20px;float:left;}
.user{ float:right; margin-right:20px;}
.ptd10{ padding:40px 0px 0px 0px;}
.pad-20{padding:0px 20px;}
.search-area {
	background: #fff;
	border-radius: 2px;
	border: 1px solid #ddd;
	width: 100%;
	margin:0 auto;
}
footer ul li {
    list-style: none;
    display: inline-block;
    padding: 10px 0px;
    width: 30%;
 }
 footer ul li  a{ text-decoration:none;}
 .pd10{ padding:40px 0px 20px 0px}
 .search-area .search-field {
	border: none;
	padding: 13px 5px;
	color: #777;
	width: 78%;
    float: left;
}
.global-nav .fr{ float:right; margin-right:25px;}
.global-nav nav i {
     padding-top: 10px;
    font-size:25px;
}

.buy-l{border-right: none;}
.buy-r-p{ position: relative;height: 100%;right: 0;top: 0;}
 }
 @media screen and (max-width: 640px) {
	 .jptxt{color: #c9302c;font-weight: bold; margin-top:20px;}
	 	{ float:right !important;}
.mobile-right{ float:left !important;}
.mobile-left{ float:left !important;}
 .index-top{padding-top:50px !important;}
	 .main{ padding-top:30px;}
 .hidden-dis {
 display:none;
visibility: hidden !important;
}
.mobile-menu {
 position:absolute;
 top:0px;
 display: block !important;
 width:100%;
}
.sf-header {
    position: fixed;
    z-index: 3;
    
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1), 0 1px rgba(0,0,0,0.1);
    background: #e8e7e3;
}
.global-nav {
    width: 100%;
    text-align: center;
    z-index: 1000;
}

.global-nav nav i{  padding-top: 10px;
    font-size:25px;}
.global-nav nav img{ padding-top:10px; }
.bottom-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    background-color: #e8e7e3;
	color:#333333;
    box-shadow: 0 -1px rgba(0,0,0,0.1), 0 -2px 10px rgba(0,0,0,0.1);
}
.bottom-nav .opts {
    float: left;
    display: inline-block;
    margin: 0;
    width: 100%;
}
.bottom-nav .opts a {
	display:inline-block;
	color:#333333;
	width:110px;
}
.bottom-nav .opts a:hover
{
	
	background-color:#333333; color:#ffffff;}
	.container {
   
    margin-right: auto;
    margin-left: auto;
	}.vendor{ padding:0px;}
	.dropdown  button{ background-color:#f5f5f5;}.dropdown .dropdown-menu li{ line-height:35px;}.dropdown .dropdown-menu li a{ color:#333;}.dropdown .dropdown-menu li a:after{  background-color:#AE4141;}
	.free-img{ margin:0 auto;text-align:center;}
.free-img img{
	text-align:center;
	vertical-align:middle;
	
	margin-left:0px;
	margin-top:0px;
}.search{ float:left;}.user{ float:right; margin-right:20px;}
.ptd10{ padding:40px 0px 0px 0px;}
.pad-20{padding:0px 20px;}
.search-area {
	background: #fff;
	border-radius: 2px;
	border: 1px solid #ddd;
	width: 100%;
	margin:0 auto;
}.left-vendor{padding:0px 0px 40px 0px;}
.left-news dd{
	display:inline-block;
padding-left:15px;
width:100%;
}
/*nav*/
  /* .navbar{ position:fixed; bottom:0px;}*/
footer ul li {
    list-style: none;
    display: inline-block;
    padding: 10px 0px;
    width: 30%;
	}
	footer ul li  a{ text-decoration:none;}
	.pd10{ padding:40px 0px 20px 0px}
	 .search-area .search-field {
	border: none;
	padding: 13px 5px;
	color: #777;
	width: 78%;
    float: left;
}
.global-nav .fr{ float:right; margin-right:25px;}
.global-nav nav i {
    padding-top: 10px;
    font-size:25px;
}
.buy-l{border-right: none;}
.buy-r-p{ position: relative;height: 100%;right: 0;top: 0;}
 }
 @media screen and (max-width: 480px) {
	 .jptxt{color: #c9302c;font-weight: bold; margin-top:20px;}
	 	{ float:right !important;}
.mobile-right{ float:left !important;}
	 .main{ padding-top:25px;}
 .hidden-dis {
 display:none;
visibility: hidden !important;
}
.mobile-menu {
 position:absolute;
 top:0px;
 display: block !important;
 width:100%;
}
.sf-header {
    position: fixed;
    z-index: 3;
    
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1), 0 1px rgba(0,0,0,0.1);
    background: #e8e7e3;
}
.global-nav {
    width: 100%;
    text-align: center;
    z-index: 1000;
}

.bottom-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 49px;
    line-height: 49px;
    background-color: #e8e7e3;
	color:#333333;
    box-shadow: 0 -1px rgba(0,0,0,0.1), 0 -2px 10px rgba(0,0,0,0.1);
}
.bottom-nav .opts {
    float: left;
    display: inline-block;
    margin: 0;
    width: 100%;
}
.bottom-nav .opts a {
	display:inline-block;
	color:#333333;
	width:120px;
}
.bottom-nav .opts a:hover
{
	
	background-color:#333333; color:#ffffff;}
	.container {
    
    margin-right: auto;
    margin-left: auto;
	}.vendor{ padding:0px;}
	.dropdown  button{ background-color:#f5f5f5;}
	.dropdown .dropdown-menu li{ line-height:35px;}.dropdown .dropdown-menu li a{ color:#333;}.dropdown .dropdown-menu li a:after{  background-color:#AE4141;}
		.free-img{ margin:0 auto; text-align:center;}
.free-img img{
	text-align:center;
	vertical-align:middle;
	
	margin-left:0px;
	margin-top:0px;
}.search{ float:left;}.user{ float:right; margin-right:20px;}
.ptd10{ padding:40px 0px 0px 0px;}
.pad-20{padding:0px 20px;}
.search-area {
	background: #fff;
	border-radius: 2px;
	border: 1px solid #ddd;
	width: 100%;
	margin:0 auto;
}.left-vendor{padding:0px 0px 40px 0px;}
.left-news dd{
	display:inline-block;
padding-left:15px;
width:100%;
}
/*nav*/
   /*.navbar{ position:fixed; bottom:0px;}*/
footer ul li {
    list-style: none;
    display: inline-block;
    padding: 10px 0px;
    width: 30%;
	}
	footer ul li  a{ text-decoration:none;}
	.pd10{ padding:40px 0px 20px 0px}
	 .search-area .search-field {
	border: none;
	padding: 13px 5px;
	color: #777;
	width: 78%;
    float: left;
}
.global-nav .fr{ float:right; margin-right:25px;}
.buy-l{border-right: none;}
.buy-r-p{ position: relative;height: 100%;right: 0;top: 0;}
	}



.container p{line-height:25px;padding-bottom:10px;}
.all-free h2{margin-bottom:20px;}
.copyright a{padding:0px 15px;}
.btn-cart1{background:#FFF;color:#ac2925;border-color:#ddd;}
.btn-cart{background:#FFF;color:#ac2925;border-color:#ddd;height: 60px;font-size: 20px;}
.btn-cart2{background:#FFF;color:#ac2925;border-color:#ddd;height: 60px;font-size: 20px;}
.search-content{padding-bottom:40px;}
.jptxt{color: #c9302c;font-weight: bold;    display: block;}