@charset "utf-8";
/* CSS Document */
/* id 選擇器以 "#" 來定義:為標有特定 id 的 HTML 元素指定特定的樣式。 注意：id 屬性只能在每個 HTML 文檔中出現一次。 */
/* class'類' 選擇器以一個 . (點號)顯示。注意：類名 的第一個字符不能使用數字！注意：不要在屬性值與單位之間留有空格,如: 20px, 20與px之間不要有空格 */
body {
margin: 0px;
padding-top: 0px;padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
border: 0px;
background: url(./images/top_bg.png) repeat-x left top;
}
/* ~~ 元素/標籤選取器 ~~ */
h1, h2, {
margin-top: 0; /* 移除上方邊界可以解決邊界可能從其包含的 Div 逸出的問題。剩餘的下方邊界可以保持 Div 不與接在後面的元素接觸。 */
padding-right: 15px; /* 將欄位間隔加入至 Div 內元素的右側(or兩側)(而不是 Div 本身),即可不需執行任何方塊模型的計算作業。具有側邊欄位間隔的巢狀 Div 也可當做替代方法。 */
} /* font-weight: normal(bold); font-style: normal(italic); text-align: right(center); */
h1 {
color:#118;
text-align:center;
margin: 0px 10px;
padding:2px 0px;
background:url(./images/0titlebar1000x38-blue.png) no-repeat;
}
h2 { color:#10e; font-size:18px; margin: 0px; }
h3 { color:#05d; font-size:16px; margin: 0px; }
img{ border: 0px; }
#topTitle{
height:76px;
width: 1010px;
margin: 0 auto; /* 兩側的自動值與寬度結合後，版面便會置中對齊 */
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
background: url(./images/top_bg-bar.png);
}
#topLogo{
float:left;
margin: 0px;
}
#Logo a{float:left; display:block; text-indent:-9999px; width: 10px;}
/* 我們平時會遇到，我們想以圖片作為對像背景，內容用文字+超鏈接來做優化，同時又想隱藏文字，超鏈接不受影響，這樣來優化網頁，即不影響美觀又達到了搜索引擎優化的效果。所用關鍵CSS樣式：text-indent:-9999px */
/* 頁面系列商品項目 */
.navMenu { margin: 0 auto; position:relative;}
.navMenu a{background:url(./images/top_nav_orange-1.gif) left 0; color:#a51; text-decoration:none; height:24px; float:left; cursor:pointer; margin:0 3px 0 0;font-size:15px;}
.navMenu a:hover{background:url(./images/top_nav_orange-1.gif) left -24px; height:24px; }
.navMenu a span{background:url(./images/top_nav_orange-1.gif) right 0px; color:#931; padding:2px 6px 3px 0; margin:0 0 0 6px; float:left; height:16px;font-size:15px;}
.navMenu a:hover span{background:url(./images/top_nav_orange-1.gif) right -24px; color:#21f; padding:3px 6px 4px 0; margin:0 0 0 6px; height:16px; }
.navMenu_alt { margin: 0 auto; position:relative;}
.navMenu_alt {background:url(./images/top_nav_orange-1.gif) left -24px; height:24px; float:left;margin:0 3px 0 0; font-size:15px;}
.navMenu_alt span {background:url(./images/top_nav_orange-1.gif) right -24px; color:#883333; padding:2px 6px 4px 0; margin:0 0 0 6px; height:16px; float:left;font-size:15px; font-weight:bold;}
#bottomTitle{
height:76px;
margin: 0 auto; /* 兩側的自動值與寬度結合後，版面便會置中對齊 */
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
background-image: url(./images/top_bg_bottom.png);
background-repeat: repeat-x;
background-position: bottom ;
font-size:14px;
color: #201000;
}
#bottomTitle span span, span a, #bottomTitle span a:hover {
color: #201000;
font-size:12px;
text-decoration: none;
}
#bottomHint {
width: 1200px;
float:right;
padding-right: 100px;
font-size:12px;
text-align:right;
color: #998866;
}
/* ======= go-top go-bottom icon, 固定在 右下角的 至頂端 至底端 icon ======= */
#topbottom_bt {position: fixed; bottom: 72px; right: 2px; width: 40px; height:80px;}
#gotop {width: 40px; height:40px;}
#gotop a{display:block; background:url(./images/backtopbottom.png) no-repeat left top; height:40px;}
#gotop a:hover{background:url(./images/backtopbottom.png) -40px top;}
#gobottom {width: 40px; height:40px;}
#gobottom a{display:block; background:url(./images/backtopbottom.png) no-repeat left bottom; height:40px;}
#gobottom a:hover{background:url(./images/backtopbottom.png) -40px bottom;}
/* ======= back-home icon, 固定在 右下角的 回首頁 icon ======= */
#backhome_bt {position: fixed; bottom: 1px; right: 2px; width: 48px; height:48px;}
#backhome_bt a{display:block; background:url(./images/backhome_1.png) no-repeat 0 0; height:48px;} /* 注意display:block;一定要加上 */
#backhome_bt a:hover{background:url(./images/backhome_2.png) no-repeat 0 0;}
.container {
width: 1010px;
margin: 0 auto; /* 兩側的自動值與寬度結合後，版面便會置中對齊 */
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
font-size:16px;
color: #353535;
}
.clearfloat { /* 這個類別可放置在
或空白的 Div 上，當做接在 #container 內最後一個浮動 Div 後方的最後一個元素 (如果從 #container 移除或取出 #footer) */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
span {
color:#777;
}
pre { /* 元素表示 預定義格式文本,該元素中的文本通常按照原文件中的編排展現,包含文本中的 空白符 和 換行符 */
margin: 0;
}
em { /* 原是用來呈現被強調的文本,會呈現斜體. 在此使用 font-style:normal;屬性 改變為正常體 */
color:#078; /* color:#078;藍綠色 */
font-style:normal;
margin: 0;
}
#topMark {position:absolute;top:95px;left:910px;font-size:12px;color:#bef;font-weight:normal; z-index:1;}
/* 標籤內的 元素 */
table.dataintable {
margin-left:10px;
border-collapse:collapse;
border:1px solid #aaa;
width:90%;
}
table.dataintable th {
padding:0px 0px 0px 3px;
background-color:#eee;
border:1px solid #aaa;
text-align:left;
color:#555;
}
table.dataintable td {
padding:0px 0px 0px 3px;
border:1px solid #aaa;
}
div.blockdiv { margin: 5px 20px; padding: 5px 5px; font-size:14px; line-height: 20px; }
div.dataindiv { margin-left:20px; font-size:14px; line-height: 20px;}
div.div_gb { margin-left:20px; color:#078;} /* color:#078;藍綠色, #820;磚紅, #803;深洋紅,, #707;紫紅, */
div.div_gb_left { float:left; margin-left:20px; margin-right:20px; color:#078;}
div.div_org { margin-left:20px; color:#e70;}
div.div_org_left { float:left; margin-left:12px; margin-right:12px; color:#e70;}
div.div_left { float:left; margin-left:12px; margin-right:12px; }
.r {color:#a00;}
.c {color:#069;}
.org { color:#e70;}
.brn { color:brown;}
.bk { color:#000;}
.b_r {color:#a00; font-weight:bold;}
.b_c {color:#069; font-weight:bold;}
.b_org { color:#e70; font-weight:bold;}
.icenter {text-align: center;}