@import url("../nav/nav.css"); 
@import url("font.css");
@import url("header.css");
@import url("bluebar.css");
@import url("footer.css");
@import url("section.css");
@import url("product-box.css");
@import url("product.css");
@import url("banner.css");
@import url("fadein.css");
@import url("accordion.css");
@import url("index_below.css");
@import url("index_below_2.css");
@import url("toggle.css");

*{
	box-sizing:border-box;
	}
body {
	width: auto;
	margin: auto;
	line-height:auto;
	background-image: url(bg.jpg);
	background-size:cover;
	background-attachment: fixed;
}

/*Responsive youtube*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media only screen and (max-width: 740px) {
	.video-container {
		margin-bottom:20px;
}
}


/** icon socmed tepi **/
icon-ct,
icon-te,
icon-fb,
icon-in,
icon-ws,
icon-ch,
icon-tt,
icon-tw,
icon-th{
	z-index:69;
	position:fixed;
	right: 10px;
	}

icon-ct:hover,
icon-te:hover,
icon-fb:hover,
icon-in:hover,
icon-ws:hover,
icon-ch:hover,
icon-tt:hover,
icon-tw:hover
icon-th:hover{
	opacity:0.8;
	}	


icon-ws{
	bottom: 478px;
	}

icon-ch{
	bottom: 428px;
	}
	
icon-te{
	bottom: 378px;
	}

icon-ct{
	bottom: 328px;
	}

icon-fb{
	bottom: 278px;
	}

icon-in{
	bottom: 228px;
	}

icon-tt{
	bottom: 178px;
	}

icon-tw{
	bottom: 128px;
	}

icon-th{
	bottom: 78px;
	}