@charset "utf-8";
body {
	font: 100%/1.4 "Microsoft JhengHei", Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 14px;
}
/* ~~ 元素/標籤選取器 ~~ */
ul, ol, dl { /* 由於瀏覽器之間的差異，最佳作法是在清單中使用零寬度的欄位間隔及邊界。為了保持一致，您可以在這裡指定所要的量，或在清單包含的清單項目 (LI、DT、DD) 上指定所要的量。請記住，除非您寫入較為特定的選取器，否則在此執行的作業將重疊顯示到 .nav 清單。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 移除上方邊界可以解決邊界可能從其包含的區塊逸出的問題。剩餘的下方邊界可以保持區塊不與接在後面的元素接觸。 */
	padding-right: 15px;
	padding-left: 15px; /* 將欄位間隔加入至區塊內元素的兩側 (而不是區塊元素本身)，即可不需執行任何方塊模型的計算作業。具有側邊欄位間隔的巢狀區塊也可當做替代方法。 */
}
a img { /* 這個選取器會移除某些瀏覽器在影像由連結所圍繞時，影像周圍所顯示的預設藍色邊框 */
	border: none;
}
/* ~~ 網站連結的樣式設定必須保持此順序，包括建立滑過 (Hover) 效果的選取器群組在內。~~ */
a:link {
	/*color: #42413C;*/
	/*text-decoration: underline;*/ /* 除非您要設定非常獨特的連結樣式，否則最好提供底線，以便快速看出 */
}       text-decoration: none;
a:visited {
	/*color: #6E6C64;*/
	/*text-decoration: underline;*/
}       text-decoration: none;
a:hover, a:active, a:focus { /* 這個選取器群組可以讓使用鍵盤導覽的使用者，也和使用滑鼠的使用者一樣擁有相同的滑過體驗。 */
	text-decoration: none;
}

/* ~~ 導覽清單樣式 (如果選擇使用 Spry 之類的預製飛出選單，則可移除) ~~ */
ul.nav {
	list-style: none; /* 這會移除清單標記 */
	border-top: 1px solid #666; /* 這會建立連結的上方邊框，其他則都會使用下方邊框放置在 LI 上 */
	margin-bottom: 15px; /* 這會在下方的內容上建立導覽間的間距 */
}
ul.nav li {
	border-bottom: 1px solid #666; /* 這會建立按鈕分隔 */
}
ul.nav a, ul.nav a:visited { /* 將這些選取器放入群組，即可確保您的連結即使在受到點擊後仍保有按鈕外觀 */
	padding: 5px 5px 5px 15px;
	display: block; /* 這會為連結提供區塊屬性，使連結能填滿包含它的整個 LI，讓整個區域都能回應滑鼠點按動作。 */
	width: 160px;  /*這個寬度使整個按鈕都可用於 IE6 的點按動作。如果不需要支援 IE6，就可將其移除。請從側邊列容器的寬度減去此連結的間距來計算適當的寬度。 */
	text-decoration: none;
	background-color: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* 這會同時變更滑鼠及鍵盤導覽器的背景及文字顏色 */
	background-color: #ADB96E;
	color: #FFF;
}


/*HTML 5 支援 – 設定新的 HTML 5 標籤以顯示區塊並使瀏覽器能夠正確顯示標籤。 */
header, section, footer, aside, article, figure {
	display: block;
}



* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body{-webkit-text-size-adjust:none;margin:0;padding:0;font-size:14px;text-align:center;background-image:url(/image/b01.jpg);}
img{max-width:100%;-ms-interpolation-mode:bicubic;border:0;margin:0;padding:0;border-style:none;}
.hrs{margin:0 auto;height:3px;background-image:url(/image/l_moss1.gif);}
.hrb{margin:0 auto;border:1px solid #000;background-image:url(/image/l_mossl.jpg);}
a{border-style:none;margin:0px;}
table{border-collapse:separate;border-spacing:1px;margin:0 auto;}
td{text-align:left;}
table.b1{background-color:#EEEEEE;}
table.bgtb{background-color:#EEEEEE;}
tr.bgtr{background-color:#DDEEFF;}
tr.bgtri{background-color:#d7d7d7;}
td.tit{color: #0080c0;}
td.c1{color: #004080;}
br.hi2{display:inline;height:2px;font-size:2px;line-height:2px;}
#page{width:980px;max-width:980px;min-width:980px;min-height:100%;margin:0 auto;background:#fff;}
#page1{width:800px;height:100%;margin:0 auto;background:#fff;}
.div_item{display:inline-block;margin:0 auto;}
.dp_t4{padding-top:4px;}
.div-item{display:inline-block;margin:6px;zoom:1;}
br.CLEAR{display:inline;clear:both;height:0;font-size:1px;line-height:0;}
div.mag{margin:4px auto;} 

hr.gb{margin:4px auto;height:5px;width:800px;border:0;background-image:url(/image/l_mossl.jpg)}
hr.mag{margin:0px auto;} 
a{text-decoration:none;}
.mx3{border:1px solid red;}





#fiexd-header{width:100%;position:fixed;top:0;z-index:1;background:#FFFFFF;}
.ckline{white-space:nowrap;}
.fw{white-space:nowrap;}
.mtest{1word-break:break-all;}
.ff1{font-family:Arial,"Microsoft JhengHei",SimSun;}
.bms{width:70px;}
.box{display:-webkit-box;-webkit-box-align:stretch;-webkit-box-orient: horizontal;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;}
.xxx{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:3px;}
.lh{line-height:24px;}
.imhw{margin:0 auto;height:6px;width:800px;}
.back{background-repeat:no-repeat;
      background-attachment:fixed;
      background-position:center;}
.C_body{font-family:Arial,"Microsoft JhengHei","微軟正黑體",sans-serif;}
.CN_body{font-family:Arial,SimSun,"Microsoft JhengHei","微軟正黑體",sans-serif;}
.E_body{font-family:Arial,sans-serif;}
.G_body{font-family:Arial,sans-serif;}
.J_body{font-family:Arial,"MS Mincho","Microsoft JhengHei","微軟正黑體",sans-serif;}
.P_body{font-family:Arial,sans-serif;}
.S_body{font-family:Arial,sans-serif;}
.K_body{font-family:Arial,"Microsoft JhengHei","微軟正黑體",sans-serif;}

.clearfix:before, .clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f32{font-size:32px;}
.f36{font-size:36px;}
.f40{font-size:40px;}
.f48{font-size:48px;}
.f60{font-size:66px;}
/*
.f10{font-size:0.84em;-webkit-transform:scale(0.84);-o-transform:scale(1);display:inline-block;}
.f11{font-size:0.92em;-webkit-transform:scale(0.92);-o-transform:scale(1);display:inline-block;}
.f12{font-size:1em;}
.f14{font-size:1.167em;}
.f16{font-size:1.334em;}
.f18{font-size:1.5em;}
.f20{font-size:1.667em;}
.f22{font-size:1.834em;}
.f24{font-size:2em;}
.f32{font-size:2.667em;}
.f36{font-size:3em;}
.f40{font-size:3.3em;}
.f48{font-size:4em;}
.f60{font-size:5em;}
*/
.w1{max-width:1em;width:1em;}
.w1_5{max-width:1.5em;width:1.5em;}
.w2{max-width:2em;width:2em;}
.w2_5{max-width:2.5em;width:2.5em;}
.w3{max-width:3em;width:3em;}
.w3_5{max-width:3.5em;width:3.5em;}
.w4{max-width:4em;width:4em;}
.w4_5{max-width:4.5em;width:4.5em;}
.w5{max-width:5em;width:5em;}
.w5_5{max-width:5.5em;width:5.5em;}
.w6{max-width:6em;width:6em;}
.w6_5{max-width:6.5em;width:6.5em;}
.w7{max-width:7em;width:7em;}
.w7_5{max-width:7.5em;width:7.5em;}
.w8{max-width:8em;width:8em;}
.w9{max-width:9em;width:9em;}
.w10{max-width:10em;width:10em;}
.w11{max-width:11em;width:11em;}
.w12{max-width:12em;width:12em;}
.w13{max-width:13em;width:13em;}
.w14{max-width:14em;width:14em;}
.w15{max-width:15em;width:15em;}
.w16{max-width:16em;width:16em;}
.w17{max-width:17em;width:17em;}
.w18{max-width:18em;width:18em;}
.w19{max-width:19em;width:19em;}
.w20{max-width:20em;width:20em;}
.w22{max-width:22em;width:22em;}
.w30{max-width:30em;width:30em;}
.w43{max-width:43em;width:43em;}
#diva{width:99%; margin:0 0 0 0.6%;}
.divcc{margin:0 auto;align:center;text-align:center;}

.d_all{width:100%;margin:0 auto;align:center;}
.d_mtt{width:78%;margin:0 auto;align:center;}

button.bmt{margin: 3px auto;width:100%;height:2em;background-position: left center; background-repeat:no-repeat;}
.d5{padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    margin: 0 auto;
    align:center;}

.d55{padding-left:5px;
    padding-right:5px;
    padding-top: 5px;
    margin: 0 auto;
    align:center;}

.d0{padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin: 0 auto;
    align:center;}

.dl{clear: none;
     float: left;
     margin-left:0;
     *margin-left:0%;
     display: block;
     text-align: -webkit-center;
     text-align: center;
     align:center;}

.dr{clear: none;
     float: right;
     margin-right:0;
     *margin-right:0%;
     display: block;
     text-align: -webkit-center;
     text-align: center;
     align:center;}

.w35d{width: 34.95%;}
.w49d{width: 49.95%;}
.w40d{width: 40%;}
.w60d{width: 60%;}
.w65d{width: 65%;}
.w95d{width: 95%;}
.w100d{max-width:100%;width: 100%;}

.fw{word-wrap:break-word;}
.rt{text-align:right;vertical-align:top;}
.rm{text-align:right;vertical-align:middle;}
.rb{text-align:right;vertical-align:bottom;}
.lt{text-align:left;vertical-align:top;}
.lm{text-align:left;vertical-align:middle;}
.lb{text-align:left;vertical-align:bottom;}
.ct{text-align:center;vertical-align:top;margin:0px auto;}
.cc{text-align:center;vertical-align:middle;margin:0px auto;}
.cb{text-align:center;vertical-align:bottom;margin:0px auto;}     
.bb{font-weight:bold;}

.rd{color:red;}
.bl{color:blue;}
.bla{color: #000080;}
.we{color: #ffffff;}
.vt{COLOR:#bb00aa;}
.gn{COLOR:#006600;}
.bk{COLOR:#000000;}


.bgbg {background-color:#f5f5dc;}

.bgbk {background-color:black;}

.bgbl {background-color:#0900C0;}

.bgbla{background-color:#cceeff;}

.bgblb{background-color:#0000ff;}

.bgbn {background-color:#8b4513;}

.bgbna{background-color:#cc6600;}

.bgdb {background-color:#580000;}

.bgdx {background-color:#eeeeee;}

.bggn {background-color:#008000;}

.bggna{background-color:#32cd32;}

.bggnb{background-color:#ccff99;}

.bggy {background-color:#808080;}

.bggya{background-color:#d3d3d3;}

.bglb {background-color:#add8e6;}

.bglx {background-color:#eeeeee;}

.bgmw {background-color:#fffff0;}

.bgoe {background-color:#808000;}

.bgor {background-color:#ff8c00;}

.bgora{background-color:#ffa500;}

.bgpk {background-color:#ffc0cb;}

.bgpka{background-color:#ffcccc;}

.bgrd {background-color:#ff0000;}

.bgte {background-color:#40e0d0;}

.bgvt {background-color:#9400d3;}

.bgvta{background-color:#ee82ee;}

.bgvtb{background-color:#e8ccff;}

.bgwe {background-color:#ffffff;}

.bgyw {background-color:#ffff00;}

.bgywa{background-color:#ffffbb;}