@import url("reset.css");

body{ font-family:Arial, Helvetica, sans-serif; background:url(../img/bg.gif) top  no-repeat; background-color:#FFF;}

/* ---------------------最外層包裝--------------------------- */
#WRAPPER{ width:1000px; margin:0 auto; text-align:left;}

/* ------------------------頁首------------------------ */
#HEADER{ width:1000px; height:55px; margin:0 auto; position:relative;}
#HEADER img{ margin-left:10px; margin-top:8px;} 
#HEADER ul{ position:absolute; right:0; margin-top:-50px !important; margin-top:5px !important; margin-top:5px; margin-right:25px;}
#HEADER li{ float:left; background-image:url(../img/line01.gif); background-repeat:no-repeat; background-position:right bottom; font-size:73%;}
#HEADER li a{ display:block; padding:0 5px; line-height:16px; color:#547264; text-decoration:none;}
#HEADER li a:hover{ color:#069;}

#HEADER #SEARCH{ line-height:16px; position:absolute; right:25; width:460px; margin-top:-40px !important; margin-top:20px !important; margin-top:20px; text-align:right;}
#HEADER #SEARCH .search_btn{background-image:url(../img/btn_search_en.gif); border-style:none; width:55px; background-color:#FFF; height:16px; margin-bottom:3px; background-repeat:no-repeat;}

/* -----------------------主選單------------------------- */
#MAIN_MENU
{
    margin: 0 auto 20px auto;
    width: 955px;
    height: 24px;
    background: url(../img/menu01.gif) left repeat-x;
}
#MAIN_MENU ul{}
#MAIN_MENU li{ float:left;}
#MAIN_MENU ul li div a:hover
{
    font-weight: bold;
    text-decoration: none;
    font-size: 78%;
    color: #FF3300;
}
.MAIN_MENU_a{ font-weight:bold; display:block; width: 130px; height: 24px; line-height: 24px; background-image: url(../img/menu02.gif); background-position: top; color: #FFF; text-decoration: none; text-align: center; font-size:78%;}
.MAIN_MENU_a2{ font-weight:bold; text-decoration: none; font-size:78%; color:#006699;}
.MAIN_MENU_hover{height: 24px; line-height: 24px; background-image: url(../img/menu01_2.gif); background-position: 0px 24px; vertical-align:bottom;}
.nav_list {display:none; margin-left:2em; margin-top:5px; position:absolute; z-index:20; width:700px; text-align:left;}
/*英文特殊設定*/
#nav03_list {display:none; margin-left:2em; margin-top:5px; position:absolute; z-index:20; width:300px; text-align:left;}
#nav04_list {display:none; margin-left:2em; margin-top:5px; position:absolute; z-index:20; width:300px; text-align:left;}
#nav05_list {display:none; margin-left:2em; margin-top:5px; position:absolute; z-index:20; width:400px; text-align:left;}
#nav06_list {display:none; margin-left:2em; margin-top:5px; position:absolute; z-index:20; width:300px; text-align:left;}
#nav07_list {display:none; margin-left:-5em; margin-top:5px; position:absolute; z-index:20; width:260px; text-align:left;}

/* -----------------------首頁形象區------------------------ */
#HEADERPAN{ width:955px; height:304px; margin:0 auto; margin-top:10px;}

/* -----------------------首頁內容區------------------------ */
#CONTENT{  text-align:left;width:955px; margin:0 auto; margin-top:10px;}
#CONTENT #NEWS{ clear:both; width:305px; float:left; background:url(../img/line_01.gif) right no-repeat; padding-right:10px;}
#CONTENT #NEWS h1{ background:url(../img/icon_news.gif) left no-repeat; font-size:90%; color:#51977c; line-height:33px; padding-left:40px;}
#CONTENT #NEWS ul{ font-size:78%;}
#CONTENT #NEWS li{ background:url(../img/icon_dot.gif) left no-repeat; padding-left:10px; line-height:18px; margin-left:5px;}
#CONTENT #NEWS li a{ color:#333; text-decoration:none;}
#CONTENT #NEWS li a:hover{ color:#069;}
#CONTENT #NEWS li span a{ background:url(../img/menu03.gif) right no-repeat;}

#CONTENT_2{ width:640px; margin:0 auto; float:right;}

#CONTENT #EVENTS{ width:305px; float:left; background:url(../img/line_01.gif) right no-repeat; padding-right:10px;}
#CONTENT #EVENTS h1{ background:url(../img/icon_events.gif) left no-repeat; font-size:90%; color:#51977c; line-height:33px; padding-left:40px;}
#CONTENT #EVENTS ul{ font-size:78%;}
#CONTENT #EVENTS li{ background:url(../img/icon_dot.gif) left no-repeat; padding-left:10px; line-height:18px; margin-left:5px;}
#CONTENT #EVENTS li a{ color:#333; text-decoration:none;}
#CONTENT #EVENTS li a:hover{ color:#069;}

#CONTENT #BUSINESS{ float:left; width:305px;}
#CONTENT #BUSINESS h1{ background:url(../img/icon_business.gif) left no-repeat; color:#51977c; line-height:33px; padding-left:40px; font-size:90%;}

/* -----------------------首頁產品區------------------------ */
#PRODUCT{ width:955px; margin:0 auto;}

#PRODUCT_2{ width:670px; float:left;}

#PRODUCT #BUY{ float:left; width:320px; padding-right:10px;}

#PRODUCT #SELL{ clear:none !important; clear:both; float:right; width:320px; background:url(/img/line_01.gif) right no-repeat; padding-right:15px;}
.h1{ font-size:90%; color:#51977c; line-height:30px;}
.h2{ font-size:83%; color:#67a101; padding-left:10px;}

#PRODUCT #PRODUCT_SERVICE{ float:right; width:280px;}

/* ----------------------內容上方形象區--------------------------- */
#HEADERNAV{ width:955px; height:154px; margin:0 auto; margin-top:10px; text-align:left; }
#pic{ clear:both; float:left; width:160px; height:134px; padding-top:20px; padding-left:0px;}
#img{ float:right; width:760px; height:30px; padding-top:124px;}
#title{ float:left; width:500px; background:url(/img/icon_title.gif) left no-repeat; padding-left:20px; color:#690; font-size:15px; font-weight:bold;}
#nav{ float:right; width:330px; font-size:78%; color:#999; text-align:right; padding-right:10px;}
#nav a{ text-decoration:none; color:#666;}
#nav a:hover{ color:#069;}


/* ----------------------內頁中間內容區------------------------------- */
/* ------左----------- */
#CONTENT #LEFT{ clear:both; width:160px; float:left; padding-right:10px;}
#CONTENT #LEFT h3{ font-size:90%; color:#69c79b; line-height:120%;}
.left_text{ font-size:74%; color:#8c9478; background:url(/img/left_line.gif) bottom no-repeat; padding-bottom:23px;line-height:160%;}

#CONTENT_MAIN{ width:760px; margin:0 auto; float:right;}

#CONTENT #CENTER{ width:570px; float:left; padding-left:0px; padding-right:0px; }
#SEARCH_LIST{ background:url(/img/date_bg.gif) left no-repeat; line-height:32px; font-size:83%; color:#637975; font-weight:bold; padding-left:10px;}

/* ----------------------服務據點--------------------------- */
.tabs ul{margin:0 auto; display:block;}
.tabs li{float:left; margin-right:5px; margin-bottom:8px;}
.tabs li a{display:block;background-image:url(/img/right.gif);color:#006699;font-size:83%;text-decoration:none;font-weight:bold;font-family:Arial, Helvetica, sans-serif;background-position:right top;}
.tabs li a:hover{background-position:right -42px;}
.tabs li a span{display:block;background-image:url(/img/left.gif);background-repeat:no-repeat;padding:2px 10px 2px 10px;}
.tabs li a:hover span{background-position:left -42px;}

#news_list ul h2.city { background:url(/img/title_bg.gif) repeat-x left; display:block; height:26px; color:#90a91c; font-size:83%; line-height:26px; padding-left:5px;}
#siteplace_list ul h2.city { background:url(/img/title_bg.gif) repeat-x left; display:block; height:26px; color:#90a91c; font-size:83%; line-height:26px; padding-left:5px;}

/* -----------------------營運管理人簡介---------------------- */
#CONTENT #management{ font-size:78%; }
#CONTENT #management ul{ }
#CONTENT #management li{ line-height:1.8em;}

/* -----------------------重要紀事----------------------- */
#CONTENT #history_list{ width:555px; _width:555px;}
#CONTENT #history_list ul{ color:#333; font-size:80%;}
#CONTENT #history_list li{ border-bottom:dashed 1px #CCC; padding-top:6px; padding-bottom:6px; line-height:2em; padding-left:90px;}
#CONTENT #history_list li .date{ padding: 3px 7px 3px 13px; background:url(/img/memicon2.gif) left no-repeat; color:#066; background-color:#E9EFEE;margin-right:8px; margin-left:-87px;}

#CONTENT #history_list li .history{ display:block; float:left; width:420px;}

/* ----------------------我們的客戶------------------------ */
#CONTENT #clients{ width:555px; _width:555px;}
#CONTENT #clients h3{ color:#066; font-size:95%; background:url(/img/main_icon01.gif) no-repeat left; padding-left:17px; border-bottom:#C5E4E4 1px solid; line-height:1.8em;}
#CONTENT #clients p{ color:#333; font-size:78%; line-height:1.8em; padding-bottom:15px;}

/* ----------------------營業項目------------------------- */
#CONTENT #business{ width:555px; _width:555px;}
#CONTENT #business h3{ color:#066; font-size:95%; background:url(/img/main_icon01.gif) no-repeat left; padding-left:17px; border-bottom:#C5E4E4 1px solid; line-height:1.8em;}
#CONTENT #business p{ color:#333; font-size:78%; line-height:1.8em; padding-bottom:15px;}

/* ----------------------公司簡介影片播放----------------- */
#CONTENT #video{ width:555px; display:block; _width:555px; height:450px; background:url(/img/mv.jpg) no-repeat center; margin:0 auto; text-align:center;}
#CONTENT #video .mv{ padding-top:140px;}

/* ----------------------訊息列表------------------------ */
#news_list{ width:555px; _width:555px;}
#news_list ul{}
#news_list li{ clear:both; display:block;}
#news_list h1{ color:#066; padding-bottom:5px;}
#news_list h1 a{ color:#066; font-size:85%; text-decoration:none;}
#news_list h1 a:hover{ color:#069;}
#news_list p{ color:#666; font-size:78%; line-height:1.4em;}
#news_list .w03{ color:#333;}
/*右列站區*/
#siteplace_list{ width:135px; _width:135px;}
#siteplace_list ul{}
#siteplace_list li{ clear:both; display:block;}
#siteplace_list h1{ color:#066; padding-bottom:5px;}
#siteplace_list h1 a{ color:#066; font-size:85%; text-decoration:none;}
#siteplace_list h1 a:hover{ color:#069;}
#siteplace_list p{ color:#666; font-size:78%; line-height:1.4em;}
#siteplace_list .w03{ color:#333;}
/* ---------------------訊息內容------------------------ */
#news_main{}
#news_main h1{padding: 3px 10px; border: 1px dashed #ccc; font-size: 85%; color:#660; background:#F2F2F2; margin-bottom:8px;}
.item{ font-size:78%; color:#666; padding-left:10px;background:url(/img/icon01.jpg) left top no-repeat; padding-bottom:10px;}

#news_main h2{ color:#6e8d00; background:url(/img/icon_circle.gif) no-repeat left; padding-left:14px; margin-left:2px; font-size:83%; margin-top:5px; margin-bottom:5px;}
#news_main h3{ background:url(/img/diy_h2.gif) no-repeat center; display:block; height:29px; line-height:29px; text-align:center; font-size:83%; color:#666; margin-top:5px;}

/* --------右--------- */
#CONTENT #RIGHT{ float:right !important; width:160px !important; float:none !important; width:140px !important; float:right; padding-left:10px;}
#CONTENT #RIGHT h3{ font-size:83%; color:#69c79b; line-height:30px; padding-left:15px;}
.right_text{ font-size:74%; color:#666; padding-left:15px; margin-top:10px; background:url(/img/icon_arrow.gif) left top no-repeat; padding-bottom:10px;}
.right_text2{ font-size:74%; color:#666; padding-left:15px; padding-bottom:10px;}
.right_line{ background:url(/img/line_dot.gif) bottom no-repeat;}

/* ----------------------會員登入----------------------- */
#CONTENT #sign_in{ display:block; width:555px; _width:555px; height:400px; background:url(/img/login.gif) top no-repeat; margin:0 auto;}
#CONTENT #sign_in ul{ line-height:2em; margin-top:38px; margin-left:100px;}
#CONTENT #sign_in li{ font-size:85%; color:#333; line-height:1.6em; padding-top:5px; padding-bottom:5px;}
#CONTENT #sign_in .btn{ width:165px; height:23px; background:url(/img/btn.gif) no-repeat top; text-align:center; color:#4c442a; border-style:none; cursor:pointer; font-size:100%;}
#CONTENT #sign_in .btn:hover{ color:#066;}
#CONTENT #sign_in h1{ color:#066; font-size:160%; padding-bottom:12px;}
#CONTENT #sign_in a{ font-size:100%; color:#036; text-decoration:none;}
#CONTENT #sign_in a:hover{ color:#066;}

/* ----------------------會員註冊--------------------------- */
#CONTENT #join_free{ width:580px; _width:580px; font-size:78%; color:#666;}
#CONTENT #join_free td{ padding-top:3px; padding-bottom:3px;}

/* ----------------------我要買物料--------------------------- */
#CONTENT #stuffbuy_match{ width:580px; _width:580px; font-size:78%; color:#666;}
#CONTENT #stuffbuy_match td{ padding-top:3px; padding-bottom:3px;}
#CONTENT #stuffbuy_match ul{list-style-type:none;width:100%;}
#CONTENT #stuffbuy_match ul li{width:80px;float:left;}

/* ----------------------我要賣物料--------------------------- */
#CONTENT #stuffsell_match{ width:580px; _width:580px; font-size:78%; color:#666;}
#CONTENT #stuffsell_match td{ padding-top:3px; padding-bottom:3px;}
#CONTENT #stuffsell_match ul{list-style-type:none;width:100%;}
#CONTENT #stuffsell_match ul li{width:80px;float:left;}

/* ------------------網站地圖--------------------- */
#SITEMAP{ width:555px; _width:555px;}
#SITEMAP ul{ text-align:left; font-size:105%; display:block; width:555px; background:url(/img/case01.gif) no-repeat; padding:5px 10px 5px 10px; line-height:34px; font-size:85%;}
#SITEMAP ul a{ color:#666; text-decoration:none; font-size:108%;}
#SITEMAP ul a:hover{ color:#069;}
#SITEMAP li{ float:left; padding-left:10px;}
#SITEMAP li a{ background:url(/img/icon01.jpg) no-repeat left; padding-left:10px; padding-right:10px; font-size:90%; text-decoration:none; color:#069; white-space:nowrap; display:block;}
#SITEMAP li a:hover{ color:#060;}

/* ----------------------內頁常用單元----------------------- */
#PAGENO{ text-align:center; font-size:78%;}
#PAGENO a{ text-decoration:none; color:#666;}
#PAGENO a:hover{ color:#069;}
.case_line {
	background-image: url(/img/case_line.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.point {
	background-image: url(/img/point_line.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.import {
	font-family: Verdana; color: #666; letter-spacing: 1px; border: 1px solid #abadb3; height: 18px;font-size: 95%;
}
.md2 {
	width:auto; height: 21px; background-image:url(/img/inpot02.gif); background-color: #fff; white-space: nowrap; line-height: 21px; padding-right: 3px 5px 0 5px; border: 1px solid #b5cbd0; margin: 5px;}

/* ----------------------內容文字--------------------------- */
.w01{ font-size:78%; color:#333; line-height:1.5em;}
.w02{ font-size:78%; color:#333; line-height:1.5em; margin-left:20px; margin-right:10px;}
.w03{ color:#960;}
.w04{ font-size:78%; color:#333; line-height:2em;}
.w05{ color:#666;}
.w06{color:#069; text-align: right; white-space: nowrap;line-height: 2em;vertical-align: top;}
.w07{color: #C00;font-family: "MS Serif", "New York", serif;letter-spacing: 0.2em;}
.w08{ color:#069;}
.w09{ background-color:#ddebe8; color:#666; font-size:78%; text-align:left; line-height:2em;}
.w12{color:#069; text-align: right; white-space: nowrap;line-height: 2em;vertical-align: top;width:160px}
/*-----UJ------*/
.w13{ font-size:78%;line-height:2em;background-color:#CCFFCC;background: url(/img/tablebg_g.jpg) left repeat-x; color:#FFFFFF; font-weight:lighter;	}
.w14{ font-size:78%;line-height:2em;background-color:#9999FF; vertical-align:middle; background: url(/img/tablebg_b.jpg) left repeat-x; color:#FFFFFF; font-weight:lighter;}
.w15{ font-size:78%; color:#333; line-height:2em; vertical-align:middle;}
.w16{ font-size:78%;line-height:2em;background-color:#9999FF; vertical-align:middle; background: url(/img/tablebg_o.jpg) left repeat-x; color:#FFFFFF; font-weight:lighter;}

#CONTENT table{ border:1px;border-collapse:collapse;}
/* ---------------------文字btn----------------------- */
a.btn_blue { color:#069; text-decoration:none;}
a:hover.btn_blue{ color:#066;}

/* ----------------------分隔線--------------------------- */
.line{ display:block; background:url(/img/line.gif) center no-repeat; width:955px; height:20px; line-height:20px; margin:0 auto;}
.line02{ padding-left:3px; padding-right:3px; color:#693; font-size:65%;}
.line_green{ background:url(/img/line_green.gif) repeat-x left; height:12px; display:block;}
.more{ text-align:right; padding-right:10px;}
.img{ border:#CCC solid 1px; padding:3px; background-color:#FFF; float:left; margin:10px;}
.img2{ border:#CCC solid 1px; padding:3px; background-color:#FFF;}
.img_border{ border:#CCC solid 1px; padding:3px; background-color:#FFF; float:left; margin:10px; display:block;}
.img_border2{ border:#CCC solid 1px; padding:3px; background-color:#FFF; margin:0 auto; margin-top:10px; margin-bottom:10px; display:block;}
.img_border3{ padding:3px; background-color:#FFF; float:right; margin-top:20px; display:block;}

/* ---------------------表單----------------------------- */
.form{ color:#637975;}
.btn{ color:#666; font-size:83%;}



/* ----------------------頁尾--------------------------- */

#Hotkey{ float:right;}
#Hotkey a{ text-decoration:none; color:#333;}
#Hotkey a:hover{ color:#069;}

#FOOTER{ margin:0 auto; display:block; width:1000px; _height:44px; background:url(/img/bottom.gif) repeat-x bottom; line-height:44px; text-align:center; color:#666; font-size:78%; margin-top:15px; clear:both;}


.clearfloat{ clear:both; height:0; font-size:1px; _line-height:0;}
/*測試*/
.GridViewStyle
{   
    border-right: 2px  #A7A6AA;
    border-bottom: 2px solid #A7A6AA;
    border-left: 2px solid white;
    border-top: 2px solid white;
    padding: 4px;
}

.GridViewStyle a
{
    color: #FFFFFF;
}

.GridViewHeaderStyle th
{
    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
    
}

.GridViewHeaderStyle
{
    background-color: #5D7B9D;
    font-weight:lighter;
}

.GridViewFooterStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.GridViewRowStyle
{
    background-color: #F7F6F3;
    color: #333333;
    vertical-align:middle;
}

.GridViewAlternatingRowStyle
{
    background-color: #FFFFFF;
    color: #284775;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
    border: 1px solid #EBE9ED;
}

.GridViewSelectedRowStyle
{
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
}

.GridViewPagerStyle
{
    background-color: #284775;
    color: #FFFFFF;
}

.GridViewPagerStyle table /**//* to center the paging links*/
{
    margin: 0 auto 0 auto;
}