#wapeper {
	width: 100%;
	background-color: #f8f0e3;
	color: #000;
}

h1 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 0;
}

a:hover img {
	opacity: .7;
	filter: opacity(70);
}

.subject_contant {
	display: block;
	width: 100%;
	margin: 0 auto;
	background-color: #f8f0e3;
	font-size: 18px;
	color: #000;
}

.main_visual {
	display: block;
	width: 1200px;
	height: 615px;
	background-image: url(/images/project/designer/visual.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}

.home_link {
	display: block;
	width: 120px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	position: relative;
}
/*.subject_menu{ display: block;  border: 2px solid #000; background-color: #fff; position:fixed; right:26%; top:15px; z-index: 3;}*/
.subject_menu {
	display: block;
	border: 2px solid #000;
	background-color: #fff;
	position: fixed;
	LEFT: 50%;
	top: 15px;
	z-index: 3;
	MARGIN-LEFT: -285px;
	WIDTH: 635PX;
}

	.subject_menu ul li {
		display: inline-block;
	}

		.subject_menu ul li a {
			display: block;
			padding: 15px;
			font-weight: 600;
			color: #333;
		}

			.subject_menu ul li a:hover {
				color: #da4d53;
			}
/*.fb_share{ display: block; width: 250px; height: auto;position: fixed;right:40px; top:25px;}*/


.fb_share {
	display: block;
	width: 250px;
	height: auto;
	position: fixed;
	LEFT: 50%;
	top: 25px;
	MARGIN-LEFT: 455px;
}

/*標題外觀*/
.chapter_box {
	display: block;
	width: 590px;
	height: 105px;
	margin: 0 auto;
	background-image: url(/images/project/designer/title_bg.gif);
	margin-top: 90px;
	margin-bottom: 30px;
}

	.chapter_box i {
		display: inline-block;
		width: 80px;
		height: 80px;
		border-radius: 50%;
		color: #fff;
		line-height: 80px;
		text-align: center;
		font-size: 13px;
		margin: 12px 10px 0 30px;
		float: left;
	}

.green {
	background-color: #88c8b0;
}

.blue {
	background-color: #66b3cc;
}

.red {
	background-color: #cc6666;
}

.pur {
	background-color: #9b88c0;
}

.light_green {
	background-color: #99c088
}

.borwn {
	background-color: #c8987b;
}

.chapter_box h2 {
	display: block;
	font-size: 30px;
	font-weight: bold;
	padding: 15px 0 8px 0px;
	width: 450px;
	border-bottom: dotted 1px #333;
	float: left;
}

.chapter_box p {
	display: block;
	font-size: 17px;
	width: 450px;
	float: left;
	border-top: dotted 1px #333;
	padding: 8px 0;
}

/*私宅設計*/
.chapter01, .chapter02, .chapter03, .chapter04, .chapter05, .chapter06 {
	display: block;
	width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

	.chapter01 ul {
		overflow: hidden;
	}

		.chapter01 ul li {
			display: inline-block;
			float: left;
		}

			.chapter01 ul li a {
				display: block;
				margin: 30px 35px;
				color: #000;
				line-height: 1.5em;
				overflow: hidden;
				font-weight: bold;
			}

				.chapter01 ul li a:hover, .chapter01 ul li a:hover strong, .chapter01 ul li a:hover h3 {
					color: #88c8b0;
				}

					.chapter01 ul li a:hover p {
						color: #746b5d;
					}

.data_case {
	display: inline-block;
	width: 169px;
	height: auto;
	float: left;
}

.data_info {
	display: inline-block;
	float: left;
	margin-left: 20px;
	width: 320px;
}

.chapter01 strong {
	display: inline-block;
	margin-top: 10px;
}

	.chapter01 strong span {
		font-size: 16px;
		font-weight: normal;
	}

.chapter01 h3 {
	display: block;
}

.chapter01 ul li a p {
	text-align: right;
	color: #968b79;
	padding: 10px 0;
}

.chapter02 {
	position: relative;
}

.chapter02_bg {
	display: block;
	width: 292px;
	height: 299px;
	background-image: url(/images/project/designer/bg01.jpg);
	right: -75px;
	position: absolute;
	top: -10%;
}

.chapter02 ul {
	display: block;
	width: 1034px;
	height: 990px;
	background-image: url(/images/project/designer/map_27.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	position: relative;
	margin-top: 60px;
}

	.chapter02 ul li {
		display: inline-block;
		position: absolute;
	}

		.chapter02 ul li a {
			display: inline-block;
			width: 210px;
			height: 230px;
			background-color: #fff;
			border: 2px solid #66b3cc;
			color: #000;
			padding: 8px 15px;
			box-sizing: border-box;
		}

			.chapter02 ul li a:hover {
				color: #66b3cc;
			}

			.chapter02 ul li a i {
				display: block;
				width: 100px;
				font-size: 13px;
				background-color: #66b3cc;
				padding: 7px 10px;
				color: #fff;
				margin: 0 auto;
				margin-top: 15px;
				margin-bottom: 20px;
			}

			.chapter02 ul li a h3 {
				font-weight: bold;
				font-size: 24px;
				line-height: 1.2em;
			}

				.chapter02 ul li a h3 span {
					font-size: 20px;
				}

			.chapter02 ul li a p {
				line-height: 1.6em;
				font-size: 16px;
			}

		.chapter02 ul li.shop01 {
			top: 0;
			left: 0;
		}

		.chapter02 ul li.shop02 {
			top: 25%;
			right: 0;
		}

		.chapter02 ul li.shop03 {
			top: 50%;
			left: 0;
		}

			.chapter02 ul li.shop03 a {
				height: 295px;
			}

		.chapter02 ul li.shop04 {
			top: 75%;
			right: 0;
		}

/*靈感泉源*/
.chapter03 ul {
	display: block;
	overflow: hidden;
}

	.chapter03 ul li {
		display: inline-block;
		float: left;
		margin: 20px 30px;
		width: 506px;
		height: 600px;
		position: relative;
	}

		.chapter03 ul li a {
			display: block;
			color: #000;
			width: 250px;
			line-height: 1.5em;
		}

		.chapter03 ul li.idea01 {
			background-image: url(/images/project/designer/idea01.jpg);
			background-repeat: no-repeat;
		}

		.chapter03 ul li.idea02 {
			background-image: url(/images/project/designer/idea02.jpg);
			background-repeat: no-repeat;
		}

		.chapter03 ul li a h3 {
			font-size: 24px;
			font-weight: bold;
			padding: 5px 0;
		}

		.chapter03 ul li a p {
			margin-left: 25px;
			padding: 15px 0;
			border-bottom: 1px solid #000;
			border-top: 1px solid #000;
		}

		.chapter03 ul li.idea01 a {
			position: absolute;
			bottom: 25px;
			right: 20px;
		}

		.chapter03 ul li.idea02 a {
			position: absolute;
			bottom: 70px;
			left: 20px;
		}

		.chapter03 ul li a:hover {
			color: #cc6666;
			border-color: #cc6666;
		}

/*選貨好物*/
.chapter04 {
	position: relative;
}

.store {
	display: block;
	margin-top: 30px;
}

.chapter04_bg {
	display: block;
	width: 195px;
	height: 162px;
	background-image: url(/images/project/designer/bg02.jpg);
	position: absolute;
	top: -8%;
	left: -5%
}

.store_img img {
	display: inline-block;
	width: 488px;
	height: 339px;
	float: left;
}

.store_info {
	display: inline-block;
	width: 670px;
	padding: 0 40px;
	box-sizing: border-box;
	margin-top: 40px;
}

.store_data {
	display: block;
	width: 100%;
	height: 90px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	padding: 10px 0;
}

	.store_data h3 a {
		display: block;
		width: 280px;
		height: auto;
		font-size: 24px;
		font-weight: bold;
		line-height: 1.4em;
		float: left;
		padding-right: 5px;
		box-sizing: border-box;
		border-right: 1px solid #000;
		color: #000;
	}

		.store_data h3 a:hover {
			color: #9b88c0;
		}

	.store_data ul {
		display: block;
		float: left;
		font-size: 14px;
		padding-left: 20px;
	}

		.store_data ul li {
			display: block;
			line-height: 1.6em;
		}

.add:before {
	content: "地址：";
}

.tel:before {
	content: "電話：：";
}

.store_description {
	display: block;
	float: left;
	width: 260px;
	padding: 15px 0;
}

	.store_description img {
		display: block;
		width: 93px;
		height: 92px;
	}

	.store_description p {
		font-size: 16px;
		line-height: 2em;
		margin-top: 10px;
	}

		.store_description p span {
			font-weight: bold;
			font-size: 20px;
		}

.store_items {
	display: block;
	background-image: url(/images/project/designer/store01_p.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 290px;
	float: right;
	margin-top: 10px;
	padding-top: 80px;
	font-size: 16px;
}

	.store_items i {
		font-size: 13px;
		padding: 5px;
		background-color: #9b88c0;
		color: #fff;
	}

	.store_items h4 {
		display: block;
		margin: 10px 0;
		line-height: 1.5em;
	}

	.store_items p {
		display: block;
		margin: 10px 0;
		line-height: 1.5em;
	}

.store_items02 {
	background-image: url(/images/project/designer/store02_.jpg);
}

.store_items03 {
	background-image: url(/images/project/designer/store03_p.jpg);
}

/*推薦影音*/
.chapter05 {
	position: relative;
}

.chapter05_bg {
	display: block;
	width: 325px;
	height: 260px;
	background-image: url(/images/project/designer/bg03.jpg);
	position: absolute;
	left: -8%;
	top: -30%;
}

.video p {
	text-align: center;
	line-height: 2em;
}

.chapter05 a {
	display: block;
	width: 625px;
	height: 363px;
	margin: 0 auto;
	margin-top: 20px;
}

/*留言抽獎*/
.chapter06 {
	display: block;
	line-height: 1.8em;
	margin-top: 80px;
}

	.chapter06 p {
		text-align: center;
	}

	.chapter06 .chapter_box p {
		text-align: left;
		line-height: 16px;
	}

.event_info i {
	color: #d6415d;
	font-weight: 600;
	text-align: center;
	font-size: 22px;
	display: block;
	margin-top: 10px;
}

.event_info ul {
	display: block;
	overflow: hidden;
	width: 1080px;
	margin: 0 auto;
	margin-top: 30px;
}

	.event_info ul li {
		display: inline-block;
		width: 252px;
		margin: 0 50px;
		float: left;
		line-height: 1.6em;
	}

		.event_info ul li h3 {
			font-weight: bold;
		}

		.event_info ul li span {
			font-size: 14px;
		}

		.event_info ul li p {
			text-align: left;
			font-size: 14px;
			display: block;
			height: 80px;
		}

		.event_info ul li a {
			display: block;
			font-size: 14px;
			text-align: right;
			color: #c27a4e;
			border-top: 1px solid #c27a4e;
			padding: 5px 0;
			margin-top: 10px;
		}

			.event_info ul li a:hover {
				color: #9b552a;
			}

.show_list {
	display: block;
	width: 300px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
	background-color: #d6415d;
	color: #fff;
	margin-top: 50px;
}

.message {
	display: block;
	width: 100%;
	background-color: #c8987b;
	height: auto;
	margin-top: 50px;
	padding: 30px;
	box-sizing: border-box;
}

.message_box {
	display: block;
	width: 700px;
	margin: 0 auto;
	padding: 20px 0;
	background-color: #fff;
}

.note {
	display: block;
	color: #333;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	line-height: 1.5em;
}

footer {
	margin-top: 0;
}