@charset "utf-8";
/* 版面框架 */
body {margin: 0px auto;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 80%;color: #333333; :padding:0px;}
#ok_main {width:960px; margin:0px auto;padding:0px;}
div.ok_header{width:960px;height: 145px;}
div.ok_header .ok_nav{	position: absolute;	width:955px;text-align: right;	margin:5px auto;color: #131d00;	font-size: 95%;*font-size: 90%; *font-size: 75%;}
div.ok_header .ok_logo{ position: absolute; width:250px;text-align: right;	}
div.ok_cont{background-image: url(../../images/01/b_main.gif);background-repeat: repeat-x;background-position: left top;padding: 0px;	margin:0px;}
div.ok_cont1{width:940px;padding: 10px;margin:0px auto ;}
div.ok_cont1 .L{	background-color: #FFFFFF;	width: 208px;	float: left; padding:7px 0px 0px 0px; margin:0px;}
div.ok_cont1 .R{	background-color: #FFFFFF;	float: right;	width: 732px; padding:6px 0px 0px 0px;  margin:0px;}
div.ok_cont2{width:732px; padding: 0px;margin:0px;}
div.ok_cont3{width: 920px;}
div.ok_footer {	margin: 0px;padding: 0px;background-image: url(../../images/01/b_line.gif);	background-repeat: no-repeat;	background-position: left top;padding: 20px 30px 30px 20px;	font-size: 85%;	line-height: 165%;}
div.ok_table1{background-color:#ffd24b;margin:0px 0px 0px 6px; padding:2px 0px 0px 0px;color: #333333;}
div.ok_search{width:180px;margin:0px auto;}
div.ok_search div{margin:5px auto;}
div.ok_cal img{border:0;}
div.ok_calbg {background-image: url(../../images/01/table_line03.gif);}
div.ok_table2{margin:5px 0px 0px 6px; padding:2px 0px 0px 0px;}
div.ok_banner , div.ok_but1{ width: 200px;margin:0px auto;}
div.ok_banner img  , div.ok_but1 img{ width: 200px;margin:2px auto;  border:0;}
*html div.ok_banner img  , div.ok_but1 img{ width: 200px;margin:1px auto; }
*+html div.ok_banner img{ width: 200px;margin:1px auto;}
div.ok_banner img{ width: 200px;margin:2px auto;}
div.ok_focus , div.ok_poll{ width: 200px;margin:5px auto;}
div.ok_focus .logo{ width:100%; text-align:center; margin:10px auto;}
div.ok_focus img{border:0;}
div.ok_poll .Q{width:88%;margin:5px auto; background-color:#F5F5F5; color:#BC4322; padding:4px}
div.ok_poll .A{width:88%;margin:0px auto;}
div.ok_poll .but{width:88%;margin:5px auto;	text-align: right;}
div.ok_news {background-image: url(../../images/01/t_news.gif);	background-repeat: no-repeat;	background-position: left top;	height: 43px;width: 725px; padding:0px;  margin:0px;}
div.ok_news .cont{	width: 82%;	padding:7px 0px 0px 110px;	line-height: 16px;}
div.urlPath{width:96%; margin:0px auto;text-align:right; }
div.urlPath1{ float:right; }
div.page{width:96%; margin:8px auto;text-align:center; }
div.line{width:100%;	height:5px;margin:0px auto;	background-image: url(../../images/01/b_list.gif);	background-repeat: repeat-x;	background-position: left top;}
div.spacer {clear: both;margin: 0px;padding: 0px;}

/* 條列內容 */
table.ok_list{	width:100%;	margin:0px auto;}
table.ok_list th{	background-image: url(../../images/01/list_th.gif);	background-repeat: repeat-x;background-position: left top;	height: 33px;text-align:left; padding-left:6px;}
table.ok_list tr{}
table.ok_list td{border-bottom: 1px solid #dadada;padding:6px;}
div.ok_listtab1{background-image: url(../../images/01/tab_bar_bg.gif);	background-repeat: repeat-x;background-position: left bottom;	width: 96%;padding: 0px;margin: 0px auto;	/*height: 34px;*/}
/*div.ok_listtab2{width:882px;background-image: url(../../images/01/b_bar.gif);	background-repeat: no-repeat;	background-position: left top;	height: 65px;	margin: 10px auto 10px auto;padding:5px 0px;}
div.ok_listtab3{padding:0px 10px;}*/
div.ok_listtab2{width:96%;	margin:15px auto;}
div.ok_listtab2L{float:left;}
div.ok_listtab2R{float:right;}
table.ok_list1{width:100% margin:0px auto;}
table.ok_list1 th{	background-color: #99FF00;	background-repeat: repeat-x;background-position: left top;	height: 25px;text-align:left; padding-left:6px;}
table.ok_list1 tr{}
table.ok_list1 td{border-bottom: 1px dashed #dadada;padding:6px;}


/* 頁籤設定 */
div.ok_listtab1 .tab{margin: 0px 0px 0px -25px;}
*html div.ok_listtab1 .tab { margin: 0px 0px 3px 0px;} /* IE6 */
*+html div.ok_listtab1 .tab { margin: 0px 0px 3px 0px;} /* IE7 */ 
div.ok_listtab1 .tab UL {	FONT-SIZE: 115%; MARGIN: 10px 0px 0px 0px;}
*html div.ok_listtab1 .tab UL {  MARGIN: 10px 0px 0px 8px;} /* IE6 */
*+html div.ok_listtab1 .tab UL { MARGIN: 10px 0px 0px 8px;} /* IE7 */ 
div.ok_listtab1 .tab LI {	DISPLAY: inline;  MARGIN: 0px 6px 0px 0px;}
div.ok_listtab1 .tab A {	TEXT-DECORATION: none;	PADDING: 0px 0px 0px 2px;}
div.ok_listtab1 .tab LI.on {BORDER: #cccccc 1px solid;	BORDER-TOP: #cccccc 1px solid;	BORDER-LEFT: #cccccc 1px solid;	PADDING: 7px 8px 1px 12px;	BORDER-BOTTOM: #cccccc 1px;	font-weight: bold;	background-image: url(../../images/01/b_tab02.jpg);	background-repeat: repeat-x;background-position: left top;	color: #ffffff;}
div.ok_listtab1 .tab LI {BORDER-RIGHT: #cccccc 1px solid;	BORDER-TOP: #cccccc 1px solid;	BORDER-LEFT: #cccccc 1px solid;	BORDER-BOTTOM: #cccccc 1px;	PADDING: 7px 10px 1px 10px;	MARGIN: 2px 2px 5px 0px;background-image: url(../../images/01/b_tab.jpg);	background-repeat: repeat-x;background-position: left top;}
div.ok_listtab1 .tab a:link {color: #333333;	text-decoration: none;}
div.ok_listtab1 .tab a:visited {color: #333333;	text-decoration: none;}
div.ok_listtab1 .tab a:hover {color: #333333;	text-decoration: underline;}

/* 詳細頁設定 */
table.ok_detail{	width:96%;	margin:15px auto;}
table.ok_detail th{	background-image: url(../../images/01/list_th.gif);	background-repeat: repeat-x;background-position: left top;	height: 33px;text-align:left; padding-left:6px;}
table.ok_detail tr{}
table.ok_detail td{ border-bottom: 1px solid #dadada;padding:10px 6px;}
table.ok_file{color: #757575;	text-align: left;	text-decoration: none;background-image: none;	background-color: #f6f6f2;	padding: 2px;	margin: 0px;}
table.ok_file td{border-bottom: 1px}
table.ok_file th{	text-align: left;	background-image: none;	font-size: 100%;	color: #4ABAB6;padding:7px 0px 7px 7px;}	
table.ok_file a{	color: #757575;	margin: 0px;	padding: 0px;	background-image: none;}

/* 內頁標題 */
div.ok_titlebg{width:870px;background-image: url(../../images/01/dot_titleB.gif);	background-repeat: no-repeat;background-position: left bottom;padding-left: 30px;height:30px;margin: 0px auto;}
div.ok_title{font-size: 125%;	font-weight: bold;	color: #333333;float:left;height:25px; }
div.ok_titlebg2{width:685px;background-image: url(../../images/01/dot_titleB.gif);	background-repeat: no-repeat;background-position: left bottom;padding-left: 30px;height:30px;margin: 15px auto;}
div.ok_title2{font-size: 125%;	font-weight: bold;	color: #333333;float:left;height:25px; }

/* 無障礙導盲磚 */
div.key_L{	position: absolute;	width:10px;top:150px;}

/* 圖形連結 */
div.ok_but1 { width: 200px;margin:0px auto;}
div.ok_but2 {margin: 0px;background-image: url(../../images/01/b_line.gif);background-repeat: no-repeat;	background-position: left top;padding: 30px 30px 20px 30px;}
div.ok_but2 td{width: 20%;	text-align: center;}
div.ok_but2 img{width: 148px;border: 1px solid #dcdcdc;}

/* 廣告 */
div.ok_ad1{	position: absolute;	width:950px;top:65px;text-align: right;}
div.ok_ad2{	width:940px;background-color: #ffffff; margin:0px auto;text-align: center; padding-top:8px;}
div.ok_ad3{	float:right;width: 160px;margin: 14px auto auto auto;}
div.ok_ad4{ margin:10px auto; width:700px;}

/* 文字設定 */
.font1{color: #FF1700;}
.title_01 {font-family: Arial, Helvetica, sans-serif; font-size: 115%; color: #005981; font-weight: bold; padding-left:80px;}
.title_02 {font-family: Arial, Helvetica, sans-serif; font-size: 115%; color: #005981; font-weight: bold;}
.title_03 {font-family: Arial, Helvetica, sans-serif; font-size: 115%; color: #003399; font-weight: bold; padding-left:10px;}
.title_04 {font-family: Arial, Helvetica, sans-serif; font-size: 120%; color: #005981; font-weight: bold;}
.submenuon {font-family: Verdana, Arial, Helvetica, sans-serif; color: #990000; font-weight: bold;}
.textstyle_01 {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #0072B3; line-height: 120%;}
.textstyle_02 {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #FF6600; line-height: 120%;}
.textstyle_03 {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF;}
.textstyle_04 {font-family: Arial, Helvetica, sans-serif; font-size: 120%; color: #FFFFFF;}
.textstyle_05 {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #333333;  font-weight: bold;}

/* 連結設定 */
a img{border:0;}

.ok_list a  {	color: #217298;	text-decoration: none; *font-size: 90%;}
.ok_list a:link {color: #217298;text-decoration: none; *font-size: 90%;}
.ok_list a:visited {color: #217298;text-decoration: none; *font-size: 90%;}
.ok_list a:hover {color: #295577;text-decoration: none; *font-size: 90%;}

.ok_focus a{color: #F77E3C;	text-decoration: none; font-size: 85%;}
.ok_focus a:link {color: #F77E3C;text-decoration: none; font-size: 85%;}
.ok_focus a:visited {color: #F77E3C;text-decoration: none; font-size: 85%;}
.ok_focus a:hover {color: #BC4322;text-decoration: none; font-size: 85%;}

.ok_nav a{	color: #131d00;	text-decoration: none;}
.ok_nav a:link {color: #131d00;text-decoration: none;}
.ok_nav a:visited {color: #131d00;text-decoration: none;}
.ok_nav a:hover {color: #395900;text-decoration: none;}

a , .ok_news a{	color: #767676;	text-decoration: none; font-size: 90%;}
a:link , .ok_news a:link {color: #767676;text-decoration: none; font-size: 90%;}
a:visited , .ok_news a:visited {color: #767676;text-decoration: none; font-size: 90%;}
a:hover , .ok_news a:hover {color: #333333;text-decoration: none; font-size: 90%;}

.urlPath a{	color: #767676;	text-decoration: none; font-size: 85%;}
.urlPath a:link {color: #767676;text-decoration: none; font-size: 85%;}
.urlPath a:visited {color: #767676;text-decoration: none; font-size: 85%;}
.urlPath a:hover {color: #333333;text-decoration: none; font-size: 85%;}

.ok_footer a{	color: #ff6060;	text-decoration: none;}
.ok_footer a:link {color: #ff6060;text-decoration: none;}
.ok_footer a:visited {color: #ff6060;text-decoration: none;}
.ok_footer a:hover {color: #c62b2b;text-decoration: none;}

.key a{color: #FFFFFF;text-decoration: none;font-size: 60%;	line-height: 0px;}
a.key:link {color: #FFFFFF;text-decoration: none;font-size: 60%;line-height: 0px;}
a.key:visited {color: #FFFFFF;text-decoration: none;font-size: 60%;line-height: 0px;}
a.key:hover {color: #FFFFFF;text-decoration: none;font-size: 60%;line-height: 0px;}

.home a{color: #217298;text-decoration: none;font-size: 85%;	line-height: 0px;}
a.home:link {color: #217298;text-decoration: none;font-size: 85%;line-height: 0px;}
a.home:visited {color: #217298;text-decoration: none;font-size: 85%;line-height: 0px;}
a.home:hover {color: #295577;text-decoration: none;font-size: 85%;line-height: 0px;}

a.link:link {color: #333333; text-decoration: none; font-style: normal; font-size: 100%;}
a.link:visited {color: #660000; text-decoration: none;font-size: 100%;}
a.link:hover {color: #FF9900; text-decoration: none; font-size: 100%;}
a.link:active {color: #330000; text-decoration: none; font-size: 100%;}

/* 其他設定 */
.input_t{border:1px solid #9ca1a5; color:#636363;}

/*輸入文字框長度控制*/
.textinput60 {
	width: 60px;
	border: 1px solid #666666;
	font-size: 12px;
	color: #333333;
}
.textinput100 {
	width: 100px;
	border: 1px solid #666666;
	font-size: 12px;
	color: #333333;
}
.textinput150 {
	width: 150px;
	border: 1px solid #666666;
	font-size: 12px;
	color: #333333;
}
.textinput200 {
	width: 200px;
	border: 1px solid #666666;
	font-size: 12px;
	color: #333333;
}
.textinput240 {
	width: 240px;
	border: 1px solid #666666;
	font-size: 12px;
	color: #333333;
}
.textinput120 {
	width: 120px;
	border: 1px solid #BABABA;
	BACKGROUND-COLOR: #FFFFFF}
.textinput180 {
	width: 180px;
	border: 1px solid #BABABA;
	BACKGROUND-COLOR: #FFFFFF
}
.textinput350 {
	width: 300px;
	border: 1px solid #BABABA;
	BACKGROUND-COLOR: #FFFFFF;
	height: 60px;
}
.button01 {filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#D9D9D9', gradientType='1');
	height: 20px;
	border: 1px outset #999999;
	text-align: center;
	vertical-align: middle;
}