/* CSS Document */
body {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif, "新細明體";
font-size: 12px;
color: #333333;
background-image: url(images/checker_bg.jpg);
background-color: #ffffff;

}
#bottom{
clear:both; 
height:50px;
*height:0px;
}
/***********link****************/
a	img{
border:none;
}
.borderline{
padding:2px 1px 0 1px;
border:1px solid #cc0000;

}
/***********txt****************/
.textline{border:1px solid #cec5b8;}
.showBorder{
margin:0;
padding:0;

border-style:solid;
border-width:1px;
border-color:#CFC8BF;

}
.showBorder2{
border-style:solid;
border-width:3px;
border-color:#CFC8BF;
}
.showBorder3{
border-style:solid;
border-width:1px;
border-color:#acacac;
background-color:#f1eee7;
}
.howToUse{
padding:5px 5px 5px 10px;
}

.howToUse ul{
margin:0;
padding:0;
}

.howToUse li{
padding:0 0 5px 0;
margin:0;
list-style:none;
/*
background-image:url(img/member_title_line.gif);
background-position:bottom;
background-repeat:no-repeat;
*/


}

.howToUse li a{
display:block;
font-size:12px;
margin:0px 0 0 0;
padding:0 0 0 14px;
background-image:url(images/arrow_faq.gif);
background-repeat:no-repeat;
background-position:left top;


}

/***********txt****************/
.txt10 {  font-size: 10px}
.txt12 {  font-size: 12px}
.txt14 {  font-size: 14px}
.txt15 {  font-size: 15px}
.txt16 {  font-size: 16px}
.txt15red { color: #B81E26; font-size: 15px;}
.txt12black {
	color: #000000;
	font-size: 12px;
	line-height:18px;
}
.txt12grey { color: #676767; font-size: 12px; line-height:18px;}
.noline {  text-decoration:none}
.txt10h {  font-size: 10px; line-height : 14px;}
.txt11h {  font-size: 11px; line-height : 14px;}
.txt12h {  font-size: 12px; line-height : 16px;}
.white { color: #FFFFFF;}
.black{color:#000000;}
.brown{color:#91887b;}
.red{ color: #B81E26;}
.green{color:#336600;}
.grey{color:#676767;}
.orange{color:#FF9900;}
.underline{text-decoration:underline;}
.errormess{ margin:100px 0 100px 0;}
.mr{margin:0 5px 0 0;}
.mt{margin:5px 0 0 0;}
.mt10{margin:10px 0 0 0;}
.mb{margin:0 0 5px 0;}
.ml3{margin:0 0 0 3px;}
.mlr13{margin:0 0px 0 16px; padding:0 25px 0 0;}
.mtb{margin:5px 0 5px 0;}
.mlb{margin:0 0 5px 8px;}
.mtb10{margin:10px 0 10px 0;}
.mtbline{margin:5px 0 5px 0;}
#picborder{border:1px solid #b2b2b2; padding:1px;}
#titleimg{ margin-bottom:8px;}
#titleimg12{ margin-bottom:12px;}
#line{
margin:5px 0 0 0;
height:3px;
background-image:url(images/member_title_line.gif);
background-repeat:no-repeat;
}
#more{
text-align:right;
padding:3px 3px 0 0;
}
/***********main****************/
#wrapper{
margin:0;
padding:0;
font-size: 12px;
color: #333333;
text-align:center;
}
/***********demo****************/
#wrapper_demo{
margin:0;
padding:0;
font-size: 12px;
color: #333333;
text-align:center;
background-image: url(images/checker_bg.jpg);
}

/***********demo****************/
#main{
width:804px;
background-image:url(images/main_bg.gif);
margin:0 auto 0 auto;
}
#titleNoLine{
margin:0 0 10px 0;
text-align:left;
}
#title h1{
margin:3px 0 10px 20px;
}
/***********top page****************/
#topline{
border-top:2px solid #e9ad17;
width:800px;
margin:0 2px 0 2px;
}
#headerline{
width:800px;
height:10px;
background-color:#f2eee8;
margin:0 2px 15px 2px;
}
#content{
width:760px;
margin:0 20px 0 20px;
}
/***********left****************/
#left{
width:560px;
}
#topFlash{
width:560px;
height:320px;
margin-bottom:8px;
}
/***********left1****************/
#left1{
width:141px;
height:500px;
text-align:left;
}
#leftColumn{
padding:0 0 0 0;
margin-bottom:7px;

}
#leftContain{
margin:8px 0 3px 0;
/*height:43px;*/
font-size:11px;
}
#leftColumn ul{
margin:0;
padding:0;
}

