@charset "utf-8";
/* CSS Document */
body{ margin:0 auto; padding:0;font-family:"微軟正黑體", Arial, Helvetica, sans-serif; background-color:#fff4df;}
*{ margin:0; padding:0; }
img{ border:none;}
.clear{ clear:both;}
#wallpaper{ margin:0; padding:0; background:url(images/bg.gif)}
#content{margin:0 auto; padding:0; width:990px;height:830px;position:relative;overflow:hidden;}
#info{margin:0 auto; padding:0 45px 42px; width:900px;}
#box{margin:0 auto; padding:0;}
#box.index{margin:0 auto; padding:0; background:url(images/bg_index.jpg) no-repeat center top; height:830px;}
#box.index #dream_a{margin:-500px 0 0 50px; padding:0; position:absolute; z-index:50; width:129px; height:83px;}
#box.index #dream_b{margin:-500px 0 0 96px; padding:0; position:absolute; z-index:50; width:107px; height:68px;}
#box.index #dream_c{margin:-500px 0 0 -5px; padding:0; position:absolute; z-index:50; width:157px; height:100px;}
#box.index #dream_d{margin:-500px 0 0 91px; padding:0; position:absolute; z-index:50; width:139px; height:88px;}
#box.index #dream_e{margin:-500px 0 0 559px; padding:0; position:absolute; z-index:50; width:214px; height:137px;}
#box.index #dream_f{margin:-500px 0 0 755px; padding:0; position:absolute; z-index:50; width:122px; height:79px;}
#box.index #dream_g{margin:-500px 0 0 668px; padding:0; position:absolute; z-index:50; width:170px; height:109px;}
#box.index #dream_h{margin:-500px 0 0 555px; padding:0; position:absolute; z-index:50; width:182px; height:116px;}
/*
#box.index #dream_a{margin:85px 0 0 50px; padding:0; position:absolute; z-index:10}
#box.index #dream_b{margin:175px 0 0 96px; padding:0; position:absolute; z-index:10}
#box.index #dream_c{margin:249px 0 0 -5px; padding:0; position:absolute; z-index:10}
#box.index #dream_d{margin:363px 0 0 91px; padding:0; position:absolute; z-index:10}
#box.index #dream_e{margin:28px 0 0 559px; padding:0; position:absolute; z-index:10}
#box.index #dream_f{margin:165px 0 0 755px; padding:0; position:absolute; z-index:10}
#box.index #dream_g{margin:281px 0 0 668px; padding:0; position:absolute; z-index:10}
#box.index #dream_h{margin:635px 0 0 555px; padding:0; position:absolute; z-index:10}
*/
#box.index #logo{margin:-500px 0 0 187px; padding:0; position:absolute; z-index:14; width:479px; height:287px;}
#box.index #people{ top:668px; right:-1000px;padding:0; position:absolute;z-index:51; background:url(images/index_people.png) no-repeat left top; width:240px; height:137px;}
#box.index #people_left{
	top:668px;
	left:-1000px;
	padding:0;
	display:block;
	width:168px;
	height:137px;
	position:absolute;
	z-index:15;
	background-image: url(images/index_people.png);
	background-repeat: no-repeat;
	background-position: -240px top;
}
#cloud1{background:url(images/cloud1.png) no-repeat left top; width:289px; height:138px;position:absolute; top:250px;left:-350px; z-index:1;}
#cloud2{background:url(images/cloud2.png) no-repeat left top; width:187px; height:95px;position:absolute; top:100px;left:-250px; z-index:1;}
#box.index #tree{ top:435px; left:-1000px; padding:0; background:url(images/tree_left.png) no-repeat left top; display:block; width:427px; height:349px;position:absolute; z-index:5;}
#box.index #cloud3{ top:435px; left:0px; padding:0; background:url(images/cloud3.png) no-repeat left top; display:block; width:427px; height:349px;position:absolute; z-index:6;}

