/* CSS Document */
body {	
	margin: 0;
	padding: 0;
	background:url(../images/bg.png) repeat-x; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#4F5051;
	line-height:20px;
}

a:link {text-decoration:none; color:#1F81C3}
a:visited {text-decoration:none; color:#999}
a:hover {text-decoration: underline; color:#F60}

form{margin:0; padding:0;}
img{border:0}

h1{ display:none}
h2 {}
h3 {}	
h4 { color:#42B28D/*#1F81C3*/}
h4 img{ padding-right:7px; vertical-align: middle}
h5 { color:#616161; font-size:0.8em}

/*==================  通用設定 ======================*/
#wrap{
	display:block;
	position:relative;
	width:1020px;
	margin:0 auto}
.clean{ clear:both}	
.hidden{ display:none}
.middle_title{
	font-size:1em;
	color:#4CC99F /*#70bcaf*/}
.icon_new{ margin-left:5px}	
.text_date{ width:30%; color:#989898}
.text_blue{ color:#51c5ec; font-weight:bold}
.text_blue_2{ color:#42B28D/*#186DA5*/; font-weight:bold;}
.text_blue_3{ font-size:1.1em; color:#0E4739; font-weight:bold}
.text_orange{ color:#df760f}
.text_green{color: #1C497B; font-size:1.2em}
.text_green a:link {text-decoration:none; color:#0CC}
.text_green a:visited {text-decoration:none; color:#0CC}
.text_green a:hover {text-decoration: underline; color:#F60}
#comtent_main .noline{ border-bottom:none}
/*==================  頂部設定 ======================*/
#head{
	display:block;
	position:relative;
	width:1020px;
	height:169px;}
#top_area{
	display:block;
	position:absolute;
	width:500px;
	height:72px;
	z-index:999;
	left:500px;
	padding-top:20px
	}
#subnav{
	text-align:right; 
	font-size:0.8em;
	color:#37649f;
	padding-right:10px}
#subnav ul{}
#subnav li{display:inline}
#subnav a:link {text-decoration:none; color:#37649f}
#subnav a:visited {text-decoration:none; color:#37649f}
#subnav a:hover {text-decoration: underline; color:#F60}
.jumpmenu{ border:1px solid #C6C6C6; color:#37649f}
#searchbar{
	display:block;
	width:222px;
	height:24px;
	background:url(../images/search_bar_en.jpg) no-repeat;
	margin:10px 0 0 188px;
	padding-top:2px;
	padding-left:80px;
    text-align: left;
	font-size:0.9em;}
.searchbox{ 
     border: none;
	 background:none;
	 width:190px;
	 font-size:0.8em; 
	 color:#535353;
	 padding:3px 0 0 0;
	 margin:0}	
/*==================  中間設定 ======================*/
#middle{
	display:block;
	width:992px;
	margin:0 auto;
	background:url(../images/bg_middle.png) repeat-y}
#middle_c{
	display:block;
	width:992px;
	margin:0 auto;
	background:url(../images/bg_middle_cc.png) repeat-y}	
#nav{
	display:block;
	float:left;
	width:210px;
	height:413px;
	background: url(../images/bg_nav_en.png) no-repeat;
	border-right: 1px solid #ccd1d3;
	margin:0;
	padding:0}
	
/*中間新聞區塊*/	
#middle_info{
	display:block;
	float:left;
	width:621px;
	border-right: 1px solid #ccd1d3
	}
#index_news{
	display:block;
	width:621px;
	height:202px;
	background:url(../images/bg_news_en.png) no-repeat
	}
	
#index_event{
	display:block;
	width:621px;
	height:211px;
	background:url(../images/bg_event_en.png) no-repeat
	}
.pic_box{
	float:left;
	width:21%;
	padding:10px 0 0 15px}
.pic_box img{
	border:1px solid #ACACAC;
	padding:5px}	
.text_box{
	float:right;
	width:72%;
	padding:10px 25px 0 0 }
.text_box p{
	font-size:0.8em;
	line-height:18px;
	margin-top:5px}
.index_table{
	width:300px;
	margin-top:8px}
.index_table td{
	padding:2px;
	font-size:0.8em}
.index_table td img{
	vertical-align:middle;
	margin-right:5px}
.index_table a:link {text-decoration:none; color:#1F81C3}
.index_table a:visited {text-decoration:none; color:#989898}
.index_table a:hover {text-decoration: underline; color:#F60}

/*內頁中間區塊*/
#middle_content{
	display:block;
	float:right;
	width:765px;
	padding:10px 0 10px 15px
	}
#title_box{
	display:block;
	width:742px;
	height:46px;
	background: url(../images/cc_titlebox_en.png) no-repeat}
#unit_title{
	float:left;
	width:187px}	
.unit_title_1{
	display:block;
	width:162px;
	height:36px;
	background:url(../images/unit_title_1_en.png);
	text-indent:-9999px;
	margin-left:15px}
.unit_title_2{
	display:block;
	width:162px;
	height:36px;
	background:url(../images/unit_title_2_en.png);
	text-indent:-9999px;
	margin-left:15px}
.unit_title_3{
	display:block;
	width:162px;
	height:36px;
	background: url(../images/unit_title_3_en.png);
	text-indent:-9999px;
	margin-left:15px}
.unit_title_4{
	display:block;
	width:162px;
	height:36px;
	background:url(../images/unit_title_4_en.png);
	text-indent:-9999px;
	margin-left:15px}
.unit_title_5{
	display:block;
	width:162px;
	height:36px;
	background:url(../images/unit_title_5_en.png);
	text-indent:-9999px;
	margin-left:15px}
#cookiebox{
	float:right;
	width:540px;
	padding:15px 10px 0 0;
	font-size:0.75em;
	text-align:right}
#cookiebox img{
	margin-right:4px}
#cookiebox a:link {text-decoration:none; color:#6d6e6f}
#cookiebox a:visited {text-decoration:none; color:#6d6e6f}
#cookiebox a:hover {text-decoration: underline; color:#F60}

.submenu{
	clear:both;
	width:720px;
	height:30px;
	padding:5px 0 3px 22px;
	}
.submenu ul{}
.submenu li{
	display: inline;
	font-size: 0.75em;
	margin-right: 5px;
	padding:3px;
	color:#666;
	}
.submenu a:link {text-decoration:none; color:#1d546f}
.submenu a:visited {text-decoration:none; color:#1d546f}
.submenu a:hover {text-decoration: underline; color:#F60}
.nowin{
	background:#0CC;
	padding:3px;
	color:#FFF;
	border:1px solid #09AEBA}
.nowin a:link {text-decoration:none; color:#FFF}
.nowin a:visited {text-decoration:none; color:#FFF}
.nowin a:hover {text-decoration: underline; color:#FFF}
.nowout{
	/*background:#EEEEEE;*/
	border:1px solid #C6C6C6}

/*主內文區*/
#comtent_main{
	display:block;
	width:682px;
	padding:5px 30px 20px 30px;
	text-align:justify}
#comtent_main p{
	font-size:0.8em;
	line-height:22px;
	padding:10px 0 20px 15px}
#comtent_main ul{}
#comtent_main li{
	background:url(../images/blue_listtitle.png) no-repeat;
	background-position: 10px 12px;
	font-size:0.8em;
	line-height:18px;
	padding:8px 0 8px 20px;
	/*border-bottom:1px dotted #626262*/}
.conpic{
	float: right;
	margin:0 0 15px 15px}

.table_cadre{
	border-top: 1px solid #3071B1;
	border-bottom: 1px solid #3071B1}
.table_cadre th{
	padding:5px;
	background:#00CCCC;
	color:#FFF;
	font-size:0.9em}
.table_cadre td{
	padding:5px;
	/*border-right:1px solid #ACACAC;*/
	border-bottom:1px solid #00CCCC;
	font-size:0.8em}
.table_cadre .cadre_name{ width:23%}	
#cadre_year{
	display:block;
	padding:5px;
	text-align:right;
	font-size:0.91em;}	
.gray_bg{ background-color:#EFEFEF}
#contact_box{
	display:block;
	width:665px;
	height:160px;
	background:url(../images/bg_contact.jpg);
	padding:10px 0 0 15px
	}
#contact_box ul{}
#contact_box li{color:#6d6e6f;border-bottom:1px dotted #626262}
/*#contact_box a:link {text-decoration:underline; color:#FFF}
#contact_box a:visited {text-decoration:underline; color:#FFF}
#contact_box a:hover {text-decoration: none; color:#0FF}*/
#comtent_main .mission{}
#comtent_main .mission ul{}
#comtent_main .mission li{
	border-bottom:none}

/*最新消息%活動看板*/
#peviewbox{
	display:block;
	width:100%}
#peviewbox img{
	float:left;
	border:1px solid #828282;
	padding:5px;
	margin:0 15px 15px 0}
.table_news{
	width:98%;
	margin:5px auto 0 auto;
	border-collapse: separate;
	border-spacing: 1px
	}
.table_news th{
	font-size:0.8em;
	background:#4CC99F;
	padding:5px;
	color:#FFF}
.table_news tr:hover{ background:#BAEFDE}	
.table_news td{
	padding:5px;
	font-size:0.8em;
	border-bottom:1px dotted #828282;
	}
.td_item{ width:6%}
.td_date{ width:15%;}
.td_space{ width:20%}
.td_download{ width:9%}
.td_filesomain{ width:30%}
.td_loginbtn{ width:55px}
.table_news a:link {text-decoration:none; color:#1F81C3}
.table_news a:visited {text-decoration: none; color:#999}
.table_news a:hover {text-decoration: underline; color: #F60}
.text_green{color:#093; line-height:25px}
.textmark{ color:#F60; font-weight:bold}
#date_change{
	width:97%;
	margin:0 auto;
	text-align:right;
	font-size:0.8em}

/*----------------------------- 頁碼 -------------------------------*/
.tune_page{
	width:98%;
	margin:5px auto 0 auto;
	font-size:0.8em}
.tune_page .pageno{ width:79%}
.tune_page .pageno2{width:21%}
.scott {
	padding: 3px; 
	margin: 3px;
	text-align:left
}
.scott a {
	border:#4CC99F 1px solid; 
	padding:2px 5px;	
	color: #3d3d3d;
	margin-right:2px;
	text-decoration:none
}
.scott a:hover {
	border:#4CC99F 1px solid; 	
	color: #FFFFFF;
	background-color: #4CC99F
}
.scott a:active {
	border:#4CC99F 1px solid;	
	color: #638425;	
	background-color:#4CC99F
}
.scott span.current {
	border:#4CC99F 1px solid;
	padding:2px 5px;
	margin-right:2px;
	background-color:#4CC99F;
	font-weight:bold;
	color: #fff;
}
.scott span.disabled {
	border: #1F81C3 1px solid; 
	padding:2px 5px;
	margin-right:2px;
    color: #ccc
}
/*news詳細頁*/
#newemain_title{
	display:block;
	width:100%}
#title_left{
	display:block;
	float:left;
	width:73%}
#title_right{
	display:block;
	float:right;
	width:25%;
	font-size:0.8em;
	text-align:right;
	padding-right:8px;
	}
#title_right img{ 
    padding:0 5px 0 0;
	vertical-align: text-bottom}	
#newemain_content{
	clear:both;
	padding-top:15px}
#newemain_content .img_left{
	float:left;
	margin:0 15px 15px 0;
	border:1px solid #ADADAD;
	padding:5px}
#newemain_content .img_right{
	float:right;
	margin:0 0 15px 15px;
	border:1px solid #ADADAD;
	padding:5px}	
#link_box{clear:both;}
#link_box p{
	margin-left:10px;
	padding:0;
	font-size:0.91em}
#link_box ul{
	margin:0 15px 10px 15px}
#link_box li{
	padding:5px;
	background-position:0 10px;
	text-indent:0.5em}
.newspic_box{
	display:block;
	width:97%;
	padding:10px}
.newspic_box img{ border:1px solid #ADADAD}
#down_btn{
	margin-top:10px;
	text-align:right;
	padding-right:5px}

/*全文檢索*/
#keyword{
	display:block;
	float:left;
	width:70%;
	font-size:1em}