#leftColumn li{
display:block;
font-size:10px;
margin:1px 0 0 0;
padding:0 0 0 11px;
list-style:none;
background-image:url(images/icon.jpg);
background-repeat:no-repeat;
background-position:left;
}
#lookmore a{
display:block;
font-size:10px;
/*margin:0 0 5px 0;*/
padding:0 0 0 105px;
background-image:url(images/lookmore.jpg);
background-repeat:no-repeat;
background-position:left;
}

#leftColumn li a.postop {
background-position:left 3px;
}
/***********left2****************/
#left2{
margin-left:19px;
width:400px;
text-align:left;
}
/***********right****************/
#right{
width:184px;
margin:0 0 0 16px;
text-align:left;
}
#rightColumn ul{
margin:0;
padding:0;
}
#rightColumn li{
padding:3px 0 3px 0;
margin:0;
list-style:none;
background-image:url(images/member_title_line.gif);
background-position:bottom;
background-repeat:no-repeat;
}
#prod{
width:170px;
border:5px solid #f2efe6;
padding:2px;
margin:10px 0 10px 0;
}
#prodlist{
padding:2px;
margin:0 0 0 4px;
list-style:none;
background-image:url(images/member_title_line.gif);
background-position:bottom;
background-repeat:no-repeat;
}
#talkColumn{
margin:0 0 0 6px;
float:left;
}

#talkColumn ul{
margin:0 0 0 8px;
padding:0;
float:left;
}

#talkColumn li{
display:block;
font-size:12px;
margin:1px 0 0 0;
padding:0 0 0 15px;
list-style:none;
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:left;
}
#talkcontent{
display:block;
font-size:12px;
margin:5px 0 0 0;
padding:5px;
background-color:#f6f6f6;
}
/***********prod****************/
.showBorder{
margin:0;
padding:0;

border-style:solid;
border-width:1px;
border-color:#CFC8BF;

}
#backbtn{
padding:8px 0 5px 0;
}
/***********skin care********************/

#skincareHead{
position:relative;
margin:0;
padding:0;
width:760px;
height:133px;
background-image:url(images/sk_navi_bg.jpg);
background-repeat:no-repeat;

}
#skincareNavi{
	position:absolute;
	width:740px;
	top:106px;
	left:5px;

}

#skincareNavi li{
list-style:none;
display:inline;

}

#skincareNavi li a{
/*not mac ie5*/
/*\*/
overflow: hidden;
/**/
position:absolute;
text-indent:-999999px;
top:0;
height:27px;
}



/*skincareTop btn*/
#skincareNavi li#categoryTop a{
	width:155px;
	background-image:url(images/skincare_navi.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	left:0;
}

#skincareNavi li#categoryTop a:hover{
background-position:0 -28px;
}

body.categoryTop #skincareNavi li#categoryTop a {
background-position:0 -28px;
}
/* end skincareTop btn*/



/*daylycare btn*/
#skincareNavi li#categoryP1 a{
	width:132px;
	background-image:url(images/skincare_navi.gif);
	background-position:-155px 0;
	background-repeat:no-repeat;
	left:155px;
}
#skincareNavi li#categoryP1 a:hover{
background-position:-155px -28px;
}

body.categoryP1 #skincareNavi li#categoryP1 a {
background-position:-155px -28px;
}
/*end daylycare btn*/



/*personalecare btn*/
#skincareNavi li#categoryP2 a{
	width:143px;
	background-image:url(images/skincare_navi.gif);
	background-position:-287px 0;
	background-repeat:no-repeat;
	left:287px;
}

