html,*{box-sizing:border-box;padding:0;margin:0}
body{
  margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden; /* Prevent horizontal scrolling */
    width: 100%; /* Ensure no content exceeds the viewport */
  background-color:#FFF;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  font-weight: 350;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
body, html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden; /* Prevent horizontal scrolling */
    width: 100%; /* Ensure no content exceeds the viewport */
}
#main_body{width:100%;padding:0;margin:0}	
	.container {padding: 0px 15px 0px 15px;}
	#header_top{height:50px;background-color:#FFF;position:fixed;top:0;left:0;width:100%;z-index:105;border-bottom:1px solid #F3F3F3}
		#header_top_inner{margin:auto}
			#logo{width:210px;height:50px;background:url(/images/logo/logo_buyfair8.png) center center no-repeat;float:left;margin-left:3px}
				#logo a{display:block;width:210px;height:50px;}
			#login{width:0px;height:50px;float:left;margin-left:15px;color:#0063D1;line-height:50px}
				#login a.log_in{width:0px;height:50px;color:#FFF;display:block;line-height:50px;font-size:16px;text-align:center;padding-left:25px;background:url(/images/cool/login.png) 0 11px no-repeat;}				
			#cart{height:50px;float:left;z-index:105;padding-top:7px}
				#cart_trigger{float:left;width:30px;height:31px;cursor:pointer;margin-top:5px}
					.cart_open{width:30px;height:31px;background:url(/images/cool/cart_more4.png) 0 0 no-repeat}
					.cart_close{width:30px;height:31px;background:url(/images/cool/cart_more4.png) 0 -31px no-repeat}
				#cartmain_outer{float:left;width:340px;height:31px;position:relative;margin-top:5px;z-index:106;}
					#cartmain{line-height:31px;color:#000;}
						#cartmain.active{background-color:#4B1056;background:url(/images/cool/cart_arrow.png) 10px bottom no-repeat;}
						#cartmain img{vertical-align:middle;}
						#cartmain a{display:inline;text-align:left;padding-left:0px;color:#000;text-decoration:none}
						#cartmain a:hover{text-decoration:underline}
					#cart_more_outer{margin-left:-25px;margin-top:8px;;display:none;width:100%;background-color:#FFF;min-height:200px;overflow:auto;-moz-box-shadow: 0px 5px 8px #CCC;-khtml-box-shadow: 0px 5px 8px #CCC;-webkit-box-shadow: 0px 5px 8px #CCC;box-shadow: 0px 5px 8px #CCC;}
						#cart_more{padding:8px;color:#000;}
							#cart_more ul{margin:0;padding:0;}
								#cart_more ul li{clear:left;list-style:none;margin:12px 0 12px 0;border-bottom:#CCC 1px solid;}								
									.cart_rm{float:left;width:45px;height:30px;background:url(/images/cool/close.png) 0 12px no-repeat;cursor:pointer;padding-top:20px}
									.cart_tit{float:left;width:270px;padding-top:12px}
										.cart_tit img{float:left;padding:6px 3px 3px 0;width:30px}
										.cart_tit a{text-decoration:none;line-height:20px}
										.cart_tit a:hover{color:#FF0000!important}									
							.cart_sum{clear:both;padding:8px 0 8px 3px;font-weight:bold;font-size:1.3em;;}
			#myac{width:120px;height:50px;float:right;z-index:105}
				#topnav{margin-top:10px;}
					#topnav a.signin{text-align:left;text-decoration:none;}
						a.signin span{background:url(/images/cool/arrow_down2.png) 119px 10px no-repeat;display:block;width:140px;height:35px;line-height:30px;text-align:center;color:#0063D1}
					#topnav a.menu-open {color:#FFF;outline:none;}
					a.signin.menu-open span {background:#0063D1 url(/images/cool/arrow_up.png) 119px 10px no-repeat;color:#FFF;display:block;width:140px;height:35px;text-align:center;border-top-left-radius:5px;border-top-right-radius:5px;}
				#signin_menu{display:none;background:#0063D1;width:210px;border:1px transparent;text-align:left;padding:12px;top:25px;right: 0px; margin-top:-10px;margin-right:0px;color:#FFF;font-size:16px;border-radius:5px;margin-right:-20px;}
					#signin_menu ul{margin:0;padding:0;}
						#signin_menu h3{padding-top:15px;padding-bottom:0px;margin-top:15px;border-top:#FFF 1px solid;font-size:18px}
						#signin_menu ul li{list-style:none;min-height:38px}
							#signin_menu ul li a{display:block;width:200px;height:38px;text-decoration:none;text-align:left;}
							
							
					#signin_menu ul li.log_bt a{height:45px;background:none!important;}
					#signin_menu a{color:#FFF;text-decoration:none;outline:none}
					
					.log_acc{border-bottom:1px #FFF solid;padding-bottom:13px}
						.log_acc a{height:35px;}
						.log_acc_menu{padding-top:13px}
							.log_acc_menu ul{margin:0;padding:0;}
							.log_acc_menu ul li a{display:block;width:200px;height:38px;text-decoration:none;text-align:left;padding:5px;color:#FFF}
							.log_acc_menu ul li a:hover{border-bottom:1px #FFF solid}
							.log_acc_menu ul li a.active{color:#6fdb2c!important;}
							.m_message{padding-left:25px!important;background:url(/images/cool/menu/m_message.png) 0 8px no-repeat;background-size:20px 20px;}
							.m_order{padding-left:25px!important;background:url(/images/cool/menu/m_order.png) 0 8px no-repeat;background-size:20px 20px;}
							.m_deliver{padding-left:25px!important;background:url(/images/cool/menu/m_deliver.png) 0 8px no-repeat;background-size:20px 20px;}
							.m_bill{padding-left:25px!important;background:url(/images/cool/menu/m_gen.png) 0 8px no-repeat;background-size:20px 20px;}
							.m_watch{padding-left:25px!important;background:url(/images/cool/menu/m_watch.png) 0 8px no-repeat;background-size:20px 20px;}
							.m_login{padding-left:25px!important;background:url(/images/cool/menu/m_login.png) 0 8px no-repeat;background-size:20px 20px;}
							.m_avatar{padding-left:25px!important;background:url(/images/cool/menu/m_avatar.png) 0 8px no-repeat;background-size:20px 20px;}
							.m_photo{padding-left:25px!important;background:url(/images/cool/menu/m_photo.png) 0 8px no-repeat;background-size:20px 20px;}
							.m_review{padding-left:25px!important;background:url(/images/cool/menu/m_review.png) 0 8px no-repeat;background-size:20px 20px;}
							.m_book{padding-left:25px!important;background:url(/images/cool/menu/m_book.png) 0 8px no-repeat;background-size:20px 20px;}
							.m_list{padding-left:25px!important;background:url(/images/cool/menu/m_list.png) 0 8px no-repeat;background-size:20px 20px;}
				#topnav2{}
					#topnav2 a.signin2{position:relative;text-align:left;text-decoration:none;color:#FFF;font-size:22px;}
						#topnav2 a.signin2:hover{text-decoration:underline;}
					#topnav2 a.signin2 span{background:url(../../images/cool/arrow2_down.png) 204px 19px no-repeat;display:block;width:236px;height:45px;line-height:45px;text-align:left;font-weight:bold;color:#FFF;padding-left:24px}
					#topnav2 a.menu2-open {color:#FFF!important;outline:none;}
						#topnav2 a.menu2-open span {background:url(../../images/cool/arrow_up.png) 204px 19px no-repeat;color:#FFF;display:block;width:236px;height:45px;text-align:left;padding-left:24px}
					#cat_p{position:absolute;width:250px;z-index:100;top:45px;visibility:hidden}
						#signin2_menu {text-align:left;left:0;margin:0;padding:0;border:1px solid #ccc;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:#383A40}	
			#s_filter{width:50px;height:50px;float:right;display:none;padding-top:5px}
			#s_filter a{display:block;width:50px;height:40px;line-height:40px;background:url(/images/cool/filter12.png) no-repeat;color:#FFF;font-size:11px;text-align:left;padding-left:16px;}
      #filter_handle{display:none;}
	
	header{position:relative;margin-top:50px;height:40px;width:100%;padding:0; background:#0063D1; z-index:100;
		will-change: transform;
		transition: background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1);
		transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s;
		transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1);
		transform: translateY(0);
		-webkit-transform: translateY(0);
		}
	#main_body2{min-height:500px;width:100%;padding-top:0px;}
	.main_content{margin:0 auto;min-height:630px;padding:4px 4px 0 4px;background:#FFF;}
		#left_column{width:100%;padding:12px}
		#right_column{width:100%;}
			#info_l{float:left}
				#gallery{width:95%!important;}				
			#info{float:right}
		#add_cart_p{text-align:center}
		#others .box_center_body ul {margin:0;padding:0;}
			.box_center_body li{list-style-type:none;display:inline-block;width:48%;border:#CCC 1px solid;margin-bottom:20px;margin-left:15px;border-radius:8px}
			.box_center_body li img{border-top-left-radius:8px;border-top-right-radius:8px}
				.box_center_body {margin-top:3px;}
					.scroll_image_wrap {margin-top:0px;padding-top:0px}
				.box_center_body .scroll_tit {height:60px;font-size:17px;font-weight:normal; text-decoration:none;color:#069;padding-left:8px}
				.scroll_price {font-size:20px;font-weight:bold;color:#E43137;right:6px;padding-right:8px;text-align:center}						
		#Special{display:inline-block;margin-right:12px;border:#CCC 1px solid;margin-bottom:12px;padding-bottom:0}		
			#des_l{float:left}
				.tabs{width:95%}
				    #des_div{overflow:hidden}
					.tab-content img{max-width:100%}
					.tab-content table{margin-left:auto;margin-right:auto; width:70%}
					.tab-content ul{margin-left:25px;}

			#des_r{float:right}
				.contentTop{border-bottom:#CCC 1px solid;padding:15px;width:99%;margin-bottom:10px;font-size: 1.2em;}
				.contentTop img{border-width: 0px; width:100%;}
				.shipping{overflow:auto;padding:10px;}
				.free {font-family: 'Merriweather', serif;font-size: 25px;color: #092940;}
				.contentTop:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}

#search_1 .s_kw{display:block;height:50px;float:left}
	#search_1 .s_kw input{vertical-align:middle}
#search_1 .s_bt{display:block;height:50px;float:left;margin-top:0px;}
  	#search_1 .s_bt input{vertical-align:middle}
.bt_go_div_emp{height:40px;margin-top:12px;padding:0;}
	.bt_go_div_emp a,.bt_go_div_emp input{background-color:#4E9E1D;border:#4E9E1D 1px solid;padding:8px 20px 8px 20px;border-radius:35px;color:#FFF;font-size:18px;cursor:pointer;text-decoration:none;white-space: nowrap;}
	.bt_go_div_emp a:hover,.bt_go_div_emp input:hover{background-color:#6fdb2c!important;border:#6fdb2c 1px solid!important;color:#FFF!important}
.bt_go_div_emp2{height:40px;margin-top:12px;padding:0;}
	.bt_go_div_emp2 a,.bt_go_div_emp2 input{background-color:#F3F3F3;border:#F3F3F3 1px solid;padding:8px 20px 8px 20px;border-radius:35px;color:#000!important;font-size:18px;cursor:pointer;text-decoration:none;white-space: nowrap;}
	.bt_go_div_emp2 a:hover,.bt_go_div_emp2 input:hover{background-color:#FFF!important;border:#4E9E1D 1px solid!important;color:#4E9E1D!important}
.passed{font-size:15px;color:#4E9E1D;font-weight:bold}		
 .confirm-dialog{display:none;position:fixed;top:50%;left: 50%;transform: translate(-50%, -50%);background: #fff;border: 1px solid #ccc;padding: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);z-index: 1000;}
.confirm-dialog .confirm-message{margin-bottom:20px;}
.confirm-dialog .confirm-buttons{text-align:right;}
.confirm-dialog .confirm-buttons button{margin-left:10px;}
.confirm-overlay{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;}
#relevant-products-heading{padding-top:15px;border:none;font-size:21px}
.line_not_break{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:100%;}
.nav_button {
	position: relative;
	width:80px; /* Adjust as needed */
	height: 30px; /* Adjust as needed */
	display: inline-block;
	text-decoration: none; /* Remove underline from links */
	cursor: pointer;
	font-size: 14px; /* Adjust as needed */
	color: #000; /* Text color */
	line-height: 30px; /* Align text vertically */
	text-align: center; /* Center text horizontally */
}
.nav_button::before {
	content: '';
	position: absolute;
	top: 50%;
	width: 30px; /* Adjust as needed */
	height: 30px; /* Adjust as needed */
	background-size: 70%; /* Scale the image to 80% of the button size */
	background-repeat: no-repeat;
	background-position: center;
	transform: translateY(-50%);
}

.nav_button_right::before {
	background-image: url('/images/cool/checkout_arrow2.png');
	right: 10px; /* Position the image to the far right */
}

.nav_button_left::before {
	background-image: url('/images/cool/checkout_arrow2.png');
	left: 10px; /* Position the image to the far left */
	transform: translateY(-50%) rotate(180deg); /* Rotate only the background */
}

.nav_button_left {
	padding-left: 50px; /* Ensure text is not over the image */
}

.nav_button_right {
	padding-right: 50px; /* Ensure text is not over the image */
}
@media(max-width:767px){
	.scroll_price{clear:left;padding-top:12px;text-align:center;float:none}
}
.edit_cpanel {
    margin-top:17px;
    border-top: none !important;
    width: auto;
    text-align: center;
    z-index: 3333;
    display: flex;
    justify-content: center;
    align-items: center;
}
	.edit_cpanel ul{margin:0;padding:0}
		.edit_cpanel ul li{display:inline-block;width:100px;}
	.edit_cpanel span {margin: 0 5px;}		
.old_price{text-decoration:line-through;font-size:20px;color:#666;}
.old_price2{text-decoration:line-through;font-size:13px;color:#666;}
.new_price{font-size:17px;color:#000;text-align:left;margin-left:13px;margin-right:33px;margin-top:-13px;margin-bottom:23px}
	.new_price_h{font-weight:800;font-size:23px;color:#000;text-transform: uppercase;}
.deal_tit a{font-weight:bold;color:#4E9E1D;}
	.deal_tit a:hover{color:#FF0000;}
.deal_img{width:63px;vertical-align:middle;padding-bottom:3px;margin-top:-23px}
.nav h3{font-size:23px}
.contdown_icon{padding-top:12px;padding-bottom:12px;margin-left:13px}
	.contdown_icon img{margin-right:5px}
.bordered_panel{width:100%;border:#CCC 1px solid;padding:8px;background:#F9F9F9;border-radius:8px}
.textField{font-size:18px;padding:5px}
.keyword-container {
	position: relative;
	display: inline-block;
}
.clear-button {
    position: absolute;
    right: 75px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 9px; 
    color: #FFF;
    background: #333;
    border: none;
    text-decoration: none;
    visibility: hidden;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.clear-button:hover {color:#FFF;background: #999;}
.s_kw input, #kw_m {padding-right: 20px;}
a{text-decoration:none;color:#000;}
	a:hover,a:focus{color:#FF0000;}
.menu-left{margin-left:-15px}	
.menu-left a{display:inline-block;position:relative;padding-bottom:10px;padding-top:10px;transition: color .35s ease;color:#FFF!important;width:125px;height:40px;text-align:left}
	.menu-left a:hover{color:#FFF!important;}
	.menu-left a:before{content: '';display: block;position: absolute;left: 0;bottom: 0;height: 2px;width: 0;transition: width 0s ease, background .35s ease;}
	.menu-left a:after{content: '';display: block; position: absolute; right: 0; bottom: 0; height: 2px; width: 0; background: #FFF;color:#999; transition:width .35s ease;}
	.menu-left a:hover:before{width: 100%; background: #FFF;transition: width .35s ease;}
	.menu-left a:hover:after{width: 100%;background: #FFF;color:#FFF;transition: all 0s ease;}
	.menu-left a.menu_home{padding-left:25px;background:url(/images/cool/menu_home.png) 0 9px no-repeat;}
	.menu-left a.menu_past{padding-left:25px;background:url(/images/cool/menu_past.png) 0 9px no-repeat;}
	.menu-left a.menu_forum{padding-left:25px;background:url(/images/cool/menu_forum.png) 0 9px no-repeat;}
	.menu-left a.menu_help{padding-left:25px;background:url(/images/cool/menu_help.png) 0 9px no-repeat;}

.hide-nav {transform: translateY(-120% !important); -webkit-transform: translateY(-120%) !important;}
ul.menu-left{
  display: block;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 10;
}
ul.menu-left:before {content: '';display: table;}
ul.menu-left.collapse { max-height: 15em !important; }
.nav-toggle{display:block;border-radius:5px;float:right;height:38px;width:38px;cursor:pointer;padding:8px 8px;}
	.nav-toggle span{background-color:#FFF;}
.nav-toggle.open span:first-child { transform: rotate(45deg) translate(4.4px, 4.4px); }
.nav-toggle.open span:nth-child(2) {width: 0%;opacity: 0;}
.nav-toggle.open span:last-child { transform: rotate(-45deg) translate(4.4px, -4.4px); }
.nav-toggle span {position:relative;display:block;height:2px;width:100%;margin-top:4px;background-color:#FFF;transition: all .25s;}
.signature {
  position: fixed;
  font-weight: 100;
  bottom: 10px;
  color: #000;
  left: 0;
  letter-spacing: 4px;
  font-size: 10px;
  width: 100vw;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}
.scrollup{width:40px;height:40px;opacity:0.6;position:fixed;bottom:50px;right:100px;display:none;text-indent:-9999px;background:url(/images/cool/icon_top.png) no-repeat;z-index:3000}
#facebookbox{height:480px}
.hide{display:none!important;}
.hide2{display:none;}
.read-more-show,.read-more-hide{display:block;width:180px;margin:auto;padding-top:12px}
.clear{clear:both}
.bt_go_div{width:60px;height:20px;background-position:0 0;margin:0;padding:0}
	.bt_go_div input{-webkit-appearance:none;background-color:#999;border:none;padding:4px;border-radius:0px;color:#FFF;margin-top:-1px;font-size:12px;cursor:pointer;white-space: nowrap;border-radius:4px;}
	.bt_go_div input:hover{background-color:#FF0000;}
.bt_go_div_large{height:40px;margin-top:12px;padding:0;}
	.bt_go_div_large a,.bt_go_div_large input{-webkit-appearance:none;background-color:#0063D1;border:#0063D1 1px solid;padding:8px 20px 8px 20px;border-radius:35px;color:#FFF;font-size:18px;cursor:pointer;text-decoration:none;white-space: nowrap;}
	.bt_go_div_large a:hover,.bt_go_div_large input:hover{background-color:#1f323f;border:#54A2D9 1px solid;color:#FFF}	
.bt_go_div_emp{height:40px;margin-top:12px;padding:0;}
	.bt_go_div_emp a,.bt_go_div_emp input{-webkit-appearance:none;background-color:#4E9E1D;border:#4E9E1D 1px solid;padding:8px 20px 8px 20px;border-radius:35px;color:#FFF;font-size:18px;cursor:pointer;text-decoration:none;white-space: nowrap;}
	.bt_go_div_emp a:hover,.bt_go_div_emp input:hover{background-color:#6fdb2c;border:#6fdb2c 1px solid;color:#FFF}	
.bt_go_div_pay1{height:40px;margin-top:12px;padding:0;}
	.bt_go_div_pay1 a,.bt_go_div_pay1 input{-webkit-appearance:none;background-color:#0063D1;border:#0063D1 1px solid;padding:20px 20px 20px 20px;border-radius:35px;color:#FFF;font-size:18px;cursor:pointer;text-decoration:none;white-space: nowrap;}
	.bt_go_div_pay1 a:hover,.bt_go_div_pay1 input:hover{background-color:#54A2D9;border:#54A2D9 1px solid;color:#FFF}	
.bt_go_div_pay2{height:40px;margin-top:12px;padding:0;}
	.bt_go_div_pay2 a,.bt_go_div_pay2 input{-webkit-appearance:none;background-color:#4E9E1D;border:#4E9E1D 1px solid;padding:20px 20px 20px 20px;border-radius:35px;color:#FFF;font-size:18px;cursor:pointer;text-decoration:none;white-space: nowrap;}
	.bt_go_div_pay2 a:hover,.bt_go_div_pay2 input:hover{background-color:#6fdb2c;border:#6fdb2c 1px solid;color:#FFF}	
.bt_go_div_small{height:40px;margin-top:12px;padding:0;}
	.bt_go_div_small input,.bt_go_div_small a{-webkit-appearance:none;text-decoration:none;background-color:#e3e3e3;border:#CCC 1px solid;padding:8px 20px 8px 20px;border-radius:35px;color:#000!important;font-size:16px;cursor:pointer;white-space: nowrap;}
	.bt_go_div_small input:hover,.bt_go_div_small a:hover{background-color:#0063D1;border:#0063D1 1px solid;color:#FFF!important}
		
.hotnet_admin{margin-top:10px;font-size:10px}
	.hotnet_admin img{vertical-align:middle}
	.hotnet_admin a{float:left;display:block;width:30px;height:12px;background:url(/images/cool/edit.png) center -12px no-repeat;padding-left:14px;border-radius:0px;}
	.hotnet_admin a:hover{background: #e3e3e3 url(/images/cool/edit.png) center 0 no-repeat;}
.qty_div{text-align:left;width:293px;height:114px;margin:auto;margin-bottom:30px}
	.cart_qty_bt{height:30px;margin-left:-20px}		
	.qty_div img{cursor:pointer;display:none;margin-left:40px}
	.qty_field{width:30px;}
	.add_cart_p{}
		.add_cart_p_l{float:left;width:90px;vertical-align:center;line-height:40px}
			.add_cart_p_l input{height:35px;font-size:18px}
		.add_cart_p_r{float:left;width:153px}			
			.add_cart_p_r a.add_to_cart:hover{background-position:0 -31px}	
.bt_normal{display:block;width:153px;height:57px;background:url(/images/buy_bt.jpg) center 0 no-repeat;cursor:pointer;margin:auto}
.bt_fast{display:block;width:153px;height:57px;background:url(/images/fast_buy_bt.jpg) center 0 no-repeat;cursor:pointer;margin:auto}
.bt_almost{display:block;width:153px;height:57px;background:url(/images/almost_buy_bt.jpg) center 0 no-repeat;cursor:pointer;margin:auto}
#bt_go_div3{width:88px;height:31px;background:url(/images/cool/bt_go3.png) top left no-repeat;background-position:0 0;margin-top:0px;}
	#bt_go_div3 input.bt_go3{-webkit-appearance:none;width:88px;height:31px;border:none;padding:0;background:none!important;text-decoration:none;cursor:pointer}
	#bt_go_div3:hover{background-position:0 -31px}
#bt_go_div4{width:88px;height:31px;background:url(/images/cool/bt_go4.png) top left no-repeat;background-position:0 0;margin-top:0px;}
	#bt_go_div4 input.bt_go4{-webkit-appearance:none;width:88px;height:31px;border:none;padding:0;background:none!important;text-decoration:none;cursor:pointer}
	#bt_go_div4:hover{background-position:0 -31px}
.msg{color:#FF0000}
.menu_active a.top_menu{text-decoration:underline!important;}
.menu_active a.top_menu:hover{background:#4E9E1D;color:#FFF!important;}
h1{margin:4px!important;padding:0!important;font-size:20px!important}
h2{font-size:18px}
h3{font-size:16px}
h4,h5,h6{font-size:14px!important}
.ctable{border-collapse:collapse;}
	.ctable table,.ctable th, .ctable td{border:#CCC 1px solid;color:#000}
	.ctable td{padding:3px;vertical-align:top}
		.ctable td.head{font-weight:bold;font-size:13px;background:#f3f3f3}
		.ctable td.disabled,.ctable td.disabled a{font-weight:normal;color:#999}
.ctable_no_border{}
	.ctable_no_border td{padding:3px;vertical-align:top;}
		.ctable_no_border td.head{font-weight:bold}
	.ctable_no_border input{padding:5px}
.td_bottom_border{border-bottom:#e3e3e3 1px solid}
.text_center{text-align:center}
.text_left{text-align:left}
.text_right{text-align:right}
.flex_center{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
.bold{font-weight:bold}
.msg_done{border-radius:5px;border:#0063D1 1px solid;padding:8px;color:#FFF;font-size:13px;padding-left:30px;background:#0063D1 url(/images/cool/msg_tick.png) 3px 9px no-repeat;margin-bottom:8px}
.msg_status{border-radius:5px;border:#999 1px solid;padding:8px;color:#000;font-size:13px;padding-left:30px;background:#f3f3f3 url(/images/cool/msg_status.png) 3px 9px no-repeat;margin-bottom:8px}
.msg_warning{border-radius:5px;border:#333 1px solid;padding:8px;color:#000;font-size:13px;padding-left:30px;background:#FBE5C8 url(/images/cool/msg_warning.png) 3px 6px no-repeat;margin-bottom:8px}
.msg_warning2{border-radius:5px;border:#999 1px solid;padding:8px;color:#000;font-size:13px;padding-left:30px;background:#FFF url(/images/cool/msg_warning.png) 3px 6px no-repeat;margin-bottom:8px}

#checkout_steps{width:100%;margin:auto;overflow:hidden;background-color:#fff;margin-top:0px;}
	#checkout_steps_top{width:250px;margin:auto;padding-top:8px}
		#st_1,#st_2,#st_3,#st_4,#st_5{float:left;width:30px;height:30px;line-height:30px;font-size:15px;font-weight:bold;color:#FFF;text-align:center;background:url(/images/cool/step/step_dot.png) no-repeat}
			#checkout_steps_top .active{background:url(/images/cool/step/step_dot_active.png) no-repeat}
		#st_2_line,#st_3_line,#st_4_line,#st_5_line{float:left;width:80px;height:30px;background:url(/images/cool/step/step_line.png) center center no-repeat!important}
			#checkout_steps_top .active2{background:url(/images/cool/step/step_line_active.png) center center no-repeat!important}
		
	#checkout_steps_bottom{clear:both}	
		#checkout_steps_bottom ul{width:250px;margin:auto;padding:0;}
			#checkout_steps_bottom ul li{float:left;display:inline;list-style:none;width:80px;height:30px;line-height:30px;font-size:14px;color:#666;text-align:center}
			#checkout_steps_bottom ul li.active{color:#007DC1;font-weight:bold}
.bt_steps{border-top:#CCC 1px solid;margin-bottom:30px;padding-top:20px;text-align:center}
a.link:link {font-size:16px;COLOR: #000; text-decoration:underline}
a.link:visited {font-size:16px;COLOR:#000; text-decoration:underline}
a.link:hover {COLOR: #4E9E1D; text-decoration:none}
a.link_small:link {font-size:11px;COLOR: #000; text-decoration:underline}
a.link_small:visited {font-size:11px;COLOR:#000; text-decoration:underline}
a.link_small:hover {COLOR: #4E9E1D; text-decoration:none}
.limited_stock{font-size:15px;float:right;padding-right:123px;}	
#more_bargains{padding-top:0px;}
  #more_bargains_1{color:#4E9E1D;font-size:21px}
  #more_bargains_2{color:#E43137;font-size:16px;padding-left:2px;}
.pop_search{margin-left:20px}
  .pop_search ul{}
  .pop_search ul li{display:inline-block;width:250px;min-height:30px;}  
#footer{clear:both;width:100%;padding-bottom:0px;margin-top:0px;overflow:hidden;position:relative;color:#fff;}			
    #footer1{width:100%;background-color:#333;opacity:0.8;}
	   #footer_other{width:980px;height:436px;margin:auto;}
		  #footer_c{width:980px;padding:0px 0px 0px 15px;position:relative;padding-top:40px}				  
			  #f_c{width:980px;margin:auto}
				  #f_c img{border:none;vertical-align:middle;}
				  #f_c ul{float:left;width:240px;padding-top:0px;padding-bottom:6px;color:#fff;}
					  .ulheader{color:#fff;font-weight:bold;padding:20px 0 20px 0;font-size:16px;margin-bottom:10px;width:80%}
					  #f_c ul li{list-style:none;padding-bottom:8px}
						  #f_c ul li a{font-size:14px;text-decoration:none;color:#fff}
						  #f_c ul li a:hover{text-decoration:underline;}
			  #s2{margin:auto;width:570px;margin-top:30px}
				#s2_0{float:left;width:280px;height:30px;font-size:16px;font-weight:bold;line-height:30px}
				#s2_1{float:left;width:290px;height:30px}
					#s2_1 input.news_text{height:21px;padding-left:5px;padding-right:5px;width:200px;border:#FFF 1px solid;background-color:#f3f3f3;border-radius:4px;font-size:14px;margin-top:4px;margin-right:2px}				
				#news_re{clear:both;width:100%;height:15px;font-size:11px;color:#FF0000;font-weight:bold;padding-top:5px;text-align:center}			 			  		 	  
	#footer2{width:100%;height:300px;background-color:#222}
		#footer_above{width:100%;height:37px;text-align:center;color:#fff;font-size:12px;padding-top:12px}
		#footer_above:after{clear:both;content:" "}
			#footer_above p{font-size:12px;}
		    #footer_above a{font-size:12px;text-decoration:none;color:#fff;}
		    #footer_above a:hover{color:#00BCF2;}				  
		#footer2_inner{width:980px;height:100px;margin:auto;text-align:center;padding-top:40px;margin-bottom:30px}
			#footer2_inner p{font-size:12px;}
			#footer2_inner a{color:#fff;text-decoration:none}
			#footer2_inner a:hover{color:#00BCF2;}
#m_search_handle,#m_search_div,#myac2{display:none;}

.box_center_body img.lazy {background-image:url("/images/cool/loading.gif");background-repeat: no-repeat;background-position: 50% 50%;}
.loadMore {background-color:#42980E;color:#FFF!important;cursor:pointer;margin:auto;width:280px;height:70px;line-height:70px;text-align:center;font-size:20px;font-weight:bold;border-radius:100px;padding-left:20px;padding-right:20px}
	.loadMore:hover {background-color:#6cb33d;}
    .container ul li{padding:0;}
  
    #checkout_div{text-align:center}
	#checkout_div a{display:block;width:100%;height:50px;background-color:#E43137;color:#FFF;font-weight:Bold;text-decoration:none;border-radius:5px;text-align:center;font-size:20px;line-height:50px}
	#checkout_div a:hover{text-decoration:underline}	
.div_acart{clear:both}	
.div_acart a{display:block;width:150px;margin:auto;text-align:center;background:#0063D1;color:#FFF;font-size:16px;border-radius:10px;margin-bottom:12px;margin-top:12px;padding:6px 8px 6px 8px}
.div_acart a:hover{background:#448AFF}
#login{width:0px}
#search_1{position:relative}
  #search_1 span{display:block;float:left}
	#search_1 .s_kw{display:block;height:50px;float:left}
		#search_1 .s_kw input{vertical-align:middle;padding:3px;font-size:18px;width:250px;height:30px;border:#CCC 1px solid;border-radius:0;outline:none;}
	#search_1 .s_bt{display:block;height:50px;float:left;margin-top:0px;}	
		#search_1 .s_bt input{vertical-align:middle;width:60px;background:#0063D1 url(/images/cool/search_f3.png) 4px -2px no-repeat;padding:8px;border:none;border-radius:0;color:#FFF;font-size:0;content:"";cursor:pointer;border-top-right-radius:8px;border-bottom-right-radius:8px;height:30px;}
			#search_1 .s_bt input:hover{background-color:#5D91CC}
	#search_re{width:650px;min-height:100px!important;display:none;position:absolute;left:0;top:41px;z-index:300000;background:#FFF;border-left:#CCC 1px solid;border-right:#CCC 1px solid;border-bottom:#CCC 1px solid;border-top:#e3e3e3 1px solid}
		#search_re ul{}
			#search_re ul li{list-style:none;display:block;margin-bottom:0;margin-top:0;padding-top:0}
				#search_re ul li a{min-height:45px;text-decoration:none;color:#000;border:none;background:#FFF;border-radius:0;display:block;overflow:hidden}
				#search_re ul li a:hover{background:#f3f3f3;color:#000}
					#search_re ul li a img{vertical-align:middle;border:none;width:60px;height:60px}
					#search_re ul li table{width:100%}
						#search_re ul li td{text-align:left;line-height:25px;color:#000;border-bottom:#E3E3E3 1px solid;padding-bottom:8px}	
#search_1_m{position:relative}
	#search_re_m{width:85%;min-height:100px!important;display:none;position:absolute;left:0;top:46px;z-index:300000;background:#FFF;border-left:#CCC 1px solid;border-right:#CCC 1px solid;border-bottom:#CCC 1px solid;border-top:#e3e3e3 1px solid}
		#search_re_m ul{}
			#search_re_m ul li{list-style:none;display:block;padding-bottom:15px;margin-top:0;padding-top:0}
				#search_re_m ul li a{min-height:45px;text-decoration:none;color:#000;border:none;background:#FFF;border-radius:0;display:block;overflow:hidden}
				#search_re_m ul li a:hover{background:#f3f3f3;color:#000}
					#search_re_m ul li a img{vertical-align:middle;border:none;width:60px;height:60px}
					#search_re_m ul li table{width:100%}
						#search_re_m ul li td{text-align:left;line-height:20px;color:#000;border-bottom:#E3E3E3 1px solid;padding-top:0;padding-bottom:15px}						
.disabled{opacity:0.4;}
.search_note{width:100%;margin-top:3px;margin-bottom:7px;padding-left:12px}
	  .search_view{float:left;width:60px}
		  .search_view a{display:block;width:30px;height:16px;float:left}
			  .search_view a.view_list{background:url(../../images/cool/view_list.png) 0 0 no-repeat}
			  .search_view a.view_grid{background:url(../../images/cool/view_grid.png) 0 0 no-repeat}
			  .search_view a.view_list:hover,.search_view a.view_grid:hover,.search_view a.active{background-position:0 -16px!important}
	  .search_note_l{float:left;font-size:16px;line-height:30px;}
	  .search_note_r{float:right;}
		  .search_li{float:left;}
		  	.search_li li.next a {display: inline-block;width: 24px;height: 30px;background-image: url('/images/cool/arrow_r.png');	background-repeat: no-repeat;background-position: center;background-size:15px;text-indent: -9999px;overflow: hidden;}
				.search_li li.next a:hover{border:#666 1px solid;background-image: url('/images/cool/arrow_r_white.png');background-repeat: no-repeat;background-position: center;background-size:15px}

			.search_li li.prev a {display: inline-block;width: 24px;height: 30px;background-image: url('/images/cool/arrow_r.png');		background-repeat: no-repeat;background-position: center;background-size:15px;transform: rotate(180deg);text-indent: -9999px;overflow: hidden;}
				.search_li li.next a:hover,.search_li li.prev a:hover{border:#666 1px solid;background-image: url('/images/cool/arrow_r_white.png');background-repeat: no-repeat;background-position: center;background-size:15px}

		  .search_jump{float:left;width:120px;margin-left:15px}
        .search_jump input{-webkit-appearance:none!important;}
		  	  .s_re_goto{width:30px;border:#CCC 1px solid;padding:4px;height:30px;}				  
			    .bt_jump input{background-color:#E3E3E3;padding:9px;border:none;border-radius:8px;color:#333;margin-top:-2px;font-size:12px;cursor:pointer;height:30px;}
			    .bt_jump input:hover{background-color:#0063D1;color:#FFF;}
		  .search_note_r ul{margin:0;padding:0}
			  .search_note_r ul li{display:inline-block;float:left;text-align:center;height:30px;line-height:23px;padding-left:2px;padding-right:2px;}
				  .search_note_r ul li a{display:inline-block;font-size:18px;line-height:23px;text-align:center;height:30px;border:#ccc 1px solid;padding:4px;border-radius:0px;min-width:25px;text-decoration:none;background:#FFF}
				  .search_note_r ul li a:hover{border:#666 1px solid;background-color:#666;color:#FFF}
			  .search_note_r ul li.search_active{display:inline-block;float:left;min-width:25px;height:30px;border:#000 1px solid;background:#e3e3e3;padding:4px;border-radius:0px;margin-right:4px;line-height:23px}
#more_prods li{display:none;visibility:hidden;background:#FFF}        
.more_prods,.search_prods{padding:0;margin:0}
.more_prods li{display:block;width:175px;height:395px;float:left;margin-left:2px;margin-right:2px;margin-bottom:18px;border:#E3E3E3 1px solid;background:#FFF;border-radius:8px}
.search_prods li{display:block;width:175px;height:395px;float:left;margin-left:2px;margin-right:2px;margin-bottom:18px;border:#E3E3E3 1px solid;background:#FFF;border-radius:8px}
.div_acart2{clear:both;}	
.div_acart2 a{display:block;width:120px;margin:auto;text-align:center;background:#0063D1;color:#FFF;font-size:15px;border-radius:10px;padding:6px 8px 6px 8px}
.div_acart2 a:hover{background:#448AFF}
.li_img{text-align:center;padding-top:7px}
	.li_img img{width:150px;height:150px;}
.tit_div{padding:5px;height:125px;font-size:16px;overflow:hidden}
	.tit_div a{text-decoration:none;font-size:16px}
.price_div{padding:5px;height:30px;font-size:18px;color:#FF0000;font-weight:bold;text-align:center}	
.contdown_icon{padding-top:12px;padding-bottom:12px;margin-left:13px}
.nav{margin-bottom:4px;margin-top:0px}
  .nav h3{margin-top:12px;margin-left:4px;margin-bottom:15px;font-size:19px}
  .breadcrumbs {margin:0;}
  .bread_border_top{width:100%;border-top:#E3E3E3 1px solid;padding:12px 0 12px 0}
  .bread_border_bottom{border-bottom:#E3E3E3 1px solid;}
    .breadcrumbs li {display:inline-block;margin-left:4px}
    .breadcrumbs li a {position: relative;font-size:14px;color: #000;padding-right:13px;margin-right:3px;text-decoration:none;}
    .breadcrumbs li a:hover{text-decoration:underline;}
    .breadcrumbs li a:after{content:"";width:6px;height:6px;border-top:2px solid #555;border-right:2px solid #555;position: absolute;top:6px;right:2px;  transform: rotate(45deg);display: block;}
    .breadcrumbs li:last-of-type a {}
    .breadcrumbs li:last-of-type a:after {display:none;}
    
.top_cat{width:80px;}
  .top_cat a{color:#0063D1;}
.col_l{padding-bottom:50px}	
.col_l ul{list-style:none}		
	.col_l ul li{list-style:none}	
	.more_div{width:450px;margin:auto;margin-bottom:20px}
	.more_div::before{clear:both;content:""}
	.more_div a{font-size:22px;text-decoration:underline;font-weight:bold;}
.col_r{padding-left:18px}  
.disabled{opacity:0.4;}
.sold_label {width:150px;height:60px;background:#E43137;transform:perspective(5px) rotateX(2.69deg) rotateY(-2.69deg) rotate(-45deg) rotateY(0deg);margin:0px;position:absolute;top:21px;left:-24px;z-index:1;opacity:0.9;} 
.sold_str{transform:rotate(-45deg);height:60px;color:#FFF;font-weight:bold;font-size:30px;line-height:75px;text-align:center;position:absolute;top:22px;left:-2px;z-index:2}
.whitebg{background:#FFF!important}
.small{font-size:11px;font-weight:normal;color:#666}
.mid{font-size:13px;font-weight:normal;color:#333}
.emp{font-size:17px;font-weight:weight;color:#000}
.bottom_line{border-bottom:#E3E3E3 1px solid;padding-bottom:7px}
.lds-hourglass {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
}
.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 12px solid #4E9E1D;
  border-color: #4E9E1D #0063D1 #4E9E1D #0063D1;
  animation: lds-hourglass 1.2s infinite;
}
.more_short{height:375px}
.more_short a,.search_prods a{word-break: break-all;}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}
@media(max-width:400px){
	.more_short{height:343px!important}
	#cart{font-size:12px}
		#cartmain_inner a{font-size:12px}
		#cartmain{overflow:hidden}
		#cartmain_outer{width:181px;}
			.cart_tit{width:111px;font-size:14px}
      .search_note_r{}
	.more_prods li{width:47%;height:415px;margin-left:4px;margin-right:4px}
  .search_prods li{width:47%;height:415px;margin-left:4px;margin-right:4px}
	.li_img{padding-top:0px}
		.li_img img{width:85%;height:85%;margin-top:7px}
			.menu-left li a {width:105px}
  #more_bargains{padding-top:5px;}    
  #more_bargains_1{font-size:11px}
  #more_bargains_2{font-size:11px};
  .limited_stock{font-size:11px}
  #others .box_center_body li{width:47%;background:#FFF;margin-left:4px;margin-right:4px}
}
@media(min-width:401px) and (max-width:467px){
	.more_short{height:343px!important}
	#cart{font-size:13px}
		#cartmain_inner a{font-size:13px}
		#cartmain{overflow:hidden}
		#cartmain_outer{width:221px;}
			.cart_tit{width:151px;font-size:14px}
	.more_prods li{width:48%;height:415px;margin-left:4px;margin-right:4px}
  .search_prods li{width:48%;height:415px;margin-left:4px;margin-right:4px}
	.li_img{padding-top:7px}
		.li_img img{width:85%;height:85%;margin-top:7px;max-height:200px}
	.tit_div{height:125px;}	
	.more_div{width:300px;}
		.more_div a{font-size:16px;}
  #more_bargains{padding-top:5px;}    	
  #more_bargains_1{font-size:13px}
  #more_bargains_2{font-size:13px}
  #others .box_center_body li{width:47%;background:#FFF;margin-left:4px;margin-right:4px}
}
@media(min-width:468px) and (max-width:567px){	
	.more_short{height:343px!important}
	#cart{}		
		#cartmain_outer{width:288px;}
			.cart_tit{width:218px;font-size:14px}
	
  .more_prods li{width:48%;height:415px;margin-left:4px;margin-right:4px}
  .search_prods li{width:48%;background:#FFF;margin-left:4px;margin-right:4px}
  #others .box_center_body li{width:47%;background:#FFF;margin-left:4px;margin-right:4px}
  .limited_stock{padding-right:13px}
  #relevant-products-heading{padding-top:19px;font-size:17px}
}
@media(min-width:568px) and (max-width:667px){	
	.more_short{height:343px!important}
	#cart{}
		#cartmain_outer{width:320px;}
			.cart_tit{width:250px;}
	
	.menu-left li a {width:125px}
	#Special{width:99%}
	#facebookbox{width:99%}  
  #others .box_center_body li{width:46%}
  .limited_stock{padding-right:13px}
	 #relevant-products-heading{padding-top:19px;font-size:17px}
}
@media(min-width:668px) and (max-width:767px){
		#header_top_inner{width:660px;}	
		#cart{}		
		#cartmain_outer{width:370px;}
			.cart_tit{width:300px;}		
			.menu-left li a {width:125px}
		
		#others .box_center_body li{width:46%;}				
		#left_column{padding:0px 4px 0px 4px;}
	.panel_content_des img{width:100%!important}
	.panel_content ul{margin-left:25px!important;}	
	.limited_stock{padding-right:23px}
	.more_prods li{width:148px;height:395px;}
	.li_img{padding-top:7px}
		.li_img img{width:85%;height:85%;margin-top:7px}
	.tit_div{height:125px;}
	.limited_stock{padding-right:13px}
	 #relevant-products-heading{padding-top:19px;font-size:17px}
}	
@media(max-width:767px){
	.main_content{width:100%;background:#f3f3f3}
  #header0{width:100%;background:#f3f3f3;margin-bottom:0;padding-bottom:0}
		#header_top_inner{width:100%;}
		.container{max-width:100%;margin-left:auto;margin-right: auto;}
    .nav_tit{width:99%;margin:auto;background:#FFF;border:#e3e3e3 1px solid;margin-bottom:7px;margin-top:4px;border-radius:2px}
		.col_l{display:none}
    .col_r{padding-left:0} 
		#gallery{width:100%!important}
		#gallery img{width:100%}
	#login{width:0px;display:none}
	#logo{width:100px}
		#logo{background-size:130px 31px;background-position:0 center;}
			#logo a{width:130px;}		
	#myac2{display:block;position:absolute;right:0;top:-5px}
		#myac2 a.signin span {color:#FFF;background:url(/images/cool/arrow_down4.png) 119px 10px no-repeat;display:block;width:140px;height:35px;text-align:center;border-top-left-radius:5px;border-top-right-radius:5px;}
		#myac2 a.signin.menu-open span {background:#0063D1 url(/images/cool/arrow_up.png) 119px 10px no-repeat;color:#FFF;display:block;width:140px;height:35px;text-align:center;border-top-left-radius:5px;border-top-right-radius:5px;}
	#myac{width:0px;display:none}
		#myac a{width:0px;}							
		.cut_menu{clear:both}		
		.box_center_body .scroll_tit{width:100%;font-weight:normal;}
    .box_center_body li:hover{box-shadow:none;}
		.scroll_price{clear:left;padding-top:12px;text-align:center;float:none}	
		#cart_more ul li{border-bottom:none;}	
		#m_search_div{display:none}
	#s_filter{width:50px;display:none}
  #filter_handle{display:none;position:fixed;top:0;width:100%;z-index:300;height:40px;color:#FFF;background:#4E9E1D url(/images/cool/filter9.png) 18px 5px no-repeat;line-height:40px;text-align:center;font-size:16px;font-weight:bold;box-shadow: 0px 2px 4px 2px #999;}
    #filter_handle a{display:block;float:right;margin-right:12px;width:50px;height:40px;background:url(/images/cool/filter_close2.png) 0 0 no-repeat;}
  #filter_re{display:none;position:fixed;top:50px;width:100%;z-index:300;height:50px;}
    #filter_re a{display:block;width:98%;height:40px;border-radius:10px;color:#FF0000;background:#f9f9f9;line-height:40px;text-align:center;margin:auto;border:#e3e3e3 1px solid;font-size:16px;font-weight:bold}
	#num_newProd{font-size:16px}
	#search_1{display:none}
	
	#m_search_handle{display:block;position:absolute;left:100px;width:60px;height:30px;padding-top:6px}
		#m_search_handle .down{display:block;width:60px;height:30px;background:url(/images/cool/search.png) 0px 0px no-repeat;cursor:pointer}
		#m_search_handle .up{display:block;width:60px;height:30px;background:url(/images/cool/search.png) 0px 100% no-repeat;cursor:pointer}
	#m_search_div{clear:both;display:none;text-align:left;padding-top:8px;width:98%;margin:auto;}
    #search_1_m_l{width:85%;float:left}
    #search_1_m_r{width:15%;float:left}
      #kw_m{-webkit-appearance:none;width:100%;height:45px;padding:5px;background-color:#FFF;border:#CCC 1px solid;font-size:18px;border-radius:0;border-top-left-radius:8px;border-bottom-left-radius:8px;outline:none;}
      #bt_go_m{-webkit-appearance:none;width:100%;height:45px;background-color:#E3E3E3;border:#CCC 1px solid;border-left:none;padding:5px;border-radius:0;border-top-right-radius:8px;border-bottom-right-radius:8px;color:#333;font-size:15px;cursor:pointer;line-height:18px;font-weight:normal}
        #bt_go_m:hover{background-color:#0063D1;color:#FFF;border:#0063D1 1px solid;border-left:none;}	
    #right_column{background:#FFF;border-bottom:#E3E3E3 1px solid;}
        #info_l{width:100%;float:none}
		    #info{width:100%;float:none}
		
		#des_l{width:100%}
		#des_r{width:100%}
		#Special{width:100%}
		#facebookbox{width:100%}
		.panel_content_des img{width:100%!important}
	.panel_content ul{margin-left:25px!important;}
  .scrollup{bottom:12px;right:12px;}
  .search_note{margin-bottom:12px;padding-left:4px;}
    .search_note_l{padding-top:6px;font-size:12px}
	  .search_note_r{padding-top:0;}
  .tabs{width:100%}		
  .nav{margin-bottom:0;margin-left:4px;margin-top:4px}
  #footer_other{width:100%;height:620px;}
	  #footer_c{width:100%;padding-top:15px}
		  #f_c{width:100%;}
		  	 #f_c ul{display:block;float:left;width:49%;height:220px}
			 .ulheader{font-size:18px}
				#f_c ul li a{font-size:16px;}			 
		  #s2{width:100%;}
		  	#s2_0{width:280px;float:none;margin:auto}
			#s2_1{width:280px;float:none;margin:auto}
				#s2_1 input.news_text{height:21px;padding-left:5px;padding-right:5px;width:230px;border:#FFF 1px solid;background-color:#f3f3f3;border-radius:4px;font-size:14px;margin-top:4px}					  
		  #footer2_inner{width:100%;padding-top:60px;}
      #footer_above img{width:25%}
	 .limited_stock{padding-right:13px}
	 #relevant-products-heading{padding-top:19px;font-size:17px}
}
	
@media(min-width:768px) and (max-width:991px){
	
  #header_top_inner{width:768px;}
  .main_content{width:768px;}				
	.container ul li{padding:.2em 0;}		
	.menu-left a{text-align:left}
	.scrollup{bottom:12px;right:12px;}
	#facebookbox{height:350px}
	#login{width:0px;margin-left:4px;}
		#search_1 .s_kw input{width:70px;}
	#cart{font-size:13px;}	
		#cartmain_outer{width:220px;}
			.cart_tit{width:150px;}
	ul.menu-left{display: block !important;float:left;max-height:none;height:40px;}	
	.nav-toggle { display: none; }
		.container{max-width:768px;margin-left:auto;margin-right: auto;}
		.container:after {content: " ";display: block;clear: both;}					
		.menu-left li a {width:80px}	
		#info_l{width:446px;float:left}
		#info{width:290px;float:right}
		#others .box_center_body li{width:46%}
		#des_l{width:446px}
		#des_r{width:290px}
		#Special{width:31%}
		#facebookbox{width:230px}
	#footer_other{width:100%;height:620px;}
	  #footer_c{width:100%;padding-top:15px}
		  #f_c{width:100%;}
		  	 #f_c ul{display:block;float:left;width:49%;height:220px}
			 .ulheader{font-size:18px}
				#f_c ul li a{font-size:16px;}			 
		  #s2{width:100%;}
		  	#s2_0{width:280px;float:none;margin:auto}
			#s2_1{width:280px;float:none;margin:auto}
				#s2_1 input.news_text{height:21px;padding-left:5px;padding-right:5px;width:230px;border:#FFF 1px solid;background-color:#f3f3f3;border-radius:4px;font-size:14px;margin-top:4px}					  
		  #footer2_inner{width:100%;padding-top:60px;}
      .col_l{float:left;width:280px}
		.col_r{float:left;width:470px;}
	.limited_stock{padding-right:13px}
	 #relevant-products-heading{padding-top:19px;font-size:17px}
}
@media(min-width:992px) and (max-width:1024px){
  #header_top_inner{width:980px;}
	.main_content{width:980px;}
    .col_l{float:left;width:280px}
		.col_r{float:left;width:646px;}
		.container {max-width:992px;margin-left: auto;margin-right: auto;}
		.menu-left li a {width:125px;}	
		#info_l{width:636px;float:left}
		#info{width:330px;float:right}
		.scroll_tit a{font-size:13px}
		#others .box_center_body li{width:23%}
		#des_l{width:636px}
		#des_r{width:330px}
		#Special{width:31%}
		#facebookbox{width:270px}
		#login{width:0px}
			#search_1 .s_kw input{width:120px;}
		#cart{}
			#cartmain_outer{width:300px;}
				.cart_tit{width:230px;}
}
@media(min-width:1025px) and (max-width:1440px){
  #header_top_inner{width:1000px;}
	.main_content{width:1000px;}
    .col_l{float:left;width:280px}
		.col_r{float:left;width:715px;}			
		#login{width:0px}
			#search_1 .s_kw input{width:140px;}
		#cart{}
			#cartmain_outer{width:340px;}
				.cart_tit{width:260px;}
		.container {max-width:1004px;margin-left: auto;margin-right: auto;}				
		.menu-left li a {width:125px;}
		.scroll_tit a{font-size:17px}
		#info_l{width:636px;float:left}
		#info{width:350px;float:right}
		.scroll_tit a{font-size:15px}
		#others .box_center_body li{width:23%}
		#des_l{width:636px}
		#des_r{width:300px}
		#Special{width:31%}
		#facebookbox{width:270px}				
}
@media(min-width:1441px){
  #header_top_inner{width:1440px;}
  .main_content{width:1440px;margin:auto}
    .col_l{float:left;width:280px}
    .col_r{float:left;width:1140px;}
	#login{width:0px}
	#cart{}
		#cartmain_outer{width:460px;}
			.cart_tit{width:390px;}
	.sold_label{display:none}
	.sold_str{transform:rotate(0deg);width:100%;height:50px;color:#FFF;font-weight:bold;font-size:25px;line-height:50px;text-align:center;position:absolute;top:40%;left:0;z-index:2;background:#E43137;opacity:0.9;}		
		.container{max-width:1440px;margin-left:auto;margin-right:auto;}		
		.container:after{content:" ";display:block;clear:both;}		
		#info_l{width:760px;float:left}
		#info{width:646px;float:right}
		#others .box_center_body li{width:23%}
		#des_l{width:760px}
		#des_r{width:646px}
		#Special{width:31%}
		#facebookbox{width:466px}
}
.cat4{margin-left:12px}
.badge-container {display: inline-block;position: relative;font-size: 19px;line-height: 1.2;padding-right: 20px;}
.badge-container .badge {
	position: absolute;
	top: -21px;
	right: -9px;
	background: #e44d54;
	color: white;
	border-radius: 50%;
	width: 27px;
	height: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	line-height: 1;
	font-weight: normal;
	z-index:98;
}
.product_item{position: relative;z-index: 0;list-style: none;}
	.product_item_hint{position: absolute;bottom: 0;left: 0;width: 50px;height: 50px;background:#e44d54;clip-path: polygon(0 100%, 100% 100%, 0 0);font-weight:bold;border-bottom-left-radius:8px}
	.product_item_hint2{position: absolute;bottom: 0;left: 0;width: 63px;height: 63px;background:#e44d54;clip-path: polygon(0 100%, 100% 100%, 0 0);font-weight:bold;border-bottom-left-radius:8px}
	.product_item_hint5{position: absolute;bottom: 0;left: 0;width: 75px;height: 75px;background:#4E9E1D;clip-path: polygon(0 100%, 100% 100%, 0 0);font-weight:bold;border-bottom-left-radius:8px}
	.product_item_hint3{position: absolute;bottom: 0;left: 0;width: 50px;height: 50px;background:#4E9E1D;clip-path: polygon(0 100%, 100% 100%, 0 0);font-weight:bold;border-bottom-left-radius:8px}
	.product_item_hint_gray{background:#666!important;}
	.product_item_hint4{position: absolute;bottom: 0;left: 0;width: 57px;height: 57px;background:#4E9E1D;clip-path: polygon(0 100%, 100% 100%, 0 0);font-weight:bold;border-bottom-left-radius:8px}
	.product_item_hint_both{position: absolute;bottom: 0;left: 0;width: 57px;height: 57px;background:#4E9E1D;clip-path: polygon(0 100%, 100% 100%, 0 0);font-weight:bold;border-bottom-left-radius:8px;border-left:3px #e44d54 solid}
	.product_item_hint_text {position: absolute;bottom: 5px;left: 5px;color: white;font-size: 9px;font-weight:bold;text-align:center}
	.product_item_hint_text_l {position: absolute;bottom: 5px;left: 5px;color: white;font-size: 12px;font-weight:bold;text-align:center}
.lazyload { opacity: 0;transition: opacity 1s;}
.fade-in {opacity: 1;}
.loading_mid {
  display: inline-block;
  position: relative;
  width: 37px;
  height: 37px;
}
.loading_mid:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 12px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading_mid 1.2s infinite;
}
@keyframes loading_mid {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}
.green_text{color:#4E9E1D!important;}
.green_text_small{color:#4E9E1D;font-size:10px}
.green_text_mid{color:#4E9E1D;font-size:15px}
.green_text_large{color:#4E9E1D;font-size:23px}
.green_text_xlarge{color:#4E9E1D;font-size:33px}
.red_text{color:#e44d54;}
.red_text_small{color:#e44d54;font-size:10px}
.red_text_mid{color:#e44d54;font-size:15px}
.red_text_large{color:#e44d54;font-size:23px}
.red_text_xlarge{color:#e44d54;font-size:33px}
.blue_text{color:#0063D1;}
.blue_text_small{color:#0063D1;font-size:10px}
.blue_text_mid{color:#0063D1;font-size:15px}
.blue_text_large{color:#0063D1;font-size:23px}
.blue_text_xlarge{color:#0063D1;font-size:33px}
.black_text{color:#000;}
.black_text_small{color:#000;font-size:10px}
.black_text_mid{color:#000;font-size:15px}
.black_text_large{color:#000;font-size:23px}
.black_text_xlarge{color:#000;font-size:33px}
.gold_text{color:#FF9900}
#message_badge_div{float:right;margin-top:-25px}
.notification-link {
    display: inline-block;
    position: relative;
    width: 33px;
    height: 33px;
    cursor: pointer;
}

.notification-container {
    position: relative;
    width: 33px;
    height: 33px;
    background-image: url('/images/cool/menu/msg_blue.png');
    background-size: cover; 
    background-position: center; 
    z-index: 9999;
    cursor: pointer;
}

.message-badge {
    background-color: #E43137;
    color: #FFF;
    padding: 3px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 13px;
    min-width: 19px;
    min-height: 19px;
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 9999;
    cursor: pointer;
}
.checkbox_ticked{display:inline-block;background: url(/images/cool/bt/tick2.png) left 0px no-repeat;background-size:23px;padding-left:25px!important}
.text_right{text-align:right!important}
.link a{text-decoration:underline;}
.bg_div {width: 100%;padding:13px;background-color: rgba(255, 255, 255, 0.4);border-radius:12px;}
.center_div{display: flex; justify-content: center; align-items: center;}
	.center_div h2,.bg_div h2{margin-top:-12px!important}
.collapsible_content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.collapsible_content.active {
    max-height: 1000px;
}

.ui-datepicker-prev,.ui-datepicker-next {
    display: flex !important;
    align-items: center !important; /* Vertical center */
    justify-content: center !important; /* Horizontal center */
    width: 30px; /* Adjust width as needed */
    height: 30px; /* Adjust height as needed */
    border-radius: 50%; /* Makes it a circular button */
    background-color: #f1f1f1; /* Light background */
}    
.ui-datepicker-prev::before {
    content: "<"; /* Left arrow icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 19px;
    color: black;
    text-align:center!important
}
.ui-datepicker-next::before {
    content: ">"; /* Left arrow icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 19px;
    color: black;
    text-align:center!important
}
.blur{opacity:30%;}
.blur2{opacity:50%;}
.blur3{opacity:70%;}
.div_padding{padding:8px}
.hint_div{border-radius:8px;background:#FFF!important;padding:12px;margin-bottom:23px}
.hint_div_gray{border-radius:8px;background:#F3F3F3!important;padding:12px;margin-bottom:23px;border:#CCC 1px solid}
.hint_ul{margin-left:33px;}
  .breadcrumbs {margin:0;}
  .bread_border_top{width:100%;border-top:#E3E3E3 1px solid;padding:12px 0 12px 0}
  .bread_border_bottom{border-bottom:#E3E3E3 1px solid;}
    .breadcrumbs li {display:inline-block;margin-left:4px}
    .breadcrumbs li a {position: relative;font-size:14px;color: #000;padding-right:13px;margin-right:3px;text-decoration:none;}
    .breadcrumbs li a:hover{text-decoration:underline;}
    .breadcrumbs li a:after{content:"";width:6px;height:6px;border-top:2px solid #555;border-right:2px solid #555;position: absolute;top:6px;right:2px;  transform: rotate(45deg);display: block;}
    .breadcrumbs li:last-of-type a:after {display:none;}
.green_button {
	cursor: pointer;
	padding: 12px 23px!important;
	background: linear-gradient(45deg, #4E9E1D, #6fdb2c); /* Gradient effect */
	color: white;
	border: none;
	border-radius: 20px;
	font-size: 14px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
}
.green_button:hover {
	background: linear-gradient(45deg, #6fdb2c, #4E9E1D);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
.blue_button {
	cursor: pointer;
	padding: 12px 23px!important;
	background: linear-gradient(45deg, #0063D1, #338ef7); /* Gradient effect */
	color: white;
	border: none;
	border-radius: 20px;
	font-size: 14px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
}
.blue_button:hover {
	background: linear-gradient(45deg, #338ef7, #0063D1);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
.golden_button {
	cursor: pointer;
	padding: 12px 23px!important;
	background: linear-gradient(45deg, #ffd700, #ffd900c8); /* Gradient effect */
	color: white;
	border: none;
	border-radius: 20px;
	font-size: 14px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
}
.golden_button:hover {
	background: linear-gradient(45deg, #ffd900c8, #ffd700);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
} 
.by_p{margin-top:10px;margin-bottom:17px}
	.by_p ul li{display:block;float:left;background-color:#f3f3f3;border:#CCC 1px solid;text-decoration:none;padding:0;margin-right:4px;}
	.by_p ul li a{display:block;text-decoration:none;height:30px;text-align:center;padding-left:5px;padding-right:5px;line-height:30px;font-size:15px}
	.by_p ul li.active{border:none;background:none;border-top:#CCC 1px solid;border-left:#CCC 1px solid;border-right:#CCC 1px solid;}
.div_form input,select{padding:8px;}
#add_handle{cursor:pointer;font-weight:bold;font-size:20px}
.h_sop1{cursor:pointer;width:100%;height:36px;padding:5px;border-radius:8px}
	.panel_close_sop1{background:#f9f9f9 url(/images/cool/close-open1.png) 250px -36px no-repeat;}
	.panel_open_sop1{background:#f9f9f9 url(/images/cool/close-open1.png) 250px 0px no-repeat;}
.acc_div{width:200px;margin:auto}
	.acc_div li{list-style:none}
#log_with_ours ul li a{display:block;height:30px;}
.bt_log{
  display: inline-block;
  height: 30px;min-width:30px;
  background: url(/images/cool/bt/log.png) left center no-repeat;
  background-size: 30px 30px;padding-left:23px;line-height:20px;
}
.bt_qr{
  display: inline-block;
  height: 20px;min-width:30px;
  background: url(/images/cool/bt/qr.png) left center no-repeat;
  background-size: 20px 20px;padding-left:23px;line-height:20px;
}
.bt_reset{
  display: inline-block;
  height: 20px;min-width:30px;
  background: url(/images/cool/bt/refresh.png) left center no-repeat;
  background-size: 20px 20px;padding-left:23px;line-height:20px;
}

.bt_map_marker {
  display: inline-block;
  height: 20px;min-width:30px;
  background: url(/images/cool/bt/map_marker.png) left center no-repeat;
  background-size: 20px 20px;padding-left:23px;line-height:20px;
}
.bt_copy_icon{
  display: inline-block;
  height: 20px;min-width:30px;
  background: url(/images/cool/bt/copy.png) left center no-repeat;
  background-size: 20px 20px;padding-left:23px;line-height:20px;
}
.bt_download {
  display: inline-block;
  height: 20px;min-width:30px;
  background: url(/images/cool/bt/download.png) left center no-repeat;
  background-size: 20px 20px;padding-left:23px;line-height:20px;
}
.bt_clear {
  display: inline-block;
  height: 20px;min-width:30px;
  background: url(/images/cool/bt/clear.png) left center no-repeat;
  background-size: 20px 20px;padding-left:23px;line-height:20px;
}
.word_break{word-break:break-all}
.bt_arrow_right {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 40px;              /* increased height */
    line-height: 40px;         /* match for vertical centering */
    text-align: center;
    font-size: 17px;
    color: #000;
    cursor: pointer;
    overflow: hidden;
    background: #F3F3F3;
    border: #ccc 1px solid;
    border-radius: 23px;
    box-sizing: border-box;    /* ensure padding/border don’t affect size */
}

.bt_arrow_right::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 15px;
    height: 15px;
    background: url(/images/cool/bt/back_large.png) no-repeat center center;
    background-size: contain;
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.2s ease;
}
.bt_arrow_left{
    position: relative;
    display: inline-block;
    width: 100px!important;
    height: 40px!important;
    line-height: 40px!important;
    text-align: center!important;
    font-size: 17px;
    color: #000;
    cursor: pointer;
    overflow: hidden;
    background: #F3F3F3!important;
    border: #ccc 1px solid;
    border-radius: 23px;
    box-sizing: border-box;
    background: url(/images/cool/bt/back_large.png) no-repeat 8px center!important;
    background-size: 15px 15px!important;
}

.bt_arrow_right:hover,.bt_arrow_left:hover{
    border: #4E9E1D 1px solid;
    color: #4E9E1D;
}
.ul_inline li{display: inline-block;padding:5px;list-style:none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ele_visible{visibility:visible}
.ele_hidden{visibility:hidden} 

.bt_next_tidy {
    display: inline-block;
    height: 20px;
    padding-right: 25px; /* space for arrow */
    line-height: 20px;
    cursor: pointer;
    position: relative;
}

.bt_next_tidy::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(/images/cool/bt/back_large.png) no-repeat center center;
    background-size: 20px 20px;
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}
.bt_back_tidy{
    display: inline-block;
    height: 20px;
    background: url(/images/cool/bt/back_large.png) no-repeat left center;
    background-size: 20px 20px;
    cursor: pointer;
    transition: background-size 0.2s ease;padding-left:20px;line-height:20px
}




.bt_back_simple, .bt_next_simple {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    box-shadow: none;
}

.bt_back_simple:hover, .bt_next_simple:hover {
    background: linear-gradient(to right, #eaeaea, #d5d5d5);
    color: #000;
    border-color: #999;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.bt_back_simple::before, .bt_next_simple::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('/images/cool/bt/back_large.png');
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.2s ease;
}

.bt_back_simple::before {
    transform: rotate(0deg);
}

.bt_next_simple::after {
    transform: rotate(180deg);
}
.bt_sim {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    box-shadow: none;
}

.bt_sim:hover {
    background: linear-gradient(to right, #eaeaea, #d5d5d5);
    color: #000;
    border-color: #999;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
