@charset "utf-8";
/* CSS Document */

body{ 
	margin: 0; 
	padding: 0;
	/*background:url(../images/tw/bg.jpg) top repeat-x;*/
	background:url(../images/tw/bg.png) top repeat-x;
	background-color:#fee0c0;
	color:#000;
	font-family: Arial, Helvetica, sans-serif, "Times New Roman", Times, serif, "新細明體";
}

/* ~~ 元素/標籤選取器 ~~ */
ul, ol, dl { /* 由於瀏覽器之間的差異，最佳作法是在清單中使用零寬度的欄位間隔及邊界。為了保持一致，您可以在這裡指定所要的量，或在清單包含的清單項目 (LI、DT、DD) 上指定所要的量。請記住，除非您寫入較為特定的選取器，否則在此執行的作業將重疊顯示到 .nav 清單。 */
	padding: 0;	margin: 0; }

h1, h2, h3, h4, h5, h6, p {	margin: 0; padding: 0;}

img{ display:block;}/*清除IE7下方溢位*/

a img { /* 這個選取器會移除某些瀏覽器在影像由連結所圍繞時，影像周圍所顯示的預設藍色邊框 */
	border: none;}

.clearfloat { /* 這個類別可放置在 <br /> 或空白的 Div 上，當做接在 #container 內最後一個浮動 Div 後方的最後一個元素 (如果從 #container 移除或取出 #footer) */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a{ color:#ccc; text-decoration: none; }
a:hover { 
	color:#ccc;
	text-decoration:underline; }
	
a:active, a:focus {/* 這個選取器群組可以讓使用鍵盤導覽的使用者，也和使用滑鼠的使用者一樣擁有相同的滑過體驗。 */
	text-decoration: none; }	

#wrap{ width:1024px; margin:0 auto; padding: 0;	}


/*-------版頭 top----------------------------------------------------------------------------*/
#top {
	background:url(../images/tw/top_bg.png) top no-repeat;
	height:392px;
}
	.logo {
		float:left
	}
	.lang {
		float:right;
		margin-top:52px;
	}
		.lang_en {
			float:left;
		}
		.lang_cn {
			float:left;
		}
		.lang_tw {
			float:left;
		}
	.navbar {
		height:66px;
		padding-top:11px;
		padding-left:27px;
		background:url(../images/tw/navbar_bg.png) top no-repeat;
		margin-left:3px;
		margin-top:1px;
	}
		.botton {
			float:left;
		}
	.banner {
		margin-top:3px;
		margin-left:66px;
	}
	
/*-------主體----------------------------------------------------------------------------*/
.main_top_bg {
	margin-top:1px;
}

#main {
	min-height:380px;
	background:url(../images/tw/main_bg.png) top repeat-y;
}
	/*-------主體   左邊----------------------------------------------------------------------------*/
	.main_left {
		float:left;
		padding-left:26px;
	}
		.m_l_tit {
			margin-bottom:13px;
		}
		.m_l_botton {
			width:258px;
			height:40px;
			text-align:center;
			font-size:16px;
			position:relative;
			margin-bottom:12px;
		}
			.m_l_botton a{
				color:#000;
				text-decoration:none;
			}
			.m_l_botton_text {
				position:absolute;
				z-index:9999;
				width:200px;
				height:29px;
				text-align:center;
				font-size:16px;
				padding-top:11px;
				left:2px;
				padding-left:29px;
				white-space:nowrap;
				overflow:hidden;
			}
			.m_l_botton_img {
				position:absolute;
				top:1px;
				left:3px;
			}
			
			.topnav{
				overflow:hidden;
				word-wrap:break-word;
				float:left;
				width:261px;
			}
			.topnav_table {
				border:0px;
				text-align:left;
			}
				.topnav_table_td {
					vertical-align:top;
					padding-top:11px;
				}
			.active {
				font-weight:bold;
				color:#f29222;
			}
			.active a{
				font-weight:bold;
				color:#f29222;
			}
			.topnav_tital_line {
				margin-top:12px;
				margin-left:26px;
			}
			.active li a{
				font-weight:100;
			}
			/*--------第一層-------*/
			.topnav li{
				list-style: none;
				text-align:left;
				font-size:18px;
				/*+margin-top:-5px;ie7*/
			}
			.topnav li a{
				list-style:none;
				color:#000;
			}
			.topnav li a:hover{
				text-decoration:none;
			}
			
			/*--------第二層-------*/
			.topnav ul{
				list-style: none;
				display:none;
				margin-bottom:18px;
				width:216px;
				margin-left:25px;
			}
			.topnav li li{
				list-style:none;
				padding-left:17px;
				text-decoration: none;
				font-size:14px;
				line-height:14.5px;
				+margin-top:5px;/*ie7*/
				margin-bottom:13px;
				line-height:18px;
			}
			.topnav li li a{
				list-style:none;
				color:#333333;
			}
			.topnav li li a:hover{
				color:#f29222;
			}
	
	/*-------主體   右邊----------------------------------------------------------------------------*/
	.main_right {
		float:right;
		width:690px;
		padding-top:20px;
	}
		.m_r_tit {
			font-size:19px;
			color:#ff3600;
			width:604px;
		}
		.m_r_text {
			font-size:13px;
			line-height:21px;
			word-wrap: break-word;
			word-break: break-all;
			text-align:justify;
			width:604px;
			margin-top:22px;
			margin-bottom:20px;
		}
		.m_r_text_link {
			font-size:13px;
			line-height:21px;
			word-wrap: break-word;
			word-break: break-all;
			text-align:justify;
			width:651px;
			margin-top:28px;
			margin-bottom:20px;
			margin-left:2px;
		}
			.m_r_text_list {
			word-wrap: break-word;
			word-break: break-all;
			text-align:justify;
			font-size:16px;
			line-height:19px;
			margin-top:19px;
			margin-bottom:30px;
		}
			.list_botton {
				float:left;
				height:44px;
				overflow:hidden;
				margin-bottom:6px;
			}
			.list_botton a{
				color:#000;
			}
				.list_botton table{
					vertical-align:top;
					text-align:left;
					height:44px;
					width:217px;
					border:0;
					overflow:hidden;
				}
				.list_botton td {
					vertical-align:top;
				}
					.botton_icon {
						width:28px;
					}
				.p_botton {
					float:right;
					margin-bottom:20px;
					margin-right:55px;
				}

