/* CSS Document */
*{margin:0; padding:0; -webkit-text-size-adjust:none;}
body{margin:0; padding:0; font-size:12px; color:#666; background:url(../images/bg_wide.jpg) center top repeat-x #fff; font-family:Arial, Verdana, Helvetica, sans-serif; }
img{border:none;}
a{text-decoration:none; color:#2666b5;}
a:hover{text-decoration:underline; color:#0071d0;}
form{margin:0; padding:0;}

/* font-size & color */
.font11px{font-size:11px;}
.font12px{font-size:12px;}
.font13px{font-size:13px;}
.font14px{font-size:14px;}
.font15px{font-size:15px;}
.font18px{font-size:18px;}
.font22px{font-size:22px;}
.required{color:#f00;}
.pass{color:#090;}
.explain{color:#d0974d; font-size:12px; line-height:180%;}

input[type=text], input[type=password], textarea, select{border:1px solid #aaa; padding:2px; word-wrap:break-word; word-break:break-all;}

/* clear float */
/* float clearing for IE6 */
* html .clearfix{height:1%; overflow:visible;}

/* float clearing for IE7 */
*+html .clearfix{min-height:1%;}

/* float clearing for everyone else */
.clearfix{display:inline-block;}
.clearfix:after{clear:both; content:" "; display:block; height:0; visibility:hidden; font-size:0;}
.clearfix{display:block;}


/* Layout */
#wrap{width:1000px; margin:0 auto;}
#header{width:1000px; height:158px; margin:0 auto; background:url(../images/top_bg.jpg) no-repeat;}
#container_top{background:url(../images/content_top.png) bottom no-repeat; height:23px;}
#container{width:1000px; margin:0 auto; height:auto!important;min-height:260px;height:260px; padding-top:0px; padding-bottom:10px;
	background:url(../images/content_bg.png) repeat-y; }
#content{width:920px; margin:0 auto;}
#footer{width:1000px; margin:0 auto; background:url(../images/footer_bottom.png) bottom no-repeat; position:relative;}


/* Header */
#logo{background:url(../images/taog_logo.png) no-repeat; width:430px; height:110px; padding:0; margin:0; margin-left:19px;}
#logo a{display:block; width:390px; height:87px; cursor:pointer; text-indent:-9999em;}

.top_img{background:url(../images/top_img.jpg) no-repeat; height:87px;}

#top_links{height:35px; padding-right:10px; line-height:35px;}
#top_links a{color:#333;}
#top_links a:hover{color:#3c6d0a;}
#top_links em{font-style:normal; padding:10px; color:#c1c1c1;}

.top_right{padding-right:22px;}

/* Login Block */
	.member_block, .member_block_y{
		background:url(../images/member_bg.png); width:390px; height:67px; color:#111;
		border:1px solid #b1bea4;
		-webkit-border--radius:8px;
		   -moz-border-radius:8px;
				border-radius:8px;}
	.member_block table, .member_block_y table{width:96%; margin:0 auto;}
	.member_block th, .member_block td{padding:3px;}
	.member_block th{font-weight:normal;}
	.member_block em{font-style:normal; padding:10px; color:#c1c1c1;}
	.member_block a{color:#0071d0;}
	.member_block input.text{background:url(../images/input_text_bg.png) repeat-x; width:100px; height:18px;
		border:1px solid #97b07e;
		-webkit-border-radius:3px;
		   -moz-border-radius:3px;
				border-radius:3px;}
	.member_block input.login, .member_block_y input.login{
		background:url(../images/btn_login.png) no-repeat; width:75px; height:35px; border:none; cursor:pointer;
		font-size:12px; color:#4c751e; font-weight:bold; line-height:14px; vertical-align:top;}
		/* 登入 */
		.member_block_y{width:220px; height:50px; }
		.member_block_y table{}
		.member_block_y table td{text-align:center; padding-top:8px;}


/* Menu */
#navigation{background:url(../images/menu_bg.png) no-repeat; width:964px; height:48px; position:relative; z-index:999; margin:0 auto;}

ul.menu {margin:0; padding:0; list-style:none; width:964px; height:40px;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; text-decoration:none; color:#336600;}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:36px; left:0; display:none; opacity:0; list-style:none;}	/* Level 2 */
ul.menu ul li {position:relative; border-top:0px solid #d17ca0; width:100%; margin:0}
ul.menu ul li a {display:block; padding:6px 8px 6px; background:#d0e0c2; border:1px solid #a1ab90; border-top:0px solid #fff;}
ul.menu ul li a:hover {background-color:#f0f7f0; color:#e41e26;}
ul.menu .last a{
	-webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;
       -moz-border-bottom-right-radius:5px;    -moz-border-bottom-left-radius:5px;
            border-bottom-right-radius:5px;         border-bottom-left-radius:5px;}
ul.menu ul ul {left:115px; top:0px}	/* Level 3 */
ul.menu ul li a.level3{background:#005aab url(../images/icon_arr.png) right center no-repeat;}
ul.menu ul li a.level3:hover{background:#d17ca0 url(../images/icon_arr.png) right center no-repeat; color:#10218b;}

ul.menu .menulink {height:40px; line-height:40px; background-image:url(../images/menu_items.png); background-repeat:no-repeat; }
ul.menu .menulink b{visibility:hidden;}
ul.menu .menulink:hover, ul.menu .menuhover {background-position:inherit -34px;}
ul.menu .sub {}

#intro      {background-position:0 0; width:130px;}
#news       {background-position:-130px 0; width:118px;}
#activity   {background-position:-248px 0; width:118px;}
#training   {background-position:-366px 0; width:118px;}
#validation {background-position:-484px 0; width:116px;}
#publication{background-position:-600px 0; width:117px;}
#member     {background-position:-717px 0; width:117px;}
#links      {background-position:-834px 0; width:130px;}
#intro:hover,       #intro_current      {background-position:0 bottom; width:130px;}
#news:hover,        #news_current       {background-position:-130px bottom; width:118px;}
#activity:hover,    #activity_current   {background-position:-248px bottom; width:118px;}
#training:hover,    #training_current   {background-position:-366px bottom; width:118px;}
#validation:hover,  #validation_current {background-position:-484px bottom; width:116px;}
#publication:hover, #publication_current{background-position:-600px bottom; width:117px;}
#member:hover,      #member_current     {background-position:-717px bottom; width:117px;}
#links:hover,       #links_current      {background-position:-834px bottom; width:130px;}


/* Sub Title & Sub Menu */
.title_sub{background:url(../images/content_title_bg.png) no-repeat; height:60px; position:relative; margin-bottom:10px;}
.title_sub h2.title{position:absolute; top:16px; left:15px; color:#e41e26; font-size:22px; font-family:'微軟正黑體';}
.sub_menu{margin:0; padding:15px 15px 0 0; list-style:none; float:right;}
.sub_menu li{float:left;margin-left:3px; border:1px solid #bdc5af; 
	        box-shadow:1px 1px 1px #ddd;
	   -moz-box-shadow:1px 1px 1px #ddd;
	-webkit-box-shadow:1px 1px 1px #ddd;
}
.sub_menu li a{display:block; padding:5px 15px; background:#fff;}
.sub_menu li a:hover{color:#e41e26;}
.sub_menu li a.current{background:#e2eed9; color:#e41e26;}


/* Container */
	/* Home Style: "taohn_home.css" */


/* common */
#search_block{padding:5px 10px; background:#fff; border:0px solid #ccc; margin-bottom:0px; text-align:right;}
#search_block input[type=text], #search_block select{margin-right:10px;}
#search_block .button_search, #search_block input[type=submit]{
	background:url(../images/btn_bg.png) bottom repeat-x;
	text-decoration:none;
	font-weight:bold;
	display:inline-block; line-height:24px;
	padding:0 15px;
	border:1px solid #97b07e; color:#4c751e;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
	        box-shadow:1px 1px 1px #ccc;
	   -moz-box-shadow:1px 1px 1px #ccc;
	-webkit-box-shadow:1px 1px 1px #ccc;
	cursor:pointer;
}
#search_block input[type=text]{
	background:#fff; height:20px; padding:2px 5px;
	border:1px solid #aaa;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
	-webkit-box-shadow:0px 1px 2px #ddd inset;
       -moz-box-shadow:0px 1px 2px #ddd inset;
            box-shadow:0px 1px 2px #ddd inset;
}
#search_block select{padding:2px 5px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;}


#buttons_area{text-align:center; padding:10px 0 0 0; margin-top:15px; clear:both;}
#buttons_area a, #buttons_area input[type=button], #buttons_area input[type=submit], #buttons_area input[type=reset]{
	background:url(../images/btn_bg.png) bottom repeat-x;
	text-decoration:none;
	font-weight:bold;
	display:inline-block; line-height:28px;
	padding:0 15px;
	border:1px solid #97b07e; color:#4c751e;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
	        box-shadow:1px 1px 1px #ccc;
	   -moz-box-shadow:1px 1px 1px #ccc;
	-webkit-box-shadow:1px 1px 1px #ccc;
	cursor:pointer;
}
#buttons_area a:hover, #buttons_area input[type=button]:hover, #buttons_area input[type=submit]:hover, #buttons_area input[type=reset]:hover{
	border:1px solid #e41e26; color:#e41e26;
}

/* info */
#info{
	font-size:20px;
	margin:0 auto; width:95%; 
	border:1px solid #8eb9db; 
	background:#edf5fb; 
	padding:40px 20px; 
	text-align:center; 
	line-height:180%; color:#333;
	margin-top:2em;
	-webkit-border-radius:5px;
		   -moz-border-radius:5px;
				border-radius:5px;
}


/* News */
.list{border-collapse:collapse;}
.list th, .list td{padding:5px; vertical-align:top;}
.list thead th{background:#eff7e4; color:#647651; border-bottom:2px solid #c3d2bd;}
.list thead .po_date{width:120px;}
.list thead .file{width:250px;}
.list thead .link{width:85px;}
.list tbody th{text-align:left; border-bottom:1px dotted #ddd; font-weight:normal;}
.list tbody a{font-size:13px; color:#2666b5; line-height:140%;}
.list tbody a:hover{color:#e41e26;}
.list tbody a.top{color:#c00;}
.list tbody td{text-align:center; border-bottom:1px dotted #ddd;}
.list tbody tr:nth-child(even){background:#f6f6f6;}
ul.files{list-style:none; margin:0; padding:0; text-align:left;}
ul.files li{margin-bottom:3px;}
ul.files li a{display:block; background:url(../images/icon_file.png) 0 4px no-repeat; padding-left:15px;}

.detail{background:#fff; padding:10px; font-family:inherit;}
.detail .title{font-size:22px; line-height:140%; color:#111; padding:8px; border-bottom:2px solid #ccc; background:#f5f5f5;}
.detail .title small{font-size:12px; color:#666; line-height:24px; font-weight:normal;}
.detail .content{padding:10px; line-height:180%; padding-bottom:30px;}
.detail .content ul, .detail .content ol{margin-left:2em;}
.detail .att, .detail .url{padding:8px 5px;}
.detail .att{background:#fffaf1; border:1px solid #eadabd;}
.detail .url{background:#f2fcff; border:1px solid #bde0ea;}

.detail #photos{margin:0; padding:0; list-style:none;
	letter-spacing:-4px;
	word-spacing:-4px;
	font-size:0; 
	letter-spacing:normal;
	word-spacing:normal;
}
.detail #photos div{
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size:13px;	
	width:140px;
	height:105px;
	text-align:center;
	vertical-align:top;
	overflow:hidden;
	margin:5px 5px;
}
.detail #photos div img{
	width:100%;
}
.detail #photos a{
	cursor:pointer;
}
.detail #photos a:hover{
	opacity:.7;
	-moz-opacity:.7;
	-webkit-opacity:.7;
}


/* Table */
.table{border-collapse:collapse; width:98%; margin:0 auto; border:1px solid #ddd; }
.table th, .table td{padding:5px 7px; font-size:13px;}
.table th{background:#eff7e4; color:#516e32; letter-spacing:.1em; border:1px solid #c3d2bd; border-bottom:1px solid #c3d2bd;}
.table td{border-bottom:1px solid #ddd;}
.table a{color:#2666b5;}
.table a:hover{color:#e41e26;}
.table tr:nth-child(even) td{background:#f7f7f7;}
.table input[type=text], .table input[type=password], .table select{
	background:#fff; padding:3px 5px;
	border:1px solid #aaa;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
	-webkit-box-shadow:0px 1px 2px #ddd inset;
       -moz-box-shadow:0px 1px 2px #ddd inset;
            box-shadow:0px 1px 2px #ddd inset;
}
.table select{ padding:2px;}
.table a.class{background:url(../images/icon_text.png) left 0 no-repeat; 
	padding-left:20px; font-weight:bold;}
.table input[type=button], input.btn{
	background:url(../images/btn_bg.png) bottom repeat-x;
	text-decoration:none;
	font-weight:bold;
	display:inline-block; line-height:28px;
	padding:0 15px;
	border:1px solid #6ca2e4; 
	color:#2666b5;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
	        box-shadow:1px 1px 1px #ccc;
	   -moz-box-shadow:1px 1px 1px #ccc;
	-webkit-box-shadow:1px 1px 1px #ccc;
	cursor:pointer;
}
.table input[type=button]:hover{
	border:1px solid #e41e26; color:#e41e26;
}

/* news/hr list */
.list_view{border-collapse:collapse;}
.list_view th, .list_view td{padding:3px 5px; vertical-align:top; font-size:13px;}
.list_view tbody th{background:#dddddd; color:#333; border:1px solid #aaa;}
.list_view tbody td{border:1px solid #ededed; border-bottom:1px solid #ccc;}
.list_view tbody a{font-size:13px; color:#2666b5; line-height:140%;}
.list_view tbody a:hover{color:#e41e26;}

/* login tip */
.login_tip{font-size:15px; line-height:180%; padding:10px 0;}
.login_tip p{padding:10px; color:#333; border-left:2px solid #a2c195; height:140px;}
		

/* page */
.page{color:#333; font-size:12px; padding:3px; margin:14px 0px; text-align:center; line-height:28px;}
.page span a, .page span a:hover, .page .current, .page .disabled{
	-webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px; 
	padding:3px 5px; 
	margin:2px;
	}
.page a{color:#2666b5; border:1px solid #5aabdf; cursor:pointer;}
.page a:hover{color:#e41e26; background:#beeaf3; border:1px solid #8eb9db; text-decoration:none; }
.page .current{color:#336600; font-weight:bold; }
.page .disabled{color:#ddd; border:1px solid #ddd;}


/* Footer */
#go_top{
	position:absolute; top:15px; right:22px; display:block; width:35px; line-height:20px; font-size:12px; 
	background:#ceddc1; color:#333; text-align:center;
	text-decoration:none; 
}
#footer_sitemap{width:920px; margin:0 auto; font-size:12px; line-height:22px;}
#footer_sitemap .footer_shadow{background:url(../images/footer_shadow.png) center top no-repeat; height:20px; border:none; margin-bottom:20px;}
#footer_sitemap b{display:block; padding-bottom:5px;}
#footer_sitemap ul{margin:0 auto; padding:0; list-style:none; overflow:hidden;}
#footer_sitemap ul li{float:left; border-left:1px solid #ddd; padding-left:12px; padding-right:13px; height:170px; text-align:left;}
#footer_sitemap ul li ul{margin:0; padding:0;}
#footer_sitemap ul li ul li{float:none; border:none; margin:0; padding:0; height:100%;}
#footer_sitemap ul li ul li ul li{padding-left:1em;}
#footer_sitemap a{color:#777;}
#footer_sitemap a:hover{color:#e41e26;}

#footer{clear:both; padding-bottom:24px; }
#footer .copyright{width:920px; margin:0 auto; text-align:center; font-size:12px; color:#395322; 
	border-top:1px solid #ced2ca; padding-top:10px; margin-top:20px;}
	
a.tool{background:url(../images/icon_tool.png) left center no-repeat;}