/* CSS Document */

body,td,th,input,select,textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;color: #333333}
body {margin:0; margin-top:8px}
img {border:0}
form {margin:0; padding:0}
table {border-collapse:collapse; border-spacing:0; empty-cells:show; text-align:left}
th,td {border-collapse:collapse; padding:0px}
a {color:#333333; text-decoration:none}
a:hover {color:#f00}

#demo img {margin-right:10px; width:120px; height:90px}

.pages {text-align:right; margin:10px 0}
	.pages .count {font-weight:bold; padding-right:10px}

.mPage {width:880px; margin:0 auto; margin-bottom:8px}

.mMenu {height:26px; font-size:13px; background:url(images/menu_bg.gif) repeat-x; overflow:hidden; text-align:center}
	.mMenu a {color:#fff; padding:0 15px 0 15px; background:url(images/menu_line.gif) no-repeat right center}
	.mMenu a:hover {color:#fdbc4c}

.mFooter {border-top:2px solid #fd6701; height:80px}
	.mFooter td {color:#333; font-size:10px; line-height:16px}
	
.mLeft, .mRight {vertical-align:top}
.mLeft {width:200px}
	.mGuide {width:197px; margin:0; padding:0; border-top:1px solid #ccc}
	.mGuide li {height:32px; line-height:32px; background:url(images/line01.gif) repeat-x left bottom; padding-left:10px; white-space:nowrap}
.mRight {padding-left:3px}
	.mRight .pTitle {color:#f00; font-size:18px; height:32px; line-height:32px; padding-left:5px; border-top:1px solid #ccc; background:url(images/line01.gif) repeat-x left bottom}
	.mRight .pTitle2 {font-size:15px; padding:10px 0; padding-left:15px; color:#f00; background:url(images/line01.gif) repeat-x left bottom}
	.mRight .pBody {padding:13px 16px; line-height:150%}
	.mRight .location {padding-left:5px; margin-top:10px}
	.mRight .back {color:#00f; display:block; text-decoration:underline; text-align:right}

.pProduct {}
	.pProduct h4 {color:#f00}
	.pProduct table {width:100%; border-collapse:collapse}
	.pProduct table th, .pProduct table td {border:1px solid #ccc; padding:3px}

.indexProductT {background:url(images/line02.gif) no-repeat left center}
	.indexProductTd {width:33%; background:url(images/line02.gif) no-repeat right center}
.indexProduct {width:90%; margin:10px auto}
	.indexProduct img {border:1px solid #aaa}
	.indexProduct .ipP {width:96px}
	.indexProduct .ipT {font-size:12px; font-weight:bold}
	.indexProduct .ipB {}
	.indexProduct .more {float:right; display:block; width:51px; height:13px; margin-right:5px; background:url(images/more.gif) no-repeat}

.indexWord {}
	.indexWord th {color:#fff; height:18px; padding-left:10px; font-weight:normal; overflow:hidden; background:url(images/menu_bg.gif) repeat-x left center}

.indexAbout {padding:8px; line-height:15px}
	.indexAbout img {margin-right:10px}
.indexQC {margin-top:12px; margin-bottom:8px; margin-left:28px; padding:0}
	.indexQC li {margin-bottom:6px}

.FAQs, .Manual {width:100%; background:url(images/tr_bg1.gif)}
	.FAQs td, .FAQs th, .Manual td, .Manual th {font-size:13px; height:28px; padding-left:5px;  overflow:hidden}
	.FAQs th {width:100px; color:#999; font-weight:normall}
	.FAQs th.f {width:20px; text-align:right}
	
	.Manual th {background-color:#aaa; color:#fff}

.FAQsA {margin-top:12px}
	.FAQsA th, .FAQsA td {padding:3px}
	.FAQsA th {font-weight:normal; color:#f00; font-size:14px}
	.FAQsA td {font-size:13px; line-height:20px}
	.FAQsA td a {color:#00f; text-decoration:underline}
	.FAQsA .gotop {text-align:right}
	.FAQsA .gotop a {color:#00f; text-decoration:underline; font-size:12px}
	
.Picture {width:100%}
	.Picture td {width:25%; padding:5px 0; text-align:center}
	.Picture img {width:140px; height:105px}
	.Picture a {border:3px solid #ddd}
	.Picture a:hover {border:3px solid #f60}

.Products {width:100%}
	.Products td {width:25%; height:180px; vertical-align:top; overflow:hidden}
	.Products img {border:1px solid #aaa}
	.Products a {display:block; width:80%; margin-bottom:6px}

.guideLink {margin-top:12px;}
.guideLink .manual {display:block; width:196px; height:72px; overflow:hidden; line-height:300px; margin-bottom:12px; background:url(images/guide_link2.jpg) no-repeat left top}

.guideLink .contact {width:190px; height:27px; overflow:hidden; background-image:url(images/guide_link1.jpg); margin-bottom:12px; text-align:right; padding-top:45px; padding-right:6px}
