html{height:100%}

.dl_body{
		background-color:#fff;
		font-family:arial;
		font-size:14px;
		margin:0px;
		background: linear-gradient(-90deg, #f2f2f2);
		}

.logo_div{background-image:url('../image/pattern/pattern.jpg')}

.bg_white{
	background-color:white;
	}
.pad20{
	padding:20px;
	}
.gray_border{
	border:1px #CCCCCC solid;border-radius:3px
	}
.dark_red{
	color:#600
	}
.hr_black{margin:0;border-top:.1px black solid;}

.dl_container{
	width:1200px;
	text-align:left}

.inner{padding:25px 0px 15px 0px;height:100px;}
.inner-well-white{
	padding:5px 5px 5px 10px;
	color:black;background-color:#fff;
	border-radius:3px;border:1px solid #ccc;}
	
.small_button{display:inline-block;width:170px;background-color:#333;color:white;text-align:center;float:right;margin-top:10px;margin-left:10px;}
.small_button:hover{color:white;text-decoration:none;background-color:#3366FF}
.small_button:focus{color:white;text-decoration:none}



/*search box*/
.search_div{font-size:16px;padding:4px;border:1px solid #ccc;
display:inline-block;background-color:white;width:100%;border-radius:2px;}
.search_div_focus{border:1px solid #06C}
.input_search{padding:4px;border:none;font-size:14px;;width:90%;color:gray}
.search_icon{height:25px;margin-right:5px;margin-top:2px;float:right}




.sc_link{color:#333;text-decoration:none;margin-right:10px;margin-left:5px;display:block;padding:8px 4px 8px 4px;}
.sc_link:hover{text-decoration:none;background-color:#E3F7FD;color:#0066FF}
.sc_link_act{color:black;font-weight:bold;}

.tr{text-align:right}
.tc{text-align:center}
.tl{text-align:left}
.black{color:black;}
.red{color:#F33}
.bold{font-weight:bold;}
.input{border:1px solid #C4C4C4;padding:6px;border-radius:2px;font-size:14px}
.input:focus{border:1px #0066FF solid;transition: border 0.5s ease;}

.input-big{border:1px solid #C4C4C4;padding:8px;border-radius:2px;font-size:15px}
.input-big:focus{border:1px #0066FF solid;transition: border 0.5s ease;}

.h1_price{color:#0066FF;font-weight:bold;}

.buy_button{width:200px;text-align:center;background-color:#06F;
		border:1px #06F solid;font-size:15px;color:white;padding:5px 0px 5px;font-weight:bold;cursor:pointer;border-radius:2px}
.buy_button:hover{background-color:#F60;border:1px #f60 solid;transition: background 0.4s ease;}

.pop_div{padding:20px;border:1px black solid;background-color:white;border-radius:3px;display:none;}

.link_button{display:inline-block;padding:8px;background-color:#FF6600;color:white;text-align:center;width:200px;cursor:pointer}
.link_button:hover{background-color:#F33;text-decoration:none;color:white;transition:ease-in 0.2s }
    .product_div{width:286px;border: thin solid #EBEBEB;display:inline-block;height:380px;
	background-color:white;cursor:pointer;margin-bottom:10px;}
	.product_div:hover{border:1px solid #F60;transition: border .50s ease;}
	.judul_buku{font-size:14px;color:black;font-weight:bold;}
	.harga{color:#036;margin:3px 0px 3px 0px}
	.button_prod{background-color:#F33;padding:3px;color:white;text-align:center;width:100%;border:1px solid #f33;display:none;margin-top:5px;border-radius:2px;float:left}
	.button_prod:hover{background-color:#06F;border:1px #06f solid;color:white;text-decoration:none}
#loader-icon {position: fixed;top: 50%;width:100%;height:100%;text-align:center;display:none;}

/*shipping & popup propinsi*/
#pop_ship_div{display:none;width:600px;background-color:white;padding:10px;margin-top:50px;border-radius:4px}
.table-min tr td{padding:5px !important;}


.copyright_footer{
margin-top:80px;border-top:1px white solid;padding-top:20px;	
	}
.r_footer{
			background-image:url('../image/footer_ribbon.png');background-size:100% 100%;
			background-repeat:no-repeat;
			float:right;
			height:300px;
			margin-top:-5px;
			text-align:center;
			color:white;
			width:280px;
}

/* produk post display */

	.button_prod2{background-color:#FC0;padding:5px ;color:white;text-align:center;width:110px;
	border:1px solid #fff;font-size:12px;
	display:none;color:#0066FF;}
	.button_prod2:hover{background-color:#F90;border:1px #f90 solid;color:white;text-decoration:none;}
	.button_prod{width:70px !important;}
	.harga{color:#06C !important}
    .product_div{width:24%;display:inline-block;height:380px;border:1px white solid;
	background-color:white;cursor:pointer;margin-bottom:10px;margin-left:5px;}
	
	.product_div:hover{border:1px solid #09f;transition: border .50s ease;}
	
	.judul_buku{font-size:14px;color:#333;font-weight:bold;}
	.judul_buku;hover{font-size:14px;color:#333;font-weight:bold;text-decoration:none;}
	.harga{color:#C30;margin:3px 0px 3px 0px}
	
	.button_prod{background-color:#09f;padding:3px;color:white;text-align:center;width:102px;
	border:1px solid #09f;margin-right:5px;margin-top:-5px;border-radius:2px;display:none}
	.button_prod:hover{background-color:#06F;border:1px #06f solid;color:white;text-decoration:none}
	
	#loader-icon {position: fixed;top: 50%;width:100%;height:100%;text-align:center;display:none;}