#box.index #menu{ margin:350px 0 0 790px; padding:0;position:absolute;z-index:10; background:url(images/bg_menu.png) no-repeat left top; width:130px; height:323px;}
#box.index #menu ul{ margin:85px 0 0; padding:0; list-style-type:none;}
#box.index #menu li{ margin:13px 0 0 0;padding:0 0 3px;background:url(images/bg_menu_line.png) no-repeat center bottom; color:#336600; text-align:center; font-size:16px;font-weight:bolder}
#box.index #menu li a{ color:#336600; text-decoration:none;}
#box.index #menu li a:hover{ color:#333}
#box.index #main{ margin:48px 0 0 130px; padding:0;display:block; width:665px; height:705px;float:left; position:absolute; z-index:10;}
#box.index #main #pic01{margin:350px 0 0 100px; padding:0; position:absolute; z-index:10;display:none;}
#box.index #main #pic02{
	margin:350px 0 0 100px;
	padding:0;
	position:absolute;
	z-index:10;
	display:none;
}
#box.index #main #pic03{
	margin:350px 0 0 100px;
	padding:0;
	position:absolute;
	z-index:10;
	display:none;
}
#box.index #main #pic04{
	margin:350px 0 0 100px;
	padding:0;
	position:absolute;
	z-index:10;
	display:none;
}
#box.index #main #pic05{
	margin:350px 0 0 100px;
	padding:0;
	position:absolute;
	z-index:10;
	display:none;
}
#box.index #main #pic06{
	margin:350px 0 0 100px;
	padding:0;
	position:absolute;
	z-index:10;
	display:none;
}
#box.index #main #pic07{
	margin:350px 0 0 100px;
	padding:0;
	position:absolute;
	z-index:10;
	display:none;
}
#box.index #main #pic08{
	margin:350px 0 0 100px;
	padding:0;
	position:absolute;
	z-index:10;
	display:none;
}
#box.index #main dl{ margin:0; padding:0;}
#box.index #main dt.step{ margin:0 0 5px; padding:0; font-size:14px;font-family:"微軟正黑體", Arial, Helvetica, sans-serif; font-weight:bolder;}
#box.index #main dt.step span{ color:#ff6699}

#box.how{margin:0 auto; padding:0; text-align:center; background:url(images/line_y.png) repeat-x center bottom}
#box.how dl{ margin:0; padding:0;}
#box.how dt{ margin:0; padding:0;}
#box.how dd{ margin:-220px -5px 0px 0; padding:0 0 107px 0;position:relative; z-index:9;}

