@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
}
html, body {
	background-color: #FFFFFF;
	font-size:12px;
	FONT-FAMILY: "Arial", "MingLiU", "PMingLiU";
	line-height: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(about%20bg.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center top;
}
#stage{
	width:1024px;
	background-repeat:no-repeat;
	background-position:center top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(images/index_01.png);
	height: 623px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
#stage2{ margin:0px auto; width:950px;}
#stage_d{ margin:0px auto; width:950px;}
#topMenu1{margin:0px 30px 0px 0px;}
#topMenu1 a{
	color:#CC3300;
	text-decoration:none;
}
#topMenu1 a:hover{
	color:#006699;
	text-decoration:none;
}
#topMenu1 .selbtn{color:#F90; font-weight:blod;}

#topMenu2{
	height: 65px;
}
#wlogo{
	margin-top:0px;
	float:left;
	width: 491px;
}
#mainMenu{
	float:right;
	font-size: 13px;
	width: 533px;
}
#mainMenu a{
	color:#333333;
	text-decoration:none;
}
#mainMenu a:hover{
	color:#009999;
	text-decoration:none;
}
#mainMenu .selbtn{color:#F90; font-weight:blod;}
#toppic{
	height:503px;
	width: 1024px;
}
#toppicitem{
	width: 1024px;
	background-color: #FFFFFF;
	float: left;
}
#abouttoppicitem{
	height:576px;
	width: 260px;
	background-color: #D0C7BF;
	float: left;
}
#wtitle {
	width: 410px;
	height: 130px;
}
#wtitle-ccg {
	width: 1024px;
	height: 28px;
	background-image: url(images/index_13.png);
}


#picphoto{
	height:auto;
	width: 613px;
	float: right;
	left: 389px;
	top: 117px;
	background-color: #D0C7BF;
}
#toppicsize{
	height:650px;
	width: 185px;
	background-color: #68584D;
	margin-bottom: 10px;
	float: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#lineTop{ background-image:url(image/bg_dot.gif); background-repeat:repeat-x; background-repeat:top left;}
#contentA{margin:0px;}
#titleArea{margin:10px 0px 15px 0px;}
#leftMenu{float:left; width:220px;}
#menu1{text-align:right; font-size:13px; color:#CCC}
#menu1 UL { list-style-type: none; }
#menu1 ul li a{
	display:block;
	height:25px;
	font-size:13px;
	color:#333333;
	text-decoration:none;
	margin:0px 15px 0px 15px;
	padding:3px 20px 0px 0px;
}
#menu1 ul li a:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#333
}
#menu1 .wd_sel{color:#FC0;}
#menu2{text-align:right; font-size:13px; color:#CCC}
#menu2 UL { list-style-type: none; }
#menu2 ul li a{
	display:block;
		min-height:25px;height: auto !important;
	height:25px;
	font-size:13px;
	color:#CCC;
	text-decoration:none;
	margin:0px 25px 0px 15px; padding:3px 20px 0px 0px;
}
#menu2 ul li a:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#333
}
#menu2 .wd_sel2{color:#FC0;}

#rightContent{
	width:670px;
	color:#999;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	margin-left: 120px;
	margin-right: 100px;
}
#rightContent2{float:right;width:730px;padding:0px 0px 0px 0px; color:#999;}

