@charset "utf-8";
body {
	/*text-align: center;  這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	font-family: "細明體", "新細明體";
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: justify;
	text-justify:inter-ideograph;
	line-height:200%;
}
#workzone {
	text-align: center;
	width: 990px;
	height: 250px;
	background-image: url(images/happygreen.png);
	float: center;
	background-repeat: no-repeat;
	margin: 0px auto;
	background-position: left top;
	margin-top: 0px;
}
#logozone {
	width: 310px;
	height: 50px;
	background-image: url(images/EMAP_LOG.png);
	background-repeat: no-repeat;
	background-position: 25px;
	float: left;
	text-align: right;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	color: #FFF;
}
#selectzone {
	width: 490px;
	height: 50px;
	float: right;
	text-align: right;
	vertical-align: text-bottom;
	margin-top: 10px;
	font-family: "新細明體", "微軟正黑體", "標楷體", "MS PGothic", "Arial Unicode MS";
	font-size: large;
	color: #9BC62D;
}
#gagazone {
	width: 980px;
	height: 2px;
	background-position: 25px;
	float: none;
	background-color: #EEE;
	margin: 5px;
	clear:both;
	font-size: 1px;
	line-height: 0px;
}
#gagazone2 {
	width: 250px;
	height: 2px;
	float: none;
	background-color: #999;
}
#mainzone {
	text-align: center;
	width: 990px;
	height: auto;
	background-image: url(images/workzone.png);
	float: center;
	background-repeat: repeat-y;
	background-position: center;
	margin: -15px auto;
}
#choicezone {
	width: 190px;
	height: auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	text-align: left;
	vertical-align: text-bottom;
	padding-top: 1px;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
	border-right-style: solid;
	border-right-color: #D4E99D;
	border-right-width: thin;
}
#infozone {
	width: 740px;
	height: auto;
	background-repeat: no-repeat;
	background-position: 25px bottom;
	float: right;
	text-align: justify;
	vertical-align: text-bottom;
	margin: 5px;
}
#locationzone {
	width: 750px;
	height: auto;
	float: right;
	text-align:right;
	font-family: "新細明體", "微軟正黑體", "標楷體", "MS PGothic", "Arial Unicode MS";
	font-size: 14px;
	font-weight: 300;
	clear:both;
	background-image: url(images/happybar.png);
	background-repeat: repeat-x;
	background-position: 0px 15px;
	margin-bottom: 30px;
	padding-right: 10px;
}
#hellozone {
	width: 750px;
	height: auto;
	float: left;
}
#insitezone {
	width: 720px;
	height: auto;
	float: left;
	text-align:left;
	font-family: "新細明體", "微軟正黑體", "標楷體", "MS PGothic", "Arial Unicode MS";
	font-size: 14px;
	font-weight: 300;
	clear:both;
	text-align: justify;
	text-justify:inter-ideograph;
}
#linkzone {
	width: 740px;
	height: auto;
	float: left;
	text-align:left;
	font-family: "新細明體", "微軟正黑體", "標楷體", "MS PGothic", "Arial Unicode MS";
	font-size: 14px;
	clear:both;
	letter-spacing: 3px;
}
#swfzone {
	background-color: #EEE;
	margin-right: 5px;
	margin-left: 5px;
}
#bottomzone {
	text-align: center;
	width: 990px;
	height: auto;
	float: center;
	background-repeat: repeat-y;
	background-position: bottom;
	background-color: #EEE;
	background-image: url(images/swfzone.png);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 10px;
	padding-top: 10px;
}
#clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.style1 {
	font-size: medium;
}
.style2 {
	font-size: small;
	color: #930;
}
.style3 {
	font-size: small;
	color: #069;
}
.style4 {
	font-size: x-small;
	color: #060;
	font-family: "Arial", Gadget, sans-serif;
}
.style5 {
	font-size: x-small;
	color: #D4E99D;
	font-family: "Arial", Gadget, sans-serif;
}
.st1 {
	background-image: url(images/EMAP_LOG_S.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 300px;
	padding-left: 40px;
	font-size: 16pt;
	font-style: normal;
	color: #669900;
	font-family: "新細明體", "微軟正黑體", "標楷體", "MS PGothic", "Arial Unicode MS";
	float: left;
}
.st2 {
	background-image: url(images/EMAP_LOG_S.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 300px;
	padding-left: 40px;
	font-size: 16pt;
	font-style: normal;
	color: #669900;
	font-family: "新細明體", "微軟正黑體", "標楷體", "MS PGothic", "Arial Unicode MS";
	float: right;
}
.st3 {
	background-image: url(images/EMAP_LOG_xx.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 650px;
	padding-left: 30px;
	font-size: 14pt;
	font-style: normal;
	color: #669900;
	font-family: "新細明體", "微軟正黑體", "標楷體", "MS PGothic", "Arial Unicode MS";
	vertical-align: middle;
	clear:both;
}
/* 預設樣式 */
.divbox {
	height:40px;
	width:120px;
	float:left;
	/* background:#ffffff;
	border:solid 1px #ccc; */
 	margin-right:0px;
	text-align: center;
}
/*  滑入時變換底色樣式 */  
.divOver {
	background-color: #D4E99D;
	color: #FFF;	/*border:solid 1px #d2dce3;*/
}
/*  中柱 */  
.divcbar {
	height:40px;
	width:1px;
	background-color: #D4E99D;
	color: #060;
	margin-right:0px;
	float:left;
	text-decoration: none;	/*border:solid 1px #d2dce3;*/
}
/* 預設樣式 */
.table {
	float:left;
	width:170px;
	height:20px;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-color: #06F;
	border-bottom-width: 1px;
	font-family: "新細明體", "微軟正黑體", "標楷體", "MS PGothic", "Arial Unicode MS";
	font-size: 14px;
	vertical-align: text-bottom;
	letter-spacing: 0.5em;
	background-image: url(images/play.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 5px;
	margin-left: 15px;
	padding-bottom: 5px;
}
.table a:link, #da_choicezone a:link {
	text-decoration: none;
	color: #666;
}
.table a:visited, #da_choicezone a:visited {
	text-decoration: none;
	color: #666;
}
.table a:active, #da_choicezone a:active {
	text-decoration: none;
	color: #666;
}
/*  滑入時變換底色樣式 */  
.tableOver {
	background-color: #FC0;
	color: #060;	/*border:solid 1px #d2dce3;*/
}
#selectzone a:link {
	text-decoration: none;
	color: #9BC62D;
}
#selectzone a:visited {
	text-decoration: none;
	color: #9BC62D;
}
#selectzone a:active {
	text-decoration: none;
	color: #FFF;
}
#da_choicezone {
	width: 210px;
	height: auto;
	float: left;
	text-align: left;
	vertical-align: text-bottom;
	padding-top: 1px;
	padding-LEFT: 10px;
	margin-left: 5px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #DEF6F8;
}
#Button2 {
	width: 88px;
}
#Button1 {
	width: 65px;
}
#titlezone {
	width: 990px;
	height: 60px;
	background-repeat: no-repeat;
	text-align: right;
	vertical-align: text-bottom;
	background-color: #CDCDCD;
	font-size: 12px;
	background-image: url(images/mmcbar.png);
	background-position: bottom;
	margin: 0px auto;
	background-position: left top;
}
#titlezone a:link {
	text-decoration: none;
	color: #555;
}
#titlezone a:visited {
	text-decoration: none;
	color: #666;
}
#titlezone a:active {
	text-decoration: none;
	color: #000;
}
.happyspace
{
    /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
    float: left;
    width: 150px;
    height: 450px;
}