@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	/*color: #666699;*/
	/*color: #000066;*/
	color: #666666;
	font-family: "新細明體", "細明體";
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
a:hover {
	color: #990000;
}
a img { border:0;}
body {
	background-color: #C4C4C4;
	background-image: url(img/re.jpg);
	font-size: 11pt;
	
	behavior: url('csshover.htc');
}
#container {
	width: 980px;
	margin: 0 auto;
	background: url(img/wrap-bg.png) repeat-y center;
}
#subContainer {
	width: 960px;
	margin: 0 auto;
	background: url(img/left_bg.png) repeat-y;
}
#left, #right, #profile, #anime {
	float: left;
	/*border: 1px solid #333333;*/
}
#left {
	width: 240px;
	/*background: url(img/left_bg.png) repeat-y;*/
}
#left div {
	margin: 5px;
}
#left #leftLogo {	
	/*background: url(img/left_logo.png) no-repeat;*/
	width: 230px;
	height: 65px;
}
#left #leftMenu {
	margin-top: 20px;	
	text-align: center;
}
#left #contact {	
	margin-top: -20px;	
	text-align: left;
	padding-left: 1em;
}

#right {
	width: 720px;
	_width: 700px;
	font-size: 16px;
	height: auto;
}
#right #rightMenu {
	text-align: right;
	/*font-size: 13px;*/
}
#right #rightMenu li {
	display: inline;	
}
#right #rightMenu a {
	text-decoration: none;
	/*font-size: 14px;*/
	font-weight: bold;	
}
#right #topImage {
	text-align: right;
}
#right #rightLogo {
	text-align: right;
	margin-top: 0px;
	margin-bottom: 30px;
}

#right #profile {
	width: 250px;
	text-align: left;
	padding-left: 50px;
	_padding-left: 40px;
}
#right #profile .text{
	text-indent: 2em;
	line-height: 1.5em;
	width: 250px;	
	
	margin-bottom: 30px;
}
#right .note{
	color: #FF9900;
	text-align: left;
	font-weight: bold;
}

#right .notex{
	color: #FF9900;
	text-align: left;
	font-weight: bold;
	text-decoration: line-through;
}
#right #anime {
	margin: 55px 50px;
	_margin: 55px 30px;
}
#right #slogan {
	clear: both;
	text-align: right;
	width: 630px;
	margin: 0 auto;
	margin-top: 30px;
}
#right #slogan img {
	border: 0;
}

#right .text {
	text-justify:distribute-all-lines;
	text-align-last:justify;
	display: block;
	
	*text-justify: left;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 18px;
	font-size:12pt;
	color:#666;
}


#footer {
	clear: both;
	color: #666;
	padding-top: 30px;
	padding-left: 240px;
	padding-bottom: 10px;
	text-align: center;
}
#footer p {	
	border-top: 1px solid #999;
	width: 460px;
	margin: 0 auto;
	padding: 0.5em 0;
}


#right .titleImage {
	padding-left:50px;
	padding-bottom: 10px;
	text-align:left;
}
#right #qna .title {
}
#right #qna, #right #note ul, #right #note dl, #right #rates dl {
	text-align: left;
	padding: 0 50px;
	list-style: none;
	
	/*margin-bottom: 30px;*/
}
#right #qna li, #right #note li, #right #rates li {
	padding: 10px 0;
}
#right #qna li {
	/*list-style-image: url(img/questionmark.jpg);*/
}
#right #qna .text {
	margin-left: 25px;
}
#right #qna img {
	vertical-align: middle;
}
#right .title {
	font-size: 16px;
	color: #666666;
	margin-bottom:5px;
}
#right #note li, #right #rates dl li {
	padding: 0;
	color: #FF9900;
	list-style: upper-alpha;
}
#right #note div {
	font-size: 16px;
	font-weight: bold;
	color: #FF3300;
	padding: 0.5em 50px;
	padding-top: 1em;
}
#right #note table {
	width: 620px;
	margin: 0 auto;
	margin-bottom: 20px;
}
#right #note .text {
	padding: 10px 0;
	padding-left: 5px;
}

/*---------------  rate  ------------------*/
#right #rates .rtittle {
	text-align:left;
	color:#F93;
	font-weight:bold;
	border: 1px dotted #666;
}
#rates .tr1{}
#rates .tr2{ background:#FC9;}

#rates .td1{}
#rates .td2{}
#rates .td3{}
#rates .td4{}
#rates .td5{}
#rates .td6{}
#rates .td7{}
#rates .td8{}


#right #rates table {
	width: 620px;
	margin-left: 50px;
	text-align: right;
	border-collapse: collapse;
	/*border: 1px dotted #999;*/
	margin-bottom: 30px;
	margin-right: 70px;
	font-size:11pt;
}

#right #rates table td {
	padding: 2px 0;
	border: 1px dotted #666;
	border-top: 0;
	background-color: #FFFFED;
	line-height:1.2em;
}
#right #rates table .row2{ background: #F90; color:#FFF;}
#right #rates .ttt {
	padding: 3px 0;
	border: 1px dotted #666;
	border-top: 0;
	background-color: #FFFFED;
}

#right #rates .colTitle1, #right #rates .colTitle2 {
	text-align: center;
	font-size: 16px;
}
#right #rates .remark

