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

html, body { margin:0; background:#fff; color:#a1a1a1; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
ul { list-style:none; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd { margin:0; padding:0; font-weight:normal; }
a { text-decoration:none; }
.clear { clear:both; }
.error { font-size:12px; color:#c90000; }

.container { min-height:100%; position:relative; }

/* header */
.header { height:130px; border-bottom:#898989 1px solid; margin-bottom:3px; }
.header .block { width:97%; margin:auto; padding-top:34px; }

.header .block .nav { float:right; color:#394996; margin-top:24px; }
.header .block .nav a { color:#394996; }
.header .block .nav a:hover { color:#9d9d5d; text-decoration:underline; }

/* navigation */
.navigation { height:30px; background:#c9cacc; }
.navigation ul { width:1000px; margin:auto; }
.navigation ul li { float:left; }
.navigation ul li a { width:249px; height:30px; background:#2e4490; line-height:30px; text-align:center; color:#fff; margin-right:1px; display:block; font-size:14px; font-family:'微軟正黑體'; }
.navigation ul li a.last { width:250px; margin-right:0; }
.navigation ul li a:hover, .navigation ul li a.selected { background:#9d9d5d; }

/* inside */
.insideBg { height:150px; background:url(images/insideBg.jpg) repeat-x; margin-bottom:42px; }
.insideBg .banner { width:1000px; margin:auto; }

.inside { width:1000px; margin:auto; margin-bottom:28px; }

.inside .aside { width:200px; float:left; overflow:hidden; }
.inside .aside ul.nav li a { height:40px; line-height:40px; border-top:#fff 1px solid; background:#f0f1c7; color:#9b9b5b; display:block; padding-left:12px; font-size:15px; }
.inside .aside ul.nav li a:hover, .inside .aside ul li a.selected { background:#9d9d5d url(images/asideSelected.jpg) right no-repeat; color:#fff; }

.inside .aside ul.item { margin-top:160px; }
.inside .aside ul.item li a { width:200px; height:70px; display:block; text-indent:-9999px; border-bottom:#fff 1px solid; }
.inside .aside ul.item li a.contactInfo { background:url(images/item.jpg) 0 -210px no-repeat; }
.inside .aside ul.item li a.contactInfo:hover { background-position:0 0; }
.inside .aside ul.item li a.service { background:url(images/item.jpg) 0 -280px no-repeat; }
.inside .aside ul.item li a.service:hover { background-position:0 -70px; }
.inside .aside ul.item li a.contactUs { background:url(images/item.jpg) 0 -350px no-repeat; }
.inside .aside ul.item li a.contactUs:hover { background-position:0 -140px; }

.inside .article { width:750px; float:right; }
.inside .article .subTitle { text-align:right; color:#cbcbcb; }
.inside .article .subTitle span { color:#9e9e9e; }
.inside .article h2 { font-size:26px; letter-spacing:1px; color:#9e9c61; border-bottom:#b2b387 1px solid; line-height:46px; padding-bottom:18px; font-family:'微軟正黑體'; }

.inside .article div.pageBar { border-top:#b3b286 1px solid; line-height:32px; font-family:Verdana, Geneva, sans-serif; text-align:center; color:#494b32; font-size:12px; }
div.pageBar a { color:#9a9f5d; }
div.pageBar a:hover { color:#06C; }
div.pageBar a.top {  float:right; }

/* footer */
.footer { width:100%; height:30px; line-height:30px; background:#898989; color:#fff; }
.footer .block { width:97%; margin:auto; }
.footer .block .info { float:left; }
.footer .block .copyright { float:right; }

/* -------------------------------- { 內容頁控制 } -------------------------------- */

/* index */
.mainBg { height:409px; background:url(images/mainBg.jpg) repeat-x; margin-top:1px; }

.mainBg .banner { width:1000px; height:409px; margin:auto; overflow:hidden; }
.mainBg .banner li { float:left; }

.mainBg .bannerPageBar { width:1000px; height:66px; margin:auto; position:relative; top:-215px; z-index:9999; overflow:hidden; }
.mainBg .bannerPageBar a:hover { opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
.mainBg .bannerPageBar a.prev { width:72px; height:66px; background:url(images/arrow.png) 0 0 no-repeat; display:block; text-indent:-9999px; float:left; }
.mainBg .bannerPageBar a.next { width:72px; height:66px; background:url(images/arrow.png) 0 -66px no-repeat; display:block; text-indent:-9999px; float:right; }

.mainInfo { width:1000px; min-height:308px; margin:42px auto 0 auto; }

.mainInfo .news { float:left; width:469px; }
.mainInfo .news .mtNews { width:469px; height:16px; background:url(images/mtNews.jpg) no-repeat; margin-bottom:20px; display:block; text-indent:-9999px; }
.mainInfo .news ul li { color:#9d9c59; line-height:20px; padding:12px 0; border-bottom:#cacaca 1px solid; }
.mainInfo .news ul li > a { font-size:13px; color:#9d9c59; }
.mainInfo .news ul li > a:hover { text-decoration:underline; }
.mainInfo .news ul li span { color:#a0a0a0; }
.mainInfo .news ul li span.date { float:right; }
.mainInfo .news ul li img { float:left; margin-right:16px; }
.mainInfo .news ul li div.date { line-height:36px; }
.mainInfo .news ul li div.content { color:#a2a2a2; }
.mainInfo .news ul li div.content > a { color:#a2a2a2; }
.mainInfo .news ul li div.content > a:hover { color:#06C; text-decoration:underline; }

.mainInfo .products { float:right; width:469px; }
.mainInfo .products .mtProduct { width:469px; height:16px; background:url(images/mtProduct.jpg) no-repeat; margin-bottom:20px; display:block; text-indent:-9999px; }
.mainInfo .products ul li { width:220px; }
.mainInfo .products ul li > a.img { width:220px; height:160px; display:block; overflow:hidden; }
.mainInfo .products ul li > a.text { line-height:26px; font-size:13px; color:#324587; margin:6px 0; display:block; }
.mainInfo .products ul li > a.text:hover { text-decoration:underline; }

/* about history */
.historyBlock { min-height:454px; }
.historyBlock li { border-bottom:#a9a9a9 1px dashed; color:#9e9e9e; }
.historyBlock li table tr td.year { width:86px; height:96px; font-size:28px; font-weight:bold; }
.historyBlock li table tr td.depict { font-size:13px; line-height:20px; padding:12px 0; }
.historyBlock li table tr td.cYear { width:86px; height:96px; font-size:28px; font-weight:bold; color:#9d9a67; }
.historyBlock li table tr td.cDepict { font-size:13px; line-height:20px; padding:12px 0; color:#595959; }

/* about concept */
.conceptBlock { color:#595757; font-size:15px; line-height:26px; }
.conceptBlock p { margin:24px 0; }
.conceptBlock img { margin-bottom:20px; }

/* product */
.productBlock { min-height:454px; padding-top:30px; }
.productBlock > div { width:360px; margin-bottom:18px; }
.productBlock > div > div { width:340px; height:220px; border:#ddd 10px solid; overflow:hidden; }
.productBlock > div > div img { width:340px; }
.productBlock > div > a { color:#545454; text-align:center; line-height:42px; font-size:15px; display:block; }
.productBlock > div > a:hover { color:#06C; }

/* product content */
.productBlock > div.content { float:left; margin:0 30px 30px 0; }
.productBlock > h3.name { color:#9e9d5a; font-size:22px; }
.productBlock > p { color:#737373; line-height:32px; font-size:15px; margin:28px 0; }

/* news */
.newsBlock { min-height:454px; padding-top:10px; }
.newsBlock > li { line-height:58px; border-bottom:#c8c8c8 1px dashed; font-size:13px; padding:0 18px; }
.newsBlock > li a { font-size:15px; color:#585858; }
.newsBlock > li a:hover { color:#06C; text-decoration:underline; }
.newsBlock > li span { color:#5a5a5a; float:right; }

/* news content */
.newsBlock .header { height:90px; border-bottom:#c6c6c6 1px dashed; margin-bottom:20px; }
.newsBlock .header h3 { font-size:18px; line-height:46px; color:#969c60; }
.newsBlock .header h4 { font-size:13px; color:#555; }
.newsBlock .content { color:#595758; line-height:32px; font-size:15px; margin-bottom:24px; }
.newsBlock .content img { float:left; width:250px; margin:10px 30px 10px 0; }

/* contact */
.contactBlock { min-height:456px; padding-top:32px; }

/* contact news */
.contactNews { width:200px; margin-top:46px; }
.contactNews div.newsTitle { border-bottom:#b1b487 1px solid; }

.contactNews dl { line-height:24px; border-bottom:#b1b487 1px solid; padding-bottom:12px; }
.contactNews dl dt { color:#979f56; margin:10px 0 8px 0; font-size:15px; }
.contactNews dl dd { color:#5b5b5b; font-size:13px; }
.contactNews dl dd.date { margin-bottom:12px; font-size:14px; }

.contactNews a { color:#9a9669; float:right; }
.contactNews a:hover { color:#06C; text-decoration:underline; }
.contactNews a.more { margin-top:6px; }

/* contact info */
.contactInfo li { line-height:40px; font-size:15px; color:#6e6e6e; border-bottom:#c8c8c8 1px dashed; padding-left:16px; }
.contactInfo li a { color:#6e6e6e; text-decoration:underline; }
.contactInfo li a:hover { color:#06C; }
.contactInfo li.company { font-size:18px; background:#e0e6f4; color:#33458d; }

/* contact us */
#contactForm { margin-top:-20px; }
#contactForm tr td { line-height:24px; padding:18px 0; border-bottom:#c8c8c8 1px dashed; font-size:15px; color:#707070; }
#contactForm tr td.title { font-size:18px; color:#020202; }
#contactForm tr td.bnone { border:none; }
#contactForm tr td input[type=text] { line-height:20px; }
#contactForm tr td input[type=submit] { width:100px; height:30px; background:#9d9d5d; color:#fff; float:right; border:0; display:block; cursor:pointer; }
#contactForm tr td input[type=submit]:hover { background:#2e4490; }

/*contact service */
.areaBlock { border:#bfbfbf 1px solid; padding:0 16px; margin-bottom:32px; }
.areaBlock h3 { font-size:18px; line-height:40px; color:#314091; padding-left:10px; }
.areaBlock dl { margin-bottom:24px; }
.areaBlock dl dt, .areaBlock dl dd { line-height:40px; border-bottom:#cbcbcb 1px dashed; padding-left:10px; }
.areaBlock dl dt { font-size:18px; color:#9a9b5f; background:#f2f0ca; }
.areaBlock dl dd, .areaBlock dl dd a { font-size:15px; color:#717171; }
.areaBlock dl dd a { text-decoration:underline; }
.areaBlock dl dd a:hover { color:#06C; }