﻿* { margin:0; padding:0;}
body {
	background: #3b7b88;
	font-family: Arial;
	font-size: 18px;
	line-height: 10px;
	color: #393939;
}


/*in_line*/
img {border:0; vertical-align:top;}

a:hover{
	text-decoration: none;
	color: #9900FF;
}
a {
	color: #FFFFFF;
}

.clear { clear:both;}
.alignright { text-align:right;}


/*header*/
#header .logo {
	border-style: 0;
	border-width: 0px;
	margin: 94px 0 114px 576px;
}
#header ul {
	margin-left: 98px;
	padding: 0;
	list-style: none;
	margin-top: 283px;
}
#header li {
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 75px;
}
#header li a {
	color: #800080;
	text-decoration: none;
}
#header li a:hover {
	color: #FF00FF;
}


/*header_sale*/
#header_sale .logo {
	border-style: 0;
	border-width: 0px;
	margin: 94px 0 114px 576px;
}
#header_sale ul {
	margin-left: 98px;
	padding: 0;
	list-style: none;
	margin-top: 283px;
}
#header_sale li {
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 75px;
}
#header_sale li a {
	color: #800080;
	text-decoration: none;
}
#header_sale li a:hover {
	color: #FF00FF;
}


/*header_cool*/
#header_cool .logo {
	border-style: 0;
	border-width: 0px;
	margin: 94px 0 114px 576px;
}
#header_cool ul {
	margin-left: 98px;
	padding: 0;
	list-style: none;
	margin-top: 283px;
}
#header_cool li {
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 75px;
}
#header_cool li a {
	color: #800080;
	text-decoration: none;
}
#header_cool li a:hover {
	color: #FF00FF;
}

/*header_clear*/
#header_clear .logo {
	border-style: 0;
	border-width: 0px;
	margin: 94px 0 114px 576px;
}
#header_clear ul {
	margin-left: 98px;
	padding: 0;
	list-style: none;
	margin-top: 283px;
}
#header_clear li {
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 75px;
}
#header_clear li a {
	color: #800080;
	text-decoration: none;
}
#header_clear li a:hover {
	color: #FF00FF;
}
/*header_deep*/
#header_deep .logo {
	border-style: 0;
	border-width: 0px;
	margin: 94px 0 114px 576px;
}
#header_deep ul {
	margin-left: 98px;
	padding: 0;
	list-style: none;
	margin-top: 283px;
}
#header_deep li {
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 75px;
}
#header_deep li a {
	color: #800080;
	text-decoration: none;
}
#header_deep li a:hover {
	color: #FF00FF;
}

/*header_warm*/
#header_warm .logo {
	border-style: 0;
	border-width: 0px;
	margin: 94px 0 114px 576px;
}
#header_warm ul {
	margin-left: 98px;
	padding: 0;
	list-style: none;
	margin-top: 283px;
}
#header_warm li {
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 75px;
}
#header_warm li a {
	color: #800080;
	text-decoration: none;
}
#header_warm li a:hover {
	color: #FF00FF;
}

/*header_soft*/
#header_soft .logo {
	border-style: 0;
	border-width: 0px;
	margin: 94px 0 114px 576px;
}
#header_soft ul {
	margin-left: 98px;
	padding: 0;
	list-style: none;
	margin-top: 283px;
}
#header_soft li {
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 75px;
}
#header_soft li a {
	color: #800080;
	text-decoration: none;
}
#header_soft li a:hover {
	color: #FF00FF;
}


/*header_light*/
#header_light .logo {
	border-style: 0;
	border-width: 0px;
	margin: 94px 0 114px 576px;
}
#header_light ul {
	margin-left: 98px;
	padding: 0;
	list-style: none;
	margin-top: 283px;
}
#header_light li {
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 75px;
}
#header_light li a {
	color: #800080;
	text-decoration: none;
}
#header_light li a:hover {
	color: #FF00FF;
}

