@charset 'utf-8';



/* mainArea */
#mainArea {
	width: 950px;
	margin: 3px auto 0 auto;
}



/* CM Area */

.wlpCon {
	width: 950px;
	border: 1px solid #2fa8e1;
	position: relative;
	margin-top: 15px;
	/*background: #def1fb url("/sunvista/wlp/images/wlp_main01.jpg") no-repeat 0 0;*/
	background: #e7f4fc url("/sunvista/wlp/images/wlp_main01.png") no-repeat 0 0;
}


.wlptopArea {
	width: 950px;
	height: 624px;
}



.e_solLink {
	text-align: center;
	padding: 10px 0px 20px;
/*
	position: absolute;
	top: 14px;
	right: 20px;
*/
}



/* mainTop */
.mainTop {
	position: relative;
	height: 400px;
}

.moduleBox {
	width: 314px;
	height: 182px;
	position: absolute;
	right: 15px;
	top: 0px;
	z-index: 2;
}


.batteryBox {
	width: 376px;
	height: 128px;
	position: absolute;
	right: 6px;
	top: 192px;
	z-index: 1;
}


.hemsBox {
	width: 470px;
	height: 94px;
	position: absolute;
	right: 58px;
	top: 294px;
	z-index: 0;
}

.mainTop_btn {
	position: absolute;
	right: 4px;
	bottom: 8px;
}


/* womenBnrBox */
.womenBnrBox {
	height: 220px;
	background: url("/sunvista/wlp/images/wlp_bnr_women_bg.png") no-repeat;
	background-position: center 0px;
}
.womenBnrBox.womenBnr01 {
	background-position: center -220px;
}
.womenBnrBox.womenBnr02 {
	background-position: center -440px;
}

.womenBnrBox li {
	position: relative;
	margin-top: 40px;
	height: 180px;
	width: 440px;
}

#womenBnr01 {
	float: left;
}
#womenBnr01 a {
	position: absolute;
	left: 30px;
	bottom: 4px;
}

#womenBnr02{
	float: right;
}
#womenBnr02 a {
	position: absolute;
	right: 22px;
	bottom: 4px;
}


/* wlpOtherArea */

.wlpOtherArea {
	width: 950px;
	background: #fff;
	position: relative;
}

dl.proList {
	padding: 20px 28px;
}

dl.proList dd{
	float: left;
	text-align: center;
	margin: 5px 0 0 32px;
	position: relative;
}

dl.proList dd .detailbtn{
	position: absolute;
	left: 0;
	bottom:2px;
}

.no_contents {
	position: absolute;
	right: 0;
	bottom:0;
	display: none;
}


/* bannerArea */

.bnrCon {
	margin: 20px 0;
	padding: 30px 0 0 0;
	border-top: 1px #aaa solid;
}

.sunArea {
	width: 606px;
	float: left;
	display: inline;
}

.sunArea ul.headTit{
	width: 606px;
	margin-bottom: 5px;
	float: left;
}

.sunArea ul.headTit li{
	margin-right:10px;
	float: left;
	display: inline;
}

.sunArea ul.linkBnr{
	width: 606px;
	float: left;
	display: inline;
}

.sunArea ul.linkBnr li{
	margin-right:10px;
	float: left;
	display: inline;
}

.sunArea li.end{
	margin-right: 0 !important;
}

.eneArea {
	width: 328px;
	float: right;
	display: inline;
}

.eneArea ul li.first{
	margin: 0 0 14px 0;
}