#skincareNavi li#categoryP2 a:hover{
background-position:-287px -28px;
}

body.categoryP2 #skincareNavi li#categoryP2 a {
background-position:-287px -28px;
}
/*end personalecare btn*/



/*sapriment btn*/
#skincareNavi li#categoryP3 a{
	width:124px;
	background-image:url(images/skincare_navi.gif);
	background-position:-430px 0;
	background-repeat:no-repeat;
	left:430px;
}

#skincareNavi li#categoryP3 a:hover{
background-position:-430px -28px;
}

body.categoryP3 #skincareNavi li#categoryP3 a {
background-position:-430px -28px;
}
/*end sapriment btn*/



/*sapriment btn*/
#skincareNavi li#categoryP4 a{
	width:98px;
	background-image:url(images/skincare_navi.gif);
	background-position:-554px 0;
	background-repeat:no-repeat;
	left:554px;
}

#skincareNavi li#categoryP4 a:hover{
background-position:-554px -28px;
}

body.categoryP4 #skincareNavi li#categoryP4 a {
background-position:-554px -28px;
}
/*end sapriment btn*/

/***********skin care end****************/


/***********special********************/

#specialHead{
position:relative;
margin:0;
padding:0;
width:760px;
height:133px;
background-image:url(images/special_navi_bg.jpg);
background-repeat:no-repeat;

}
#specialNavi{
	position:absolute;
	width:740px;
	top:106px;
	left:5px;

}

#specialNavi li{
list-style:none;
display:inline;

}

#specialNavi li a{
/*not mac ie5*/
/*\*/
overflow: hidden;
/**/
position:absolute;
text-indent:-999999px;
top:0;
height:27px;
}



/*specialTop btn*/
#specialNavi li#categoryTop a{
	width:155px;
	background-image:url(images/special_navi.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	left:0;
}

#specialNavi li#categoryTop a:hover{
background-position:0 -28px;
}

body.categoryTop #sspecialNavi li#categoryTop a {
background-position:0 -28px;
}
/* end skincareTop btn*/



/*daylycare btn*/
#specialNavi li#categoryP1 a{
	width:132px;
	background-image:url(images/special_navi.gif);
	background-position:-155px 0;
	background-repeat:no-repeat;
	left:155px;
}
#specialNavi li#categoryP1 a:hover{
background-position:-155px -28px;
}

body.categoryP1 #specialNavi li#categoryP1 a {
background-position:-155px -28px;
}
/*end daylycare btn*/



/*personalecare btn*/
#specialNavi li#categoryP2 a{
	width:143px;
	background-image:url(images/special_navi.gif);
	background-position:-287px 0;
	background-repeat:no-repeat;
	left:287px;
}

#specialNavi li#categoryP2 a:hover{
background-position:-287px -28px;
}

body.categoryP2 #specialNavi li#categoryP2 a {
background-position:-287px -28px;
}
/*end personalecare btn*/



/*sapriment btn*/
#specialNavi li#categoryP3 a{
	width:128px;
	background-image:url(images/special_navi.gif);
	background-position:-430px 0;
	background-repeat:no-repeat;
	left:430px;
}

#specialNavi li#categoryP3 a:hover{
background-position:-430px -28px;
}

body.categoryP3 #specialNavi li#categoryP3 a {
background-position:-430px -28px;
}
/*end sapriment btn*/



/*sapriment btn*/
#specialNavi li#categoryP4 a{
	width:98px;
	background-image:url(images/special_navi.gif);
	background-position:-558px 0;
	background-repeat:no-repeat;
	left:558px;
}

#specialNavi li#categoryP4 a:hover{
background-position:-558px -28px;
}

body.categoryP4 #specialNavi li#categoryP4 a {
background-position:-558px -28px;
}
/*end sapriment btn*/



/*whitening btn*/
#specialNavi li#categoryP4 a{
	width:98px;
	background-image:url(images/special_navi.gif);
	background-position:-558px 0;
	background-repeat:no-repeat;
	left:558px;
}

