@charset "utf-8";
/* CSS Document */
/* 現代美容 */

html {height:100%;}
body {
	height:100%;
	margin:0px;padding:0px;
	text-align:left;
	background:#000 url(../images/common/BodyBG.jpg) repeat-x;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif", "新細明體";
}
form {padding:0px;margin:0px;}
ul {margin:0px 0px 0px 25px;padding:0px;}
ol {margin:0px 0px 0px 25px;padding:0px;}
hr {height:1px;color:#666; overflow:hidden;}

.Clear {clear:both;}
.FLeft {float:left;}
.FRight {float:right;}
.HR {width:100%;height:1px;overflow:hidden;background:#CCC;margin:10px 0px 0px 0px;}
.HR_Dot {width:100%;height:10px;overflow:hidden;background:url(../images/common/1px_10px_dot.gif) repeat-x;}
.LOHR {height:1px;overflow:hidden;background:#606060;}
.para_txt {line-height:20px;}
.letterSpacing {letter-spacing:0.1em;}
.OuterStroke {border:1px #606060 solid;padding:5px;margin:5px;}
.AlignRight {text-align:right;}

#Main{
	width:1000px;
	border-right:1px solid #606060;
}

#MenuLayer{
	position:relative;
	height:0%;
	z-index:10;
	width:198px;
}

#MenuLayer #Menu{
	position:absolute;
	left:0px;top:30px;
}

/* Menu Flash */
#MenuLayer #Menu #MenuTopImg {
	width:198px;height:65px;
}
#MenuLayer #Menu #MenuSWFBG {
	background:url(../images/common/MenuContentBG.gif) repeat-y;
	width:198px;height:320px;margin:auto;
}
#MenuLayer #Menu #MenuBtmImg {
	background:url(../images/common/MenuContentBtm.gif) no-repeat;
	width:198px;height:56px;
}
#MenuLayer #Menu #MenuShadow{
	background:#000 url(../images/common/MenuShadow.gif) no-repeat;
	width:198px;height:395px;
}

#Header {width:1000px;height:352px;}

/* Top BG */
.AboutYue_Story {background:url(../images/AboutYue/Story.jpg) no-repeat;}
.AboutYue_Senses {background:url(../images/AboutYue/Senses.jpg) no-repeat;}
.AboutYue_Tips {background:url(../images/AboutYue/Tips.jpg) no-repeat;}
.AboutYue_Elements {background:url(../images/AboutYue/Elements.jpg) no-repeat;}
.AboutYue_Games {background:url(../images/AboutYue/Games.jpg) no-repeat;}

.Treat_Package {background:url(../images/Treat/Package.jpg) no-repeat;}
.Treat_Single {background:url(../images/Treat/Single.jpg) no-repeat;}

.Enjoy_Oil {background:url(../images/Enjoy/Oil.jpg) no-repeat;}
.Enjoy_Sounds {background:url(../images/Enjoy/Sounds.jpg) no-repeat;}
.Enjoy_Tea {background:url(../images/Enjoy/Tea.jpg) no-repeat;}

.Promote_ {background:url(../images/Promote/TopBanner.jpg) no-repeat;}
.Gallery_ {background:url(../images/Gallery/TopBanner.jpg) no-repeat;}
.Advert_ {background:url(../images/Advert/TopBanner.jpg) no-repeat;}
.Contact_ {background:url(../images/Contact/TopBanner.jpg) no-repeat;}


/* Top BG */

#Header .TopBG{
	height:29px;background:#000;
	filter:alpha(opacity:60);
	KHTMLOpacity:0.6;
	MozOpacity:0.6;
	opacity:0.6;
	line-height:29px;
	padding:0px 10px 0px 10px;
}