#pdphoto{height:400px;}
#pdlist{padding:0px 10px 0px 10px; float:right; width:580px;}
#pdtitle{
	padding:0px 10px 0px 10px;
	font-size:15px;
	color:#FFF;
	FONT-FAMILY:arial;
	font-weight: bold;
}
#test19 a{ color:#FFF; size:12px; border:#000 solid 1px; padding:2px 3px 2px 3px; text-decoration:none; background:#333}
#test19 a:hover{ color:#FC0; size:12px; border:#000 solid 1px; padding:2px 3px 2px 3px; text-decoration:none; background:#000}
#pddetail{padding:0px 10px 0px 10px; color:#FFF}
.pdprice{ color:#FC0; font-size:15px; font-weight:bold; padding-left:10px;}

#copyright{ margin:15px 30px 0px 0px;}

#pda{ width:15px; height:15px; background-color:#333; font-size:10px;padding:0px;margin:0px;}

#cust{ width:163px; height:160px; float:left; padding-left:15px}
#cust_img{width:140px; border:#CCC solid 1px; max-height:105px; overflow:hidden}
#cust_title{width:140px;margin-top:5px;}



h1{margin:0px 0px 10px 0px; font-size:16px; color:#FFF;}
h2{margin:0px 0px 10px 0px; font-size:13px; color:#FFF;}
p{margin:0px 0px 10px 0px;}


a.pdn{
	background-color: #666;
	border: 1px solid #999;
	font-size: 10px;
	text-decoration:none;
	color: #CCC;
}
a.pdn:hover{
	background-color: #333;
	border: 1px solid #FFF;
	font-size: 10px;
	color: #FFF;
}
a.pdn2{
	background-color: #333;
	border: 1px solid #FFF;
	font-size: 10px;
	color:#FC0;
	text-decoration:none;
}
a.pdn2:hover{
	background-color: #333;
	border: 1px solid #FFF;
	font-size: 10px;
	color: #FFF;
}

#det{line-height:22px;}
#det p{line-height:22px;margin-botton:15px;}
#det ULa{ padding:5px 15px 5px 40px;}
#det h2{
	font-size:13px;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	color:#FFF;
	background-image: url(http://www.domus.com.tw/images/title_icon2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#det ul li{margin-left:30px;}
#det ol li{margin-left:30px;}
#det a{
	color: #906;
	text-decoration: underline;
}
#det a:hover{
	color: #06C;
	text-decoration: none;
	font-weight: bold;
}
#det th{
	background-color: #CCC;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
}
#det .underline{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.imgmod .imgblock {
	FONT-SIZE: 12px; FLOAT: left;
}
.img-left{float:left; margin:0px 7px 7px 0px; border:1px solid #E8E8E8;}
.img-right{float:right; margin:0px 0px 7px 7px; border:1px solid #E8E8E8;}
.img-left1{float:left; margin:0px 35px 7px 0px; border:1px solid #E8E8E8;}
.img-right1{float:right; margin:0px 0px 7px 7px; border:1px solid #E8E8E8;}
.fixfloat: {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px;
}
.imgmod .imgblock {
	FONT-SIZE: 12px; FLOAT: left; MARGIN-LEFT: 15px; WIDTH: 260px
}
.imgmod .list {
	FLOAT: left; MARGIN-LEFT: 15px; TEXT-ALIGN: left
}
.imgmod .list LI {
	LINE-HEIGHT: 18px; HEIGHT: 20px
}


#download td{padding:3px;}
#download th{
	color:#FFF;
	font-size:12px;
	background-color: #333;
	background-position: 1px;
	padding:3px 5px 3px 5px;
}
#download p{margin:0px 0px 10px 0px; padding:0px;}
#download .bordera{border:#333 solid 1px;}
#download a{ color:#FC0; text-decoration:none;}
#download a:hover{ color:#FFC; text-decoration:none;}


#pdsmall{float:left; width:140px; height:80px;}

#mtable{font-size:12px; color:#CCC;}
#mtable th{ font-weight:bold; background:#333; border-left:#000 solid 1px; color:#FFF; font-size:12px; text-align:left; padding:3px;}
#mtable td{ padding:3px; border-bottom:#333 solid 1px;}
#mtable a{ color:#9C0; text-decoration:none;}
#mtable a:hover{ color:#9F0;}
.wdYellow{color:#FC0}

#pdtype{margin-bottom:10px;}
#pdtype UL { list-style-type: none; }
#pdtype ul li a{width:103px; float:left; text-align:center; padding:3px; background:#333; color:#FFF; text-decoration:none;}
#pdtype ul li a:hover{ color:#FC0; background:#333 url(images/iconm1.gif) bottom center no-repeat;}
#pdtype .pdtypesel{ color:#FF0;background:#333 url(images/iconm1.gif) bottom center no-repeat;}

.clear {
	clear: both;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #999999;
	color: #FFFFFF;
	width: 750px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding-left: 250px;
	line-height: 15px;
	font-size: 11px;
	height: 32px;
	font-family: "Times New Roman", Times, serif;
}
#wmain {
	background-color: #D0C7BE;
	height: 355px;
	width: 410px;
}
#wtitle-ccg2 {
	height: 25px;
	width: 410px;
}
#wtitle-ccg3 {
	height: 25px;
	width: 410px;
}
#topw+ {
	float: left;
	width: 1024px;
}


#wtit-con {
	height: auto;
	width: 339px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #00FF99;
}
#downback {
	float: left;
	width: 1024px;
}
#proditem {
	width: 1024px;
}
#down {
	height: 47px;
	width: 1024px;
	float: left;
}
.style1 {
	color: #FFFFFF
}