@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:165px;}/* 2010 */
div.ok_header .ok_nav{	/*position: absolute;	*/width:955px;text-align: right;	margin:5px auto;color: #131d00;	font-size: 110%;*font-size: 90%;}/* 2010 */
div.ok_header .ok_logo{ position: absolute; width:250px;text-align: right;	}
div.ok_cont{background-image: url(../../images/03/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/03/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/03/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/03/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/03/b_list.gif);	background-repeat: repeat-x;	background-position: left top;}
div.spacer {clear: both;margin: 0px;padding: 0px;}

/* 條列內容 */
table.ok_list{	width:96%;	margin:0px auto;}
table.ok_list th{	background-image: url(../../images/03/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/03/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/03/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:100%;	margin:15px auto;}
div.ok_listtab2L{float:left;margin-left:15px;*margin-left:8px}
div.ok_listtab2R{
	float:right;
	margin-right:20px;
*margin-right:8px}
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 0px;border-bottom:1px solid #ccc;clear: both}
*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%;*FONT-SIZE: 120%; MARGIN: 10px 0px -3px 0px;padding:0px}
*html div.ok_listtab1 .tab UL {  MARGIN: 10px 0px 0px 0px;padding:0px} /* IE6 */
*+html div.ok_listtab1 .tab UL { MARGIN: 10px 0px 0px 0px;padding:0px} /* 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 {PADDING: 7px 8px 1px 12px;font-weight: bold;	background-image: url(../../images/03/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/03/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/03/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/03/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/03/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/03/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: #412e01;	text-decoration: none;}
.ok_nav a:link {color: #412e01;text-decoration: none;}
.ok_nav a:visited {color: #412e01;text-decoration: none;}
.ok_nav a:hover {color: #bf1111;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;
}

/* 2010下方圖形連結 */
table.ok_but2banner{border:1px solid #ccc;border-top:none;}
table.ok_but2banner td{padding:15px 0px}
#ok_tab {float:left;width:99.8%;font-size:130%;line-height:normal;clear: both;vertical-align: top;background-image: url(../../images/03/ok_but2_tabbg.gif);background-repeat: repeat-x;margin: 0px;padding: 0px 0px 0px 2px;}
#ok_tab ul {list-style:none;height:26px;margin:0;padding:10px 0 0 0;}
#ok_tab ul li{display:inline;margin:0;padding:10px 0px;background-image: url(../../images/03/ok_but2_tabline.gif);background-repeat: no-repeat;background-position: right center;}
#ok_tab ul li a span{padding:10px 10px 10px 10px;*padding:12px 10px 16px 10px;height:26px;font-weight: bold;}
#ok_tab ul li a {color:#545454;}
#ok_tab ul li a:hover span{color:#bc4322;background-image: url(../../images/03/ok_but2_tabbg02.gif);background-repeat: no-repeat;background-position: center top;height:26px;/*padding:10px 10px 10px 5px;*padding:10px 10px 15px 10px;*/font-weight: bold;}
#ok_tab ul li a span.tab_on{color:#bc4322;background-image: url(../../images/03/ok_but2_tabbg02.gif);background-repeat: no-repeat;background-position: center top;height:26px;/*padding:10px 5px;*padding:10px 10px 10px 10px;*/font-weight: bold;}

/* 2010 新增 */
div.my_resume{float:left;width:33%;	display: inline; color:#217298}
div.my_resume table{width:95%;margin:0px auto 10px auto;border:1px solid #ccc}
div.my_resume table th{padding:5px 2px 10px 45px;*padding:8px 2px 10px 45px;font-size: 120%;background-image: url(../../images/title_my_resume.gif);background-repeat: no-repeat;text-align: left;; color:#666666}

div.my_record{float:left;width:33%;	display: inline; color:#217298}
div.my_record table{width:95%;margin:0px auto 10px auto;border:1px solid #ccc}
div.my_record table th{padding:5px 2px 10px 45px;*padding:8px 2px 10px 45px;font-size: 120%;background-image: url(../../images/title_my_record.gif);background-repeat: no-repeat;text-align: left;color:#666666}

div.my_matching{float:left;	width:33%;	display: inline; color:#217298}
div.my_matching table{width:95%;margin:0px auto 10px auto;border:1px solid #ccc}
div.my_matching table th{padding:5px 2px 10px 45px;*padding:8px 2px 10px 45px;font-size: 120%;background-image: url(../../images/title_my_matching.gif);background-repeat: no-repeat;text-align: left;color:#666666}

div.my_job{	float:left;	width:33%;	display: inline; color:#217298}
div.my_job table{width:95%;margin:0px auto 10px auto;border:1px solid #ccc}
div.my_job table th{padding:5px 2px 10px 45px;*padding:8px 2px 10px 45px;font-size: 120%;background-image: url(../../images/title_my_job.gif);background-repeat: no-repeat;text-align: left;color:#666666}

div.my_resume1{float:left;width:33%;	display: inline; color:#217298}
div.my_resume1 table{width:95%;margin:0px auto 10px auto;border:1px solid #ccc}
div.my_resume1 table th{padding:5px 2px 10px 45px;*padding:8px 2px 10px 45px;font-size: 120%;background-image: url(../../images/title_my_resume2.gif);background-repeat: no-repeat;text-align: left;color:#666666}

div.my_file{	float:left;	width:33%;	display: inline; color:#217298}
div.my_file table{width:95%;margin:0px auto 10px auto;border:1px solid #ccc}
div.my_file table th{padding:5px 2px 10px 45px;*padding:8px 2px 10px 45px;font-size: 120%;background-image: url(../../images/title_my_file.gif);background-repeat: no-repeat;text-align: left;color:#666666}

div.my_career{float:left;width:97.5%;	display: inline; color:#217298; padding:0px 0px 0px 8px}
div.my_career table{width:100%;margin:0px auto 10px auto;border:1px solid #ccc}
div.my_career table th{padding:5px 2px 10px 45px;*padding:8px 2px 10px 45px;font-size: 120%;
background-image: url(../../images/title_my_career.gif);background-repeat: repeat-x;text-align: left;color:#666666}

div.my_resume table td, div.my_record table td, div.my_matching table td, div.my_job table td, div.my_file table td, div.my_resume1 table td, div.my_career table td{padding:2px 4px;border-bottom:1px dashed #dad0b2;height:34px;text-align: left;}
div.my_resume table tr.odd, div.my_record table tr.odd, div.my_matching table tr.odd, div.my_job table tr.odd, div.my_file table tr.odd, div.my_resume1 table tr.odd{}
div.my_resume table tr.even, div.my_record table tr.even, div.my_matching table tr.even, div.my_job table tr.even, div.my_file table tr.even, div.my_resume1 table tr.even, div.my_career table tr.even{background-color:#F8F3E3;}

div.my_resume .link1 a, div.my_record .link1 a, div.my_matching .link1 a, div.my_career .link1 a{color: #ff3300;text-decoration: none;}
div.my_resume a.link1:link, div.my_record a.link1:link, div.my_matching a.link1:link, div.my_mcareer a.link1:link {color: #ff3300;text-decoration: none;}
div.my_resume a.link1:visited, div.my_record a.link1:visited, div.my_matching a.link1:visited, div.my_career a.link1:visited {color: #ff3300;text-decoration: none;}
div.my_resume a.link1:hover, div.my_record a.link1:hover, div.my_matching a.link1:hover, div.my_career a.link1:hover {color: #cc0000;text-decoration: none;}

div.my_job .link1 a{color: #217298;text-decoration: none;}
div.my_job a.link1:link {color: #217298;text-decoration: none;}
div.my_job a.link1:visited {color: #217298;text-decoration: none;}
div.my_job a.link1:hover {color: #295577;text-decoration: none;}

table.ok_listtab2L{color: #e90000;}
table.ok_listtab2L td{padding:0px 3px;}
table.ok_listtab2L td span.on{none;background-image: url(../../images/icon5.gif);background-repeat: no-repeat;background-position: left center;padding-left:12px}
table.ok_listtab2L .link1 a{color: #333;text-decoration: none;background-image: url(../../images/icon5a.gif);background-repeat: no-repeat;background-position: left 4px;*background-position: left 2px;padding-left:12px}
table.ok_listtab2L a.link1:link {color: #333;text-decoration: none;background-image: url(../../images/icon5a.gif);background-repeat: no-repeat;background-position: left 4px;*background-position: left 2px;padding-left:12px}
table.ok_listtab2L a.link1:visited {color: #333;text-decoration: none;background-image: url(../../images/icon5a.gif);background-repeat: no-repeat;background-position: left 4px;*background-position: left 2px;padding-left:12px}
table.ok_listtab2L a.link1:hover {color: #e90000;text-decoration: none;background-image: url(../../images/icon5.gif);background-repeat: no-repeat;background-position: left 4px;*background-position: left 2px;padding-left:12px}