﻿/*-------------------------------全站-------------------------------*/
body { margin:0; padding: 0px; overflow-x:hidden; }
/*-------------------------------外框-------------------------------*/
#homebox, #box { z-index: 103; background-image: url(none); background-repeat:repeat-y; }
#homebox2, #box2 { z-index: 102; background-image: url(none); background-repeat: repeat-y; background-position: right;  }
/*-------------------------------底圖-------------------------------*/
/*底圖_上半部*/
.homestage_tl, .homestage_tr, .homestage_tc, .homeflash, .flash,
.stage_tl, .stage_tr, .stage_tc {height: 750px; position: absolute;}
/*底圖_上左*/
.homeflash, .flash { z-index: 210; height:350px;}
.homestage_tl, .stage_tl { background-image: url(../images/home_01.png); background-repeat: no-repeat; z-index: 211; }
/*底圖_上_延展重複*/
.homestage_tc, .stage_tc { background-image: url(../images/home_02.jpg); background-repeat: repeat-x; z-index: 208;}
/*底圖_上右*/
.homestage_tr, .stage_tr { background-image: url(../images/home_03.png); background-repeat: no-repeat; z-index: 210; background-position: right top;}
/*底圖_下半部*/
.homestage_bl, .homestage_br, .homestage_bc, 
.stage_bl, .stage_br, .stage_bc { }
/*底圖_下左*/
.homestage_bl, 
.stage_bl { background-image: url(none); background-repeat:no-repeat; background-position:left bottom; z-index: 208;
}
/*底圖_下_延展*/
.homestage_bc, 
.stage_bc { background-image: url(../images/home_07.jpg); background-position: right bottom;  z-index: 200;  background-repeat: repeat-x; }
/*底圖_下右*/
.homestage_br, 
.stage_br { background-image: url(../images/home_08.jpg); background-repeat: no-repeat; background-position: right bottom; z-index: 207; }

/*-------------------------------首頁版面架構 基本-------------------------------*/
/*上區塊、下區塊*/
#hometop, #homefooter, 
#top, #footer  {z-index: 300; width: 100%; DISPLAY: block;  clear:both; font-size: 0.75em;}
/*上區塊*/
#hometop, #top { }
/*左區塊*/
#homecontainer_left, 
#container_left { POSITION: relative; z-index: 320; font-size: 0.75em;  }
/*右區塊*/
#homecontainer_main_top, #homecontainer_main_middle, #homecontainer_main_right, #homecontainer_right_bottom
{ z-index: 310;} 
#container_main_top, #container_main_right, #container_right_bottom, #container_main_middle
{ z-index: 310; font-size: 0.75em; } 
#homefooter img, #footer img { border:0;}
#homefooter_left, #footer_left { POSITION: absolute; float:left; z-index: 310; text-align:right; }
#homefooter_middle, #footer_middle  { position: absolute; float:left; z-index: 310;  }
#homefooter_right, #footer_right { POSITION: relative; float:right; z-index: 310; text-align:left; }
/*-------------------------------組織架構圖-------------------------------*/
/*水平button*/
.orgahblue { }
.orgahblue .bl, .orgahblue .bc, .orgahblue .br { background-image:url(../images/orgahblue.gif); background-repeat:no-repeat; line-height:40px;}
.orgahgreen { }
.orgahgreen .bl, .orgahgreen .bc, .orgahgreen .br { background-image:url(../images/orgahgreen.gif); background-repeat:no-repeat; line-height:40px;}
.orgahgrey { }
.orgahgrey .bl, .orgahgrey .bc, .orgahgrey .br { background-image:url(../images/orgahgrey.gif); background-repeat:no-repeat; line-height:40px;}
.orgahorange { }
.orgahorange .bl, .orgahorange .bc, .orgahorange .br { background-image:url(../images/orgahorange.gif); background-repeat:no-repeat; line-height:40px;}
.orgahred { }
.orgahred .bl, .orgahred .bc, .orgahred .br { background-image:url(../images/orgahred.gif); background-repeat:no-repeat; line-height:40px;}
.orgahviolet { }
.orgahviolet .bl, .orgahviolet .bc, .orgahviolet .br { background-image:url(../images/orgahviolet.gif); background-repeat:no-repeat; line-height:40px;}
.orgahyellow { }
.orgahyellow .bl, .orgahyellow .bc, .orgahyellow .br { background-image:url(../images/orgahyellow.gif); background-repeat:no-repeat; line-height:40px;}

