@charset "UTF-8";
/* CSS Document */

/*===== #mainCategory =====*/

div#mainLeft #mainCategory{
	position:relative;
	height:570px;
}

div#mainLeft h3{
	clear:both;
	display:block;
	width:617px;
	height:36px;
}

div#mainLeft #mainCategory h2{
	height:36px;
	background-image:url(../img/lifestyle_main_header.gif);
}
.style3 li{
	margin-bottom:6px;
	background-image:none;
	border-bottom:1px dotted #525252;
}

.style3 li a span.title {
	font-weight:bold;
}

/*===== #mainCategory #mainCategoryLeft =====*/
div#mainLeft #mainCategory #mainCategoryLeft{
	position:relative;
	float:left;
	width:275px;
	margin-right:14px;
}

div#mainCategoryLeft #bannerVitamin.style1 a img{
	width:275px;
	height:450px;
}

div#mainCategoryLeft #bannerVitamin.style1 a span{
	width:275px;
}

div#mainCategoryLeft #bannerVitamin.style1 a span.title{
	font-size:136%;
}

/*===== #mainCategory #mainCategoryRight =====*/
div#mainLeft #mainCategory #mainCategoryRight{
	position:relative;
	float:right;
	width:320px;
}

#mainCategoryRight ol.style3 li {
	width:320px;
	height:120px;
}

#mainCategoryRight ol.style3 li a {
	padding:0;
	width:320px;
	height:90px;
}

#mainCategoryRight ol.style3 li a img {
	position:absolute;
	clip:rect(0px 128px 90px 0px);
}
#mainCategoryRight ol.style3 li a span{
	display:block;
	position:relative;
	width:182px;
}
#mainCategoryRight ol.style3 li .categoryName{
	position:relative;
	display:block;
	width:320px;
	height:24px;
}

#mainCategoryRight ol.style3 li #acce{
	background-image:url(../img/main_category_acce.gif);
}

#mainCategoryRight ol.style3 li #recipe{
	background-image:url(../img/main_category_recipe.gif);
}

#mainCategoryRight ol.style3 li #article{
	background-image:url(../img/main_category_article.gif);
}

#mainCategoryRight ol.style3 li #select{
	background-image:url(../img/main_category_select.gif);
}

#mainCategoryRight ol.style3 li a span.description {
	margin-left:134px;
}

/*===== #myVitaminReccomnd =====*/
div#mainLeft #myVitaminReccomnd{
	clear:both;
	width:617px;
	height:260px;
}

div#mainLeft #myVitaminReccomnd h3{
	background-image:url(../img/vitamin_main_header.gif);
}

div#mainLeft #myVitaminReccomnd h4{
	clear:both;
	display:block;
	width:617px;
	height:24px;
}

div#mainLeft #myVitaminReccomnd h4#new{
	background-image:url(../img/vitamin_category_new.gif);
}

div#mainLeft #myVitaminReccomnd h4#popular{
	background-image:url(../img/vitamin_category_report.gif);
}

div#newReccomend{
	position:relative;
	height:225px;
}

div#myVitaminReccomnd  .style3 li {
	position:relative;
	float:left;
	width:300px;
	margin-right:6px;
}

div#myVitaminReccomnd .style3 li.liFix{
	margin-right:0px;
}


div#myVitaminReccomnd .style3 li a {
	width:300px;
	height:60px;
	padding:0;
}

div#myVitaminReccomnd .style3 li a span,
div#myVitaminReccomnd .style3 li a span.date{
	display:block;
	position:relative;
	margin-left:68px;
	width:224px;
}

div#myVitaminReccomnd .style3 li a span.date.new {
	width:200px;
}

.btnMore{
	position:relative;
	clear:both;
	padding-top:2px;
	width:617px;
	height:15px;
	font-size:77%;
	color:#ef4c95;
	text-align:right;
	background-color:#FFFFFF;
}

/*===== #myVitaminArchive =====*/
div#mainLeft #myVitaminArchive{
	position:relative;
	clear:both;
}

div#mainLeft #myVitaminArchive h3{
	background-image:url(../img/archive_main_header.gif);
}

div#mainLeft #myVitaminArchive #myVitaminArchiveList{
	font-weight:bold;
	line-height:1.6;
}

*html div#mainLeft #myVitaminArchive #myVitaminArchiveList{/*IE6 huck*/
	line-height:1;
}