#right #rates .tableTitle {
	font-weight: bold;
	text-align: left;
	color: #FF6600;
	background:#F90;
	border: 1px dotted #999;
	background-color: #FFF;
	padding: 5x 0;
}

#right #rates .prodName {
	text-align: left;
}
#right #rates .prodName a{ padding:0 3px;}
#right #rates .remark{ font-size:10pt; line-height:1.2em;}
#right #rates dl { margin-left:-20px; margin-top:10px;}
#right #rates dl ul {}
#right #rates dl li {	
	list-style: decimal;
}
#right #rates .service {margin:10px;}
#right #rates .service a {color: #663300;}

#right #unit {text-align: right;}
#right #categories {height: 400px;}
#right #categories table {
	width: 620px;
	margin: 100px auto;
}
#right #categories td {
	width: 25%;
}
#right #categories img {	
	text-align: center;
}
#right .categoryName {	
	padding: 5px;
	vertical-align: top;
}

#right #category, #right #product {
	width: 620px;
	margin: 0 auto;
	margin-bottom: 0px;
}
#right #category td {
	width: 33%;
	text-align: center;
}
#right .product {
	margin-bottom: 10px;
}
/*#right .photo {
	width: 200px;
	vertical-align: top;
}*/
#right .photo img {
	/*width: 200px;*/
	border: 2px solid #CCC;
}
#right #category .photo img:hover {
	/*width: 200px;*/
	border: 2px solid #FF0000;
}
#right .detail {
	font-size: 15px;
	width: 420px;
	vertical-align: top;
}
#right .detail table {	
	border-collapse: collapse;
	border-spacing: 0;
	margin-left: 10px;
	width: 92%;
}
#right .detail td {
	padding: 4px;
	border: 1px solid #333;
	background-color: #DDD;
}
#right .detail .label {
	width: 5em;
	background-color: #999;
	color: #FFF;
	text-align: center;
}
#right .detail .feature {
	padding-left: 1.5em;
/*	list-style: outside;*/
}
#right .feature li {
	/*color: #990000;*/
	text-indent: -0.5em;
	margin-left: 0.5em;
	margin-top:5px;
	line-height:1.2em;
}
#right .product .model, #right #category .model{
	text-align: center;
	background-color: #99CC00;
	color: #333;
	height: 1em;
	font-weight: bold;
}


#right #contactTable {
	width: 600px;
	margin: 0 auto;
	margin-bottom: 30px;
}
#right #contactTable td {
	padding: 3px 0;
}
#right #contactTable .label {
	width: 6em;
	text-align: right;
	vertical-align: top;
}
#right #ServiceList label {
	margin-right: 10px;
}
#right #TextExt {
	width: 4.5em;
}
#right #TextEmail, #right #TextAddress {
	width: 60%;
}
#right #TextContent {
	width: 100%;
	height: 150px;
}

#right #contactTable .rright {
	float:right;
	float:left; 
	bordercolor:#CCCCCC ;
	padding-right: 20px ;
}

#right #contactTable .ttable {
	width:200px;
	border:thin dashed #CCCCCC;
	align:right;
	cellpadding:0;
	cellspacing:0;
}

#right #contactTable .textbox {
	border: 1px solid #7F9DB9;
}

#right .money {
	color: #FF9900;
}

.spec {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	text-align:left;
}
.spec td {
	border-bottom: 1px dashed  #CCC;
	width: 50%;
	padding: 2px;
}
.spec li {
	border-bottom: 1px dashed  #999;
	margin-bottom: 3px;
	padding-bottom: 2px;
}
.spec2 {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	text-align:left;
}
.spec2 td {
	border-bottom: 1px dashed  #CCC;
	padding: 2px;
}
.spec2 li {
	border-bottom: 1px dashed  #999;
	margin-bottom: 3px;
	padding-bottom: 2px;
}

#product .linkcolor a {
	color: #FF0000;
	font-size: 15px;
}
#item {
	width: 620px;
	padding: 0px;
	margin-right: 120px;
}
#itemx {
	text-align: center;
	padding: 0px;
	width: 519px;
	vertical-align: middle;
}
#items {
	text-align: center;
	width: 124px;
}

#product1 {
	align:center;
	text-aling:left;
	margin: 0px;
	padding-bottom: 10px;
	padding-left: 50px;
}

#product2 {
	align:center;
	text-aling:left;
	margin: 0px;
	padding-left: 50px;
}

.producttr { 
align:center;
text-aling:center;
}

.producttop {
	text-aling: left;
	font-color: 999999;
	font-size: 3;
	face: 新細明體;
	align: left;
	font-weight: bold;
	text-align: left;
}

#listlink {
	texe-align : center;
	width :630px;
	text-align: center;
}

.tablex {
	width : 630px;
	align : center;
	text-align : center;
	height: auto;
	padding-right: 3px;
	padding-left: 3px;
}

.ddd {
	font-weight: bold;
	color: #666666;
}

.dtext {
	text-align:justify;
	text-justify:distribute-all-lines;
	text-align-last:justify;
	display: block;	
	*text-justify: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 17px;
	line-height: 18px;
}

.tablexx {
	width : 750px;
	align : center;
	text-align : center;
	height: auto;
	padding-right: 2px;
	padding-left: 3px;
}

.tableone {
	width : 630px;
    border : 1 ;
	cellspacing : 0 ;
	cellpadding : 0 ;
	bordercolor : #808080 ;
}