#datetotal{
	display:block;
	float:right;
	width:30%;
	text-align:right;
	font-size:0.8em}

/*會員簡介*/
#logo_list{
	display:block;
	width:100%}
#logo_list ul{
	margin-top:15px}
#logo_list li{
	display:inline;
	background:none;
	margin-right:8px;
	padding-left:0;
	border:none;
	line-height:80px;
	}
.memeber_list{ 
     margin:10px 0;
	 border-collapse: separate;
	border-spacing: 1px}
.memeber_list td{ 
    padding:8px;
	font-size:0.95em;
	border-bottom:1px dotted #6C6C6C}
.memeber_list .logobox{
	width:30%;
	text-align:center;
	border-right: 1px dotted #6C6C6C}
.memeber_list .companyname{
	width:70%;
	text-align:left;
	vertical-align:middle;
	}

#member_top{
	display:block;
	width:100%;
	font-size:1.3em;
	line-height:1.8em}
#member_top img{
	/*float:left;
	margin-right:10px*/}
	
#fckbox{
	display:block;
	width:100%;
	font-size:0.8em}	
#fckbox .memeber_content{
	width:89%;
	margin:10px 15px 10px 40px;
	/*border-bottom:1px dashed #B7B6B5*/}
#fckbox .memeber_content td{
	padding:3px;
	/*border-bottom:1px dotted #6C6C6C;*/
	/*font-size:0.8em*/}
