/* CSS Document */



* {	margin:0; padding:0; font-size:100%;}



body{background:#3d3d3d; text-align:center;}

.top-tail{ background:url(images/top-tail.gif) top repeat-x #ffffff;}

.bot-tail{ background:url(images/bot-tail.gif) bottom repeat-x;}



img {vertical-align:top;}

a img { border:0;}



ul { list-style:none;}



.left { float:left;}

.right {float:right;}

.clear  { clear:both;}





html{ font-family:Arial, Helvetica, sans-serif; font-size:0.6875em; line-height:1.455em; color:#464646;}



input, select { vertical-align:middle; font-weight:normal;}



a {color:#8a8a8a; text-decoration:none;}

a:hover{text-decoration: underline;}

p {padding-top:15px;}



h1{ font-size:4.273em; line-height:1em; padding:22px 0 0 28px;}

h1 a{ display:inline-block; background:url(images/logo-bg.gif) no-repeat 0 5px; padding:0 0 0 62px; text-decoration:none; color:#ffffff; font-weight:normal;}

h1 span{ font-size:0.277em; text-transform:uppercase; display:block; color:#000000; font-weight:bold; line-height:1em; margin-top:-5px;}

h2{ font-size:2.909em; text-align:right; line-height:1.125em; padding:145px 56px 0 0; color:#313130; font-weight:normal;}

h2 span{ color:#27d4ff; letter-spacing:2px;}

h2 b{ font-weight:normal; color:#ffffff;}

h2 strong{ font-family:Arial Black, Arial Black, Gadget, sans-serif; font-weight:normal;}

h3{ font-size:2.364em; font-weight:normal; color:#000000; padding-bottom:33px;}

h3 strong{ font-size:1em !important;}

#content strong{ font-size:1.091em; display:block; color:#33b8d9; letter-spacing:normal;}

#content .strong1{ font-size:1.182em;}

#content .strong2{ font-size:1.636em; color:#464646; font-weight:normal; }

cite{ font-style:normal;}



/* ============================= main layout ====================== */

.imgindent {margin:0 20px 0 0; float:left;}

.phone{ float:right; padding-right:30px;}

.phone2{ float:right; padding-right:100px;}

.space1{ margin-left:25px;}

.margin1{ margin-top:35px !important;}

.padding1{ padding-top:20px;}

.padding2{ padding-top:40px;}

.padding3{ padding-top:15px;}

.padding4{ padding-top:60px;}

.padding5{ padding-top:30px;}

.padding6{ padding-top:10px !important;}



/* ============================= content ====================== */

#content{ background:url(images/content-tail.gif) top repeat-x;}

.column-2{ background:url(images/column-03.jpg) right repeat-y #ffffff;}

.column-02 .bot-line{ background:url(images/bot-line1.gif) bottom repeat-x;}



.indent, .column-1 .indent{ padding:38px 30px 25px 20px; position:relative;}

.column-2 .indent{ padding:38px 5px 32px 40px; position:relative;}

.column-2 .indent1{ padding-bottom:7px;}

.line1{ background:url(images/line.gif) no-repeat 155px 0; width:100%;}

.line2{ background:url(images/line.gif) no-repeat 311px 0; width:100%;}

.line3{ background:url(images/line.gif) no-repeat 467px 0; width:100%;}



.link, .link2{ font-size:1.091em; color:#7d7d7d; display:inline-block; background:url(images/link-bg.gif) no-repeat 0 2px; padding-left:20px; margin-top:15px; font-weight:bold;}

.link2{ background:url(images/link2-bg.gif) no-repeat 0 2px; margin-top:10px;}

.link1{ display:inline-block; font-size:1.091em; margin-top:7px; color:#00b2e2; text-align:left;}

.link3{ color:#33b8d9;}



.links{ text-align:center;}

.links .column-2{ background:none;}

.unline{ border-bottom:solid 1px #cbcbcb; padding-bottom:22px; margin-bottom:22px;}

.author{ text-align:right; color:#33b8d9; font-weight:bold; display:block;}



.box{ background:url(images/box-bot-tail.gif) bottom repeat-x #545454;color:#acacac; width:289px; height:10px; float:right;}

.box h3{ color:#ffffff; padding-bottom:10px;}



.list{ margin-top:-4px;}

.list li{ font-size:1.091em; color:#00b2e2; line-height:2.083em;}

.list li a{ color:#00b2e2;}



/* ============================= footer ====================== */

#footer{ color:#ffffff;}

#footer a{ color:#ffffff; text-decoration:none;}

#footer a:hover{ text-decoration:underline;}

#footer .text{ padding:23px 0 0 26px;}



/* ============================= forms ============================= */

#SignupForm input{ border:solid 0px; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:6px 0 5px 3px; width:255px; margin-top:10px;}



#ContactForm label{ display:block; height:67px;}

#ContactForm input{ border:solid 0px; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:6px 0 5px 3px; width:255px; margin-top:10px;}

#ContactForm textarea{ border:solid 0px; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:6px 0 5px 3px; width:255px; margin-top:10px; height:103px;}

#ContactForm a{ float:right; margin-left:14px;}



form a{ display:inline-block; float:right; background:url(images/link-tail.gif) top repeat-x; color:#ffffff; font-weight:bold; text-decoration:none; margin-top:13px;}

form a span{ display:block; background:url(images/link-left-bg.gif) left top no-repeat;}

form a span span{ background:url(images/link-right-bg.gif) right top no-repeat; padding:4px 15px 6px 15px;}

form a:hover{ background:url(images/link-tail-act.gif) top repeat-x;}

form a:hover span{ background:url(images/link-left-bg-act.gif) left top no-repeat;}

form a:hover span span{ background:url(images/link-right-bg-act.gif) right top no-repeat;}



/* ============================= index-1 ============================= */

.column-02{ background:url(images/column-tail.jpg) top no-repeat;}

.column-03{ background:url(images/column-03.jpg)  right repeat-y #ffffff; }

.column-02 .bot-line{ background:url(images/bot-line.gif) bottom repeat-x #ffffff;}

.pro-title{ margin-bottom:10px; margin-top:10px;}

.btitle{ font-family:Arial, Helvetica, sans-serif; font-size:2em; color: #333333; }

.atitle{ font-family:Arial, Helvetica, sans-serif; font-size:3em; color: #333333; line-height:90%; margin-left:20px;}

.titleblu{ margin-top:7px; margin-left:3px;}

.imag1{ margin-top:60px;}

.imag2{ padding-left:10px;}

.imag3{padding-left:90px;}

.imag4{padding-left:0px;}

.imag5{padding-left:200px;}

.imag6{padding-left:30px;}

.imag7{padding-left:140px;}

.imag8{padding-left:50px;}

.imag9{padding-left:160px;}

.imag01{ padding-top:10px;}

.manu1{  margin-top:40px;}

/* ============================= index-1-1 ============================= */

.imag1-1{ margin-top:70px;}



.imag2-2{ margin-bottom:100px;}

.imag2-3{ padding-left:60px;}

/* ============================= index-1-3 ============================= */

.imag1-3{ margin-top:70px; padding-left:20px;}

/* ============================= index-1-01 ============================= */

.a01{ font-family: Arial, Helvetica, sans-serif; font-size:1em; padding:5px 5px 5px 30px; text-align:center;}

.a02{ font-family: Arial, Helvetica, sans-serif; font-size:1em; padding:5px 5px 5px 5px;text-align:center;}

.a03{ font-family: Arial, Helvetica, sans-serif; font-size:1em; padding:5px 5px 5px 18px; text-align:center;}



/* ============================= index-1-6-01 ============================= */

.foa{ font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; color:#00a2db;letter-spacing:0.07em;}

.fob{ font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#4e4e4e; letter-spacing:0.07em;}

/* ============================= back ============================= */



.bfon{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color:#FFFFFF; background-color: #000000; padding:5px 5px 5px 5px;}

/* ============================= index-3 ============================= */

.column-04{ background:url(images/column-tail1.jpg) top no-repeat;}

/* ============================= index ============================= */

.strong3{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#4e4e4e; letter-spacing:0.04em; line-height:180%;}

.ima1{ padding:20px 0px 5px 5px;}

.strong4{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#646363; letter-spacing:0.04em;font-weight:bold;}

.strong5{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#646363; letter-spacing:0.04em;font-weight:bold;line-height:180%;}

.strong6{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#646363; letter-spacing:0.04em;line-height:180%;}

.strong7{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#646363; letter-spacing:0.04em;}

.ch3{ font-family:PMingLiU; font-size:2em; color:#000000; padding-bottom:33px; }





/* ============================= C_index-1 ============================= */

.column-05{ background: url(images/c_column-tail.jpg) top no-repeat;}

.cbtitle{ font-family:PMingLiU; font-size:2em; color: #333333; }

.catitle{ font-family:PMingLiU; font-size:3em; color: #333333; line-height:90%; margin-left:20px;}



/* =============================    ============================= */

.lefta ul { list-style-type:none; margin:0px; padding:0px;}

.lefta li { margin:2px;}

.lefta li a{ width:244px; height:26px; display:block; text-decoration:none;}

.lefta li.one a{ background-image:url(images/product manu/a/a1.jpg);}

.lefta li.one a:hover{ background-image:url(images/product manu/b/b1.jpg);}

.lefta li.tow a{ background-image:url(images/product manu/a/a2.jpg);}

.lefta li.tow a:hover{ background-image:url(images/product manu/b/b2.jpg);}

.lefta li.tree a{ background-image:url(images/product manu/a/a3.jpg);}

.lefta li.tree a:hover{ background-image:url(images/product manu/b/b3.jpg);}

.lefta li.for a{ background-image:url(images/product manu/a/a4.jpg);}

.lefta li.for a:hover{ background-image:url(images/product manu/b/b4.jpg);}

.lefta li.fiv a{ background-image:url(images/product manu/a/a5.jpg);}

.lefta li.fiv a:hover{ background-image:url(images/product manu/b/b5.jpg);}

.lefta li.si a{ background-image:url(images/product manu/a/a6.jpg);}

.lefta li.si a:hover{ background-image:url(images/product manu/b/b6.jpg);}