/* Body */
#Main #L_Body {
	width:1000px;
	overflow: hidden;
}
#Main #L_Body #L_BodyLeft{
	float:left;
	width:197px;
	border-right:1px solid #606060;
}
#Main #L_Body #L_BodyRight{
	float:left;
	width:802px;
}
/* easy clearing */
/*
#Main #L_Body :after{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#Main #L_Body {display: inline-block;}
/*\*/
#Main #L_Body {display: block;}
/* end easy clearing */
/*\*/
#Main #L_Body #L_BodyRight , #Main #L_Body #L_BodyLeft{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}
@media all and (min-width: 0px) {
	#Main #L_Body #L_BodyRight , #Main #L_Body #L_BodyLeft{
		padding-bottom: 0 !important;
		margin-bottom: 0 !important; 
	}
	#Main #L_Body #L_BodyRight:before , #Main #L_Body #L_BodyLeft:before {
		content: '[DO NOT LEAVE IT IS NOT REAL]';
		display: block;
		background: inherit;
		padding-top: 32767px !important;
		margin-bottom: -32767px !important;
		height: 0;
	}
}
/**/

#AboutYue , #Advert , #Gallery , #Enjoy{
	width:722px;
	padding:40px;
}

#Treat {
	width:722px;
	padding:40px;
}

#Treat .BG1 {background:url(../images/Treat/SkyBG.gif) no-repeat;}
#Treat .BG2 {background:url(../images/Treat/EarthBG.gif) no-repeat;}
#Treat .BG3 {background:url(../images/Treat/GoldBG.gif) no-repeat;}
#Treat .BG4 {background:url(../images/Treat/WoodBG.gif) no-repeat;}
#Treat .BG5 {background:url(../images/Treat/WaterBG.gif) no-repeat;}
#Treat .BG6 {background:url(../images/Treat/FireBG.gif) no-repeat;}
#Treat .BG7 {background:url(../images/Treat/SolidBG.gif) no-repeat;}

#Treat .TreatBody {
	width:722px;
	padding:20px 0px 0px 0px;
}
#Treat .TreatBody .TreatTopic{
	float:left;width:200px;margin-right:10px;
}
#Treat .TreatBody .TreatList{
	float:left;width:512px;
}
#Treat .TreatBody .TreatList .Share{
	width:50%;float:left;
}

#Enjoy {
	width:722px;
	padding:40px;
}
#Enjoy .Oil{background:url(../images/Enjoy/OilBG.gif) no-repeat;}
#Enjoy .Sounds {background:url(../images/Enjoy/SoundsBG.gif) no-repeat;}
#Enjoy .Tea {background:url(../images/Enjoy/TeaBG.gif) no-repeat;}

#Promote {
	width:722px;
	padding:40px;
}

#Gallery {
	width:722px;
	height:650px;
	padding:40px;
}

#Gallery .Thumb{
	width:120px;
	float:left;
	margin:0px 22px 15px 0px;
	border:1px solid #c79c56;
}

#Advert {
	width:722px;
	height:700px;
	padding:40px;
}

#Advert #Option{float:left;width:100px;text-align:center;}
#Advert #AdvertContent{float:left;width:592px;text-align:left;padding:0px 0px 0px 30px;}
#Advert #AdvertContent .AdvertIMG{margin-top:5px;text-align:center;}
#Advert #AdvertContent .Body{padding:10px 0px 10px 0px;}
#Advert #AdvertContent .Caution {padding:2px;background:#666666;color:#CCC;text-align:center;}

#Contact {
	width:722px;
	height:650px;
	padding:40px;
}
#Contact #EnquiryForm{
	float:left;
	width:350px;
}
#Contact #Branches{
	float:left;
	width:361px;
	margin-right:10px;
}
#Contact #Branches .IMG {
	float:left;
	width:133px;
	height:100px;
	background:#e69647;
	padding:3px;
}
#Contact #Branches .Address{
	float:left;
	width:197px;
	padding:0px 10px 0px 15px;
}

#Footer {width:980px;padding:10px;}
#Footer #FooterLink {padding:5px;}
#Footer #FooterCP {padding:5px;}

#BodyOverlay {
	background:#000;
	position:absolute;
	left:0;top:0;
	z-index:1000;
	display:block;
	filter:alpha(opacity:70);
	KHTMLOpacity:0.70;
	MozOpacity:0.70;
	opacity:0.70;
}