@charset "big5";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.design{
	background:url(../images/img_bg.jpg) no-repeat center;
	}


.font{
	font-size:10pt;
	line-height:1.5em;
	letter-spacing:1pt;
	text-align:left;
	}

.h1{
	width:980px;
	height:319px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:center;
	}
	
.h2{
	width:529px;
	height:30px;
	text-indent:-9999px;
	}
	
.title {padding-left: 60px; color: #003399; font-size: 18px; letter-spacing: 1px; font-weight: bold; font-family: Arial, Helvetica, sans-serif, '華康細圓體', '超研澤細圓', '微軟正黑體';}
.title img {vertical-align: middle;}

.join {width: 85%;}
.join td {font-weight: bold; text-align: center; vertical-align: middle; position: relative;}
.join td, .join a, .join a:hover {text-decoration: none; font-family: Arial, Helvetica, sans-serif, '微軟正黑體';}
.join .text {width: 21%;}
.join .text div {padding: 5px 0; color: #000033; font-size: 18px; line-height: 24px; background-color: #ffffff; background: linear-gradient(#ffffff, #cccccc); border:solid 1px #999999; border-radius: 10px;}
.join .high div {color: #ffffff; background-color: #009933; background: linear-gradient(#00cc44, #006622); border-color: #004d1a; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);}
.join .high:hover div {background-color: #cc0099; background: linear-gradient(#990073, #ff00bf); border-color: #800060;}
.join .arrow {color: #99ccff; font-size: 30px;}
.join .click {position: absolute; bottom: 8px; right: 15px; border: none;}