@charset "UTF-8";

@media all
{
.wrapper {
    width: 100%;
	/*height:650px;*/
	min-height: 100%;
	background:#fff;
}
.main{
    margin: 0 0 0 25px;
	_margin-left:0;
    min-height: 100%;
	/*ie7& ie8*/
    #height: auto !important;
    /*width: 1000px;miles*/
    width: auto;
	height: 735px;
}
/*包左邊所有的div*/
.leftWrapper
{
	width:180px;
	display: block;
	height:650px;
	float: left;
}
/*content區左側 主選單*/
.mainMenu
{
	width:140px;
	/*margin:80px 0 0 20px;*/
	margin:30px 0 0 15px;	
}
.mainMenu ul {margin: 0 0 10px 0;display:block;}
.mainMenu ul li.noneStyle {border:none;padding:0;}
.mainMenu ul li{width:134px;border-bottom: 1px solid #afa299;padding:10px 0 0 3px;}
.mainMenu ul li a {text-decoration:none;}
.mainMenu ul li a:hover {text-decoration:none;}

div.sub UL {margin:15px 0 0 0;padding:5px;list-style-type:none;color:#666666;}
div.sub UL li{border:none;margin:5px 0 5px 0;padding:0;text-indent:15px;}
div.sub UL li a {display:block;color:#666;text-decoration:none;}
div.sub UL li a:hover 
{
	display:block;
	background-image:url("../images/icon_about_arrow.gif");
	background-repeat:no-repeat;
	background-position: 5px 5px;
	color:#ff5307;
	text-decoration:none;
	text-indent:15px;
	}
	
div.sub .star{
	display:block;
	background-image:url("../images/icon_about_arrow.gif");
	background-repeat:no-repeat;
	background-position: 5px 5px;
	color:#ff5307;
	text-decoration:none;
	text-indent:15px;
}

.button {float:right;margin:3px 2px 0 0;_margin-top:5px;}

/*content區中間大Image*/
.banner{width:243px;float:left;clear:right;margin: 0 10px;}

/*container 所有內容物*/
.container{float:left;padding-bottom:40px;}
/*麵包屑*/
.breadcrumb{display:block;color:#000;font-size:11px;font-size:10px \9;letter-spacing:0.5px;_margin-top:5px;margin-top:3px;}
.breadcrumb span a, a:hover{text-decoration:underline;color:#ff5307;}
.breadcrumb a {text-decoration:none;color:#000;}
.breadcrumb a:hover {text-decoration:underline;color:#ff5307;}
/*內容區塊框架*/
.content{width:430px;margin:25px 0 0 25px;}
/*文章*/
.paragraph {margin-bottom:40px;}
.paragraph a{color:#0000ee;text-decoration:underline;}
.paragraph a:hover{color:#ff7007;text-decoration:underline;}

/*大標*/
.paragraph span{display:block;margin-bottom:5px;color:#000;font-size:125%; font-weight:bold;font-family:微軟正黑體,新細明體;}
.paragraph span.subTitle {color:#306d00;font-family: 微軟正黑體,新細明體;font-size:14px;font-weight:bold;margin:0 0 5px 2px;}
.paragraph span.lineTitle 
{
	background-image:url("../images/icon_customer_dots.gif");
	background-repeat:no-repeat;
	background-position: 0px 4px;
	color:#000;
	margin:0 0 5px 2px;
	font-size:110%;
	text-indent: 10px;
}
.paragraph p{margin: 0 0 15px 2px;font-size:12px;}
.paragraph select {border: 1px solid #ccc;padding:2px;color:#3f3f3f;}

/*營運據點輪播css*/
.anyClass {position:relative;}
.anyClass UL{display:block;margin:0;}

/*上下箭頭*/
.prev {position:absolute; top:160px;left:0; z-index:20;cursor:pointer;}
.next {position:absolute; top:160px;left:365px; z-index:20;cursor:pointer;}
.anyClass UL li img {display:block;}

/*輪播*/
#pic4_area_border{z-index:10;width:555px;height:86px;position:relative;padding:0px 20px 24px 20px;background-image: url("../images/about_jquery_bg.png");_display:none;}
#pic4_area {z-index:10;padding-top:10px;}
#pic4_area li{margin:4px 5px 0px 5px;}
#pic4_area li img{border:2px solid #fff;}
.next2 {position:absolute; top:44px;left:575px; z-index:20;cursor:pointer;}
.prev2 {position:absolute; top:44px;left:0px; z-index:20;cursor:pointer;}
#rollover_4pic {position:absolute; top:0px;left:22px; z-index:0;cursor:pointer;}
#rollover_4pic_name {position:absolute;width:129px;top:85px;left:25px; z-index:20;cursor:pointer; color:#fff;text-align:center;font-size:11px;}
/**/

/*換圖數字*/
.imageSliderExt {color:#000;}
.imageSliderExt span{display:block;float:left;font-size:9px;margin-bottom:30px;margin-right:5px;cursor:pointer;}

/*文章內的條列式(服務據點)*/
.paragraph ul {width:400px;font-size:11px;color:#333;margin-bottom:25px;}
.paragraph ul li{margin-top:5px;text-indent:-18px;padding-left:18px;}

/*年份*/
.yearTitle, .yearTitle_service {display:block;font-size:80px;font-weight:bold;margin:55px 0 30px -1px;letter-spacing:-4px;font-family: Arial, Helvetica, sans-serif;}
.yearTitle {color:#8d903a;}
.yearTitle_service {margin-bottom:38px;*margin-bottom:40px;}
.yearTitle img {display:block;margin:5px 0 0 0;*margin-top:25px;}
.yearTitle_service UL {display:block;color:#d31e1e;list-style-type:none;margin:0px;_margin-bottom:50px;}
.yearTitle_service UL li {display:inline;font-size:80px;margin-right:8px;*margin-right:-5px;}
span img {display:block;clear:both;}
/*新聞、公益年份*/
.yearTitle_service UL li a{color:#d31e1e;font-size:50px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
.yearTitle_service UL li a:hover{text-decoration:none;*color:#000;#color:#000;text-shadow:2px 2px 5px #999;filter:shadow(color=#000000,direction:135,strength:3);  }


/*----------------------------------新聞列表-----------------------------------*/
.newsList{color:#000;margin-bottom:10px;}
.newsDetail{color:#000;margin-bottom:10px;}
.date{font-size:10px;letter-spacing:0.03em;margin:0;}
h5 {font-weight:bold;text-decoration:underline;}
.newsTitle { display:block;width:430px;font-size:15px; font-weight:bold;color:#000;margin:5px 0 20px 0;*margin-bottom:20px;}

/*web editor區塊*/
#editor { width:430px;color:#585858;letter-spacing:0.04em;line-height:18px;}
#editor ul{ list-style-type: disc; margin: 0 0 0 20px; }
#editor ol{ list-style-type: decimal; margin: 0 0 0 20px; }
#editor strong{ font-weight:bold; }
.newsList p{width:430px;color:#585858;margin-top:5px;}
.newsList a
{
	width:430px;
	display:block;
	text-decoration:none;
	margin-left:-8px;
	padding:5px 2px 10px 8px;
	color: #000;
}
.newsList a:hover 
{
	width:430px;
	display:block;
	text-decoration:none;
	margin-left:-8px;
	padding:5px 2px 10px 8px;
	_background: #ebeae6;
	#background: #ebeae6;
	
	/*漸層背景for ie、Safari、FF*/
	filter:progid:DXImageTransform.Microsoft.Gradient( startcolorstr=#f6f5f4, endcolorstr=#ebeae6, gradienttype=0);
	background: -moz-linear-gradient(top,  #f6f5f4,  #ebeae6);
	background: -webkit-gradient(linear, right bottom, left top,  from(#f6f5f4), to(#ebeae6));
	/*filter: alpha(opacity=80,finishopacity=15,style=5);
	background:#ebeae6; 
	-moz-opacity:0.5;
	opacity: 0.5;*/
	
	/*圓角*/
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;   

	color: #000;
}
/*-------------------------------頁碼-----------------------------------*/
.pages{display:block;float:left; margin:10px 0 0 0;}
.pages UL {list-style-type:none;margin:0;padding:0;display:block;height:23px;}
.pages UL li{float:left;font-size:11px;color:#000;letter-spacing:0.03em;margin-right:4px;}
.pages UL li input{border: 1px solid #808080;padding:3px;margin-top:0px;}

/*.pages UL li a {display:block;width:37px;height:23px;text-indent:-9999px;border:1px solid #333;}*/

.pages UL li.leftArrow a{display:block;text-indent:-999px;background:url("../images/icon_arrow.gif") no-repeat;width:37px;height:23px;}
.pages UL li.rightArrow a{display:block;text-indent:-999px;background:url("../images/icon_right_arrow.gif") no-repeat;width:37px;height:23px;}
.pages UL li.pageList a{display:block;text-indent:-999px;background:url("../images/icon_list.gif") no-repeat;width:32px;height:23px;}
.pages UL li a:hover{background-position:left bottom;}



/*人才招募牙齒*/
.paragraph h3 {font-weight:normal;margin-bottom:20px; color: #000;}
.paragraph h3 a {color:#6c2f17;text-decoration:underline;}
.paragraph h3 a:hover {color:#000;text-decoration:none;}
#a, #b, #c {text-decoration:none;}

/*人才招募的table設定*/
.paragraph table#benfit {width:380px;margin:0 0 0 2px;}
.paragraph table#benfit td {height:40px;background:#f4e8e2;border:1px solid #d1c3bd;padding:3px 5px;}
h6 {color:#6c2f17;margin-top:8px;font-weight:normal;}

/*顧客服務的table設定*/
.links 
{
	float:right;
	background-image: url(../images/icon_customer_links.gif);
	background-repeat: no-repeat;
	text-indent:18px;
	margin:0;
}
.links a{color:#155c00;}
.links a:hover{color:#000;}
.paragraph table#customer {width:400px;margin:0 0 15px 2px; border:1px solid #c7d7c5;}
.paragraph table#customer td {height:40px;background:#eceeeb;border-bottom:1px solid #c7d7c5;padding:7px 10px;}
table#customer h6 {color:#236c17;margin-top:8px;font-weight:normal;}
.paragraph table#customer td span 
{
	width:360px;
	padding:10px;
	margin:5px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	color:#333;
	font-size:12px;
	font-weight:normal;
	text-align:center;}

.paragraph table#count{width:400px;border-collapse:collapse;}
.paragraph table#count td {padding:3px 10px;border:1px solid #666;letter-spacing:0;}
.paragraph table#count td span {width:360px;padding:10px;margin:5px auto;-moz-border-radius: 10px;-webkit-border-radius: 10px;background:#e9e9e9;color:red;font-size:12px;}


/*人力資源QA牙齒*/
.container UL.tabNavigation {width:450px;margin-bottom:15px;}
.container UL.tabNavigation li{display:inline;margin:0;}
.container UL.qa{width:500px;_width:480px;}
.container UL.qa li.q{height:40px;background:url("../images/people_contentBg_01.gif") no-repeat;color:#333;font-weight:bold;}
.container UL.qa li.q img{margin:8px 0 0 13px;float:left;}
.container UL.qa li.q span{display:block;float:left;margin:10px 0 0 30px;letter-spacing:0.04em;line-height:13px;_padding-top:2px;#padding-top:2px;}
.container UL.qa li.a{color:#666;padding:5px 0 0 5px;margin-bottom:20px;}
.container UL.qa li.a ul{ list-style-type: disc; margin: 0 0 0 20px; }
.container UL.qa li.a ol{ list-style-type: decimal; margin: 0 0 0 20px; }
.container UL.qa li.a strong{ font-weight:bold; }

/*FAQ*/
.container .faq UL.qa li.q{height:40px;background:url("../images/faq_contentBg_01.gif") no-repeat;}
.container .faq UL.qa li.q span{display:block;float:left;margin:12px 0 0 65px;_margin-left:40px;_padding-top:2px;#padding-top:2px;}


.note{color:#838383;}
.note span {display:block;color:#000;font-size:125%;margin: 5px 0;}
.note p {width:430px;margin-bottom:10px;font-size:12px; font-size:11px \9;}
.note p a, a:hover {color:#eb4080;text-decoration:underline;}

.customer_notice 
{display:block;width:480px;-moz-border-radius: 10px;-webkit-border-radius:10px;border:1px solid #c4c3c3;margin:40px 0 0 0;padding:10px;font-size:90%; font-size:80% \9;}
.customer_notice a, a:hover {color:#eb4080;}

/*----------------------------------聯絡我們表單-----------------------------------*/
table#contact {padding:0;margin:5px 0 15px 0;border:1px solid #ccc;}
table#contact td {border:1px solid #ccc;align:left;vertical-align:top;padding:7px 10px 5px 10px;*padding:3px 10px 5px 5px;color:#b7b7b7;letter-spacing:0;}
table#contact td p {width:120px;margin:0;padding:0;color:#2d2c31;}
table#contact td p label{margin:0 5px 0 0; padding:0;}
table#contact td.formInfo {background-color:#eeeeee;padding:0;}
table#contact td input, textarea, select{padding:3px; letter-spacing:0.5px;}
table#contact a{color:#eb4080;text-decoration: underline;}
table#contact a:hover{color:#2d2c31;text-decoration:underline;}
/*input欄位rollover樣式*/
.inputType_off {opacity:0.5;filter: Alpha(opacity=50);}
.inputType_on {opacity:none;background:#d8d8d8;}

/*聯絡我們送出表單選項*/
.form_button {margin-left:150px;*margin-left:120px;}
.form_button a#clear, a#customer_clear{display:block;float:left;text-indent:-99em; width:86px; height:23px;}
.form_button a#clear {background: url("../images/bn_contactForm.gif") no-repeat top left;}
.form_button a#customer_clear 
{
	background: url("../images/bn_customerForm.gif");
	background-repeat: no-repeat;
	background-position: top left;
}
.form_button a#clear:hover, a#customer_clear:hover {background-position:left bottom;}

.form_button a#send, a#customer_send
{
	display:block;
	width:86px; 
	height:23px;
	float:left;
	background-repeat:no-repeat;
	background-position: -86px 0;
	text-indent:-99em; 
}
.form_button a#send {background-image: url("../images/bn_contactForm.gif");}
.form_button a#customer_send {background-image: url("../images/bn_customerForm.gif");}
.form_button a#send:hover, a#customer_send:hover {background-position:-86px bottom;}

/*隨滑鼠出來的table*/
table#tola_table {border-collapse: collapse;color:#555;font-weight:normal;border:5px solid #555;background-color:#fff;}
table#tola_table td {border:1px solid #666;padding:8px 10px 5px 5px;}
table#tola_table td.toal_title {background-color:#000;color:#fff;font-weight:bold;}

/*顧客服務Customer Service圖片*/
.linkgif
{
	margin-bottom:1px;
	cursor: pointer;
}

/*Member Login欄位,圖片*/
.logingif{cursor: pointer;}
.logintext
{
	display:none;
	width:131px;
	background:#241915;
	padding:0 3px 5px 3px;
	margin:0;
}
.inputid,.inputpass
{
	border:1px solid #4c4845;
	width:124px;
	margin:3px 0 0 3px;
	padding:2px 0 3px 2px;
	color:#7c7c7c;
}
.forgetpass
{
	display:none;
	text-align:right;
	cursor: pointer;
	margin:0 1px 5px 0;
	padding-top:5px;
}

/*查詢輸入欄位,圖片*/
.searchgif
{
	margin-bottom:1px;
	cursor: pointer;
}
.searchtext
{
	display:none;
	border:1px solid #373737;
	margin:5px 0 10px 5px;
	width:125px;
	height:22px;
}
.inputsearch
{
	display:none;
	float:left;
	padding:3px 0 3px 3px;
	font-size:12px;
	width:100px;
	*width:95px;
	color:#7c7c7c;
	border:none;
}

.searchtext img
{
	display:none;
	float:left;
	border:1px solid #BDC7D8;
}
.map_lightbox
{
	float:right;
	margin:5px 90px 0 0;
	_margin-right:45px;
}

/*miles0714
#editor a
{
	width:0px;
	display:none;
	text-decoration:none;
	margin-left:0px;
	padding:0px 0px 0px 0px;
	color: #000;
}
#editor a:hover 
{
	width:0px;
	display:none;
	text-decoration:none;
	margin-left:0px;
	padding:0px 0px 0px 0px;
	color: #000;
}*/
#showid1{z-index:99;border:5px solid #333;}
#showid2{z-index:99;border:5px solid #333;}
#showid3{z-index:99;border:5px solid #333;}
#showid4{z-index:99;border:5px solid #333;}
#showid5{z-index:99;border:5px solid #333;}
#showid6{z-index:99;border:5px solid #333;}
#showid7{z-index:99;border:5px solid #333;}
#showid8{z-index:99;border:5px solid #333;}
#showid9{z-index:99;border:5px solid #333;}
#showid10{z-index:99;border:5px solid #333;}

/*------------------------------------------------------購物地圖清單預覽-------------------*/
.preview_wrapper{width:730px;margin:0 auto;}
.listTitle {display:block;width:700px;height:92px;background-image: url("../images/list_titlebar.gif");background-repeat:no-repeat;}
.flash_map{margin-bottom:0;}
.bottom_wrapper {width:210px;display:block;margin: 0 20px 20px 0;float:left;}
UL#shoppingList {display:block;margin-bottom:15px;}
UL#shoppingList li {background-image:url("../images/list_bg.gif");background-repeat:no-repeat;width:165px;height:20px;margin:1px 0;color:#100700;font-family: Arial, Helvetica, sans-serif;}
UL#shoppingList li span.num {font-family:Arial, Helvetica, sans-serif;font-size: 8px;color:#fff;margin: 0 10px 0 9px;letter-spacing:0.02em;}
.popular {width:75px;background-image: url("../images/list_title_popularspot.gif"); background-repeat:no-repeat;padding-top:30px;margin-left:230px;}
.buttonArea {display:block;width:250px;height:30px;display:block;float:right;margin-bottom:20px;}
/*------------------------------------------------------搜尋結果-------------------*/
.searchresult {display:block;background-image: url("../images/search_bgimg.gif");background-repeat:no-repeat;width:509px;height:29px; padding: 5px 0 0 120px;margin-bottom:30px;}
.searchresult span {color:#000;}
UL#result {list-style-type:none;margin: 0 0 30px 0; }
UL#result li {width:480px;background-image: url("../images/search_icon_arrow.gif");background-repeat: no-repeat;background-position:5px 7px;padding:0 0 5px 18px;margin:12px 0 3px 0;border-bottom:1px solid #ccc;letter-spacing:0.04em;}
UL#result li span.resultdate{color:#000;font-size:9px;margin-right:10px;letter-spacing:0.04em;}
}