.orgahblue .bl, .orgahgreen .bl, .orgahgrey .bl, .orgahorange .bl, .orgahred .bl, .orgahviolet .bl, .orgahyellow .bl { width:16px; }
.orgahblue .bc, .orgahgreen .bc, .orgahgrey .bc, .orgahorange .bc, .orgahred .bc, .orgahviolet .bc, .orgahyellow .bc { background-position: -16px top;}
.orgahblue .br, .orgahgreen .br, .orgahgrey .br, .orgahorange .br, .orgahred .br, .orgahviolet .br, .orgahyellow .br { width:16px; background-position: right top;}
/*垂直button*/
.orgavblue, .orgavgreen, .orgavgrey, .orgavorange, .orgavred, .orgavviolet, .orgavyellow { margin-right:3px; }
.orgavblue .bt, .orgavblue .bm, .orgavblue .bb { background-image:url(../images/orgavblue.gif); background-repeat:no-repeat;  }
.orgavgreen .bt, .orgavgreen .bm, .orgavgreen .bb { background-image:url(../images/orgavgreen.gif); background-repeat:no-repeat;  }
.orgavorange .bt, .orgavorange .bm, .orgavorange .bb { background-image:url(../images/orgavorange.gif); background-repeat:no-repeat;  }
.orgavred .bt, .orgavred .bm, .orgavred .bb { background-image:url(../images/orgavred.gif); background-repeat:no-repeat;  }
.orgavviolet .bt, .orgavviolet .bm, .orgavviolet .bb { background-image:url(../images/orgavviolet.gif); background-repeat:no-repeat;  }
.orgavyellow .bt, .orgavyellow .bm, .orgavyellow .bb { background-image:url(../images/orgavyellow.gif); background-repeat:no-repeat;  }
.orgavgrey .bt, .orgavgrey .bm, .orgavgrey .bb { background-image:url(../images/orgavgrey.gif); background-repeat:no-repeat;  }
.orgavblue .bt, .orgavgreen .bt, .orgavorange .bt, .orgavred .bt, .orgavviolet .bt, .orgavyellow .bt, .orgavgrey .bt { height:16px; }
.orgavblue .bm, .orgavgreen .bm, .orgavorange .bm, .orgavred .bm, .orgavviolet .bm, .orgavyellow .bm, .orgavgrey .bm { background-position:left -16px; text-align:center; width:40px; }
.orgavblue .bb, .orgavgreen .bb, .orgavorange .bb, .orgavred .bb, .orgavviolet .bb, .orgavyellow .bb, .orgavgrey .bb  { height:16px; background-position: left bottom;}

/*共用設定*/
.clear {CLEAR: both;}
.clear2 {CLEAR: both; height:0.1em;}
.z1000 { z-index:1000; POSITION: relative; background-color:transparent;}
.zcenter { text-align:center;}
.column_100, 
.column_97, .column_95, .column_92, .column_90, 
.column_88, .column_87, .column_85, .column_82, .column_80, 
.column_77, .column_75, .column_73, .column_72, .column_70, 
.column_67, .column_65, .column_62, .column_60, 
.column_57, .column_55, .column_52, .column_50, 
.column_47, .column_45, .column_42, .column_40,
.column_37, .column_35, .column_33, .column_32, .column_30, 
.column_27, .column_25, .column_24, .column_22, .column_20, 
.column_17, .column_15, .column_12, .column_10, 
.column_7, .column_5, .column_2 {float: left; POSITION: relative; z-index: 400;}

.column_100_align_right, 
.column_97_align_right, .column_95_align_right, .column_92_align_right, .column_90_align_right, 
.column_88_align_right, .column_87_align_right, .column_85_align_right, .column_82_align_right, .column_80_align_right, 
.column_77_align_right, .column_75_align_right, .column_73_align_right, .column_72_align_right, .column_70_align_right, 
.column_67_align_right, .column_65_align_right, .column_62_align_right, .column_60_align_right, 
.column_57_align_right, .column_55_align_right, .column_52_align_right, .column_50_align_right, 
.column_47_align_right, .column_45_align_right, .column_42_align_right, .column_40_align_right,
.column_37_align_right, .column_35_align_right, .column_33_align_right, .column_32_align_right, .column_30_align_right, 
.column_27_align_right, .column_25_align_right, .column_24_align_right, .column_22_align_right, .column_20_align_right, 
.column_17_align_right, .column_15_align_right, .column_12_align_right, .column_10_align_right, 
.column_7_align_right, .column_5_align_right, .column_2_align_right {text-align: right; float: left; POSITION: relative; z-index: 400;}

