@charset "utf-8";
	html, body {
		height: 100%;
		/*overflow: auto; 這個內容會導致 window.onscroll = function(){} 失效暫時註解掉，不過還沒測過 IE6的情況!*/
	}
	/*
		解決IE6 高度不能於頁面最底部的情況; 使用position:fixed時就看得出來差別了 (bottom:0;)IE6在沒有這段語法的情況下會以表單最底為全部的高度
	*/
	
	body{
		font-size:10pt;
		font-family:微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		text-align:center;
		background-color:transparent;
		color:#444;
		letter-spacing:1px;
		background:#fff;
	}
	
	h1,h2,h3,h4,h5{
		margin:0;
		padding:0;
	}
	
	table{
		border-spacing: 0;
		border-collapse: collapse;
	}
	
	td,th{
		vertical-align:top;
	}
	
	img{
		border:0px;
	}
	
	a{
		color:#555;
		text-decoration:none;
		cursor:pointer;
	}
	
	a:hover{
		color:#000;
	}
	
	
	
	hr{
		margin:0;
		padding:0;
		background:#000;
	}
	
	
	#content{
		margin-left:10px;
		margin-top:10px;
	}
	
	#top{
		background:url(../images/extends/dec10.png) no-repeat bottom left;
		padding-bottom:18px;
	}
	
	
	#top4list{
		background:url(../images/extends/dec24.png) no-repeat bottom left;
		padding-bottom:18px;
	}
	
	#foot{
		padding-left:25px;
	}

	.clear{
		clear:both;
	}
	
	.clearfix{
		overflow: auto;	
	}
	
	.clearfix::after {
	  content: "";
	  clear: both;
	  display: table;
	}
	
	.none{
		display:none;	
	}
	
	.left{
		text-align:left;
	}
	
	.center{
		text-align:center;
	}
	
	.right{
		text-align:right;
	}
	
	.top{
		vertical-align:top;
	}
	
	.middle{
		vertical-align:middle;
	}
	
	.bottom{
		vertical-align:bottom;
	}
	
	
	
	input[type=text],input[type=password]{
		padding:4px 10px;
		color:#444;
		border:1px solid #ccc;
	}
	

	select{
		padding:4px 2px;
		color:#444;
		border:1px solid #ccc;
	}
	
	input[type=checkbox], input[type=radio]{
		vertical-align:middle;	
	}
	
	input[type=button]{
		-moz-border-radius: 6px 6px 6px 6px;
		-webkit-border-radius: 6px 6px 6px 6px;
		border-radius: 6px 6px 6px 6px;
		
		background:#f1f1f1;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#f1f1f1');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#f1f1f1')";
		background-image: -moz-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -ms-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -o-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), to(#f1f1f1));
		background-image: -webkit-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: linear-gradient(top, #f4f4f4, #f1f1f1);

		border:1px solid #D8D8D8;
		padding:6px 10px;
		cursor:pointer;
		color:#444;
	}
	
	input[type=button]:hover{
		border:1px solid #C6C6C6;
		color:#212121;
		
		background:#e1e1e1;
		
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e1e1e1', endColorstr = '#e8e8e8');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e1e1e1', endColorstr = '#e8e8e8')";
		background-image: -moz-linear-gradient(top, #e1e1e1, #e8e8e8);
		background-image: -ms-linear-gradient(top, #e1e1e1, #e8e8e8);
		background-image: -o-linear-gradient(top, #e1e1e1, #e8e8e8);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#f1f1f1), to(#e8e8e8));
		background-image: -webkit-linear-gradient(top, #e1e1e1, #e8e8e8);
		background-image: linear-gradient(top, #e1e1e1, #e8e8e8);
	}
	
	input[type=submit]{
		-moz-border-radius: 6px 6px 6px 6px;
		-webkit-border-radius: 6px 6px 6px 6px;
		border-radius: 6px 6px 6px 6px;
		
		background:#C83929;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#DC4A38', endColorstr = '#C83929');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#DC4A38', endColorstr = '#C83929')";
		background-image: -moz-linear-gradient(top, #DC4A38, #C83929);
		background-image: -ms-linear-gradient(top, #DC4A38, #C83929);
		background-image: -o-linear-gradient(top, #DC4A38, #C83929);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#DC4A38), to(#C83929));
		background-image: -webkit-linear-gradient(top, #DC4A38, #C83929);
		background-image: linear-gradient(top, #DC4A38, #C83929);

		border:1px solid #B0281A;
		padding:6px 10px;
		cursor:pointer;
		color:#fff;
		font-weight:bold;
	}
	
	input[type=submit]:hover{
		background:#8B1F15;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#C93A2A', endColorstr = '#8B1F15');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#C93A2A', endColorstr = '#8B1F15')";
		background-image: -moz-linear-gradient(top, #C93A2A, #8B1F15);
		background-image: -ms-linear-gradient(top, #C93A2A, #8B1F15);
		background-image: -o-linear-gradient(top, #C93A2A, #8B1F15);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#C93A2A), to(#8B1F15));
		background-image: -webkit-linear-gradient(top, #C93A2A, #8B1F15);
		background-image: linear-gradient(top, #C93A2A, #8B1F15);

		border:1px solid #B0281A;
		color:#fff;
	}
	
	textarea{
		padding:3px 2px;
		color:#444;
		border:1px solid #ccc;
	}
	
	.justify{
		text-align-last:justify;
		text-align:justify;
		text-justify:distribute-all-lines;
	}
	
	/*範例 1 position:fixed於IE6無法使用的解決方法*/
	#menu{
		position:fixed;
		left:3px;
		bottom:3px;
		width:18px;/*這個一定要設定不然ie6會跑100%*/
		filter:Alpha(Opacity=98);	/*透明度設定*/
		opacity:0.98;				/*透明度設定*/
	}
	* html #menu { position: absolute;} /* IE6 解決無法使用fixed的問題 */
	
	/* 日曆樣式 start */
	.datepicker{
		background-image:url(../images/calendar.png) !important;
		background-repeat:no-repeat !important;
		background-position:3px center !important;
		padding-left:28px !important;
	}
	
	/* 日曆樣式 start */
	.datepicker2{
		background-image:url(../images/calendarTW.png) !important;
		background-repeat:no-repeat !important;
		background-position:3px center !important;
		padding-left:28px !important;
	}
	
	
	
	/*以下為修改 datepicker樣式*/
	.ui-datepicker select.ui-datepicker-month, 
	.ui-datepicker select.ui-datepicker-year { width: 80px;background:#E0E0E0;margin:0 6px;}


	/* 日曆樣式 end */
	
	/* input title提示;移開後的樣式 */
	.hint_blur{
		color:#yellow; !important;
		border:yellow solid 1px; !important;
	}
	
	
	
	
/*
	按鈕集合 start
*/
	
	/* left 按鈕 */
	.left_btn{
		-moz-border-radius: 6px 0px 0px 6px;
		-webkit-border-radius: 6px 0px 0px 6px;
		border-radius: 6px 0px 0px 6px;
		
		background:#F3F3F3;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#f1f1f1');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#f1f1f1')";
		background-image: -moz-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -ms-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -o-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), to(#f1f1f1));
		background-image: -webkit-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: linear-gradient(top, #f4f4f4, #f1f1f1);

		border:1px solid #D8D8D8;
		padding:6px 10px;
		cursor:pointer;
		color:#696969;
		margin-right:1px;
	}
	
	/* right 按鈕 */
	.right_btn{
		-moz-border-radius: 0px 6px 6px 0px;
		-webkit-border-radius: 0px 6px 6px 0px;
		border-radius: 0px 6px 6px 0px;
		
		background:#F3F3F3;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#f1f1f1');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#f1f1f1')";
		background-image: -moz-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -ms-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -o-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), to(#f1f1f1));
		background-image: -webkit-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: linear-gradient(top, #f4f4f4, #f1f1f1);

		border:1px solid #D8D8D8;
		padding:6px 10px;
		cursor:pointer;
		color:#444;
		margin-left:1px;
	}
	
	/* 中間 按鈕 */
	.middle_btn{
		
		background:#F3F3F3;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#f1f1f1');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#f1f1f1')";
		background-image: -moz-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -ms-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -o-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), to(#f1f1f1));
		background-image: -webkit-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: linear-gradient(top, #f4f4f4, #f1f1f1);

		border:1px solid #D8D8D8;
		padding:6px 10px;
		cursor:pointer;
		color:#444;
		margin-left:1px;
	}
	
	/* 一般按鈕 */
	.btn{
		-moz-border-radius: 6px 6px 6px 6px;
		-webkit-border-radius: 6px 6px 6px 6px;
		border-radius: 6px 6px 6px 6px;
		
		background:#f1f1f1;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#f1f1f1');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f4f4f4', endColorstr = '#f1f1f1')";
		background-image: -moz-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -ms-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -o-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), to(#f1f1f1));
		background-image: -webkit-linear-gradient(top, #f4f4f4, #f1f1f1);
		background-image: linear-gradient(top, #f4f4f4, #f1f1f1);

		border:1px solid #D8D8D8;
		padding:6px 10px;
		cursor:pointer;
		color:#444;
	}
	
	/* 紅色按鈕 */
	.red_btn{
		-moz-border-radius: 6px 6px 6px 6px;
		-webkit-border-radius: 6px 6px 6px 6px;
		border-radius: 6px 6px 6px 6px;
		
		background:#C83929;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#DC4A38', endColorstr = '#C83929');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#DC4A38', endColorstr = '#C83929')";
		background-image: -moz-linear-gradient(top, #DC4A38, #C83929);
		background-image: -ms-linear-gradient(top, #DC4A38, #C83929);
		background-image: -o-linear-gradient(top, #DC4A38, #C83929);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#DC4A38), to(#C83929));
		background-image: -webkit-linear-gradient(top, #DC4A38, #C83929);
		background-image: linear-gradient(top, #DC4A38, #C83929);

		border:1px solid #B0281A;
		padding:6px 10px;
		cursor:pointer;
		color:#fff;
		font-weight:bold;
	}
	
	.red_btn:hover{
		background:#8B1F15;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#C93A2A', endColorstr = '#8B1F15');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#C93A2A', endColorstr = '#8B1F15')";
		background-image: -moz-linear-gradient(top, #C93A2A, #8B1F15);
		background-image: -ms-linear-gradient(top, #C93A2A, #8B1F15);
		background-image: -o-linear-gradient(top, #C93A2A, #8B1F15);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#C93A2A), to(#8B1F15));
		background-image: -webkit-linear-gradient(top, #C93A2A, #8B1F15);
		background-image: linear-gradient(top, #C93A2A, #8B1F15);

		border:1px solid #B0281A;
		color:#fff;
	}
	
	.right_btn:hover , .left_btn:hover , .btn:hover , .middle_btn:hover{
		border:1px solid #C6C6C6;
		color:#212121;
		
		background:#e1e1e1;
		
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e1e1e1', endColorstr = '#e8e8e8');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e1e1e1', endColorstr = '#e8e8e8')";
		background-image: -moz-linear-gradient(top, #e1e1e1, #e8e8e8);
		background-image: -ms-linear-gradient(top, #e1e1e1, #e8e8e8);
		background-image: -o-linear-gradient(top, #e1e1e1, #e8e8e8);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#f1f1f1), to(#e8e8e8));
		background-image: -webkit-linear-gradient(top, #e1e1e1, #e8e8e8);
		background-image: linear-gradient(top, #e1e1e1, #e8e8e8);
	}
	
	/*按鈕取得焦點*/
	.btn_focus{
		color:#900;
		font-weight:bold;
	}

/*
	按鈕集合 end
*/
	
	/*topone_tip專用*/
	.topone_tip{
		padding:10px;
		border:1px solid #999;
		background:#eee;
		color:#444;
		margin:5px 0;
		text-align:left;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
		-moz-box-shadow: 0px 0px 4px #999;
		-webkit-box-shadow: 0px 0px 4px #999;
		box-shadow: 0px 0px 4px #999;
		/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	}
	
	
/*
	其它延伸
*/

.prompt{
	color:red;	
}

.bolder{
	font-weight:bolder;	
}

.button4yellow{
	border:0 !important;
	padding:10px 20px !important;
	background:#FFD700 !important;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	border-radius: 30px !important;	
	font-weight:bold;
	font-family:"微軟正黑體";
	color:#000 !important;
}

/*手機 */
@media screen and (max-width: 1001px){
	.wrapper{
		margin:0 auto;	
	}
	
	.slogan{
		margin:0 20px 30px;text-align:left;	
		font-weight:bold;
	}
	
	.computer{
		display:none !important;
	}
	
	.computer4flex{
		display:none !important;
	}
	
	.computer4inline{
		display:none !important;
	}
	
	.smartphone{
		display:block !important;	
	}
	
	.smartphone4flex{
		display:flex !important;
	}
	
	.smartphone4inline_block{
		display:inline-block !important;
	}
	
	.computer4table{ display:none;}
	div.td { padding:10px; }
	div.th { margin-top:30px;padding:10px;font-size:18px;font-weiht:bolder;background:#FCD700 !important; }
	
}


	/*電腦 */
@media screen and (min-width: 1001px) {
    .wrapper{
		margin:0 auto;
		max-width:1105px;
		padding:0 15px;
	}
	
	.slogan{
		margin:0 30px 30px;text-align:left;	
		font-weight:bold;
	}
	
	.computer{
		display:block !important;
	}
	
	.computer4flex{
		display:flex !important;
	}
	
	.computer4inline{
		display:inline !important;
	}

	.smartphone{
		display:none !important;	
	}
	
	.smartphone4flex{
		display:none !important;
	}
	
	.smartphone4inline_block{
		display:none !important;
	}
	
	div.table { display: table;width:100%; }
	div.tr { display: table-row; }
	div.td { display: table-cell;padding:10px;font-weight:bolder; }
	div.th { 
		display: table-cell;padding:10px;
		border-right:1px solid #231815;
		font-size:1.6em;
		font-weiht:bolder;
		text-align:center;vertical-align:middle; 
	}
	
	.nnn{
		border-right:0 !important;	
	}
	
	.computer_width50{
		width:50%;	
	}

}


	.space_2word{
		display:inline-block;width:50px;
	}
	
	.space_3word{
		display:inline-block;width:16px;
	}