@charset "utf-8";
/* CSS Document */

/*=======Basic Set=======*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote,
pre, form, fieldset {margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;}
body{background:url(images/bg_body.jpg) repeat-x;font-size:12px;color:#000;}
p{margin-top:0;}
a{text-decoration:none;outline:none;hlbr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:underline;}
h1{width:210px;height:25px;text-indent:-9999px;margin:0 0 0 18px;}
.colorRed{color:#F00;}
.TxTLine{display:block;background:url(images/line_txtLine.jpg) repeat-x;margin:20px 0;height:3px;}

#MainBox{width:950px;margin:10px auto 0;background:url(images/bg_boxContent.jpg) repeat-y;padding-bottom:20px;}
	#TopLogo_Flash{background:url(images/bg_top_flash.jpg) no-repeat;height:144px;}
	#Box_T,#Box_C,#Box_B{width:880px;padding:0 35px;}
	#Box_T{background:url(images/bg_boxTop1.jpg) no-repeat;padding-top:22px;}
		.menuAll{width:125px;height:50px;text-indent:-9999px;}
			.menu1{background:url(images/menu1.jpg) no-repeat;}
			.menu2{background:url(images/menu2.jpg) no-repeat;}
			.menu3{background:url(images/menu3.jpg) no-repeat;}
			.menu4{background:url(images/menu4.jpg) no-repeat;width:155px;}
			.menu5{background:url(images/menu5.jpg) no-repeat;}
		.menuAll:hover{background-position:left bottom;}
		ul.submenu{margin:0 0 5px;*margin:0;}
			ul.submenu li{
				list-style:none;display:inline;
				color:#fff;
				background:url(images/bg_submenuLine.jpg) no-repeat scroll right center;
				padding:0 8px 0 0;
				margin:0 8px 5px 0;
			}
			ul.submenu li a{color:#fff;}
	#Box_C{background:url(images/bg_boxContent.jpg) repeat-y;}
		#C_topBg{background:url(images/bg_contetnTop.jpg) no-repeat scroll left top;width:880px;}
		#path{color:#000;padding:13px 0 11px 20px;}
			#path a{color:#0066FF;}
		h1.h01{background:url(images/title_news_event.jpg) no-repeat;}
		h1.h02{background:url(images/title_project.jpg) no-repeat;}
		h1.h03{background:url(images/title_eBook.jpg) no-repeat;}
		.h1_bg{background:url(images/bg_title.jpg) no-repeat scroll right top;width:862px;height:34px;margin:25px 0 8px;clear:both;}
		table.table_index{width:809px;margin:14px auto 20px;}
		#NewsImgBox{display:block;float:left;width:215px;margin:0 25px 0 0;}
			.NewImg{
				display:block;float:left;
				background:url(images/bg_newsImgShadow.jpg) no-repeat scroll left bottom;
				padding:0 0 21px;
			}
		ul#NewList{display:block;float:left;width:565px;}
			ul#NewList li{list-style:none;background:url(images/icon_red.jpg) no-repeat scroll left 9px;padding:0 0 0 13px;border-bottom:1px dotted #A7A7A7;}
			ul#NewList li a{color:#000;padding:4px 0;display:block;}
			ul#NewList li a:hover{color:#f00;text-decoration:none;}
			ul#NewList li.nobg{background:none;border:none;}
		.btn_more{
			display:block;float:right;
			background:url(images/btn_more.jpg) no-repeat scroll center center;width:38px;height:7px;
			padding:5px;
			text-indent:-9999px;
			margin:5px 0 0;
		}
		.NewsBox{width:265px;}
			.title_n1{background:url(images/title_n1.jpg) no-repeat;height:22px;text-indent:-9999px;}
			.title_n2{background:url(images/title_n2.jpg) no-repeat;height:22px;text-indent:-9999px;}
			.title_n3{background:url(images/title_n3.jpg) no-repeat;height:22px;text-indent:-9999px;}
			.NewsInBox{background:url(images/bg_newListBox.jpg) no-repeat;width:252px;height:134px;padding:9px 0 0 13px;margin:0 4px 0;}
			.NewsInBox ul#NewList{width:240px;}
			.NewsInBox ul#NewList li{padding:0 0 0 10px;}
			.NewsInBox ul#NewList li a{padding:3px 0;*padding:2px 0 3px;}
		table.table_list{width:880px;margin:0 auto;}
			table.table_list th{padding:0 1px;}
			.ImgList{/*margin:0 0 0 8px;_margin:0 0 0 4px;*/}
				.ImgList ul li{list-style:none;width:100px;display:block;float:left;margin:0 8px;}
				.ImgList ul li a{color:#000;}
				.ImgList span.ListImg{
					display:table-cell;vertical-align:bottom;text-align:center;
					width:100px;height:120px;overflow:hidden;
					*display:block;*font-size:105px;*font-family:Arial;
				}
				.ImgList span.ListImg img{vertical-align:bottom;}
				.ImgList span.ListName{display:block;width:100px;margin:-1px auto 0;*margin:2px auto 0;padding:3px 0 0 0;*padding:5px 0 0 0;text-align:center;}
				.ImgList span.shadow{background:url(images/bg_newsImgShadow.jpg) no-repeat scroll center top;}

/*=======內容頁=======*/
.txt{margin:5px auto 0;padding:25px 45px;}
	.txtTitle{font-size:15px;color:#c00;font-weight:bold;position:relative;width:570px;margin:0 0 10px;}
		.txtTitle span{display:block;font-size:12px;color:#999;font-weight:normal;width:210px;position:absolute;left:590px;top:0px;}
	.txtContent{line-height:1.6em; letter-spacing:0.2px;text-align:justify;text-justify:inter-ideograph;}
		.txtContent p{font-size:15px;color:#666;line-height:1.7em;}
		.txtContent a{color:#09C;font-family:Verdana;}
		.txtContent .ImgBorder{border:5px solid #E8E8E8;padding:5px;}
		ul.ListStyle_01{margin:0 0 15px;}
		ul.ListStyle_01 li{list-style:none;background:url(images/icon_txtLI.jpg) no-repeat scroll 15px 7px;padding:2px 0 2px 25px;width:600px;}
		.txtContent p.txt_title{font-size:15px;margin:10px 0 5px;}
	.btn_area{text-align:center;margin:25px 0 0 0;}
		.btn_iconArr{
			display:block;float:right;
			background:url(images/icon_back.jpg) no-repeat scroll left 2px;height:10px;
			padding:0 0 2px 15px;
			font-size:11px;
			color:#333;
		}
		.btn_prev{
			display:block;float:right;
			background:url(images/icon_prev.jpg) no-repeat scroll left 4px;height:10px;
			padding:0 0 2px 15px;
			font-size:11px;
			color:#333;
			margin:0 5px;
			}
		.btn_next{
			display:block;float:right;
			background:url(images/icon_next.jpg) no-repeat scroll left 4px;height:10px;
			padding:0 0 2px 15px;
			font-size:11px;
			color:#333;
			margin:0 20px 0 5px;
			}
	ul.List li{list-style:none;background:url(images/bg_doLine.jpg) repeat-x scroll 0% 100%;color:#000;padding:0 0 3px;margin:0 0 3px;position:relative;}
		ul.List li a{background:url(images/icon_list.jpg) no-repeat scroll 0% 5px;padding:0 0 0 13px;color:#000;}
			ul.List li a:hover{text-decoration:none;color:#f00;background:url(images/icon_listHover.jpg) no-repeat scroll 0% 5px;}
		ul.List li span{color:#999;position:absolute;left:670px;top:2px;}
	.txtbox{background:url(images/bg_txtbox.jpg) repeat-x scroll left bottom;border:1px dashed #999;padding:15px 13px 0px;margin:0 0 10px;}
		
/*============聯絡我們===========*/
.h1_bgBLine{background:url(images/line_h1Bottom.jpg) repeat-x scroll left bottom;height:40px;margin:0 0 10px;}
	h1.h04{background:url(images/title_contact.jpg) no-repeat;margin:0px;}
	.notes{color:#999999;font-family:'新細明體';}
		.notes p{margin:0 0 5px 10px;}
		.notes p.en{font-family:verdana;font-size:11px;}
	.lineTB_box{width:560px;border-top:1px dashed #999;border-bottom:1px dashed #999;margin:30px 0;padding:10px 0 0 0;}
		table.table_contact th{font-weight:normal;text-align:right;padding:2px 5px;}
		table.table_contact td{padding:2px 0p}
		.tf_01{background:url(images/bg_contactTF.jpg) repeat-x;height:13px;border:1px solid #999;width:176px;padding:2px;font-size:12px}
		.tf_02{background:url(images/bg_contactTF_b.jpg) repeat-x;height:122px;border:1px solid #999;width:461px;font-size:12px;padding:2px;}
		.codeImg{border:1px solid #ccc;padding:1px;float:left;margin:0 10px 0 0;}
		.tf_small{width:100px;height:15px;margin-top:20px;}
		.chgCode{color:#006699;}

/*============page 頁數===========*/
#page{clear:both;text-align:center;margin:7px 0 15px;}
	#page a{color:#333;display:inline-block;margin:0 3px;}
	#page a:hover{text-decoration:underline;}
	span.page_number{margin:0 10px;}
		span.page_number a{padding:3px;}
		span.page_number span{padding:1px 3px;font-weight:bold;border-bottom:1px solid #F00;border-top:1px solid #F00;color:#F00;}

/*=======Footer=======*/
#FooterBox{background:url(images/bg_footer.jpg) repeat-x;}
	#Box_B{background:url(images/bg_boxBottom.jpg) no-repeat;width:950px;height:210px;margin:0 auto;padding:20px 0 0 0;}
		ul#footer_menu{text-align:center;margin:0 0 30px;}
			ul#footer_menu li{list-style:none;display:inline;}
			ul#footer_menu li a{color:#666;}
			ul#footer_menu li.ftMenuLine{color:#999;font-size:10px;margin:0 15px;}
		#copyright{text-align:center;color:#fff;line-height:1.5em;*line-height:1.7em;font-family:Arial;}
			#copyright span{margin:0 5px;}
			#copyright span.ft01{font-size:11px;}
			#copyright a{color:#fff;}

/*=======Jquery UI - Tabs=======*/
.ui-tabs{}
.ui-helper-reset {margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}
.ui-helper-clearfix{display:inline-block;}
.ui-helper-clearfix{display:block;}
.ui-tabs .ui-tabs-nav{list-style:none;position:relative;background:url(images/bg_menu.jpg) no-repeat;width:820px;height:50px;padding:0 30px;}
.ui-tabs .ui-tabs-nav li{background:url(images/bg_menuLine.jpg) no-repeat scroll right top;padding-right:26px;position:relative;float:left;_width:125px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{}
.ui-tabs .ui-tabs-nav li a{float:left;text-decoration:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:pointer;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer;}
.ui-tabs .ui-tabs-panel{display:block;background:url(images/bg_submenu.jpg) repeat;width:870px;padding:6px 0 1px 10px;*padding:6px 0 4px 10px;color:#fff;}
.ui-tabs .ui-tabs-hide{display:none !important;}
.ui-tabs .ui-tabs-nav li.firstLine{height:50px;_width:0px;}
.ui-tabs .ui-tabs-nav li.li4{_width:155px;}