#box.dreamwall{margin:25px auto 0; padding:0;background:url(images/line_y.png) repeat-x center bottom}
#box.dreamwall .subtitle{ margin:0 0 10px;}
#box.dreamwall .subtitle span{ float:left;}
#box.dreamwall .subtitle em{margin:20px 0 0 0;float:right;}
.dreamwall_list{ margin:0px 5px 0 5px; padding:0; width:290px; float:left;}
.dreamwall_list .bg_up{ background:url(images/dreamwall_list_up.png) no-repeat left top; height:14px; width:290px; display:block}
.dreamwall_list .bg_down{ background:url(images/dreamwall_list_down.png) no-repeat left top; height:32px;width:290px; display:block}
.dreamwall_list .bg_main{ margin:0; padding:0; background:url(images/dreamwall_list_main.png);height:200px}
.dreamwall_list .bg_main dl{margin:0; padding:0;}
.dreamwall_list .bg_main dt{margin:0; padding:0;}
.dreamwall_list .bg_main dt .left{margin:0 0 0 7px; padding:0; float:left; width:125px;}
.dreamwall_list .bg_main dt .right{margin:0; padding:0; float:right;width:152px;}
.dreamwall_list .bg_main dt .right h2{margin:0 0 5px; padding:0 0 0 25px; background:url(images/dreamwall_list_icon_h2.png) no-repeat left top; font-size:16px; }
.dreamwall_list .bg_main dt .right p{margin:0; padding:0; font-size:12px;height:32px}
.dreamwall_list .bg_main dt .right p.price{margin:6px 0 0px; padding:0 0 3px; background:url(images/dreamwall_list_bg_price.png) no-repeat center center; height:27px; color:#FFF; font-size:20px; text-align:center; font-weight:bolder;}
.dreamwall_list .bg_main dt .right p.price span{ font-family:"Century Gothic", arial;font-size:26px;}
.dreamwall_list .bg_main dd{margin:0; padding:10px 0 5px; clear:both}
.dreamwall_list .bg_main dd ul{margin:0; padding:0;list-style-type:none;}
.dreamwall_list .bg_main dd li{ margin:0 0 7px 7px; padding:0; float:left}
.banner{}
.banner dl{ margin:0; padding:0}
.banner dt{ margin:0; padding:0}
.banner dd{ margin:-105px -5px 0px 0; padding:0; position:relative; z-index:9; text-align:right;}

#box.measures{margin:25px auto 0;}
#box.measures h2{}
#box.measures h2 img{ vertical-align:middle;}
#box.measures h2 span{font-size:15px; padding:15px 0 0 10px;color:#333;}
#box.measures p, #box.measures li{ font-size:15px; color:#333; line-height:22px;}
#box.measures li{ margin:5px 0 0; padding:0;}
#box.measures .pic{ padding:0 0 0 12px;}

#box.area_wall{margin:0; background:url(images/bg_wall.jpg) no-repeat center top}
#box.area_wall .header{margin:0 auto; padding:0; height:550px; width:990px}
#box.area_wall .header .logo{margin:10px 0 0 150px; padding:0; position:absolute; z-index:15;}
#box.area_wall .header .butgo{margin:300px 0 0 350px; padding:0; position:absolute; z-index:15;}
#box.area_wall .header .menu{ margin:210px 0 0 790px; padding:0;position:absolute;z-index:15; background:url(images/bg_menu_wall.png) no-repeat left top; width:144px; height:360px;}
#box.area_wall .header .menu ul{ margin:95px 0 0; padding:0; list-style-type:none;}
#box.area_wall .header .menu li{ margin:12px 0 0 0;padding:0 0 5px;background:url(images/bg_menu_line.png) no-repeat center bottom; color:#336600; text-align:center; font-size:16px; font-weight:bolder}
#box.area_wall .header .menu li a{ color:#336600; text-decoration:none;}
#box.area_wall .header .menu li a:hover{ color:#333}

.wall_pic_up{ margin:0; padding:0; background:url(images/bg_wall_pic_up.png) no-repeat center top; width:900px; height:105px;}
.wall_pic_down{ margin:0; padding:0;background:url(images/bg_wall_pic_down.png) no-repeat center  bottom; width:900px; height:14px;}
.wall_pic{ margin:0; padding:15px 0 0; background:url(images/bg_wall_pic_main.png) repeat-y center top}
.wall_pic dl{ margin:0 0px 25px 20px; padding:0; width:275px; float:left;}
.wall_pic dt{ margin:0; padding:0;}
.wall_pic dd{ margin:0; padding:8px 15px 0;}
.wall_pic dd span{ margin:0; padding:0; font-size:12px;}
.wall_pic dd em{ margin:0px 5px 0 2px; padding:0; float:right;}
.wall_pic dd em img{ vertical-align:middle}

/*CSS quotes style pagination*/
.page{ border-top:1px dashed #0e7078; padding:15px 0 5px;}
DIV.quotes {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;font-family:Verdana, Geneva, sans-serif; font-size:12px;}
DIV.quotes A {BORDER: #0e7078 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #333; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; TEXT-DECORATION: none; background-color:#FFF}
DIV.quotes A:hover {BORDER: #0e7078 1px solid;PADDING-RIGHT: 5px;PADDING-LEFT: 5px; PADDING-BOTTOM: 2px;MARGIN-RIGHT: 2px; PADDING-TOP: 2px;BACKGROUND-COLOR: #31acbe; color:#FFF}
DIV.quotes A:active {BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
DIV.quotes SPAN.current {BORDER: #0e7078 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px;BACKGROUND-COLOR: #31acbe}
DIV.quotes SPAN.disabled {BORDER:#0e7078 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #333; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; background-color:#FFF}




.top{ margin:0; padding:0;}
.top img{padding:0;margin:0 -50px 0 0; float:right; position:relative}
.top.green img{top:20px; float:right; position:relative}

.subtitle{margin:0; padding:0; background:url(images/bg_subtitle.png) no-repeat left top; height:90px;}
.subtitle img{margin:0; padding:25px 0 0 140px;}
.footer{margin:0 auto; padding:10px 0 15px; background:url(images/bg_footer.png) repeat-x; width:100%; color:#FFF; clear:both; font-size:12px; height:100px;}
.footer dl{margin:0 auto; padding:15px; width:960px;}
.footer dt{ margin:0; padding:0 35px 0 50px; float:left; width:105px}
.footer dd{ margin:15px 0 0; padding:0 0 0 35px; float:left; border-left:2px solid #FFF; width:495px; text-align:left;!important}
.footer dd.share{ margin:0; padding:0; float:right; border-left:none; width:200px}
.footer dd.share ul{ margin:0; padding:0; list-style-type:none;}
.footer dd.share li{ margin:0; padding:0; float:left;}
.footer dd.share li img{ margin:15px 0 0 6px; vertical-align:middle;}
#box.measures ul, #box.measures ol{ margin:0; padding:0px 0 15px 25px}
#box.measures h2{padding:25px 0 25px 0px}
#box.measures .subtitle{padding:0px 0 25px 0px}