﻿/*
 * CSS Document 
 * ============================================================================
 * 版權所有  2012 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ============================================================================
 * $Author: 小玉$
 * $Date: 2012-08-10 (星期五) $
*/

@charset "utf-8";

body { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; color:#666; background:url(../images/gtop.png) top repeat-x #fff; font-size: 12px;}
a{ color:#ccc; text-decoration:none;}
a:hover{ color:#999;}
span.getFlash { background: url(../images/get_flash_player.gif) center no-repeat; display: block; width: 100%; height:100%;}
img { border: 0px; text-decoration: none;}
textarea{ resize:none; font-size: 12px;}
/* -----瀏覽器版本提示------ */
.browserVersion{ text-align:center; width:600px; padding:15px; color:#666; background:#fff; line-height:20px; font-size:12px;}
.browserVersion td{ background:#f3f5f2;}
.displayNone{ display:none;}

/* ---共同架構--- */
#gHeader, #iBanner, #gFooter{ width:1000px; height:124px; overflow:hidden; margin:0 auto;}
#gHeader .logo{ padding:18px 0 0 20px; width:215px; height:106px; overflow:hidden; float:left;}
/* 主選單 */
#gHeader .mainNav{ width:760px; height:40px; overflow:hidden; float:right; padding-top:57px;}
#gHeader .mainNav ul#nav {
	width: 760px; margin: 0; padding:0; text-align: center; overflow: hidden;
}
#gHeader .mainNav ul#nav li { float: left; list-style: none;}
#gHeader .mainNav ul#nav li a { display: block; width: 92px; height: 40px; padding: 0 0 0 0; margin: 0; background: url(../images/label.png) 0 -40px no-repeat;}
#gHeader .mainNav ul#nav li.first a{ width:110px; background: url(../images/label2.png) 0 -40px no-repeat;}
#gHeader .mainNav ul#nav li a:hover { background: url(../images/label.png) 0 0 no-repeat;}
#gHeader .mainNav ul#nav li.first a:hover{ background: url(../images/label2.png) 0 0 no-repeat;}
#gHeader .mainNav ul#nav li a.js:hover { background: url(../images/label.png) 0 -40px no-repeat;}
#gHeader .mainNav ul#nav li.first a.js:hover{ background: url(../images/label2.png) 0 -40px no-repeat;}
/* footer */
.footerBg{ background:url(../images/footer.png) top repeat-x;}
#gFooter{ height:68px;}
#gFooter .copyright{ background:url(../images/footer_logo.png) 40px 4px no-repeat; height:40px; padding:28px 0 0 131px; color:#4b3616; width:520px; float:left;}
#gFooter .copyright span.colorA, #gFooter .copyright span.colorA a{ color:#92531e;}
#gFooter .copyright span.colorB{ color:#755d42;}
#gFooter .copyright span.colorC{ color:#7d7d7d;}
#gFooter .grnet{ float:right; font-size:11px; -webkit-text-size-adjust: none; color:#d3d0cc; width:120px; overflow:hidden; padding:28px 24px 0 0; text-align:right;}
#gFooter .grnet a{ color:#d3d0cc;}
#gFooter .grnet a:hover{ color:#bbb;}

/* ---首頁--- */
.iBannerBg{ background:url(../images/imid.png) bottom repeat-x;}
#iBanner{ height:400px; width:1000px; margin:0 auto; overflow:hidden; display:block;}
a.iOSiBanner{ background:url(../images/ibanner.jpg) no-repeat; height:400px; width:1000px; margin:0 auto; overflow:hidden; display:block;}

/* ---內頁主架構--- */
.pMainCont{ width:967px; overflow:hidden; background:url(../images/content_bg.gif) left repeat-y; margin:6px auto 0; padding:0 15px 35px 18px;}
.pLeft{ width:192px; float:left; overflow:hidden;}
.pLeft h1{ padding:0; margin:0; width:192px; height:60px;}
.pLeft .subNav{ background:url(../images/dotline.gif) top repeat-x; margin:5px 1px 0 3px; padding-top:1px; width:188px; overflow:hidden;}
.pLeft .subNav .m1{ background:url(../images/dotline.gif) bottom repeat-x;}
.pLeft .subNav .m1 a{ display:block; background:url(../images/leftmenu_bg.png) no-repeat; height:36px; color:#9a7300; font-weight:bold; padding:0 30px 0 16px; line-height:36px;}
.pLeft .subNav .m1 a:hover{ background:url(../images/leftmenu_bg_hover.png) no-repeat;}
.pLeft .qLink{ width:192px; height:60px; overflow:hidden;}
.pLeft .subNav .m2{ background:#fff; border-bottom:#CCC 1px solid;}
.pLeft .subNav .m2 a{ display:block; height:30px; color:#333; padding:0 30px 0 16px; line-height:30px;}
.pLeft .subNav .m2 a:hover{ background:#ededed;}
.pLeft .qLink{ width:192px; height:60px; overflow:hidden;}
.pRight{ width:755px; float:right; overflow:hidden;}
.pRight .tiBanner{ width:755px; height:185px; overflow:hidden;}
.pRight .path{ background:url(../images/breadcrumbs_dot.gif) 8px 13px no-repeat; padding:10px 0 10px 24px; color:#582f12;}
.pRight .path a{ background:url(../images/breadcrumbs_aw.gif) right no-repeat; padding-right:16px; margin-right:9px; color:#979797;}
.pRight .path a:hover{ color:#666;}
/* 共用列表表格(最新消息、徵才訊息) */
.listTb tr{ background:url(../images/dotline.gif) center bottom repeat-x;}
.listTb th{ text-align:left; font-weight:normal; padding:10px 0 10px 20px;}
.listTb th.title{ font-weight:bold; color:#333; font-size:15px;}
.listTb th.evenBg, .listTb td.evenBg{ background:url(../images/even_bg.gif) repeat-x;}
.listTb th a{ color:#444;}
.listTb th a:hover{ color:#666; position:relative; left:1px; top:1px;}
.listTb td{ text-align:center; color:#ca1d00; padding:10px 0;}
/* 共用資訊表格(徵才訊息) */
.infoTb{ font-size:13px; line-height:22px; color:#444;}
.infoTb th{ padding:5px 0; background:#ededed; vertical-align:top;}
.infoTb td{ padding:5px;}
/* 共用表單表格(包車業務、聯絡我們) */
.formTb td, .formTb th{ background:#fff3e0; padding:5px;}
.formTb th{ text-align:right; background:#fae7c9;}

/* ---亞通巴士集團--- */
#companyBox{ width:710px; overflow:hidden; margin:0 auto; background:url(../images/faq_a_top.gif) top repeat-x; padding:20px; border-top:#e1e1e1 1px solid; line-height:22px; font-size:13px;}
#iBus{ height:230px; width:710px; margin:0 auto; overflow:hidden; display:block;}
a.iOSBus{ background:url(../images/company_pic1.jpg) no-repeat; height:230px; width:710px; margin:0 auto; overflow:hidden; display:block;}
#companyBox p{ padding:20px 0 0; margin:0; color:#483b28;}
#companyBox .olStyle{ padding:0; margin:0; background:#fcf4e1;}
#companyBox ol{ padding:0; margin:0; list-style:none;}
#companyBox ol li{ padding:10px 10px 10px 10px; background:url(../images/dotline.gif) center bottom repeat-x; border-bottom:#eed295 1px solid; color:#555; line-height:20px; margin:0;}
#companyBox ol li.noDot{ background:url(../images/no_dot.png) 10px 12px no-repeat; padding:10px 10px 10px 38px;}
#companyBox .infoTb.bgA{ width:710px; overflow:hidden;}
#companyBox .infoTb.bgB{ background:url(../images/characteristic_bg.jpg) 0 2px no-repeat;}
#companyBox .infoTb th{ background:#b2a28a; color:#fff; padding:2px 7px;}
#companyBox .infoTb.bgB th{ text-align:left; background:none; color:#333; border-bottom:none; padding:4px 10px;}
#companyBox .infoTb td{ border-bottom:#e9b27a 1px solid; background:#fff4e9; color:#483b28; padding:2px 7px;}
#companyBox .infoTb.bgB td{ background:none; border-bottom:none; padding:5px 10px;}
#companyBox .infoTb.bgC td{ padding:5px 10px;}
#companyBox .people{ background:url(../images/company_bg.jpg) no-repeat;}
#companyBox .people td{ padding:55px 45px 0; font-family:'微軟正黑體'; line-height:20px; color:#333;}
#companyBox h2.title{ background:url(../images/company_item.png) left no-repeat; line-height:16px; font-family:'微軟正黑體'; color:#e06400; padding-left:10px;}


/* ---車輛介紹--- */
#carsBox{ width:710px; height:429px; overflow:hidden; margin:0 auto; padding-top:20px; border-top:#e1e1e1 1px solid; line-height:22px; font-size:13px; background:url(../images/cars_bg.gif) center 20px no-repeat; position:relative;}
.bus{ position:absolute; top:325px; right:160px; z-index:50;}
#iCarouselWrap { position: relative; margin: 0 auto; width:710px; height:356px; overflow: hidden;}
.pBigPic { float: left; padding: 3px; width: 500px; height: 350px; overflow: hidden; background: url(../images/big_bg.png) 0 0 no-repeat;}
.panelPic { position: absolute; top: 3px; left: 3px; width: 500px; height: 350px; overflow: hidden;}
.panelOverlay { display: none; padding: 5px 110px 5px 10px; position: absolute; bottom: 3px; left: 3px; width: 350px; height: 40px; overflow: hidden; color: #fff; line-height: 18px; background: #000; opacity: .7; filter: alpha(opacity=70); -moz-opacity: 0.7; z-index: 20;}
#iAWrap { width: 96px; float: right; overflow: hidden; margin-right:20px;}
#iAWrap ul { list-style: none; padding: 0; margin: 0;}
/* jcarousel */
.jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px;}
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-vertical { width: 96px; height:300px; padding: 14px 0;}
.jcarousel-skin-tango .jcarousel-clip-vertical { width:  96px; height: 300px;}
.jcarousel-skin-tango .jcarousel-item { width: 92px; height: 65px; background:url(../images/small_bg.png) left top no-repeat; padding:2px;}
.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 0; left: 30px; width: 32px; height: 32px; background: transparent url(../images/next-vertical.png) no-repeat 0 -32px; cursor: pointer;}
.jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 0;}
.jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px;}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { background-position: 0 -96px; cursor: default;}
.jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 0; left: 30px; width: 32px; height: 32px; background: transparent url(../images/prev-vertical.png) no-repeat 0 -32px; cursor: pointer;}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 0;}
.jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px;}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { background-position: 0 -96px; cursor: default;}

/* ---最新消息--- */
#newsBox{ width:750px; overflow:hidden; margin:0 auto;}
#newsBox .textCont{ width:710px; margin:0 auto; overflow:hidden; padding:20px 0; background:url(../images/dotline.gif) center bottom repeat-x;}

/* ---乘車資訊--- */
#infoBox{ width:710px; overflow:hidden; margin:0 auto; background:url(../images/faq_a_top.gif) top repeat-x; padding:20px; border-top:#e1e1e1 1px solid;}

/* ---包車業務--- */
#serviceBox{ width:750px; overflow:hidden; margin:0 auto; padding:15px 0 0;}
#serviceBox h2.title{ padding:0; margin:0 0 10px;}
#serviceBox .carsTb td{ background:url(../images/service_bg1.png) center repeat-x; height:170px; vertical-align:top;}
#serviceBox .carsTb td.border{ border-left:#fff 5px solid;}
#serviceBox .carsTb td h3.item{ text-align:center; font-family:'微軟正黑體'; font-size:16px; color:#564d3f; padding:5px 0 0; margin:0; line-height:40px; height:40px;}
#serviceBox .carsTb .form{ padding:10px;}

/* ---徵才資訊--- */
#jobBox{ width:750px; overflow:hidden; margin:0 auto;}
#jobBox h2.title{ border-bottom:#ededed 1px solid; border-top:#ededed 1px solid; background:url(../images/even_bg.gif) repeat-x; padding:6px 8px 5px; margin:0; color:#333;}
#jobBox .time{ height:24px; padding:0 10px; text-align:right;}
#jobBox .time span{ color:#ca5361;}
#jobBox .textCont{ width:740px; margin:0 auto; overflow:hidden; padding:0 0 10px; background:url(../images/dotline.gif) center bottom repeat-x;}

/* ---常見問題--- */
#faqBox{ width:750px; overflow:hidden; margin:0 auto;}
#faqBox div.faqQ { cursor: pointer; padding:10px 0 10px 40px; width: 710px; overflow:hidden; background:url(../images/faq_q.png) 3px center no-repeat; border-bottom:#e1e1e1 1px solid; color:#666; font-size:13px;}
#faqBox div.faqA { display: none; width: 750px; overflow:hidden; background:url(../images/faq_a_top.gif) top repeat-x; border-bottom:#e1e1e1 1px solid; line-height:22px; color:#444;}
#faqBox div.faqA .bgBottom{ background:url(../images/faq_a_bottom.gif) bottom repeat-x; padding:10px 0;}
#faqBox div.faqA .aIcon{ background:url(../images/faq_a.png) 3px 0 no-repeat; padding:0 10px 0 40px; width:700px;}

/* ---友善連結--- */
#linkBox{ width:750px; overflow:hidden; margin:0 auto;}
#linkBox .list{ width:730px; padding:10px; overflow:hidden; background:url(../images/dotline.gif) bottom repeat-x; color:#ee8916;}
#linkBox .list a{ color:#ee8916; font-size:15px; font-weight:bold;}
#linkBox .list a:hover{ color:#f0ae62;}
#linkBox .list .pic{ width:206px; overflow:hidden; position:relative; padding:3px 0 0 3px;}
#linkBox .list .pic a img{ border:#ededed 3px solid;}
#linkBox .list .pic span{ position:absolute; top:0; left:0;}

/* ---聯絡我們--- */
#contactBox{ width:750px; overflow:hidden; margin:0 auto;}
#contactBox h2.title{ padding:0; margin:0 0 10px;}
#contactBox .infoTb{ border-bottom:#ccc 1px solid;}
#contactBox .infoTb caption{ background:url(../images/company_item.png) left no-repeat; line-height:16px; font-family:'微軟正黑體'; color:#e06400; padding-left:10px; font-size:15px; text-align:left; margin:0 0 20px;}
#contactBox .infoTb td{ border-top:#ccc 1px solid;}
#contactBox .infoTb th{ text-align:left; padding:3px 7px;}
#contactBox .infoTb span{ color:#C30; display:inline-block; padding-right:3px;}

/* ---其他--- */
.spacer10, .spacer20, .spacer30{ clear: both; overflow: hidden; font-size: 0; -webkit-text-size-adjust: none;}
.spacer10{ height:10px;}
.spacer20{ height:20px;}
.spacer30{ height:30px;}
.page{ padding-top:7px; color:#444444; font-size:13px;}
.page a, .page span{ display:inline-block; padding:5px 5px 1px; color:#444444;}
.page span{ color:#ca1d00; font-weight:bold;}
.page a:hover{ position:relative; left:1px; top:1px; color:#ca1d00;}
img.vm{ vertical-align:middle;}
.w70{ width:70px;}
.w120{ width:120px;}
.w220{ width:220px;}
.w300{ width:300px;}

.orderDL a { width: 203px; overflow: hidden; height: 62px; display: block; text-indent: -9999px; margin:0 auto; }
.orderDL a { background:url(../images/btndl.gif) no-repeat; }
.orderDL a:hover { background-position: 0 -63px; }


/* 防木馬