/*header_beauty*/
#header_beauty .logo {
	border-style: 0;
	border-width: 0px;
	margin: 94px 0 114px 576px;
}
#header_beauty ul {
	margin-left: 98px;
	padding: 0;
	list-style: none;
	margin-top: 283px;
}
#header_beauty li {
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 75px;
}
#header_beauty li a {
	color: #800080;
	text-decoration: none;
}
#header_beauty li a:hover {
	color: #FF00FF;
}


/*content*/
#content {
	background: url('color_images/bg_content3.jpg') no-repeat left top;
	font-size: 12px;
	color: #2c4144;
	line-height: 14px;
}
#content .indent {
	padding: 0 105px 16px 118px;
}
#content ul { margin:0px; padding:0; list-style:none;}
#content li { line-height:2em;}
#content .title { margin-bottom:12px;}
#content .pic { float:left; margin:0 20px 0 0;}
#content p {
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2c4144;
	line-height: 16px;
}
#content .col_1 .ind { padding-right:80px;}
#content .col_4 .ind { padding-right:40px;}
#content .overflow { width:767px; height:220px; overflow:auto;}
#content .overflow1 { width:740px; height:500px;}
#content .overflow2 { width:767px; height:250px; overflow:auto;}
#content .overflow3 { width:767px; height:210px; overflow:auto;}

/*content1*/
#content1 {
	background: url('color_images/bg_content3e.jpg') no-repeat left
top;
	font-size: 12px;
	color: #2c4144;
	line-height: 14px;
}
#content1 .indent { padding:0 105px 46px 118px;}
#content1 ul { margin:0px; padding:0; list-style:none;}
#content1 li { line-height:2em;}
#content1 .title { margin-bottom:12px;}
#content1 .pic { float:left; margin:0 20px 0 0;}
#content1 p {
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2c4144;
	line-height: 16px;
}
#content1 .col_1 .ind { padding-right:80px;}
#content1 .col_4 .ind { padding-right:40px;}
#content1 .overflow { width:767px; height:220px; overflow:auto;}
#content1 .overflow1 { width:740px; height:500px;}
#content1 .overflow2 { width:767px; height:250px; overflow:auto;}
#content1 .overflow3 { width:767px; height:210px; overflow:auto;}


/*content2*/
#content2 {
	background: url('color_images/bg_content3.jpg') no-repeat left top;
	font-size: 12px;
	color: #2c4144;
	line-height: 14px;
}
#content2 .indent {
	padding: 0 95px 46px 95px;
}
#content2 ul { margin:0px; padding:0; list-style:none;}
#content2 li { line-height:2em;}
#content2 .title { margin-bottom:12px;}
#content2 .pic { float:left; margin:0 20px 0 0;}
#content2 p { padding-bottom:20px;}
#content2 .col_1 .ind { padding-right:80px;}
#content2 .col_4 .ind { padding-right:20px;}
#content2 .overflow { width:754px; height:176px; overflow:auto;}
#content2 .overflow1 { width:720px; height:500px;}

/*content3*/
#content3 {
	background: url('color_images/bg_content4a.jpg') no-repeat left
top;
	font-size: 12px;
	color: #2c4144;
	line-height: 14px;
}
#content3 .indent { padding:0 105px 46px 118px;}
#content3 ul { margin:0px; padding:0; list-style:none;}
#content3 li { line-height:2em;}
#content3 .title { margin-bottom:12px;}
#content3 .pic { float:left; margin:0 20px 0 0;}
#content3 p {
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2c4144;
	line-height: 16px;
}
#content3 .col_1 .ind { padding-right:80px;}
#content3 .col_4 .ind { padding-right:40px;}
#content3 .overflow { width:767px; height:220px; overflow:auto;}
#content3 .overflow1 { width:740px; height:500px;}
#content3 .overflow2 { width:767px; height:250px; overflow:auto;}
#content3 .overflow3 { width:767px; height:210px; overflow:auto;}

/*content4*/
#content4 {
	background: url('color_images/bg_content5.jpg') no-repeat left
