@charset "utf-8";
/* CSS Document*/
/*Define the body element's color*/

#Table_01 {
	position:absolute;
	top:0px;
	width:1024px;
	height:734px;
}

#HairDrama-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:40px;
}

#HairDrama-02 {
	position:absolute;
	left:0px;
	top:40px;
	width:229px;
	height:131px;
}

#HairDrama-03 {
	position:absolute;
	left:229px;
	top:40px;
	width:795px;
	height:1px;
}

#HairDrama-04 {
	position:absolute;
	left:229px;
	top:41px;
	width:795px;
	height:130px;
}

#HairDrama-05 {
	position:absolute;
	left:0px;
	top:171px;
	width:229px;
	height:13px;
}

#HairDrama-06 {
	position:absolute;
	left:229px;
	top:171px;
	width:795px;
	height:13px;
}

#HairDrama-07 {
	position:absolute;
	left:0px;
	top:184px;
	width:223px;
	height:390px;
	background-color: #FFFFFF;
}

#HairDrama-08 {
	position:absolute;
	left:223px;
	top:184px;
	width:6px;
	height:562px;
}

#HairDrama-09 {
	position:absolute;
	left:229px;
	top:184px;
	width:795px;
	height:1px;
}

#HairDrama-10 {
	position:absolute;
	left:229px;
	top:184px;
	width:795px;
	height:390px;
	background-image: url(../images/hair_extensionBG_10.jpg);
	visibility: visible;
}

#HairDrama-10b {
	position:absolute;
	left:229px;
	top:184px;
	width:795px;
	height:390px;
}

#HairDrama-11 {
	position:absolute;
	left:0px;
	top:574px;
	width:223px;
	height:3px;
}

#HairDrama-12 {
	position:absolute;
	left:229px;
	top:574px;
	width:795px;
	height:3px;
}

#HairDrama-13 {
	position:absolute;
	left:0px;
	top:577px;
	width:223px;
	height:27px;
}

#HairDrama-14 {
	position:absolute;
	left:229px;
	top:577px;
	width:112px;
	height:169px;
}

#HairDrama-15 {
	position:absolute;
	left:341px;
	top:577px;
	width:110px;
	height:27px;
}

#HairDrama-16 {
	position:absolute;
	left:451px;
	top:577px;
	width:5px;
	height:169px;
}

#HairDrama-17 {
	position:absolute;
	left:456px;
	top:577px;
	width:113px;
	height:169px;
}

#HairDrama-18 {
	position:absolute;
	left:569px;
	top:577px;
	width:110px;
	height:27px;
}

#HairDrama-19 {
	position:absolute;
	left:679px;
	top:577px;
	width:5px;
	height:169px;
}

#HairDrama-20 {
	position:absolute;
	left:684px;
	top:577px;
	width:112px;
	height:169px;
}

#HairDrama-21 {
	position:absolute;
	left:796px;
	top:577px;
	width:110px;
	height:27px;
}

#HairDrama-22 {
	position:absolute;
	left:906px;
	top:577px;
	width:6px;
	height:169px;
}

#HairDrama-23 {
	position:absolute;
	left:912px;
	top:577px;
	width:112px;
	height:169px;
}

#HairDrama-24 {
	position:absolute;
	left:0px;
	top:604px;
	width:223px;
	height:142px;
	background-color: #B2B2B2;
}

#HairDrama-25 {
	position:absolute;
	left:341px;
	top:604px;
	width:110px;
	height:142px;
	background-color: #B2B2B2;
}

#HairDrama-26 {
	position:absolute;
	left:569px;
	top:604px;
	width:110px;
	height:142px;
	background-color: #B2B2B2;
}

#HairDrama-27 {
	position:absolute;
	left:796px;
	top:604px;
	width:110px;
	height:142px;
	background-color: #B2B2B2;
}

#HairDrama-28 {
	position:absolute;
	left:0px;
	top:746px;
	width:1024px;
	height:22px;
	background-color: #FFFFFF;
}
.MenueText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-left: 32px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.Copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-top: 5px;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #605C5C;
}
a:hover {
	/*text-decoration: underline;*/
	color: #5D99B3;
}
a:active {
	text-decoration: none;
}

.menu a:visited {
	color: #5D99B3;
}

.PictureMenueBottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

.centered      { width: 770px; padding-top: 30px;}
.columns       { width: 760px;  margin: auto;}
.columns div   { width: 360px; height: 250px; float: left; padding-left: 20px;}
.right          { }
.left          { }
.clear         { clear: both; }

.maintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

.slide {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  transform: scale(1);
  opacity: 0.5;
  transition: all 1s ease-in-out;
}

.showing {
  z-index: 1;
  transform: none;
  opacity: 1;
}