#fckbox .memeber_content .list_item{
	width:15%;
	text-align:right;
	color:#676767}
#fckbox .memeber_content .list_item img{ margin-right:5px}
.sodown{ width:95%}
.memeber_content_title{ font-size:1em; margin-left:30px;}
.memeber_pic{
	display:block;
	width:682px;
	padding: 0 30px}
.memeber_pic img{
	float:left;
	margin:0 10px 10px 0;}

/*會員專區下載*/
.download_title{
	display:block;
	float:left;
	width:50%}
.download_item{
	display:block;
	float:right;
	width:48%;
	text-align:right;
	padding-right:10px;
	font-size:0.8em}

/*會員登入*/
#login_box{
	display:block;
	width:445px;
	height:110px;
	background:url(../images/bg_login.png);
	padding:60px 180px 0 55px}
#password_box{
	display:block;
	width:445px;
	height:110px;
	background:url(../images/bg_password.png);
	padding:60px 180px 0 55px}	
.login_table{
	width:350px;
	height:90px}	
.login_table td{
	padding:1px;
	font-size:0.8em;
	color:#006432}
.login_table td img{ vertical-align: text-bottom; margin-right:5px}	
.login_table a:link {text-decoration:none; color:#006432}
.login_table a:visited {text-decoration: none; color:#006432}
.login_table a:hover {text-decoration: underline; color:#FFF}		
.text_area{
	width:210px;
	font-size:1em;
	padding:2px;
	margin:0;
	color:#0079AD}

/*相關連結*/	
/*#linkitem_box{
	display:block;
	width:682px;
	height:146px;
	background:url(../images/bg_linkitem.jpg)}*/
	
/*出版刊物*/
#bookbox{display:block;	width:682px}
.book_list{
	display: block;
	width:341px;
	float:left;
	margin-bottom:10px}
.book_cover{
	display:block;
	float:left;
	width:115px;
	padding-left:15px}
.book_info{
	display:block;
	float:right;
	position:relative;
	width:196px;
	height:150px;
	overflow:hidden;
	padding-right:15px}
.book_info h5{ font-size:0.95em}	
.download_btn{
	width:196px;
	height:28px;
	text-align:right;
	position:absolute;
	top:125px;
	left:5px}
	
#book_cover{
	display:block;
	float:left;
	width:216px}
#book_cover img{
	padding:8px;
	border:1px solid #ADADAD}	
#book_details{
	display:block;
	float:right;
	width:456px}
.details_table{
	width:95%;
	margin:0 auto}
.details_table th h5{ font-size:1em; text-align:left; padding:5px}	
.details_table td{
	padding:5px;
	font-size:0.8em;
	border-bottom:1px dashed #ADADAD}	
.td_infoname{ width:25%; text-align:right; color:#1776A5}
.td_infoname img{ margin-right:5px; vertical-align: baseline}
	
/*網站導覽*/
#sitemap_box{
	display:block;
	width:90%;
	height:400px;
	margin:0 auto 15px auto;
	padding:10px;
	background:url(../images/bg_sitemap.png) no-repeat
	/*border:2px solid #147AB1*/}
#sitemap_box o{}
#sitemap_box li{
	background:none;
	border-bottom:1px dotted #626262;
	/*background: url(../images/icon_green_point.png) no-repeat;
	background-position:0 13px */}
#sitemap_box li ul{
	margin:5px 20px 0 32px}
#sitemap_box li li{
	display:inline;
	border-bottom:none;
	padding:0 5px 0 0;
	font-size:0.95em;
	/*background:url(../images/icon_blue_arror.gif) no-repeat;
	background-position:-10px 8px*/}
#sitemap_box li li img{ vertical-align: middle; margin-right:3px}	
#sitemap_box h4 img{ vertical-align:bottom}	

/*右側廣告banner*/	
#little_banner{
	display:block;
	float:right;
	width:158px}
