@charset "utf-8";

/* -----------------------------------------------------------
  products layout
------------------------------------------------------------ */

/* Base 
------------------------------------------------------------ */
.products {
width:560px;
color:#666;
font-family:"宋体", sans-serif;
}

a {
color:#666;
outline:none;
}

/* Background */
.skincare {background:url(/freeplus/products/images/skincare_bg_01.gif) no-repeat left bottom;}
.agingcare {background:url(/freeplus/products/images/agingcare_bg_01.gif) no-repeat left bottom;}
.whitening {background:url(/freeplus/products/images/whitening_bg_01.gif) no-repeat left bottom;}
.basemake {background:url(/freeplus/products/images/basemake_bg_01.gif) no-repeat left bottom;}
.reddish {background:url(/freeplus/products/images/reddish_bg_01.gif) no-repeat left bottom;}
.oilcontrol {background:url(/freeplus/products/images/oilcontrol_bg_01.jpg) no-repeat left bottom;}
#oilcontrol06 {background:url(/freeplus/products/images/oilcontrol_bg_03.jpg) no-repeat left bottom;}

/* Frame */
div#productsFrame {
margin:50px 30px 0;
padding-bottom:40px;
font-size:93%;/* 12px */
}

/* Products Title 
------------------------------------------------------------ */
div#productsTitle {
padding:0 20px;
background-color:#fff;
}
div#productsTitle:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#productsTitle {display:inline-block;}
/* Hides from IE-mac \*/
* html div#productsTitle {height: 1%;}
div#productsTitle {display: block;}
/* End hide from IE-mac */

/* Products Text */
div#productsText {
float:left;
width:240px;
}

.reddish01ProductsTitle #productsText {
width:308px;
}

/* Products Img */ 
#productsImg {
float:right;
display:inline;
width:220px;
}

.agingcare11ProductsTitle #productsImg {
position:relative;
margin:0 -22px 0 0;
width:242px;
}

.reddish01ProductsTitle #productsImg {
float:left;
margin: 0 0 0 50px;
width: 80px;
}

/* Products Detail
------------------------------------------------------------ */
div#productsDetail {
padding-bottom:14px;
}
.skincare div#productsDetail {background:#fff url(/freeplus/products/images/skincare_bg_02.gif) no-repeat left bottom;}
.agingcare div#productsDetail {background:#fff url(/freeplus/products/images/agingcare_bg_02.gif) no-repeat left bottom;}
.whitening div#productsDetail {background:#fff url(/freeplus/products/images/whitening_bg_02.gif) no-repeat left bottom;}
.basemake div#productsDetail {background:#fff url(/freeplus/products/images/basemake_bg_02.gif) no-repeat left bottom;}
.reddish div#productsDetail {background:#fff url(/freeplus/products/images/reddish_bg_02.gif) no-repeat left bottom;}
.oilcontrol div#productsDetail {background:#fff url(/freeplus/products/images/oilcontrol_bg_02.gif) no-repeat left bottom;}

#skincare18 div#productsDetail,
#skincare19 div#productsDetail,
#agingcare09 div#productsDetail,
#agingcare10 div#productsDetail,
#whitening09 div#productsDetail,
#whitening10 div#productsDetail,
#basemake07 div#productsDetail {
padding-bottom:70px;
}

div#productsDetailInner {
padding:17px 20px 0;
}
.skincare div#productsDetailInner {background:url(/freeplus/products/images/skincare_dotLine_01.gif) repeat-x;}
.agingcare div#productsDetailInner {background:url(/freeplus/products/images/agingcare_dotLine_01.gif) repeat-x;}
.whitening div#productsDetailInner {background:url(/freeplus/products/images/whitening_dotLine_01.gif) repeat-x;}
.basemake div#productsDetailInner {background:url(/freeplus/products/images/basemake_dotLine_01.gif) repeat-x;}
.reddish div#productsDetailInner {background:url(/freeplus/products/images/reddish_dotLine_01.gif) repeat-x;}
.oilcontrol div#productsDetailInner {background:url(/freeplus/products/images/oilcontrol_dotLine_01.gif) repeat-x;}

/* feature List */
ul#featureList li {
margin-left:15px;
list-style-type:disc;
list-style-position:outside;
line-height:1.8;
}

/* basemake08 */
#basemake08 ul#featureList li {
list-style-type:none;
}
#basemake08 ul#featureList li.discList {
list-style-type:disc;
margin:0 0 10px 30px;
}
#basemake08 ul#featureList li.featureHeading {
color:#d6b450;
font-size:114%; /* 14px */
font-weight:bold; 
}

/* freeplus Merit */
div#freeplusMerit {
margin:15px 0;
}
div#freeplusMerit:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#freeplusMerit {display:inline-block;}
/* Hides from IE-mac \*/
* html div#freeplusMerit {height: 1%;}
div#freeplusMerit {display: block;}
/* End hide from IE-mac */

div#freeplusMerit p#freeImg {
float:left;
width:223px;
}
div#freeplusMerit p#plusImg {
float:right;
width:223px;
}

/* notice List */
ul#noticeList {
font-size:93%;/* 11px */
line-height:1.4;
}

/* trialset List */
div#trialsetList {
width:300px;
margin-top:20px;
}
div#trialsetList ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#trialsetList ul {display:inline-block;}
/* Hides from IE-mac \*/
* html div#trialsetList ul {height: 1%;}
div#trialsetList ul {display: block;}
/* End hide from IE-mac */

div#trialsetList ul li {
float:left;
width:148px;
margin-bottom:5px;
}

/* color Sample */
#colorSample {
margin-top:10px;
}

/* howto Frame */
div#howtoFrame {
margin-top:18px;
padding-bottom:11px;
}
div#howtoFrame h2 {
margin-bottom:12px;
}
.agingcare div#howtoFrame {background:url(/freeplus/products/images/agingcare_dotLine_01.gif) repeat-x bottom;}
.skincare div#howtoFrame {background:url(/freeplus/products/images/skincare_dotLine_01.gif) repeat-x bottom;}
.whitening div#howtoFrame {background:url(/freeplus/products/images/whitening_dotLine_01.gif) repeat-x bottom;}
.basemake div#howtoFrame {background:url(/freeplus/products/images/basemake_dotLine_01.gif) repeat-x bottom;}
.oilcontrol div#howtoFrame {background:url(/freeplus/products/images/oilcontrol_dotLine_01.gif) repeat-x bottom;}

body#oilcontrol01 div#howtoFrame {
zoom:1;
}
body#oilcontrol01 div#howtoFrame:after { /* for Modern Browser */
content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
body#oilcontrol01 div#howtoFrame {
}
body#oilcontrol01 div#howtoFrame h2 {
}
body#oilcontrol01 div#howtoFrame ul {
float:left;
width:280px;
}

/* howto image */
ul#howtoImage {
margin:10px 0 0 7px;
height:143px;
}
ul#howtoImage li {
float:left;
display:inline;
margin:0 0 0 13px;
width:132px;
}
p#howtoImage {
float:right;
display:inline;
margin-right:63px;
width:100px;
}

/* howto List */
ul#howtoList li {
margin-left:15px;
list-style-type:disc;
list-style-position:outside;
line-height:1.8;
}
dl#howtoList {
}
dl#howtoList dt,
dl#howtoList dd {
line-height:1.6;
}
dl#howtoList dt {
margin:15px 0 0;
}
dl#howtoList dd {
}