#specialNavi li#categoryP4 a:hover{
background-position:-558px -28px;
}
body.categoryP4 #specialNavi li#categoryP4 a {
background-position:-558px -28px;
}

/*end whitening btn*/

/***********special end****************/









/*keyword search*/
#searchKeyword{
padding:8px 3px 5px 8px;
}

#searchKeyword ul{
margin:0;
padding:0;
}

#searchKeyword li{
padding:0 0 10px 0;
margin:0;
list-style:none;
}


#searchKeyword li a{
display:block;
font-size:12px;
margin:0px 0 0 0;
padding:0 0 0 14px;
background-image:url(images/arrow_faq.gif);
background-repeat:no-repeat;
background-position:left top;


}
/*end keyword search*/

/*freeword search*/
#searchfreeword{
padding:8px 3px 10px 8px;
}

#searchfreeword input{
margin:5px 0px 5px 0px;
}
/*end freeword search*/


.lineleft{
	background-image: url(images/shop_line_left.gif);
	background-repeat: repeat-y;
}

#itemlist{
margin:10px 0 0 0;

}

#itemlist a{
font-size:12px;
}

img.recruit{
display:block;
margin:10px 0 17px 0;
}
/***********base care********************/

#basecareHead{
position:relative;
margin:0;
padding:0;
width:760px;
height:133px;
background-image:url(images/base_navi_bg.jpg);
background-repeat:no-repeat;

}
#basecareNavi{
position:absolute;
width:740px;
top:106px;
left:10px;

}

#basecareNavi li{
list-style:none;
display:inline;

}

#basecareNavi li a{
/*not mac ie5*/
/*\*/
overflow: hidden;
/**/
position:absolute;
text-indent:-999999px;
top:0;
height:27px;
}



/*basecareTop btn*/
#basecareNavi li#categoryTop a{
	width:130px;
	background-image:url(images/basecare_navi.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	left:0;
}

#basecareNavi li#categoryTop a:hover{
background-position:0 -28px;
}

body.categoryTop #basecareNavi li#categoryTop a {
background-position:0 -28px;
}
/* end basecareTop btn*/



/*Foundation btn*/
#basecareNavi li#categoryP1 a{
	width:131px;
	background-image:url(images/basecare_navi.gif);
	background-position:-130px 0;
	background-repeat:no-repeat;
	left:130px;
}
#basecareNavi li#categoryP1 a:hover{
background-position:-130px -28px;
}

body.categoryP1 #basecareNavi li#categoryP1 a {
background-position:-130px -28px;
}
/*end Foundation btn*/



/*powder btn*/
#basecareNavi li#categoryP2 a{
	width:141px;
	background-image:url(images/basecare_navi.gif);
	background-position:-261px 0;
	background-repeat:no-repeat;
	left:261px;
}

#basecareNavi li#categoryP2 a:hover{
background-position:-261px -28px;
}

body.categoryP2 #basecareNavi li#categoryP2 a {
background-position:-261px -28px;
}
/*end powder btn*/


/***********base care end****************/
/***********pointmake care********************/

#pointmakeHead{
position:relative;
margin:0;
padding:0;
width:760px;
height:133px;
background-image:url(images/pointmake_navi_bg.jpg);
background-repeat:no-repeat;

}
#pointmakeNavi{
	position:absolute;
	width:740px;
	top:106px;
	left:4px;

}

#pointmakeNavi li{
list-style:none;
display:inline;

}

#pointmakeNavi li a{
/*not mac ie5*/
/*\*/
overflow: hidden;
/**/
position:absolute;
text-indent:-999999px;
top:0;
height:27px;
}



/*skincareTop btn*/
#pointmakeNavi li#categoryTop a{
	width:132px;
	background-image:url(images/pointmake_navi.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	left:0;
}

#pointmakeNavi li#categoryTop a:hover{
background-position:0 -28px;
}

body.categoryTop #pointmakeNavi li#categoryTop a {
background-position:0 -28px;
}
/* end skincareTop btn*/



