/* CSS Document */
@-ms-viewport       { width: device-width; }
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

body { margin:0px auto; }
body * {font-family:Arial,Verdana,���^; }
/*font-family:"Arial", "Helvetica"*/
div, table, th, td, a:link, a:visited, a:hover, a:active, input, textarea, h1, h2, h3, li { -webkit-text-size-adjust:100%; font-size:15px; color:#7e7e7e;}
a { text-decoration:none!important; cursor:pointer; color:#3b3b3b;}
a:link, a:visited, a:active { color:#696969; }
a:hover { color:#666666;text-decoration:none!important;}
form { margin:0px;}
textarea { height:80px;}
img { border:0px;}
.text-bottom { vertical-align:text-bottom}
/*.Btn { background-color:#01befe; color:#FFFFFF; border:1px solid #51949c; padding:5px 10px; cursor:pointer; font-size:12px;}*/
.Field_40 { max-width:40px; width:100%}
.Field_60 { max-width:60px; width:100%}
.Field_80 { max-width:80px; width:100%}
.Field_100 { max-width:100px; width:100%}
.Field_150 { max-width:150px; width:100%}
.Field_200 { max-width:200px; width:100%}
.Field_250 { max-width:250px; width:100%}
.Field_300 { max-width:300px; width:100%}
.Field_400 { max-width:400px; width:100%}

/*guide

.pull-left    ��
.pull-right   �k
.center-block  �~��
.clearfix     �M���B��
.text-center ��r�~��

------------------------------------------------------------------------------------
xs (<768px), sm(>768) md(>992) lg(>1200)
.visible-*-block
.visible-*-inline
.visible-*-inline-block
visible �i��
hidden ����

.visible-xs-*
.visible-sm-*
.visible-md-*	
.visible-lg-*	

.hidden-xs	
.hidden-sm	
.hidden-md	
.hidden-lg	
------------------------------------------------------------------------------------

guide*/
.visible-xxs-block { display:none}
@media screen and (max-width: 568px) {
.col-xxs-12 { width:100%}
.visible-xxs-block { display:block}
}

/*����*/
.pagination>.active>a { background-color:#84c94c; border:1px solid #84c94c; color:#FFF}
.pagination li a { color:#666666}
.tab-content .pagination { margin:0px}/*����*/

/*common*/
span.required { color:#DF0505}
.no-margin { margin:0px!important;}
.no-padding { padding:0px!important;}
.no-padding-right { padding-right:0px!important;}
.no-padding-left { padding-left:0px!important;}
.no-margin-right { margin-right:0px!important;}
.star { color:#F00}
.message { text-align:left; font-size:16px;}
.system-message { text-align:center; font-size:21px; color:#000; padding:30px 0px 10px;}
.system-message .back { font-size:21px; color:#000; cursor:pointer; margin-top:20px; display:block}
.common-group { list-style:none; padding:0px; margin:0px;}
.common-group li { float:left;}
.no-border { border:0px!important;}
label.error { color:#F00; margin-top:2px;}
.common-btn { background-color:#84c84c!important; color:#FFF!important; border:1px solid #84c84c; padding:3px 8px; border-radius:0px;}
.margin-top-15 { margin-top:15px;}
.pointer { cursor:pointer}
.like-button { border:1px solid #FFF; border-radius:5px; background-color:#797979; color:#FFF; height:37px; padding:0px 13px; font-size:24.7px;}
.popover-title { background-color:#FFF;}
.bread-style { background:none;}
.bread-style li a { color:#7f7f7f}
.bread-style li.active { color:#93bc63}
#currency .top_downarrow, #language .top_downarrow { background:url('../common/image/arrow-down.png') right 7px no-repeat; padding-right:10px; cursor:pointer}
.subscribe-icon { background:url(../common/images/subscribe-icon.png); height:28px; width:57px; background-repeat:no-repeat; display:inline-block}
.mobile-toggle-menu { background:url(../common/images/toggle-arrow.png) no-repeat scroll right 0px transparent; display:block; cursor:pointer; width:20px; height:20px;}
.active .mobile-toggle-menu { background-position:right -52px;}
#scroll-top { background:url(../common/images/scroll-topE.png); height:53px; width:80px; position:fixed; bottom:0px; cursor:pointer; right:10px; }
/*common*/

/*common-wrapper*/
.wrapper { margin:0px!important;}/*�~��G��*/
.top-wrapper, .content-wrapper, .footer-wrapper, .nav-wrapper { margin-left:auto; margin-right:auto; max-width:1200px; width:100%;}
.top-wrapper { padding-top:40px;}
.footer-wrapper { border-top:1px solid #dcdcdc; padding-bottom:50px; }
/*common-wrapper*/

/*facebook-page*/
@media screen and (min-width: 768px) {
  #facebook-page { overflow:hidden;}
}
/*facebook-page*/

/*logo-slider*/
#logo-slider { margin:22px 0px}
#logo-slider .item img { height:40px; margin-left:auto; margin-right:auto;}
/*logo-slider*/

/*banner*/
.carousel-indicators .active { background-color:#93bc63!important;  border:1px solid #f8f8fa!important} /*�ϥΤ������I*/
.carousel-indicators li { border:1px solid #93bc63!important} /*���I*/
.banner-caption { width:100%; max-width:430px;}
.banner-wrapper { border-bottom:1px solid #a2a2a2;}
.banner-wrapper .carousel-control.left {
    background: none;
    color: #696969;
}
.banner-wrapper .carousel-control.right {
    background: none;
    color: #696969;
}
.banner-in-wrapper { padding:0px 0px;}
/*banner*/

/*top*/
header { padding-bottom:28px;}
.header-right { float:right}
@media screen and (min-width: 768px) {
#header-right-top { float:right;}
}
#currency button, #language button { background:none; border:0px; outline:0; font-size:15px; margin:0px 2px;}
#currency .dropdown-menu, #language .dropdown-menu { border-radius:0px; }
#language-button { color: #696969}
#currency button .caret, #language button .caret { color:#999999;}
#currency .dropdown-menu li, #language .dropdown-menu li { padding:0px; margin:0px; }
#currency .dropdown-menu li a, #language .dropdown-menu li a { font-size:15px; padding:2px 8px;}
#currency .dropdown-menu li a:hover, #language .dropdown-menu li a:hover { color:#7ea84d; background:none;}
/*
#header-right-menu .{ margin-left:10px;}*/
#header-right-menu .separated-icon { padding:0px 10px;}
#header-right-bottom { padding-top:28px; margin-bottom:30px;}
.header-button { border:2px solid #84c84c; background-color:#84c84c; width:124px; vertical-align:middle; height:35px; border-radius:0px; outline:none; color:#FFFFFF; font-weight:bold;}
.header-account { margin-left:15px;}
.header-address { margin-left:12px;}
#top-search { margin-top:2px;}
#top-search input { height:30px; border:1px solid #e0dfdf; color:#636363; padding-left:10px; float:left; width:180px; outline:none;}
#top-search button { background: none; border:0px; padding:0px; margin:0px; outline:none; float:left; margin-top:4px; margin-left:4px;}
#top-search button span { font-size:20px; color:#92959c;}
#facebook-auth { margin:0px 5px 0px 5px; cursor:pointer}
#header-menu-button { margin:0px auto; padding:1px 0px; background:none; outline:none; border:0px;}
#header-menu-button span:first-child { margin-top:3px;}
#header-menu-button span { width:30px; background-color:#555555; display:block; height:3px; margin-bottom:3px;}

@media screen and (min-width: 768px) {
	#header-menu-content { display:block; border:0px; background:none; border:0px; box-shadow:none; margin:0px; padding:0px; float:none; position:relative;}
	#header-menu-content li { float:left; padding:0px 5px;}
	#header-menu-content li.separated-point { padding:0px;}
	#header-menu-content li a { padding:0px; background:none; color:#696969;}
	.fixed-header { width:100%; z-index:100; background-color:#FFFFFF;}
	/*.brand-logo-slider { padding-top:200px;}*/
}

@media screen and (max-width: 768px) {
	#logo { margin-left:auto; margin-right:auto;}
	.header-right { float:none; margin-left:auto; margin-right:auto;}
	#currency, #language, #header-menu { width:33.33%; text-align:center; border-right:1px solid #FFFFFF; padding:10px 0px; background-color:#D3D4D4; height:42px;}
	#header-menu-content { right:0; left:auto;}
	#header-menu-content li a { text-align:center;}
	#facebook-auth { margin-left:auto; margin-right:auto;}
	/*.header-account { margin:0px;}
	.header-address { float:left!important; margin:0px;}*/
	#header-right-bottom { padding-top:0px; margin-bottom:5px;}
	#top-search { float:none!important; margin-top:15px; margin-bottom:10px;}
	#top-search input { width:90%;}
    header { padding-bottom:15px;}
	.top-wrapper { padding-top:15px;}
	#logo { margin-bottom:10px;}
}
/*top*/

/*header-cart*/
#cart-content { padding:10px 8px}
#cart-content .cart-info, #cart-content .cart-info a, #cart-content .cart-info td { font-size:13px; background:none; padding:0px; font-weight:normal; line-height:normal; height:auto;}
#cart-content .cart-info td { padding:10px 5px;}
#cart-content .img {} 
#cart-content .img img { max-height:50px; max-width:50px;}
#cart-content .quality { width:30px;}
#cart-content .delete-button { padding:3px;}
.cart-info tr { border-bottom:1px solid #CBC9C9}
#cart-content .event-discount { font-size:13px; margin-top:15px;}
#cart-content .cart-total { margin-top:15px; text-align:right}
#cart-content .cart-total table { display:inline-block}
#cart-content .cart-total td { padding:2px 5px;}
#cart-content .cart-total, #cart-content .cart-total td { font-size:13px;}
#cart-content .cart-checkout { text-align:right}
#cart-content .cart-checkout, #cart-content .cart-checkout a { font-size:13px; background:none; height:auto; line-height:none; padding:0px;}
#cart-content .cart-checkout a { display:inline-block}
/*header-cart*/

/*nav*/
.navbar-toggle { margin-left:15px;}
.navbar-default { background:none;margin:0px;}
.navbar-default, .navbar-collapse { border:0px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus { font-size:16px; color:#7e7e7e; padding-left:15px; padding-right:15px; }
.navbar-default .navbar-nav>li>a:hover { background-color:#84c84c; color:#FFFFFF}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color:#84c84c; color:#FFFFFF}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color:#84c84c; color:#FFFFFF}
/*
#header-cart { padding:15px 8px;background-color:#dcdcdc;}
*/
.navbar { min-height:40px;}
.navbar-nav>li>a { padding-top:10px; padding-bottom:10px;}
/*
#header-cart { padding:0px 8px; background-color:#dcdcdc; min-height:41px; height:41px; vertical-align:middle;}
*/
.navbar-toggle { margin-top:6px; margin-bottom:6px; padding:7px 8px;}
#header-cart a { color:#7f7f7f; font-size:16px; font-weight:bold; line-height:41px; height:41px; background-color:#dcdcdc; display:block; padding:0px 8px;}
#header-cart a img { margin-left:4px; margin-top:-2px;}
#cart-content { min-height:150px; min-width:250px;}
#cart-content .empty { padding-top:50px; text-align:center;}


.navbar-default .level-1 { padding:5px;}
.navbar-default .level-1 li a { background:none; padding:0px; display:block;  min-width:160px;}
.navbar-default .level-1 li a:hover { background:none; color:#FFFFFF;}
.navbar-default .level-1 li { background:url(../common/images/menu_icon.png) no-repeat scroll 5px center transparent; border-top:1px dotted #CACACA; display:block; padding:4px 4px 4px 15px;}
.navbar-default .level-1 li:hover { background:url(../common/images/menu_iconhr.png) no-repeat scroll 5px center transparent; background-color:#84c84c; }
.navbar-default .level-1 li:hover a { color:#FFFFFF;}
.navbar-default .level-1 li a.activSub { background:url(../common/images/cat_arrow.png); background-position:150px center; background-repeat:no-repeat;}
.navbar-default .level-1 li:hover a.activSub { background:url(../common/images/cat_arrow_hover.png); background-position:150px center; background-repeat:no-repeat; }
.navbar-default .level-2 li a { color:#333!important;}
.navbar-default .level-2 li:hover a { color:#FFFFFF!important;background:url(../common/images/menu_iconhr.png) no-repeat scroll 5px center transparent; background-color:#84c84c;}
.navbar-default .dropdown-menu li:first-child { border:0px;}
.navbar-default .open .dropdown-menu>li>a { padding:0px;}

/*
.navbar-default .level-2 { padding-left:8px; padding-right:4px; position:relative;}
.navbar-default .level-3 { padding-left:16px; padding-right:4px;}
*/
.menu-button-font { height:42px; line-height:42px; color:#84c84c; font-weight:bold; margin-left:-5px;}
.navbar-default .level-2 li a span { margin-right:0px;}
@media screen and (min-width: 768px) {
.navbar-default .dropdown-menu li:hover .level-2 { display:block!important; padding:5px;}
.navbar-default .level-2 { margin:0px; padding:0px; list-style:none; display:none; position:absolute; min-width:160px; top:auto; right:-185px; margin-top:-26px; background-color:#FFFFFF;border:1px solid rgba(0,0,0,.15)}
.navbar-default .level-2 li {}
.navbar-default .level-2 li a { display:block;}
.navbar-default .level-2 li:hover a { color:#FFFFFF; background-color:#84c84c;}
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus { font-size:16px; padding-left:10px; padding-right:10px; }
  #header-cart a {  font-size:14px;}
}

@media screen and (max-width: 768px) {
#header-cart a { height:42px;}
.navbar-default .level-1 { padding-left:15px;}
.navbar-default .level-1 li { background:none; padding:0px; border:0px;}
.navbar-default .level-1 li:hover { background:none; border:0px;}
.navbar-default .level-1 li a { background:url(../common/images/menu_icon.png) no-repeat scroll 5px center transparent!important; border-top:1px dotted #CACACA; display:block; padding:4px 4px 4px 15px!important; color:#333!important;}
.navbar-default .level-1 li a:hover { background:url(../common/images/menu_iconhr.png) no-repeat scroll 5px center transparent!important; background-color:#84c84c!important; color:#FFFFFF!important; }
.navbar-default .level-2 { padding-left:10px; margin:0px;}
}

/*nav*/

/*fixedright follow-us*/
/*
.fixed-right { right:3px;}
.follow-us-icon-group { position:fixed; background:#E8E8E8; top:40%; min-width:30px; border-radius:4px; padding:2px 10px; box-shadow:0 3px 5px rgba(0, 0, 0, 0.2); z-index:100;}
.follow-us-icon-group a { display:block; margin:8px 0px;}
.follow-us-icon-group a img { width:30px;}
*/
/*
.follow-us-icon-group .icon {background-image: url(../common/images/follow-us-icons.png); width:30px; height:30px; line-height:30px; margin:auto; border-radius: 3px; text-align:center; display:block; transition:all 0.2s ease-out 0s; opacity: 0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; color:#7B7A7A;}
.follow-us-icon-group .icon:hover { background-color:#b4dae7}
.follow-us-icon-group .icon.facebook { background-position:-318px 0}
.follow-us-icon-group .icon.instagram { background-position:-236px 0}
.follow-us-icon-group .icon.weibo { background-position:-436px 0}
.follow-us-icon-group .icon.wechat { background-position:-318px 0}
.follow-us-icon-group .icon.twitter { background-position:-598px 0}
*/
.fixed-right { right:3px;}
.follow-us-icon-group { margin-bottom:0px;}
.follow-us-icon-group a { display:block; margin:8px 0px; margin-top:0px; float:left; margin-right:13px;}
.follow-us-icon-group a img { width:30px;}
@media screen and (max-width: 970px) {
.follow-us-icon-group a { margin-right:5px;}
}
.follow-us-icon-group a:last-child { margin-right:0px;}
#facebook-page { margin-bottom:0px;}
/*fixedright follow-us*/


/*left*/

/*left*/

/*footer*/
.footer-top { padding:7px 10px 8px ;}
.footer-top .payment-icon { font-size:18px; font-weight:bold;}
.footer-top .payment-icon img { margin-top:3px;}
.footer-bottom { border-top:1px solid #dcdcdc; padding:30px 10px 0px;}

.footer-counter { text-align:left; font-size:16px; max-width:423px; margin-top:20px; }
.footer-counter .number { color:#339900; font-weight:bold; font-size:16px; letter-spacing:2px; text-shadow: 2px 2px 2px #BBBBBB;filter:progid:DXImageTransform.Microsoft.Shadow(color='#BBBBBB', Direction=135, Strength=3)}
.footer-copyright { margin-top:5px; max-width:423px; margin-bottom:15px; font-size:11px;}
.footer-copyright span { margin-top:8px; display:block; text-align:left; text-align:11px;}

#footer-contact { margin-top:18px;}
.footer-item .mobile-toggle-menu { float:right;}
.footer-item.active .mobile-toggle-menu { background-position:0 -52}

.footer-icon-group { list-style:none; padding:0px; margin:0px auto; width:100%; max-width:530px; margin-bottom:14px; border-bottom:1px solid #c2c2c2;}
.footer-icon-group li { float:left; margin:0px; width:25%; min-width:50px; text-align:center; margin-bottom:14px;}
.footer-icon-group li span { display:block; font-size:18px; font-weight:bold; color:#585858; margin-top:3px;}

.footer-nav { padding:0px 10px; width:100%; max-width:530px; margin:0px auto}
.footer-item {}
.footer-item h3 { margin:0px; padding:0px; font-size:18px; margin-bottom:20px; color:#6f6f6f; font-weight:bold;}
.footer-item ul { list-style:none; margin:0px; padding:0px;}
.footer-item ul li { margin:0px; padding:0px; margin-right:15px; margin-bottom:10px; float:left}

@media screen and (min-width: 768px) {
.footer-middle { padding:0px 10px;}
}

@media screen and (max-width: 768px) {
	.footer-item h3 { margin-bottom:11px;}
	.footer-item ul li { float:none; margin:8px 0px}
	.footer-icon-group { margin-left:0px;}
	.footer-bottom .footer-icon-group { margin-bottom:20px;}
	.footer-bottom .footer-nav { margin-left:0px;}
	.footer-counter { margin-top:15px;}
	.footer-item ul { display:none}
}
/*footer*/

/*index*/
	/*index-subscribe*/
	/*
	.home-subscribe {}
	.home-subscribe .header { margin:0px; margin-bottom:15px;}
	.home-subscribe .header .icon { float:left; margin-left:10px;}
	.home-subscribe .header .font { height:28px; float:left; margin-left:8px; color:#767676; font-size:18px; line-height:28px; vertical-align:middle; font-weight:bold;}
	.home-subscribe .content input { width:100%; outline:none; float:right}
	.home-subscribe .content input[type="text"] { border:1px solid #dcdcdc; padding:0px 5px; height:30px; margin-top:1px; max-width:200px;} 
	.home-subscribe .content input[type="submit"] { border:2px solid #84c84c; background-color:#84c84c; width:95px; padding:0px; margin:0px auto; margin-top:10px; height:31px; vertical-align:middle; border-radius:10px; color:#FFFFFF; outline:0; font-weight:bold; display:block;} */
	.home-subscribe { float:right; padding-left:15px;}
	.home-subscribe .header { float:left; margin:0px; margin-top:20px; padding:0px; margin-right:9px;}
	.home-subscribe .header .icon { float:left; margin-left:10px;}
	.home-subscribe .header .font { height:28px; float:left; margin-left:8px; color:#767676; font-size:18px; line-height:28px; vertical-align:middle; font-weight:bold;}
	.home-subscribe .content { float:left; margin-top:18px;}
	.home-subscribe .content form { width:265px;}
	.home-subscribe .content input { width:100%; outline:none; margin-bottom:10px; display:inline-block}
	.home-subscribe .content input[type="text"] { border:1px solid #dcdcdc; padding:0px 5px; height:30px; margin-top:1px; max-width:200px;} 
	.home-subscribe .content input[type="submit"] { border:2px solid #84c84c; background-color:#84c84c; width:55px; padding:0px; height:30px; vertical-align:middle; border-radius:0px; color:#FFFFFF; outline:0; font-weight:bold; margin:0px; margin-left:4px; margin-top:-2px;}
	/*index-subscribe*/
	@media screen and (max-width: 768px) {
		.home-subscribe { float:left; padding-left:0px;}
		.home-subscribe .header .icon { margin-left:0px;}
		.home-subscribe .content { margin-top:10px;}
	}
	
	
	@media screen and (min-width: 768px) {
	.main-right { padding-left:10px;}
	#main-top .main-right, .product-list .main-right { padding-left:10px;}
	.content-wrapper .main-col { padding-left:25px; width:70%}
	.content-wrapper .right-col{ width:30%}
	.index-wrapper .left-col { padding-left:0px; }
	.mobile-tab-button { display:none;}
	}
	
	@media screen and (min-width: 1024px) {
	.content-wrapper .main-col { width:80%}
	.content-wrapper .right-col { width:20%}
	}
	
	/*product-tab*/
	.product-tab { margin-top:33px;}
	.product-tab .tab-header { border-bottom:5px solid #84c84c}
	.product-tab .tab-header ul { display:table; margin-left:auto; margin-right:auto; text-align:center; border:0px;}
	.product-tab .nav>li>a { height:50px; line-height:50px; padding:0px; width:165px; text-align:center; vertical-align:middle; margin:0px; border:1px solid #b6b6b6; border-radius:0px; border-bottom:0px; font-size:18px; color:#7e7e7e;}
	.product-tab .nav>li>a:hover, .product-tab .nav-tabs>li.active a { border:1px solid #84c84c; border-bottom:0px; background-color:#84c84c; color:#FFFFFF; }
	/*product-tab*/
	/*.product-tab .tab-content { padding-top:30px; padding-bottom:5px;}*/
	#index-view .tab-pane { padding-top:30px; padding-bottom:5px;}
	
	 @media screen and (max-width: 500px) {
	  .product-tab .nav>li>a { width:auto; padding:0px 5px; font-size:16px;}
	 }
	 
	@media screen and (max-width: 768px) {
	    .mobile-tab-button { display:block; width:100%; border-top:1px solid #dcdcdc; height:50px; line-height:50px; font-size:18px!important; padding:0px 15px; font-weight:bold;}
		.mobile-tab-button.active, .mobile-tab-button:hover { background-color:#84c84c; color:#FFFFFF;}
	    .mobile-tab-button.last { border-bottom:1px solid #dcdcdc}
		#index-view .toggle-icon { background:url(../common/images/toggle-arrow.png) no-repeat scroll right 0px transparent; display:block; cursor:pointer; width:20px; height:20px; float:right; display:block; margin-top:15px;}
        #index-view .mobile-tab-button.active .toggle-icon { background-position:right -52px;}
		#index-view .in { display:block;}
		#product-tab { margin:15px 0px;}
	}

/*index*/

/*bread*/
.breadcrumb { padding:0px; margin-bottom:15px; padding-left:10px;}
.product-list .breadcrumb { padding:0px;}
.breadcrumb>li+li:before {}
.breadcrumb-title { font-size:20px; margin:0px; margin-bottom:15px; }
/*bread*/

/*product-list*/
  /*product-header*/
.product-filter { border:1px solid #DEDDDD; background: #F7F7F7; padding:4px; margin-bottom:10px;}
.product-filter .display { margin:2px 15px 0 2px; float:left}
.product-filter .display .List a{
	background:url(../common/images/sprite.png) no-repeat scroll -35px -208px transparent; display: block; float: left; width: 24px; height: 24px; text-decoration: none; text-indent: -9999px;
}
.product-filter .display .Grid a{ background:url(../common/images/sprite.png) no-repeat scroll -6px -208px transparent; display: block; float: left; width: 24px; height: 24px; text-decoration: none; text-indent: -9999px;
}
.product-filter .display .List a:hover{background-position:-35px -236px;}
.product-filter .display .List{ background:url(../common/images/sprite.png) no-repeat scroll -35px -236px transparent; display: block; float: left; width:24px; height: 24px; border:1px solid #DBDBDB; text-decoration: none; text-indent: -9999px; margin-right:5px;
}
.product-filter .display .Grid a:hover{background-position:-6px -236px;}
.product-filter .display .Grid{ background:url(../common/images/sprite.png) no-repeat scroll -6px -236px transparent; display: block; float: left; width:24px; height: 24px; border:1px solid #DBDBDB; text-decoration: none; text-indent: -9999px;
}
.product-filter .sort { float:right;}
.product-filter select { outline:none; height:28px;}
.product-filter .sort select { width:105px;}
.product-filter .limit { float:right; margin-left:15px;}
  /*product-header*/
  /*list-view*/
  
  #list-view .product-block { padding:10px 7px; margin:10px 0px; border:1px solid #cecece;}
  #list-view .product-block .pull-left { width:80%; border-right:0px solid #E0DFDF; position:relative;}
  #list-view .product-block .img { min-width:200px; max-width:200px; float:left}
  #list-view .product-block .img-responsive { border:0px solid #dcdcdc}
  #list-view .product-block .info { position:absolute; left:210px; padding-top:0px; line-height:normal}
  #list-view .product-block .info a { line-height:normal}
  #list-view .product-block .info .brand-name { color:#55901b; font-size:16px; margin-right:5px;}
  #list-view .product-block .info .product-name { color:#646464; font-size:15px;}
  #list-view .product-block .info .product-nameE { color:#8a8a8a; font-size:12px;}
  #list-view .product-block .info .product-name:hover { color:#93bc63; }
  #list-view .product-block .info .capcity { font-size:10px; color:#8a8a8a;}
  #list-view .product-block .info .description { font-size:14px; margin-top:15px; overflow:hidden; padding-right:5px;}
  #list-view .product-block .pull-right { width:20%; text-align:right;}
  #list-view .product-block .price-block { margin-top:25px;}
  #list-view .product-block .price-block  span { display:block; }
  #list-view .product-block .price-block .suggest-price { font-size:12px; color:#646464; }
  #list-view .product-block .price-block .suggest-price .through { display:inline-block; text-decoration:line-through}
  #list-view .product-block .price-block .old-price { font-size:14px; color:#646464; text-align:right; text-decoration:line-through;} 
  #list-view .product-block .price-block .price { font-size:16px; color:#ff6600; text-align:right; }
  #product-grid-list .cart-button { height:30px; width:90px; margin:0px; padding:0px; font-size:16px; background:#84c84c; color:#FFFFFF; border-radius:0px; border:2px solid #84c84c;}
  #list-view { display:none;}
  #list-view .product-icon { height:44px; margin-top:16px;}
  #list-view .product-block .ex-description { color:#FF002a; font-size:14px; margin-top:5px; }
  /*list-view*/
  /*grid-view*/
  /*
  #grid-view .caption .product-name { text-align:center;}
  #grid-view .caption .product-name a { text-align:center; color:#7e7e7e; font-weight:bold; font-size:16px;}
  #grid-view .caption .product-name a:hover { color:#93bc63; }
  #grid-view .caption .price-block { text-align:center; margin-top:5px;}
  #grid-view .caption .price-block  span {}
  #grid-view .caption .price-block .old-price { font-size:16px; color:#878787; text-align:center; text-decoration:line-through;} 
  #grid-view .caption .price-block .price { font-size:16px; color:#ee7c50; text-align:center; }
  #product-grid-list .cart-button {  border:2px solid #84c84c; background:#84c84c; color:#FFFFFF; border-radius:8px; height:35px; vertical-align:middle; width:124px; margin-left:auto; margin-right:auto; display:block; padding:0px; text-align:center; margin-top:5px; outline:0px; font-size:18px; font-weight:bold; }
  */
  #grid-view .caption .info { min-height:50px;}
  #grid-view .caption .brand-name a { font-size:16px; color:#55901b; margin-bottom:1px; display:block;}
  #grid-view .img-responsive { border:0px solid #dcdcdc}
  #grid-view .caption .product-name a { color:#646464; font-size:15px; margin-bottom:5px; display:block;}
  #grid-view .caption .product-nameE a { color:#8a8a8a; font-size:12px; margin-bottom:0px; display:block; line-height:normal}
  #grid-view .caption .product-name a:hover { color:#93bc63; }
  #grid-view .caption .bottom-icon-group { height:34px;}
  #grid-view .caption .capcity { font-size:10px; color:#8a8a8a;}
  #grid-view .caption .suggest-price { font-size:12px; color:#646464; margin-top:0px; bottom:0px;}
  #grid-view .caption .suggest-price span { text-decoration:line-through;}
  #grid-view .caption .cart-info .price-block { float:left; line-height:normal}
  #grid-view .caption .cart-info .price-block span { display:inline-block;}
  #grid-view .old-price { font-size:14px; color:#646464; text-decoration:line-through; line-height:normal}
  #grid-view .price { font-size:16px; color:#ff6600; line-height:normal}
  #grid-view .caption .cart-info .cart-button { float:right; height:30px; width:90px; margin:0px; padding:0px; font-size:16px;}
  #grid-view .ex-description { color:#ff002a; font-size:14px; margin-top:5px; text-align:left}
  /*grid-view*
  
  /*brand-category*/
  .brand_category h3 { font-size:18px; color:#4a4a4a; font-weight:bold; margin:0px; margin-top:10px; }
  .brand_category ul { margin:0px; padding:0px; list-style:none; padding-left:22px; margin-bottom:40px;}
  .brand_category li { font-size:16px; margin-top:8px; border-bottom:1px dashed #dcdcdc; padding-bottom:1px;}
  .brand_category li a { font-size:16px;}
  .brand_category li a:hover { color:#93bc63;}
  .brand_category .line { background-color:#494949; width:10px; height:2px; display:inline-block; vertical-align:middle; margin-right:10px;}
  /*brand-category*/
/*product-list*/

/*right-col-menu*/
.right-col-menu section { margin-top:13px; border:5px solid #dcdcdc; padding:10px 15px; cursor:pointer}
.right-col-menu h3 { font-size:36px; border-bottom:1px; border-bottom-style:solid; margin:0px; padding:0px; border-spacing:0px}
.right-col-menu .new { color:#5caade; border-color:#5caade}
.right-col-menu .best { color:#ff6e7f; border-color:#ff6e7f}
.right-col-menu .sale { color:#93bc63; border-color:#93bc63}
.right-col-menu .recommended { color:#ef80c7; border-color:#ef80c7; font-size:24px;}
.right-col-menu div { margin-top:5px; font-size:20px; text-align:right; letter-spacing:5px; font-weight:bold;}
/*right-col-menu*/

/*index*/
  #index-view .caption .info { min-height:50px;}
  #index-view .img-responsive { border:0px solid #dcdcdc}
  #index-view .caption .brand-name a { font-size:16px; color:#55901b; margin-bottom:1px; display:block;}
  #index-view .caption .product-name a { color:#646464; font-size:15px; margin-bottom:5px; display:block;}
  #index-view .caption .product-nameE a { color:#8a8a8a; font-size:12px; margin-bottom:5px; display:block;}
  #index-view .caption .product-name a:hover { color:#93bc63; }
  #index-view .caption .bottom-icon-group { height:34px;}
  #index-view .caption .capcity { font-size:10px; color:#8a8a8a;}
  #index-view .caption .suggest-price { font-size:12px; color:#646464; margin-top:0px; bottom:0px;}
  #index-view .caption .suggest-price span { text-decoration:line-through;}
  #index-view .caption .cart-info .price-block { float:left; line-height:normal}
  #index-view .caption .cart-info .price-block span { display:inline-block;}
  #index-view .old-price { font-size:14px; color:#646464; text-decoration:line-through; line-height:normal}
  #index-view .price { font-size:16px; color:#ff6600; line-height:normal}
  #index-view .caption .cart-info .cart-button { float:right; height:30px; width:90px; margin:0px; padding:0px; font-size:16px; background:#84c84c; color:#FFFFFF; border-radius:0px; border:2px solid #84c84c; }
  #index-view .ex-description { color:#ff002a; font-size:14px; margin-top:5px; text-align:left}
/*index*/

/*Onepage*/
.thumbnail { border:1px solid #cecece; padding:5px 5px; margin-bottom:15px;}
.thumbnail .caption { padding:0px 0px 9px 0px;}
/*PRODUCT
.caption .product-name { text-align:center;}
.caption .product-name a { font-size:16px; color:#7e7e7e; font-weight:bold; text-align:center;}
.caption .product-name a :hover { color:#93bc63; }
.caption .product-price { font-size:16px; color:#7ea84d; font-weight:bold; text-align:center; margin-top:5px;}
.caption .product-price .old-price { font-size:16px; color:#878787; font-weight:bold; text-align:center; text-decoration:line-through; margin-right:5px;}
.caption .product-price .price { font-size:16px; color:#ee7c50; font-weight:bold; text-align:center}
.caption .cart-button { border:2px solid #84c84c; background:#84c84c; color:#FFFFFF; border-radius:8px; height:35px; vertical-align:middle; width:124px; margin-left:auto; margin-right:auto; display:block; padding:0px; text-align:center; margin-top:5px; outline:0px; font-size:18px; font-weight:bold; }
.caption .ex-description { margin-top:0px; color:#FF002a; font-size:14px; text-align:center;}
/*Onepage*/

/*member*/
.member-header, .member-content { margin:0px; border:1px solid #999;}
.member-header { padding:5px; background-color:#84c84c; color:#FFF; font-weight:bold;}
.member-content { padding:0px 5px; border-top:0px; padding-bottom:15px;}
#member-forget { margin-top:10px;}
@media screen and (min-width: 768px) {
.section-login { padding-right:7.5px}
.section-register { padding-left:7.5px}
}
#main-wrapper section { margin-bottom:15px;}
/*member*/

/*member-order*/
.member-order-block { margin-bottom:15px; border:1px solid #dddddd;}
.member-order-block h2 { margin:0px!important; background-color:#dcdcdc; padding:8px 5px; text-align:left; font-size:18px;}
.member-order-block h2 a {font-size:18px;}
.member-order-block th { text-align:left; padding:5px; font-size:16px; color:#444444; background-color:#f2f2f2 }
.member-order-block td { text-align:left; padding:5px; font-size:16px; color:#444444; }
.member-order-block-title { background-color:#84c84c!important; font-size:18px!important; color:#FFF!important;}
#close-order-detail { cursor:pointer}
/*member-order*/

/*member-common*/
#member-wrapper .tab-content { padding:0px 0px 15px 0px;}
#member-wrapper .nav-tabs>li>a { border:1px solid #b6b6b6}
#member-wrapper .nav-tabs>li.active>a { background-color:#84c84c; border:1px solid #84c84c; color:#FFFFFF}
#member-wrapper .nav-tabs>li>a:hover { background-color:#84c84c; border:1px solid #84c84c; color:#FFFFFF}
/*member-common*/

/*register*/
.register-form h3 { font-size:14px; margin-bottom:5px; font-weight:bold;}
.register-form section { margin-bottom:10px; border:1px solid #E0DFDF; padding:10px;}
.register-form table { width:100%; border-collapse:collapse}
.register-form td { padding:4px; font-size:13px;}
.register-form table tr td:first-child { width:180px; }
.register-form input { outline:none;}
.register-form input[type="text"] { width:205px;}
.register-form input[type="email"] { width:205px;}
.register-form input[type="password"] { width:205px;}
.register-form textarea { width:100%; max-width:300px; height:100px;}
.register-form label.error {display:block; margin-top:3px;}
label.error { color:#DF0505; font-size:13px;}
.register-form td label { margin-right:10px; }
@media screen and (max-width: 768px) {
    .register-form td { display:block; width:100% !important; }
}
/*register*/

/*product-show*/
@media screen and (min-width: 768px) {
  .main-img { width:48%}
  .main-info { width:52%}
  #main-img { width:100%;}
}
@media screen and (min-width: 1024px) {
  .main-img { width:43%}
  .main-info { width:57%}
}
.product-show .content .cart { margin-top:0px;}
.product-show .main-info .cart span.pull-left { font-size:16px; line-height:35px; }
.product-show .main-info .qty { float:left; padding:5px 0px; padding-left:10px;}
.product-show .main-info .qty input { width:100px; height:26px; line-height:normal; border:4px solid #aaaaaa; outline:none; text-align:center; font-size:12px; border-radius:0px; } 
.product-show .main-info .qty a, .product-show .qty input { float:left}
.product-show .main-info .cart-button {border:2px solid #84c84c; background:#84c84c; color:#FFFFFF; border-radius:0px; height:35px; vertical-align:middle; width:124px; margin-left:14px; display:block; padding:0px; text-align:center; outline:0px; font-size:18px; font-weight:bold; float:left; }
.product-show .weight { font-size:14px; color:#7e7e7e; margin-bottom:30px; padding:0px; margin-top:10px;}
.product-show .model { color:#7e7e7e; font-size:14px; margin-bottom:10px;}
.product-show h3 { margin:0px; margin-bottom:5px;}
.product-show h3 * { font-size:20px; }
.product-show h3 .brand { color:#55901b;}
.product-show h3 .name { color:#7e7e7e;}
.product-show .product-name { color:#646464; font-size:18px;}
.product-show .product-nameE { color:#8a8a8a; font-size:15px;}
.addthis_sharing_toolbox { float:left}
.product-fb-like { float:right; margin-top:14px;}
.product-show .glyphicon-menu-left, .product-show .glyphicon-menu-right { font-weight:bold;}
@media screen and (min-width: 768px) {
  .product-show .content { padding-left:15px;}
}
.product-show .main-info .suggest-price { color:#646464; font-size:14px; margin-top:0px;}
.product-show .main-info .suggest-price .through {text-decoration:line-through}
.product-show .main-info .price { margin-top:8px;}
.product-show .main-info .price div { float:left; margin-bottom:10px;}
.product-show .main-info .price .old-price { font-size:24px; margin-right:15px; color:#646464; text-decoration:line-through}
.product-show .main-info .price .price { font-size:36px; line-height:25px; margin:0px; color:#ff6600; font-weight:bold}
.product-show .main-info .saving-bg { background-image:url(../common/images/saving_bg.png); width:97px; height:24px!important; line-height:24px!important; padding-left:15px; color:#FFFFFF; margin-left:10px;}
.product-show .main-info .clearfix { float:none!important;clear:both!important; margin:0px!important;}
.main-info .ex-description { margin-top:8px; color:#ff002a; font-size:16px;}
  /*icon*/
  #icon-group ul { margin:0px; padding:0px; list-style:none}
  #icon-group li { margin:0px; padding:0px; float:left}
  #icon-group .exp-icon { background-image:url(../common/images/exp-icon.png); width:178px; height:50px; padding-left:50px; padding-top:14px;}
  #icon-group .text { color:#FFFFFF; font-size:14px; vertical-align:middle; line-height:30px; height:30px; display:block;}
  #icon-group .gift-icon { background-image:url(../common/images/gift-icon.png); width:178px; height:50px; padding-left:50px; padding-top:14px;}
  #icon-group .new-icon { background-image:url(../common/images/new-icon.png);width:178px; height:50px; padding-left:50px; padding-top:14px;}
  
  .icon-group-xs { height:28px;}
  .icon-group-xs ul { margin:0px; padding:0px; list-style:none;}
  .icon-group-xs li { float:left; width:135px; height:26px; padding-left:23px; vertical-align:middle; line-height:26px; color:#FFFFFF;}
  .icon-group-xs .exp-icon { background-image:url(../common/images/exp-x-icon.png);}
  .icon-group-xs .gift-icon { background-image:url(../common/images/gift-x-icon.png);}
  .icon-group-xs .new-icon { background-image:url(../common/images/new-x-icon.png);}
  .icon-group-xs .text { color:#FFFFFF; font-size:12px; padding:5px 0px; line-height:18px; display:block;}
  /*icon*/

  /*option*/
.product-show .option { position:relative; margin-top:10px; margin-bottom:43px;}
.product-show .option .owl-item { cursor:pointer; padding:0px 5px;}
.product-show .option .owl-carousel {padding:0px 57px 0px 15px; }
.product-show .option .item .img { border:1px solid #84c84c}
.product-show .option .item.selected .img { border-color:#ff2929; border-width:2px;}
.product-show .option .owl-controls { position:absolute; width:100%; top:50%; margin-top:-18px;}
.product-show .option .owl-prev { left:0px; position:absolute; cursor:pointer}
.product-show .option .owl-next { right:38px; position:absolute; cursor:pointer}
.product-show .option .inactive { display:none;}
.product-show .option .capcity { font-size:12px; color:#31393c; text-align:center;}
  /*option*/
  /*tab*/
.tab { margin-top:40px;}
.tab .header { width:166px; height:46px; vertical-align:middle; line-height:46px; text-align:center; background-color:#84c84c; font-size:18px; color:#FFFFFF;}
.tab .content { border-top:4px solid #84c84c; font-size:18px; padding:20px 10px;}
  /*tab*/
.product-show #add-this-share { margin-top:40px;}
/*product-show*/

/*cart*/
#checkout-form { margin-bottom:15px;}
#xs-cart { margin-bottom:20px;}
#xs-cart .section-block { background-color:#f5f5f5; border:1px solid #ddd; padding:10px 15px;}
#xs-cart div { padding:5px 0px; margin-bottom:10px;}
#xs-cart div label { width:80px; display:inline-block}
#xs-cart div span { display:inline-block}
#xs-cart div input { width:100px; display:inline-block}
#xs-cart div button { display:inline-block}
#CartForm .delete-button { padding:3px 5px;}
#CartForm #xs-cart .delete-button { padding:9px; margin-top:-3px;}
/*cart*/

.content-wrapper { padding-bottom:50px;}
.index-wrapper { padding-bottom:0px;}

/*showleft*/
.main-left h3 { font-size:16px; color:#2e2e2e; margin:0px; margin-top:7px;} 
.main-left ul { margin:0px; padding:0px; list-style:none; margin-bottom:28px;} 
.main-left li { margin:0px; padding:0px; margin-top:7px; color:#5c5c5c; font-size:14px;} 
.main-left li a { color:#5c5c5c; font-size:14px;} 
.main-left li a:hover { color:#93bc63;}
/*showleft*/

/*article*/
.article .col-left { width:21%; float:left; padding-left:10px; padding-right:10px;}
.article .main-content { width:79% ;border-left:2px solid #acaaab; padding:10px 20px 0px; float:left;}
.article .main-content img { max-width:100%;}
.article .main-content .default-style * { color:#2e2e2e}
.article .main-content .default-style h3.title { font-size: 18px; margin:0px; padding:0px; margin-bottom:5px; font-weight:bold;}
.article .main-content .default-style p.content { font-size:14px; line-height:25px; margin:0px; margin-bottom:25px;}
.article .main-content .default-style ul { padding:0px; margin:0px; margin-left:20px; margin-bottom:25px;}
.article .main-content .default-style li {font-size:14px; line-height:25px; margin:0px; padding:0px; }
.article .main-content .default-style a {font-size:14px; }
.article .main-content .default-style td { padding:5px; font-size:14px;}
@media screen and (min-width: 768px) and (max-width: 970px) {
	.article .col-left { width:25%}
	.article .main-content { width:75%}
}
@media screen and (max-width: 768px) {
  .article .main-content { width:100%; float:none; border:none;}
}
/*article*/

/*check-out*/
#checkout .panel-title a { float:right; display:none}
#checkout .panel-title a.active { display:block;}
#checkout #login-form .control-label { padding-left:15px;}
#checkout h4 { margin:0px; margin-bottom:5px;}
#checkout .control-label { text-align:left; margin-bottom:5px;}
#checkout .form-group .control-label { padding-left:0px;}
#checkout input[type="text"] { max-width:270px;}
#checkout input[type="email"] { max-width:270px;}
#checkout input[type="password"] { max-width:270px;}
#checkout select { max-width:270px;}
#checkout textarea { max-width:350px; height:100px;}
#checkout table { width:100%; margin-bottom:15px;}
#collapse-checkout-shipping-method table td { padding:5px; vertical-align:middle}
#collapse-checkout-shipping-method #sf_info { display:none;}
#collapse-checkout-shipping-method #sf_info input { height:22px; margin:0px; padding:0px; width:100px;}
#collapse-checkout-shipping-method table td:first-child { width:30px; text-align:left}
#collapse-checkout-shipping-method table td:last-child { width:150px; text-align:right}
#collapse-checkout-shipping-method table td p { font-size:11px; margin:0px;}
#collapse-checkout-shipping-method .text-remarks { margin-top:15px;}
#collapse-checkout-shipping-method .text-remarks textarea { max-width:400px; width:100%;}
#collapse-checkout-payment-method table td:first-child { width:30px; text-align:left}
#collapse-checkout-payment-method table td:last-child { text-align:left}
#collapse-checkout-payment-method .text-remarks { margin-top:15px;}
#collapse-checkout-payment-method .text-remarks textarea { max-width:400px; width:100%;}
@media screen and (min-width: 768px) {
 #shipping-form label { width:130px;}
}
/*check-out*/

/*contact*/
.contact-section h3 { font-size:16px; margin:0px; margin-bottom:5px; font-weight:bold;}
.contact-section section { border:1px solid #E0DFDF; padding:10px; margin-bottom:20px; font-size:14px;}
.contact-section section div { font-size:14px;}
.contact-section section a { font-size:14px;}
.contact-section th, .contact-section td { font-size:14px; padding:5px 0px;}
.contact-section th { width:150px;}
.contact-section td { padding:5px 0px;}
.contact-section td input[type="text"] { width:200px;}
.contact-section input[type="submit"] { margin-top:30px;}
.contact-section .address-block th { width:80px; vertical-align:top;}
.contact-block { line-height:30px;}
@media screen and (max-width: 768px) {
.contact-section th, .contact-section td  { display:block; width:100% !important; }
.contact-section textarea { width:100%;}
}
/*contact*/

/*brand-content*/
.brand-content h2 { margin:0px; margin-bottom:15px; font-size:18px; font-weight:bold;}
.brand-content section { border:1px solid #DBDEE1; padding:5px 5px; margin-bottom:20px;}
.brand-content h4 { background-color:#F8F8F8; margin:0px; padding:5px 8px; font-size:15px; font-weight:bold; margin-bottom:6px; }
.brand-content .col { padding:5px;}
.brand-content a:hover { color:#93bc63;}
/*brand-content*/

/*sitemap*/
.sitemap ul { margin:0px; padding:0px; list-style:none}
.sitemap li { margin:0px; margin-bottom:5px; font-size:13px; vertical-align:middle;}
.sitemap li a { font-size:13px;}
.sitemap li a:hover {color:#84c84c}
.sitemap .level-0 { margin-left:0px;}
.sitemap .level-1 { margin-left:25px;}
.sitemap .level-2 { margin-left:50px;}
.sitemap .line { background-color:#494949; width:6px; height:2px; display:inline-block; vertical-align:middle; margin-right:5px;}
/*sitemap*/

/*wholesale*/
.wholesale {}
.wholesale h3 { font-size:16px; margin:0px; margin-bottom:5px; font-weight:bold;}
.wholesale section { border:1px solid #E0DFDF; padding:10px 0px; margin-bottom:20px; font-size:14px;}
.wholesale section div { font-size:14px;}
.wholesale section a { font-size:14px;}
.wholesale th, .wholesale td { font-size:14px; padding:5px 10px;}
.wholesale th input, .wholesale td input, .wholesale td select { max-width:100%; width:100%}
/*wholesale*/


@media print {
  a[href]:after {
    content: "" !important;
  }
  
  abbr[title]:after {
    content: "" !important;
  }
  
  .visible-xs-block { display:none}
	#header-menu-content { display:block; border:0px; background:none; border:0px; box-shadow:none; margin:0px; padding:0px; float:none; position:relative;}
	#header-menu-content li { float:left; padding:0px 5px;}
	#header-menu-content li.separated-point { padding:0px;}
	#header-menu-content li a { padding:0px; background:none; color:#696969;}
  @page {  
      size:1200px 2000px;  
    }  
}


.message-page .system-message { padding:0px;}
.message-page .system-message .message { text-align:center; font-size:21px;}