@charset "utf-8";
/* CSS Document */

p{ padding:0; margin:0;}
img{ border:none; outline:none;}
ul,ol{ padding:0; margin:0; list-style:none;}
h1,h2,h3,h4,h5,h6{ padding:0; margin:0;}
a{ text-decoration:none;}
body{ padding:0; margin:0; font:12px/18px Arial, Helvetica, sans-serif; background:#fff;overflow-x: hidden;}
.wrapper{ max-width:1354px; margin:0;}
.clear{ clear:both;}
.header_outer{ width:100%; float:left;background:url(../images/header_bg.jpg) center center no-repeat; background-size:cover; position:relative;}
.logo{ float:left;}
.header_right{ float:left;}
.menu{ width:100%; float:left; padding:0 0 0 15%;}
.text_logo{ margin:0 0 0 53px;}
.header_right_text{ color:#fff; position:absolute; right:0; font-size:14px; font-weight:bold;bottom: 1px;}
.container{ width:100%; float:left;}
.inner{ width:100%; float:left;}
.bd_left{ width:9%; float:left;background:#a8c5e1; padding:5px 0;}
.bd_right{ width:91%; float:right;}
.card{ min-height:100px; border-top:1px solid #ffcc33; border-bottom:1px solid #ffcc33; text-align:center;}
.bd_right_top{ padding:20px 0 5px 5px;border-top:1px solid #ffcc33; border-bottom:1px solid #ffcc33; margin:5px 0 0 0}
.left_bottom{ padding:5px 2% 20px 2%;}
.jamu_madura{ width:100%; float:left;}
.jamu_madura h2{ background:#fff; color:#993300; font-size:13px; font-weight:bold; font-family:Verdana, Helvetica, Sans-Serif; padding:3px 0 3px 2px; margin:0 0 2px 0;}
.jamu_madura ul{ padding:15px 0 20px 0; margin:0; list-style:none; border-top:1px solid #993300;}
.jamu_madura ul li{ color:#3366cc; }
.jamu_madura ul li a{color:#3366cc; }
.jamu_madura ul li a:hover{ color:#fff;}
.coustomer_service{ width:100%; float:left;}
.coustomer_service h2{background:#fff; color:#993300; font-size:12px;font-family:Verdana, Helvetica, Sans-Serif; padding:3px 0 3px 2px; margin:0 0 2px 0;}
.coustomer_service ul{ padding:15px 0 20px 0; margin:0; list-style:none; border-top:1px solid #993300;}
.coustomer_service ul li{ color:#3366cc; }
.coustomer_service ul li a{color:#3366cc; }
.coustomer_service ul li a:hover{ color:#fff;}
.padding1{ padding:10px 0 0 0;}
.paypal{ margin:0px 0 10px 0; text-align:center;}
.tongkat_madura{ width:100%; float:left; padding:0 0;}
.tongkat_madura h3{color:#3366cc; font-size:12px;font-family:Verdana, Helvetica, Sans-Serif; padding:3px 0 10px 2px; margin:0 0 2px 0;}
.tongkat_madura_img{ text-align:center;}
.tongkat_madura p{ color:#333; font-size:10px; padding:10px 0;font-family:Verdana, Helvetica, Sans-Serif; line-height:14px; }
.wrap{ max-width:1250px;}
.bd_right_contant{ width:100%; float:left; padding:10px 0 20px 0;}
.bd_right_contant_left{ float: left;padding: 4% 0 0 14px;width: 72%;}
.bd_right_contant_left h1{ font-family:"Times New Roman", Times, serif; font-size:30px; margin:0; padding:0 0 20px 0;}
.bd_right_contant_left p{ padding:0 0 10px 0;font-family:Verdana, Helvetica, Sans-Serif; color:#333;}
.bd_right_contant_left p a{color:#3366cc;}
.bd_right_contant_right{ width:25%; float:right;}
.shipping{ width:100%; float:left; margin:0 0 5px 0;}
.shipping h2{ padding:0 0 10px 0; margin:0; font-size:14px; font-weight:bold; color:#993300;}
.shipping_cont{ width:92%; border:1px solid #993300; background:#f8ffe1; padding:10px;}
.shipping_cont h3{ color:#993300;font-size:12px;font-family:Verdana, Helvetica, Sans-Serif; padding:0 0 5px 0;}
.shipping_cont p{ padding:0 0 5px 0; margin:0;}
.top_selling{width:98%; border-left:1px solid #993300; background:#fff; padding:10px 0;border-right:1px solid #993300; border-top:18px solid #993300; border-bottom:18px solid #993300;}
.top_selling ul{ width:100%; float:left; padding:0; margin:0; list-style:none;}
.top_selling ul li{ color:#333; font-size:14px;font-family:Verdana, Helvetica, Sans-Serif; padding:5px;}
.color{ background:#f8ffe1;}
.footer{ width:100%; float:left; margin:10px 0 35px 0; border-top:1px solid #ffcc33; border-bottom:1px solid #ffcc33; padding:20px 0 10px 0; text-align:center; display:inline-block;}
.footer ul{ padding:0 0 3% 0; margin:0; width:100%; display:inline-block; text-align:center;}
.footer ul li{padding:0 3px; margin:0; display:inline-block; border-left:1px solid #000080; line-height:16px;}
.footer ul li a{ color:#000080; font-family:Verdana, Helvetica, Sans-Serif; font-size:10px; font-weight:bold; /*border-bottom:1px solid #993300;*/}
.ft_text a{ color:#000080; font-family:Verdana, Geneva, sans-serif; /*border-bottom:1px solid #993300;*/ font-size:10px;}
.bd_right_contant_left_left{ width:60%; float:left;}
.bd_right_contant_left_right{ width:38%; float:right;}
.bd_right_contant_left_left h1{font-family:"Times New Roman", Times, serif; font-size:30px; margin:0; padding:0 0 20px 0;}
.text2{ text-align:center; font-weight:bold;font-family:"Times New Roman", Times, serif !important; font-size:14px;}
.bd_right_contant_left_right h2{font-family:"Times New Roman", Times, serif; font-size:24px !important; margin:0; padding:0 0 20px 0;}
.bd_right_contant_left_right h3{font-family:"Times New Roman", Times, serif; font-size:24px !important; margin:0; padding:20px 0 20px 0;}
.text3{ text-align:center; font-family:Verdana, Geneva, sans-serif; color:#333; padding:0 0 10px 0; font-size:14px;}
.des_table{ font-size:16px;}

@media only screen and (min-width:769px) and (max-width:1024px){
	.bd_left{width: 22%;}
	.bd_right{ width:78%;}
	.bd_right_contant{ width:98%;}
	.menu{padding: 0 0 0 5%;width: 98%;}
	.bd_right_contant_left{ float: left;padding: 4% 0 0 2%;width: 65%;}
	.bd_right_contant_right{ width:30%;}
	.bd_right_contant_left_left{ width:98%; float:left; margin:0 0 10px 0;}
	.bd_right_contant_left_right{ width:98%; float:left;}
		
}

@media only screen and (min-width:320px) and (max-width:768px){
	.bd_left{ width:100%;}
	.card{ min-height:70px;}
	.paypal{ text-align:left;}
	.tongkat_madura_img{ text-align:left;}
	.bd_right{ width:100%;}
	.bd_right_top{padding: 5px 0 5px 0px;}
	.bd_right_top img{ width:100%;}
	.bd_right_contant_left{ width:96%; padding:0 2%;}
	.bd_right_contant_right {float: left;padding: 0 2%;width: 96%;}
	.shipping_cont{ width:96%;}
	.header_outer{ background:#ffcc33;}
	.logo{ width:100%; text-align:center;}
	.header_right{ width:100%;}
	.menu{ background:#EAB106; padding:0;}
	.text_logo{ width:100%; text-align:center; margin:0;}
	.header_right_text{ position:relative; text-align:center; margin:2px 0 0;}
	#cssmenu > ul > li{ border-left:none !important;}
	#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li{ border-top: 1px solid #ffcc33 !important;}
	.bd_right_contant_left_left{ width:98%; float:left; margin:0 0 10px 0;}
	.bd_right_contant_left_right{ width:98%; float:left;}
	.table_responsive{width: 100%;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
}
@media only screen and (min-width:320px) and (max-width:480px){
	.text_logo img{ width:100%;}
	.bd_right_contant_left{ width:96%;padding: 4% 0 0 2%;}
	.shipping_cont{ width:92%;}
}