/*daylycare btn*/
#pointmakeNavi li#categoryP1 a{
	width:52px;
	background-image:url(images/pointmake_navi.gif);
	background-position:-132px 0;
	background-repeat:no-repeat;
	left:132px;
}
#pointmakeNavi li#categoryP1 a:hover{
background-position:-132px -28px;
}

body.categoryP1 #pointmakeNavi li#categoryP1 a {
background-position:-132px -28px;
}
/*end daylycare btn*/



/*personalecare btn*/
#pointmakeNavi li#categoryP2 a{
	width:70px;
	background-image:url(images/pointmake_navi.gif);
	background-position:-184px 0;
	background-repeat:no-repeat;
	left:184px;
}

#pointmakeNavi li#categoryP2 a:hover{
background-position:-184px -28px;
}

body.categoryP2 #pointmakeNavi li#categoryP2 a {
background-position:-184px -28px;
}
/*end personalecare btn*/



/*sapriment btn*/
#pointmakeNavi li#categoryP3 a{
	width:57px;
	background-image:url(images/pointmake_navi.gif);
	background-position:-254px 0;
	background-repeat:no-repeat;
	left:254px;
}

#pointmakeNavi li#categoryP3 a:hover{
background-position:-254px -28px;
}

body.categoryP3 #pointmakeNavi li#categoryP3 a {
background-position:-254px -28px;
}
/*end sapriment btn*/



/*whitening btn*/
#pointmakeNavi li#categoryP4 a{
	width:47px;
	background-image:url(images/pointmake_navi.gif);
	background-position:-311px 0;
	background-repeat:no-repeat;
	left:311px;
}

#pointmakeNavi li#categoryP4 a:hover{
background-position:-311px -28px;
}
body.categoryP4 #pointmakeNavi li#categoryP4 a {
background-position:-311px -28px;
}

/*end whitening btn*/

/*whitening btn*/
#pointmakeNavi li#categoryP5 a{
	width:55px;
	background-image:url(images/pointmake_navi.gif);
	background-position:-358px 0;
	background-repeat:no-repeat;
	left:358px;
}

#pointmakeNavi li#categoryP5 a:hover{
background-position:-358px -28px;
}
body.categoryP5 #pointmakeNavi li#categoryP5 a {
background-position:-358px -28px;
}

/*end whitening btn*/


/***********pointmake end****************/
/***********member********************/
#login{
width:359px;
height:183px;
margin:2px;
border:3px solid #cec5b8;
font-size:12px;
}
#bbs{
float:right;
width:359px;
height:183px;
margin:2px;
border:3px solid #cec5b8;
font-size:12px;
}
#bbs ul{
margin:5px 0 5px 0;
padding:0;
}

#bbs li{
display:inline;
font-size:12px;
margin:0 0 0 9px;
padding:5px 0 5px 13px;
list-style:none;
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:left;
}
#club{
border:1px solid #cdcdcd;
padding:4px;
}

/***********member end********************/
/***********avenue********************/
#onebyone{
width:359px;
height:183px;
padding:2px;
border:3px solid #cec5b8;
font-size:12px;
}
#QA{
float:right;
width:359px;
height:183px;
padding:2px;
/*margin:5px 0 5px 0;*/
border:3px solid #cec5b8;
font-size:12px;
}


#QA li{
display:inline;
font-size:12px;
margin:0 0 0 9px;
padding:5px 0 5px 13px;
list-style:none;
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:left;
}

/***********avenue end********************/
/***********FAQ********************/
.faqList{
padding:5px 5px 10px 10px;
}

.faqList ul{
margin:0;
padding:0;
}

.faqList li{
padding:0 0 5px 0;
margin:0;
list-style:none;
background-image:url(images/member_title_line.gif);
background-position:bottom;
background-repeat:no-repeat;


}

.faqList li a{
display:block;
font-size:12px;
margin:5px 0 0 0;
padding:0 0 0 13px;
background-image:url(images/arrow_faq.gif);
background-repeat:no-repeat;
background-position:left top;

}
/***********FAQ end********************/

/***********topic********************/
#event{
width:240px;
height:183px;
padding:2px;
margin-bottom:14px;
border:3px solid #cec5b8;
font-size:12px;
}

/***********topic end********************/