@charset "utf-8";
@import url("table.css");
@import url("form.css");

/* CSS Document */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend,  
/*input,table, caption, tbody, tfoot, thead, tr, th, td*/ { 
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;  background: transparent;}
ol, ul { list-style: none;} 
blockquote, q { quotes: none;} 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} 

body{ margin:0 auto; padding:0; text-align: center; font-size:15px; color: #666; line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; }
a{ color: #0092FF; text-decoration:none;}
a:hover{ color: #c90000;}
h1{ margin: 15px 0; font-size:24px; color: #555; font-family: "微軟正黑體"}
h2{ font-size:24px; color:#0759f6; font-family: "微軟正黑體"}

/*  版型設定  */

#wrapper{ width: 100%; margin:0 auto;}
#wrapper .innertube{ width:999px;}
#header{ }
/*#headerL{ float: left; width: 260px;}
#headerR{ float: right; width: 620px; margin-top: 10px; margin-right: 10px; text-align:right;}*/
#NavBox{ }
#contentwrapper{ float: left; width: 100%; background-color:#FFFFFF;}
#contentcolumn{ margin: 20px; text-align:left}
#contentcolumn_inner{ margin: 0px; text-align: left; }
#contentcolumnSub{ margin-left: 180px; text-align:left}
#leftcolumn{ float: left; width: 330px; /*Width of left column*/ margin-left: -900px; /*Set left margin to -(MainContainerWidth)*/}
#leftcolumn_inner{ margin: 20px; text-align: left; }

#footer{ clear: both; color: #ab894c; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; line-height:14px; background-image:url(../image/border_bottom.gif); background-repeat:no-repeat; background-position:left top; width:999px; height:149px;}
#footer_inner{position:relative; width:999px;}
#footer_LeftCol{ position:absolute; top:0; left:0;}
#footer_RightCol{ position:absolute; top:45px; left:560px; text-align:right;}
#footer a{ color: #555555;}
#footer a:hover{ color: #c90000;}

.block{ display:block; height:10px; clear:both;}

/* 導覽列 */
.MainNav { margin: 0px; padding: 0px; border-collapse: collapse; width: 999px; height: 40px; background-image:url(../image/bg_nav.jpg); background-repeat:no-repeat;}/**/
.MainNav ul{ margin: 0px; padding: 0px; list-style: none; margin-left:160px;}
.MainNav li{ float:left; padding:10px;}
.MainNav li a{  margin:0px 1px; padding: 10px 20px 11px 20px; overflow: hidden; border: 0px; color: #777; font-weight:bold; font-family:"微軟正黑體"}
.MainNav li a:hover, .MainNav li a.stay{ background-image: url(../image/bg_nav_over.jpg); background-repeat:repeat-x; color:#333}


/* topNav  */
#topNav{ padding: 2px; color: #C1DBF2; font-size: 0.8em;}
#topNav a{ display:inline; padding: 5px 10px; color: #C1DBF2; text-align: center;}
#topNav a:hover, #topNav a.stay{ background-color: #c90000; color: #fff; text-decoration: none;}

/*  部們連結  */
#division ul{ margin:0; padding:0; list-style-type: none; text-align: center;}
#division li{ float: left; margin-right: 10px; width: 120px; font-size: 0.85em;}
#division img{ margin-bottom: 5px; padding: 5px; border: 1px solid #c5c5c5;}

/*  最新消息  */
#NewsBox{ margin: 0 auto;}
#NewsBox ul{ margin: 0; padding: 0; list-style: none; font-size:0.9em;}
#NewsBox li{ margin: 0; padding: 3px 0; background-image: url("../image/line.gif"); background-repeat: repeat-x; background-position: left bottom;}
#NewsBox li a{ color: #0087c4; text-decoration: none; background-image:url(../image/arrow1.gif); background-repeat:no-repeat; background-position:left 6px; padding-left:15px;}
#NewsBox li a:hover{ color: #c90000;}
#NewsBox span{ color: #888888; margin-left: 10px; font-size:0.8em;}


/*  服務項目  */
#Service{ margin: 0 auto;}
#Service ul{ margin: 0; padding: 0; list-style: none;}
#Service li{ margin: 0; padding: 3px 0; background-image:url(../image/arrow.gif); background-repeat:no-repeat; background-position:left 8px; padding-left:12px; border-bottom:1px dotted #bbb;}
#Service li a{ color: #888;}
#Service li a:hover{ color: #c90000;}

#ProCatalog{ margin:0 auto; color: #aaa;}
#ProCatalog .ImageBox{ width:100px; height:180px; float: left; padding: 0px; margin:0px 20px 0px 20px;  #margin: 0px 20px 0px 20px; _ margin: 0px 20px 0px 20px; text-align:center}
#ProCatalog .ImageBox p{ margin-top: 0; text-align:center;}
#ProCatalog .ImageBox h3{ font-size: 14px;}
#ProCatalog .ImageBox span{ color: #6B067C; }
#ProCatalog .ImageBox img{ border:1px solid #dcdcdc;} 

#News{ margin: 0 auto; padding: 0px 5px; }
#News ul{ margin: 0 10px; padding: 0; list-style: none;}
#News li{ margin: 0; padding: 7px 0; background-image:url(../image/arrow1.gif); background-repeat:no-repeat; background-position:left 14px; padding-left:16px; border-bottom: 1px solid #d6d6d6;}
#News .date{ color: #999; font-size: 0.9em; margin-right:15px;}

/*  頁碼  */
div.pagination { padding:2px;/*background-color:#c1c1c1;*/}
div.pagination a { padding: 2px 5px 2px 5px; margin: 0px; border: 1px solid #ccc; text-decoration: none; /* no underline */}
div.pagination a:hover, div.pagination a:active { background-color: #fc0000; color: #ffffff;  border: 1px solid #fc0000; }
div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; font-weight: bold; background-color: #fc0000; color: #fff;}
div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; background-color:#fff; color: #aaa;}