.main_botton_bg {
}

/*-------footer----------------------------------------------------------------------------*/
#footer {
	font-size:16px;
	text-align:center;
	margin-top:8px;
	margin-bottom:23px;
}
	#footer a {
		color:#000;
	}
	
/*新增部分 by kevin 20140116*/
.topnav_l1 {
	/*behavior: url(../js/PIE.htc);*/
	min-height: 29px;
	text-align: center;
	font-size: 16px;
	vertical-align: middle;
	border-radius: 6px;
	border: solid 1px #eeeeee;
	margin-left: 5px;
	padding-bottom: 3px;
	line-height: 33px;
	margin-bottom:12px;
	padding-left: 23px;
	padding-right:23px;
	
}

.topnav_l1:hover {
	background:url(../images/tw/left_botton_bg_3.png) repeat;
	background:url(../images/tw/left_botton_bg_2.png) top no-repeat,url(../images/tw/left_botton_bg_3.png) repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/tw/left_botton_bg_2.png', sizingMethod='crop');

}


/*by kevin 20140127 新增部分*/
.topnav_l1_active {
	background:url(../images/tw/left_botton_bg_3.png) repeat;
	background:url(../images/tw/left_botton_bg_2.png) top no-repeat,url(../images/tw/left_botton_bg_3.png) repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/tw/left_botton_bg_2.png', sizingMethod='crop');
}
/*by kevin 20140127 新增部分*/