﻿/* Bexweb II, Design in 2008/02/15 */

/* 基本設定 */
* {/* 基本設定，讓dt、ul不會產生縮排 */
	line-height: 150%;
	font-weight: normal;
}
.clear {CLEAR: both;}/* 基本設定， 用於水平區隔， 可避免區塊重疊 */
body {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: fixed;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}/*整個網站的設定*/
#box {
	width: 990px;
	z-index: 103;
	margin:0 auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	background-image: url(../images/home_03.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:left;
	background-color:#FFFFFF
}/* 基本設定， 最外層容器 */
#top, #container, #footer  {z-index: 300; width: 100%; DISPLAY: block; float:left; clear:both; font-size:0.75em;}

#top {  height: 230px; z-index: 350; padding:0; background-repeat: no-repeat; background-image: url(../images/home_01.jpg); }/*上區塊*/
#container {z-index: 300;  background-repeat: no-repeat; background-image: url(../images/home_01.jpg); background-position:left -230px; }/*中間區塊*/
#container_left { padding: 0; list-style-type: none; display:block; width:18em; POSITION: relative; z-index: 320; top:0px; margin-top: 0.8em;
}
#container_right { padding: 0; list-style-type: none;  z-index: 310; margin:0 auto 0 0.8em; width:95%;}
#container_right_top { padding: 0; list-style-type: none;  width:95%;  z-index: 310; POSITION: relative; margin:0 auto 0 20px; float:left; }
#container_right_middle { padding: 0; list-style-type: none; 
	width:46%;
	POSITION: relative;
	float:left;
	z-index: 310;
	margin:0 0 0 10px;
}
#container_right_right { padding: 0; list-style-type: none; 
	width:46%;
	POSITION: relative;
	float:left;
	z-index: 310;
}
#container_right_bottom { width:95%;  POSITION: relative; float:left; z-index: 310; margin:0 auto 0 20px;  padding: 0; list-style-type: none; }

#footer { padding: 0; list-style-type: none; z-index: 300;
	margin-bottom:0;
	height:7.2em;
}/*版權宣告區 */
#footer img { border:0;}
#footer_left {
	width:10%;
	POSITION: relative;
	float:left;
	z-index: 310;
	text-align:center;
	padding-left: 7em;
}
#footer_middle {
	width:67%;
	POSITION: relative;
	float:left;
	z-index: 310;
	padding: 0 0 0 1.4em;
	color: #006600;
}
#footer_right {
	width:7%;
	POSITION: relative;
	float:left;
	z-index: 310;
	text-align:center
}

.column_100, .column_95, .column_90, .column_85, .column_80, .column_77, .column_75, .column_73, .column_70, .column_65, .column_60, .column_55, .column_50, .column_45, .column_40, .column_35, .column_33, .column_30, .column_25, .column_24, .column_20, .column_15, .column_10, .column_5, 
.column_100_align_right, .column_95_align_right, .column_90_align_right, .column_85_align_right, .column_80_align_right, .column_75_align_right, .column_73_align_right, .column_70_align_right, .column_65_align_right, .column_60_align_right, .column_55_align_right, .column_50_align_right, .column_45_align_right, .column_40_align_right, .column_35_align_right, .column_33_align_right, .column_30_align_right, .column_25_align_right, .column_24_align_right, .column_20_align_right, .column_15_align_right, .column_10_align_right, .column_5_align_right 
{float: left; POSITION: relative; z-index: 400;}
.column_100, .column_100_align_right, .column_100_right {width: 100%;}
.column_95, .column_95_align_right, .column_95_right {width: 95%;}
.column_90, .column_90_align_right, .column_90_right {width: 90%;}
.column_85, .column_85_align_right, .column_85_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_70, .column_70_align_right, .column_70_right {width: 70%;}	
.column_65, .column_65_align_right, .column_65_right {width: 65%;}
.column_60, .column_60_align_right, .column_60_right {width: 60%;}
.column_55, .column_55_align_right, .column_55_right {width: 55%;}
.column_50, .column_50_align_right, .column_50_right {width: 50%;}
.column_45, .column_45_align_right, .column_45_right {width: 45%;}
.column_40, .column_40_align_right, .column_40_right {width: 40%;}
.column_35, .column_35_align_right, .column_35_right {width: 35%;}
.column_33, .column_33_align_right, .column_33_right {width: 33%;}
.column_30, .column_30_align_right, .column_30_right {width: 30%;}
.column_25, .column_25_align_right, .column_25_right {width: 25%;}
.column_24, .column_24_align_right, .column_24_right {width: 24%;}
.column_20, .column_20_align_right, .column_20_right {width: 20%;}
.column_15, .column_15_align_right, .column_15_right {width: 15%;}
.column_10, .column_10_align_right, .column_10_right {width: 10%;}
.column_5, .column_5_align_right, .column_5_right {width: 5%;}

.column_100_align_right, .column_95_align_right, .column_90_align_right, .column_85_align_right, .column_80_align_right, .column_77_align_right, .column_75_align_right, .column_73_align_right, .column_70_align_right, .column_65_align_right, .column_60_align_right, .column_55_align_right, .column_50_align_right, .column_45_align_right, .column_40_align_right, .column_35_align_right, .column_33_align_right, .column_30_align_right, .column_25_align_right, .column_24_align_right, .column_20_align_right, .column_15_align_right, .column_10_align_right, .column_5_align_right {text-align: right;}

.column_100_right, .column_95_right, .column_90_right, .column_85_right, .column_80_right, .column_77_right, .column_75_right, .column_73_right, .column_70_right, .column_65_right, .column_60_right, .column_55_right, .column_50_right, .column_45_right, .column_40_right, .column_35_right, .column_33_right, .column_30_right, .column_25_right, .column_24_right, .column_20_right, .column_15_right, .column_10_right, .column_5_right {float: right; POSITION: relative; z-index: 400;}

.wraptocenter { display: table-cell;   text-align: center;   vertical-align: middle; }
.wraptocenter  * { vertical-align: middle;}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
