/* 	test้ sur ie(6+,7+,8+) safari(3+) firefox(3.5+) opera(9.6+) */
/*Basic*/
* {padding:0;margin:0;}
html {min-width:722px;height:100%;}
body {font:10px/1.2em Arial,sans-serif;color:#333;position:relative;height:100%;}
/*h1 {width:0;height:0;font:0/0 sans-serif;display:none;}*/
h1{font-size:1.75em;}
h2{font-size:1.5em;}
h3{font-size:1.25em;}
h4{font-size:1em;}
img {border:0;}
table{border-collapse:collapse;}
ul,li {list-style:none;}
.vm {vertical-align:middle;}
/*Link*/
a:link,a:visited {color:#2f2f2f;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}
a:active {color:#2f2f2f;text-decoration:none;}
a.afff:link,a.afff:visited,a.afff:hover,a.afff:active {color:#fff;}
/*Form*/
input,select {vertical-align:middle;}
textarea {font-size:10px;}
.btn {border:0;text-align:center;cursor:pointer;vertical-align:middle;}
/*Text*/
.tRed {color:#b7151e;}
.tYellow {color:#f49400;}
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.b {font-weight:bold;}
/*Structure*/
.clear {display:block;width:0;height:0;clear:both;margin:0;padding:0;font:0/0 sans-serif;}
.clip {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fl {float:left;}
.fr {float:right;}
/*Background Color*/
.index { background:#7B84BB}
/*Page*/
.topLink,.header,.main,.botLink {width:722px;margin:0 auto;}
.header,.main,.botLink {background:#fff;}
.topLink {height:20px;line-height:20px;text-align:right;color:#fff;}
.topLink a {margin:0 5px; }
.topLink a:link {color:#fff;}
.topLink a:visited {color:#fff;}
.topLink a:hover {color:#fff;/*font-weight:bold;*/}
.topLink a:active {color:#fff;}

.header {height:170px;position:relative;}
	.headerImg,.mask,.logo,.topText,.menu {position:absolute;}
	.headerImg {top:0;left:0; z-index:1}
	.mask {left:15px;top:20px;width:688px;height:81px;background:url(../images/mask.png) no-repeat 0 0; z-index:20}
	.logo {top:30px;left:40px; z-index:100}
	.topText {top:35px;left:380px;color:#646567;border-left:1px solid #333; font-size:10px; padding:10px 0 0 15px; height:30px; z-index:100}
	.topText p { margin-bottom:3px;}
	.topText p a:link,.topText p a:visited {color:#646567;text-decoration:none;}
	.topText p a:hover {color:#646567;text-decoration:underline;}
	.topText p a:active {color:#646567;text-decoration:none;}
	
.menu { height:170px; width:635px; width:722px; top:0; left:0; z-index:10;}
    .menu ul li { width:130px;height:170px; float:left; margin:0 0 0 25px;}
	.menu ul li a {text-decoration:none;outline:none;hide-focus:expression(this.hideFocus=true); display:block; margin:135px 5px 0 5px;height:30px; line-height:30px; padding-left:10px; font-size:12px;}
	.menu ul li a:link { text-decoration:none;}
	.menu ul li a:visited {text-decoration:none;}
	.menu ul li a:hover {text-decoration:none;}
	.menu ul li a:active {text-decoration:none;}
.main { padding:40px 0 10px;}
	.content { width:600px; margin:0 auto;color:#646567;}
	.content h1 { background:url(../images/contentTit.png) no-repeat 0 0; width:367px; height:31px;color:#fff; background:url(../images/contentTitR.png) no-repeat 100% 0;}
	.content h1 span { font-size:18px; font-weight:bold; line-height:31px; padding:0 0 0 15px; height:31px; background:url(../images/contentTitL.png) no-repeat 0 0; display:block;}
	
	.content h2 { font-size:12px; margin:30px 10px;}
	.contentCont { margin:0 10px;}
	.contentCont p { font-family:Times New Roman; font-size:12px; line-height:18px; color:#646567; margin:0 auto 20px}
	.cImg { text-align:center}
	.cImg img { width:285px;/*height:100%*/}
	
.botLink {height:35px;}
	.botLinkL { float:left;margin-left:10px}
	.botLinkL li {float:left; height:35px; padding:0 3px; margin:0 2px; }
	.botLinkL li img { margin-top:10px}
	
	.botLinkR { float:right; margin-right:10px;padding-top:12px;}
	.botLinkR a { font-size:12px;/*color:#7b84bb*/}
.footer {background:#FFF;text-align:center; color:#7B84BB; height:35px; line-height:35px; position:absolute;  bottom:0; left:0;width:100%;background:url(../images/footerBg.png) repeat-x 0 0;}

.footer a:link,.footer a:visited {color:#7B84BB;text-decoration:none;}
.footer a:hover {color:#7B84BB;text-decoration:underline;}
.footer a:active {color:#7B84BB;text-decoration:none;}
	
/*||||| color change ||||| menu*/
/*	.menu ul li.m1 a { background:url(../images/icon2.png) no-repeat 75% 50%; color:#BDC4DF}
	.menu ul li.m2 a { background:url(../images/icon3.png) no-repeat 95% 50%; color:#BB96C1}
	.menu ul li.m3 a { background:url(../images/icon4.png) no-repeat 80% 50%; color:#EAA0A2}
	.menu ul li.m4 a { background:url(../images/icon5.png) no-repeat 90% 50%; color:#FDDCB0}*/
	
	.menu ul li.m1 a { font-size:12px;background:url(../images/icon2.png) no-repeat 85% 50%; color:#BDC4DF;}
	.menu ul li.m2 a { font-size:12px;background:url(../images/icon3.png) no-repeat 95% 50%; color:#BB96C1}
	.menu ul li.m3 a { font-size:12px;background:url(../images/icon4.png) no-repeat 85% 50%; color:#EAA0A2}
	.menu ul li.m4 a { font-size:12px;background:url(../images/icon5.png) no-repeat 95% 50%; color:#FDDCB0}
	

	.menu ul li.m1hover {background:url(../images/m1hover.png) no-repeat 0 0;}
	.menu ul li.m1hover a { color:#fff;font-weight:bold}
	.menu ul li.m2hover {background:url(../images/m2hover.png) no-repeat 0 0;}
	.menu ul li.m2hover a { color:#fff;font-weight:bold}
	.menu ul li.m3hover {background:url(../images/m3hover.png) no-repeat 0 0;}
	.menu ul li.m3hover a { color:#fff;font-weight:bold}
	.menu ul li.m4hover {background:url(../images/m4hover.png) no-repeat 0 0;}
	.menu ul li.m4hover a { color:#fff;font-weight:bold}

  /*     
 	.m11 { background:url(../images/icon2.png) no-repeat 75% 50%; color:#BDC4DF}
	.m22{ background:url(../images/icon3.png) no-repeat 95% 50%; color:#BB96C1}
	.m33 { background:url(../images/icon4.png) no-repeat 80% 50%; color:#EAA0A2}
	.m44 { background:url(../images/icon5.png) no-repeat 90% 50%; color:#FDDCB0} 
	*/
	.m11 a { font-size:12px;background:url(../images/icon2.png) no-repeat 85% 50%; color:#BDC4DF;}
	.m22  a{ font-size:12px;background:url(../images/icon3.png) no-repeat 95% 50%; color:#BB96C1}
	.m33  a{ font-size:12px;background:url(../images/icon4.png) no-repeat 85% 50%; color:#EAA0A2}
	.m44 a{ font-size:12px;background:url(../images/icon5.png) no-repeat 95% 50%; color:#FDDCB0}
	

	.m11:hover {background:url(../images/m1hover.png) no-repeat 0 0;}
	.m22:hover {background:url(../images/m2hover.png) no-repeat 0 0;}
	.m33:hover {background:url(../images/m3hover.png) no-repeat 0 0;}
	.m44:hover {background:url(../images/m4hover.png) no-repeat 0 0;}
	
	.m11 a:hover{color:#fff;}
	.m22 a:hover{color:#fff;}
	.m33 a:hover{color:#fff;}
	.m44 a:hover{color:#fff;}

	.m111{background:url(../images/m1hover.png) no-repeat 0 0;}
	.m222{background:url(../images/m2hover.png) no-repeat 0 0;}
    .m333{background:url(../images/m3hover.png) no-repeat 0 0;}
	.m444{background:url(../images/m4hover.png) no-repeat 0 0;}
       



/*||||| color change ||||| body & content title: in .main*/
.index,.index .content h1 { background-color:#7b84bb}
.epilation,.epilation .content h1 { background-color:#a5aed4}
.vergetures,.vergetures .content h1 { background-color:#bb96c1}
.cellulite,.cellulite .content h1 { background-color:#eaa0a2}
.softlifting,.softlifting .content h1 { background-color:#fccf93}

/*||||| color change ||||| botLinkR: index link*/
.index .botLinkR a {color:#7b84bb}
.epilation .botLinkR a {color:#a5aed4}
.vergetures .botLinkR a {color:#bb96c1}
.cellulite .botLinkR a {color:#eaa0a2}
.softlifting .botLinkR a {color:#fccf93}

/*||||| color change ||||| botLinkL: site links*/
.botLinkL li.b0hover { background:#7b84bb;}
.botLinkL li.b1hover { background:#a5aed4;}
.botLinkL li.b2hover { background:#bb96c1;}
.botLinkL li.b3hover { background:#eaa0a2;}
.botLinkL li.b4hover { background:#fccf93;}
.botLinkL li.b5hover { background:#646567;}