/* CSS Document */
body{
	margin:0px;
	font-size:11px;
	color:#777766;
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	line-height:20px;
	text-align:justify;
	scrollbar-arrow-color: #438004;
	scrollbar-3dlight-color: #e7e7e7;
	scrollbar-darkshadow-color: #666666;
	scrollbar-face-color: #ccc;
	scrollbar-highlight-color: #e7e7e7;
	scrollbar-shadow-color: #e7e7e7;
}
#topmenu{
	width:975px;
	height:20px;
	font-size:12px;
	margin-left:10px;
	line-height:15px;
	letter-spacing: 1px;
}
#topmenu a{
	color:#999999;
	text-decoration:none;
}
#topmenu a:hover{
	color:#333333;
	text-decoration:none;
}
#topmenu .pagehere{
	font-weight:bold;
	color:#333333;
}
#leftmenu{
	width:180px;
	height:430px;
	float:left;
}
#leftmenu ul{
	list-style-type:square;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}
#leftmenu li{
	line-height:20px;
	border-bottom:1px dotted #b0b0b0;
}
#leftmenu li a{
	width:180px;
	color:#777766;
	font-weight:bold;
	text-decoration:none;
	letter-spacing: 1px;
}
#leftmenu li a:hover{
	color:#333;
	font-weight:bold;
}
#content{
	width:985px;
	height:430px;
	background-color: #e7e7e7;
}
#index{
	width:325px;
	height:430px;
	float:left;
}
#indexflash{
	width:660px;
	height:430px;
	float:left;
	background-image:url(08decoroom-img/bk-flash.gif);
	background-position :50% 40%; 
	background-repeat:no-repeat;
}
.title{
	margin:15px 25px 0 25px;
}
.indextitle{
	margin:15px 20px 0 40px;
}
.pagehere{
	color:#000000;
}
#flash{
	width:300px;
	height:430px;
	float:left;
	margin-left:5px;
	background-image:url(08decoroom-img/bk-flash.gif);
	background-position :50% 40%; 
	background-repeat:no-repeat;
}
body p{
	margin:8px 0 8px 0;
	text-align:justify;
}
ol{
	list-style-type:decimal;
	margin: 0px;padding-left: 22px;
}
li{
	color:#438004;
	font-weight:normal;
}
.submenu{
	list-style-position:inside;
	list-style-type:none;
}
#txt{
	width:450px;
	height:415px;
	float:left;
	padding:0 25px 15px 25px;
	overflow-y:auto;
	overflow-x:hidden;
}
#txt-large{
	width:755px;
	height:415px;
	float:left;
	padding:0 25px 15px 25px;
	overflow-y:auto;
	overflow-x:hidden;
}
#txt-large02{
	width:804px;
	height:430px;
	float:left;
}
/****************************c-index**************************/
.link{
	width:406px;
	height:430px;
	float:left;
	background-image:url(08decoroom-img/bk-line01.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.pic{
	width:254px;
	heught:430px;
	float:right;
}
.pagelink{
	width:50px;
	height:50px;
	float:left;
	padding:14px 15px 4px 0;
}
.pagelink img{
	border:0;
}
/**************************e01.e03****************************/
.qa01{
	width:194px;
	height:80px;
	background-color: #e7e7e7;
	border:#FFFFFF 1px solid;
	float:left;
	margin:2px;
	font-weight:bold;
	/*padding:10px;*/
}
.qa-bk a{
	width:194px;
	height:80px;
	text-decoration:none;
	color: #666;
}
.qa01 .question_level2{
	background-position:100% 94%;
	background-repeat:no-repeat;
}
.qa-bk a .question_level2{
	width:194px;
	height:80px;
	cursor:pointer;
}

.qa-bk a:hover{
	width:194px;
	height:80px;
	color:#ffffff;
	font-weight:bold;
}

.qa-bk a:hover div {
	background-color:#438004;
}

.question_content_text{
	width:118px;
	margin:10px;
}
/**************************e02****************************/
.qa02{
	width:194px;
	height:55px;
	background-color: #e7e7e7;
	border:#FFFFFF 1px solid;
	float:left;
	margin:2px;
	font-weight:bold;
	/*padding:10px;*/
}
.qa02-bk a{
	width:194px;
	height:55px;
	text-decoration:none;
	color: #666;
}
.qa02 .question_level2{
	background-position:100% 94%;
	background-repeat:no-repeat;
}
.qa02-bk a .question_level2{
	width:194px;
	height:55px;
	cursor:pointer;
}

.qa02-bk a:hover{
	width:194px;
	height:55px;
	color:#ffffff;
	font-weight:bold;
}

.qa02-bk a:hover div {
	background-color:#438004;
}

.question_content_text{
	width:118px;
	margin:6px;
}
/*...........................自地自建.................................*/
.step {
position:relative;
margin:2px;
padding:5px;
text-decoration:none;
color:#000;
border:1px solid #ccc;
background-color:#ddded3;
}
.step img{
	border:0px;
}
.step:hover {
background-color:#fff;
color:#333;
}
.step span {
display: none;
font-size:10px;
}
.step:hover span {
background-color: #FFF;
display:block;
position:absolute;
top:0px;
left:100px;
width:145px;
padding:5px;
border:1px solid #333333;
text-align:left;
color:#000;
}
.col1 a {
	z-index:100;
}
.col2 a {
	z-index:99
}
.col3 a {
	z-index:98
}
.col4 a {
	z-index:97
}
/*....................................................................*/
/*...........................窗簾.................................*/
.object {
position:relative;
margin:1px;
padding:1px;
text-decoration:none;
color:#000;
border:1px solid #ccc;
background-color:#ddded3;
}
.object img{
	border:0px;
}
.object:hover {
background-color:#fff;
color:#333;
}
.object span {
display: none;
/*z-index:10;*/
font-size:10px;
}
.object:hover span {
background-color: #FFF;
display:block;
position:absolute;
top:63px;
left:-50px;
width:145px;
padding:5px;
border:1px solid #333333;
text-align:left;
color:#000;
}
/*....................................................................*/
/*...........................鋁門窗.................................*/
.window {
position:relative;
text-decoration:none;
}
.window img{
	border:0px;
}
.window:hover {
background-color:#fff;
color:#333;
}
.window span {
display: none;
font-size:10px;
}
.window:hover span {
background-color: #FFF;
display:block;
position:absolute;
top:-3px;
left:40px;
width:150px;
padding:5px;
border:1px solid #333333;
text-align:left;
color:#000;
}
/*....................................................................*/
/*...........................木地板.................................*/
.floor {
position:relative;
text-decoration:none;
width:183px;
height:22px;
}
.floor img{
	border:0px;
}
.floor:hover {
background-color:#fff;
}
.floor span {
display: none;
font-size:10px;
}
.floor:hover span {
background-color: #FFF;
display:block;
position:absolute;
top:-3px;
left:40px;
width:150px;
padding:5px;
border:1px solid #333333;
text-align:left;
color:#000;
}
/*....................................................................*/
/*.......................塗料介紹............................*/
.paint01{
	width:125px;
	height:40px;
	border:1px #999999;
	float:left;
	background-color:#fff;
	margin:1px 1px 0 0;
	text-align:center;
	line-height:40px;
}
/*.................................................................*/
/*..................eeeeeeeeeeeeeeeeeeeeeeeeeeee...................*/
.outsideblock{
	width:636px;
	height:289px;
	/*border:#666666 1px solid;*/
	/*margin-top:10px;*/
	float:right;
}
.insideblock{
	width:212px;
	height:289px;
	float:left;
}
.txt-block{
	width:182px;
	height:128px;
	background-color:#CCCCCC;
	padding:5px 5px 5px 24px;
	color:#666666;
}
/*.................................................................*/
h1{
	 color:#333333;
	 font-size:11px;
	 margin:0px;
	 padding:5px 0 0 15px;
	 height:30px;
	 background-image:url(08decoroom-img/h1.gif);
	 background-position:0% 35%;
	 background-repeat:no-repeat;
}
h2{
	color: #438004;
	border:1px dotted #999;
	padding:5px 5px 5px 15px;
	font-size:12px;
	margin-top:5px;
}
h3{
	 color:#777766;
	 font-weight:normal;
	 font-size:11px;
	 margin:0 0 -8px 0;
	 padding:0 0 0 15px;
	 height:30px;
	 background-image:url(08decoroom-img/q.gif);
	 background-position:0% 15%;
	 background-repeat:no-repeat;
}
h4{
	 color:#333333;
	 font-size:11px;
	 margin:0px;
	 height:30px;
}
.txt-exp{
	margin:0 0 5px 0;
	color:#777766;
}
.txt-imp{
	text-decoration:underline;
}
.txt-white{
	color:#FFFFFF;
	font-size:10px;
}
.txt-black{
	color:#000;
	font-size:10px;
}
.download{
	float:right;
}
table{
	width:96%;
	border:#999999 1px solid;
	letter-spacing:1px;
	text-align:center;
	background-color:#e7e7e7;
}
table th{
	background-color:#9c9d8e;
	color:#333333;
}
.tab-line01{
	background-color:#f3f4f2;
}
.tab-line02{
	background-color:#ddded3;
}
.tab-line03{
	background-color:#b9b9b9;
}
.table-title{
	color:#333333;
	font-weight:bold;
}
.flash-table{
	width:295px;
	height:auto;
	border:0px;
}
.flash-table-title{
	background-color:#000;
	color:#FFFFFF;
	height:20px;
	line-height:20px;
	width:96%;
	font-size:11px;
	letter-spacing:0px;
}
.ps{
	color:#CC0000;
	font-weight:bold;
}
#copyright{
	width:985px;
	height:22px;
	margin-top:5px;
	font-size:12px;
	color:#FFFFFF;
	background-color:#C4C0B0;
	text-align:center;
	line-height:22px;
}

/**************************bed**********************************/
.material {
float:left;
width:90px;
	height:90px;
position:relative;
margin:2px;
padding:5px;
text-decoration:none;
color:#000;
border:1px solid #ccc;
background-color:#fff;
}
.material img{
	border:0px;
}
.material:hover {
background-color: #CCCCCC;
color:#333;
border:#666666 1px solid
}
.material span {
display: none;
font-size:10px;
}
.material:hover span {
background-color: #FFF;
display:block;
position:absolute;
top:-1px;
left:-164px;
width:145px;
padding:5px;
border:1px solid #333333;
text-align:left;
color:#000;
cursor:pointer;
}
/***************************d-index*****************************/
.product{
	width:160px;
	height:135px;
	margin:1px;
	float:left;
}
.product img{
	border:0;
}
.product a{
	border:#e7e7e7 solid 1px;
}
.product a:hover{
	border:#fff solid 1px;
}
/************************** C5 START ***************************/
.mask_bg {
	background: #000000;
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	width:985px;
	height:430px;
	filter:alpha(opacity=70);/*IE*/
    opacity:0.7;/*Mozilla*/
	visibility:hidden;
}

.mask_content {
	position:absolute;
	/*border:solid 1px #CCCCCC;*/
	visibility:hidden;
	width:540px;
	background-color:#FFFFFF;
	overflow:hidden;
}
#mask_iframe{
	width:540px;
	height:300px;
	background-color:#FFFFFF;
	overflow:hidden;

}
#answer01{
	width:510px;
	height:150px;
	margin:10px;
}
.close_window{
	position:absolute;
	top:23px;
	left:495px;
}