#little_banner ul{
	width:135px;
	margin:0 auto}
#little_banner li{
	margin-top:3px}
/*==================  尾部設定 ======================*/
#foot{
	display:block;
	width:969px;
	height:49px;
	background:url(../images/bg_foot.png);
	margin:0 auto;
	padding: 8px 16px 0 25px}
#foot_logo a{
	display:block;
	float:left;
	background:url(../images/foot_logo.jpg) no-repeat;
	width:271px;
	height:33px;
	text-indent:-9999px}
#group_info{
	display:block;
	float:right;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-align:right;
	line-height:18px}
.iifun{}
.iifun a:link {text-decoration:none; color:#6d6e6f}
.iifun a:visited {text-decoration:none; color:#6d6e6f}
.iifun a:hover {text-decoration: underline; color:#F60}

/*登入訊息*/
#login_info{
	display:block;
	position:absolute;
	background:url(../images/login_box_en.png);
	width:141px;
	height:110px;
	padding:45px 25px 0 ;
	top:80px;
	left:30px;
	z-index:99;
	font-size:0.85em}
.text_area2{
	width:50px;
	padding:1px;
	margin:0;
	color:#0079AD;
	border:1px solid #BEBEBE}	

/*按鈕*/
.btn_search{background-image: url(../images/btn_search.jpg);width:18px;height:18px;border:0px;cursor: pointer}
.btn_white{background-image: url(../images/btn_white2.png);width:70px;height:25px;border:0px;cursor: pointer; color:#333}
.btn_login{background-image: url(../images/btn_login.png) ;width:50px;height:50px;border:0px;cursor: pointer}
.btn_send{background-image: url(../images/btn_send.png) ;width:50px;height:50px;border:0px;cursor: pointer}
.btn_blue{background-image: url(../images/btn_white.png);width:50px;height:18px;border:0px;cursor: pointer; color:#333}
.btn_green{background-image: url(../images/btn_green.png);width:63px;height:18px;border:0px;cursor: pointer; color:#106709}
.btn_green2{background-image: url(../images/btn_green3.png);width:67px;height:18px;border:0px;cursor: pointer; color:#106709}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{background:#000; margin-top:20px;}
		#cboxLoadedContent{background:#000; padding:5px;}
                #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
                #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
                #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
                #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-41px; background:url(../images/controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:bottom left;}
                #cboxNext{position:absolute; top:50%; right:5px; margin-top:-41px; background:url(../images/controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
                #cboxNext.hover{background-position:bottom right;}
                #cboxLoadingOverlay{background:#000;}
		#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;}
		#cboxClose.hover{background-position:bottom center;}