top;
	font-size: 12px;
	color: #2c4144;
	line-height: 14px;
}
#content4 .indent { padding:0 105px 46px 118px;}
#content4 ul { margin:0px; padding:0; list-style:none;}
#content4 li { line-height:2em;}
#content4 .title { margin-bottom:12px;}
#content4 .pic { float:left; margin:0 20px 0 0;}
#content4 p {
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2c4144;
	line-height: 16px;
}
#content4 .col_1 .ind { padding-right:80px;}
#content4 .col_4 .ind { padding-right:40px;}
#content4 .overflow { width:767px; height:220px; overflow:auto;}
#content4 .overflow1 { width:740px; height:500px;}
#content4 .overflow2 { width:767px; height:250px; overflow:auto;}
#content4 .overflow3 { width:767px; height:210px; overflow:auto;}



/*footer*/
#footer {
	font-size: 12px;
	color: #fff;
}
#footer a {
	color: #66FFFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: none;
	color: #FF00FF;
}
#footer p { padding:26px 0 0 121px;}

/*footer1*/
#footer1 {
	font-size: 12px;
	color: #fff;
}
#footer1 a { color:#fff; text-decoration:none;}
#footer1 a:hover {
	text-decoration: none;
	color: #FF00FF;
}
#footer1 p { padding:26px 0 0 121px;}

/*footer2*/
#footer2 {
	font-size: 12px;
	color: #fff;
}
#footer2 a { color:#fff; text-decoration:none;}
#footer2 a:hover {
	text-decoration: none;
	color: #FF00FF;
}
#footer2 p { padding:26px 0 0 121px;}

/*================== index.html ==================*/
#page1 #content .col_1 .pic1 { margin-bottom:17px;}
#page1 #content .col_3 .pic1 { margin-bottom:17px;}
#page1 #content .col_2 .pic1 { margin:29px 6px 3px 0;}
#page1 #content .col_2 a img { margin-right:6px;}

#page1 #content2 .col_1 .pic1 { margin-bottom:17px;}
#page1 #content2 .col_3 .pic1 { margin-bottom:17px;}
#page1 #content2 .col_2 .pic1 { margin:29px 6px 3px 0;}
#page1 #content2 .col_2 a img { margin-right:6px;}


/*================== index-2.html ==================*/
#page3 #content .col_1 .pic { margin-bottom:17px;}
#page3 #content .col_1 .pic1 { float:left; margin:0 20px 0 0;}
#page3 #content .col_2 .pic { margin-bottom:-5px;}

/*================== index-3.html ==================*/
#page4 #content .column1 { width:221px;}
#page4 #content .column2 {	width: 481px;}
#page4 #content .column3 {
	width: 221px;
	margin-left: 150px;
}
#page4 #content .pic { margin:0 5px 14px 0;}
#page4 #content p {}

/*================== index-4.html ==================*/
#page5 #content .column1 { width:226px;}
#page5 #content .column2 { width:195px;}
#page5 #content ul { padding-bottom:15px;}
#page5 #content .indent { padding-bottom:40px;}
#page7 #content p { padding-bottom:15px;}

#page5 #content .col_1 p { padding-bottom:15px;}

/*================== index-5.html ==================*/
#page6 #content .column1 { width:228px;}
#page6 #content .column2 { width:193px;}
#page6 #content .div { height:37px;}
#page6 #content .div1 { height:84px;}
#page6 #content .pic1 { margin-bottom:15px;}
#page6 #content .col_2 p { padding-bottom:5px;}

/*================== index-6.html ==================*/
#page7 #content .indent { padding:0 110px 50px 118px;}




/*==========================================*/

.input {color:#2c4144;		 
		height:19px;
		width:178px;
		background:#fff;
		border:solid 1px #6a6a6a;
		font-size:1em;
		font-family:Arial;
		padding-left:2px;
		text-transform:uppercase;
}

textarea {	background:#fff;
			color:#2c4144;
			border:solid 1px #6a6a6a;
			width:191px;
			height:70px;
			overflow:auto;
			font-family:Arial; 
			font-size:1em;
			padding-left:2px;
			text-transform:uppercase;
}