.column_100_right, 
.column_97_right, .column_95_right, .column_92_right, .column_90_right, 
.column_88_right, .column_87_right, .column_85_right, .column_82_right, .column_80_right, 
.column_77_right, .column_75_right, .column_73_right, .column_72_right, .column_70_right, 
.column_67_right, .column_65_right, .column_62_right, .column_60_right, 
.column_57_right, .column_55_right, .column_52_right, .column_50_right, 
.column_47_right, .column_45_right, .column_42_right, .column_40_right,
.column_37_right, .column_35_right, .column_33_right, .column_32_right, .column_30_right, 
.column_27_right, .column_25_right, .column_24_right, .column_22_right, .column_20_right, 
.column_17_right, .column_15_right, .column_12_right, .column_10_right, 
.column_7_right, .column_5_right, .column_2_right {float: right; POSITION: relative; z-index: 400;}

.column_100, .column_100_align_right, .column_100_right {width: 100%;}
.column_97, .column_97_align_right, .column_97_right {width: 97%;}
.column_95, .column_95_align_right, .column_95_right {width: 95%;}
.column_92, .column_92_align_right, .column_92_right {width: 92%;}
.column_90, .column_90_align_right, .column_90_right {width: 90%;}
.column_88, .column_88_align_right, .column_88_right {width: 88%;}
.column_87, .column_87_align_right, .column_87_right {width: 87%;}
.column_85, .column_85_align_right, .column_85_right {width: 85%;}
.column_82, .column_82_align_right, .column_82_right {width: 85%;}
.column_80, .column_80_align_right, .column_80_right {width: 80%;}
.column_77, .column_77_align_right, .column_77_right {width: 77%;}
.column_75, .column_75_align_right, .column_75_right {width: 75%;}
.column_73, .column_73_align_right, .column_73_right {width: 73%;}
.column_72, .column_72_align_right, .column_72_right {width: 72%;}
.column_70, .column_70_align_right, .column_70_right {width: 70%;}	
.column_67, .column_67_align_right, .column_67_right {width: 67%;}
.column_65, .column_65_align_right, .column_65_right {width: 65%;}
.column_62, .column_62_align_right, .column_62_right {width: 62%;}
.column_60, .column_60_align_right, .column_60_right {width: 60%;}
.column_57, .column_57_align_right, .column_57_right {width: 57%;}
.column_55, .column_55_align_right, .column_55_right {width: 55%;}
.column_52, .column_52_align_right, .column_52_right {width: 52%;}
.column_50, .column_50_align_right, .column_50_right {width: 50%;}
.column_47, .column_47_align_right, .column_47_right {width: 47%;}
.column_45, .column_45_align_right, .column_45_right {width: 45%;}
.column_42, .column_42_align_right, .column_42_right {width: 42%;}
.column_40, .column_40_align_right, .column_40_right {width: 40%;}
.column_37, .column_37_align_right, .column_37_right {width: 37%;}
.column_35, .column_35_align_right, .column_35_right {width: 35%;}
.column_33, .column_33_align_right, .column_33_right {width: 33%;}
.column_32, .column_32_align_right, .column_32_right {width: 32%;}
.column_30, .column_30_align_right, .column_30_right {width: 30%;}
.column_27, .column_27_align_right, .column_27_right {width: 27%;}
.column_25, .column_25_align_right, .column_25_right {width: 25%;}
.column_24, .column_24_align_right, .column_24_right {width: 24%;}
.column_22, .column_22_align_right, .column_22_right {width: 22%;}
.column_20, .column_20_align_right, .column_20_right {width: 20%;}
.column_17, .column_17_align_right, .column_17_right {width: 17%;}
.column_15, .column_15_align_right, .column_15_right {width: 15%;}
.column_12, .column_12_align_right, .column_12_right {width: 12%;}
.column_10, .column_10_align_right, .column_10_right {width: 10%;}
.column_7, .column_7_align_right, .column_7_right {width: 7%;}
.column_5, .column_5_align_right, .column_5_right {width: 5%;}
.column_2, .column_2_align_right, .column_2_right {width: 5%;}

.frame001 { DISPLAY: block; margin: 30px auto; width: 90%; }
.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}
.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid #A5D5F8;border-right:1px solid #A5D5F8;}
.b1,.b1b{margin:0 5px;background:#A5D5F8;}
.b2,.b2b{margin:0 3px;border-width:2px;}
.b3,.b3b{margin:0 2px;}
.b4,.b4b{height:2px;margin:0 1px;}
.d1{}
.c1,.c2,.c3,.c4,.c1b,.c2b,.c3b,.c4b,.c{display:block;overflow:hidden;}
.c1,.c2,.c3,.c1b,.c2b,.c3b{height:1px;}
.c2,.c3,.c4,.c2b,.c3b,.c4b,.c{ border-left:1px; border-right:1px; }
.c1,.c1b{ margin:0 5px; }

.wraptocenter { display: table-cell;   text-align: center;   vertical-align: middle; }
.wraptocenter  * { vertical-align: middle;}
.wraptocenter span {
    display: inline-block;
    height: 100%;
}
.subline { border-bottom:1px solid #999999;}