@charset "utf-8";
body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;	
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
}
a:link {
	color: #005d92;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #005d92;
}
a:hover {
	text-decoration: none;
	color: #ff9001;
}
a:active {
	text-decoration: none;
	color: #ff9001;
}
.mweb #container { 
	width: 980px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: 1px solid #000000;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
} 
.mweb #header { 
	padding:0px;  /* 這個欄位間隔符合下面顯示的 Div 中，元素的靠左對齊。如果在 #header 中使用影像而非文字，您可能會想要移除欄位間隔。 */
	height:143px;
}
.mweb #top_bar {
	height:21px;
	background-image:url(../images/site_bar_bg.jpg);
	background-repeat:repeat-x;	
	color:#FFFFFF;
	word-spacing:3px;
	padding:5px 10px 0px 10px;
}
.mweb #top_bar a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.mweb #top_bar a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.mweb #top_bar a:hover {
	text-decoration: none;
	color: #FF9001;
}
.mweb #top_bar a:active {
	text-decoration: none;
	color: #FF9001;
}

/*白金廠商*/
.mweb #mKind_main_3{
	background-image: url(../images/mKind_main_3.jpg);
	background-color:#f7fafc;
	width:980px;
	height:107px;
	position:relative;
}
/*鑽石廠商*/
.mweb #mKind_main_4{
	background-image: url(../images/mKind_main_4.jpg);
	background-color:#f7fafc;
	width:980px;
	height:107px;
	position:relative;
}

/*Logo*/
.mweb #mLogo{
	position:absolute;
	width:100px;
	height:100px;
	top:2px;
	left:29px;
	border:0px solid #cecece;
}
/*公司名稱*/
.mweb #mCompany{
	position:absolute;
	width:500px;
	height:70px;
	top:32px;
	left:157px;
	border:0px solid #cecece;
}

.mweb #mainTitle{
	font-size:22px;
	font-weight:bold;
	color:#005d92;
}

.mweb #subTitle{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding-left:5px;
}

.mweb #header_line {
	background-image:url(../images/header_line.jpg);
	background-repeat:repeat-x;
	height:9px;
	border-bottom:1px solid #cecece;
}
/*header end*/	

.mweb #sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 140px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	background: #FFFFFF; /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	padding: 8px 9px 0px 9px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
}
/*選單********************************/
	/*sidebar_left ul選單 設定*/
		.sidebar_menu{
			list-style-type: none; /*不編號*/
			padding: 0;
			 /*取消項目符號預設邊界*/
			margin:0;
		}
	
	/*sidebar_menu_bottom 底部裝飾邊線*/
	.sidebar_menu_bottom{
			background-color:#002A54;
			height:3px;
			text-align:center;
			border:1px solid #002A54;	
			border-top:0px solid #002A54;
		}
	
	/*sidebar_menu_main ul選單主項目裝飾*/
	.sidebar_menu_main{
		background-image:url(../images/sidebar_menu_main_bg.jpg);
		background-repeat:repeat-x;
		font-size:16px;
		font-weight:bold;
		height:24px;
		color:#FFFFFF;
		text-align:center;
		padding-top:8px;
	}
	.sidebar_menu_main a{
		color:#FFFFFF;
		font-size:16px;
		text-decoration:none;
	}
	.sidebar_menu_main a:hover{
		color:#FFFFFF;
		text-decoration:none;
	}
	.sidebar_menu_main a:link {
		text-decoration: none;
	}
	.sidebar_menu_main a:visited {
		text-decoration: none;
		color: #FFFFFF;
	}
	.sidebar_menu_main a:active {
		text-decoration: none;
		color: #FFFFFF;
	}
	
	

	/*sidebar_menu_itme ul選單子項目裝飾*/
		.sidebar_menu_item{
			background-color:#e5eef4;
			font-size:10px;
			height:18px;
			color:#005d92;
			text-align:left;
			padding-top:8px;
			padding-left:5px;
			border-bottom:1px dotted #005d92;
			border-left:1px solid #cecece;
			border-right:1px solid #cecece;
		}
		.sidebar_news_item{
			background-color:#FFFFFF;
			font-size:12px;
			height:18px;
			color:#000000;
			text-align:left;
			padding-left:5px;
			padding-top:8px;
			border-bottom:1px dotted #005d92;
			border-left:1px solid #cecece;
			border-right:1px solid #cecece;
		}
	
		.sidebar_menu_item_page img{
			border:1px solid #cecece;
		}
		.sidebar_menu_item a {
			font-size: 12px;
			color: #005d92;
		}
		.sidebar_menu_item a:link {
			text-decoration: none;
		}
		.sidebar_menu_item a:visited {
			text-decoration: none;
			color: #005d92;
		}
		.sidebar_menu_item a:hover {
			text-decoration: none;
			color: #ff9001;
		}
		.sidebar_menu_item a:active {
			text-decoration: none;
			color: #ff9001;
		}
		.sidebar_news_item a {
			font-size: 12px;
			color: #005d92;
		}
		.sidebar_news_item a:link {
			text-decoration: none;
		}
		.sidebar_news_item a:visited {
			text-decoration: none;
			color: #005d92;
		}
		.sidebar_news_item a:hover {
			text-decoration: none;
			color: #ff9001;
		}
		.sidebar_news_item a:active {
			text-decoration: none;
			color: #ff9001;
		}
		
		
	/*sidebar_menu_itme_bottom ul選單子項目底部裝飾*/
		.sidebar_menu_item_bottom{
			background-color:#e5eef4;
			height:5px;
			color:#005d92;
			text-align:center;
			border-left:1px solid #cecece;
			border-right:1px solid #cecece;	
			margin:0px !important;
			padding:0px !important;
		}
/*選單********************************/		

.mweb #sidebar2 {
	float: right; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 80px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	background: #FFFFFF; /* 背景顏色將會針對欄的內容長度而顯示，但僅止於此 */
	padding: 8px 9px 15px 9px; /* 欄位間隔會讓 Div 的內容遠離邊緣 */
}
.mweb #mainContent { 
	margin:8px 98px 15px 158px; /* 這個 Div 元素的右和左邊界會在頁面的側邊建立兩個外部欄。不論邊列 Div 包含多少內容，欄空間將維持不變。當邊列的內容結束時，如果您想讓 #mainContent Div 的文字填滿邊列的空間，就可以移除這個邊界。
	padding: 0 10px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
	border:0px solid #dadada;
	
} 
/* footer 區域宣告 Start=========================================================================================================*/
.mweb #mPageHeader{
	width:722px;
	height:52px;
	background-image:url(../images/mPageHeader.jpg);
	background-repeat:repeat-x;
	border:1px solid #cecece;
	border-bottom:0px;
	border-top:0px;
	position:relative;
}
.mweb #blue{
	position:absolute;
	top:13px;
	left:13px;
	width:17px;
	height:5px;
	/*background-color:#005d92;*/
	display:block;
}
.mweb #page_Title{
	position:absolute;
	top:8px;
	left:45px;
	width:163px;
	height:35px;
	color:#666666;
}
.mweb .page_content{
	width:537px;
	padding:10px;
	color:#666666;
}
/*公司簡介*/
.mweb #slogan_tw{
	width:480px;
	font-size:20px;
	font-weight:bold;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom:10px;
	color:#005d92;
}
.mweb #slogan_en{
	width:480px;
	font-size:16px;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left:5px;
	color:#005d92;
}
.mweb #company_into{
	width:510px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:20px;
}
.mweb #company_into p{
	text-indent:2em;
}
.mweb #company_into img{
	margin:10px;
	padding:10px;
	border:1px solid #cecece;
}
.mweb #company_info{
	color:#666666;
	line-height:20px;
}
/*產品簡介列表**/
.mweb #product_title{
	font-size:18px;
	font-weight:bold;
	color:#005d92;
}
.mweb #product_img{
	border:1px solid #dadada;
	margin:5px;
	padding:5px;
	text-align:center;
}
.product_img{
	border:1px solid #dadada;
	margin:5px;
	padding:5px;
	text-align:center;
	cursor:pointer;
}
.product_main_img{
	border:1px solid #dadada;
	margin:2px;
	padding:2px;
	text-align:center;
	cursor:pointer;
}
/*影片連結*/
.mweb #movie_box{
	position:absolute;
	background-image:url(../images/movie_box.jpg);
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	width:513px;
	height:384px;
}
.mweb #movie_title{
	position:absolute;
	top:5px;
	left:5px;
	font-size:15px;
	font-weight:bold;
	color:#005d92;
}
.mweb #movie{
	position:absolute;
	top:47px;
	left:10px;
	width:492px;
	height:319px;
}
.mweb #movie_bar{
margin-top:375px;
margin-left:15px;
}

/*底部*******************************************************************/
.mweb #footer { 
	height:77px;
	/* 這個欄位間隔符合上面顯示的 Div 中，元素的靠左對齊。 */
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-x;
	position:relative;
} 
.mweb #footer_logo{
	position:absolute;
	top:1px;
	left:9px;
	width:140px;
	height:67px;
}
.mweb #footer_info{
	position:absolute;
	top:29px;
	left:160px;
	color:#7d7d7d;
}
.mweb #footer_info a{
	text-decoration:none;
	color:#7d7d7d;
}
.mweb #footer_info a:hover{
	text-decoration:none;
	color:#005d92;
}
.mweb #footer_private{
	position:absolute;
	top:1px;
	right:2px;
	color:#7d7d7d;
	text-align:right;
}
/* footer 區域宣告 End=========================================================================================================*/

.fltrt { /* 這個類別可用來讓頁面右邊的元素浮動。浮動元素必須位於頁面上必須相鄰的元素前面。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 這個類別可用來讓頁面左邊的元素浮動 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*警告文字宣告*/
.warning_text{
	font-size:18px;
	font-weight:bold;
}

/*紅色文字樣式*/
.red_text{
	color:#FF0000;
	text-align:justify;
	text-justify:inter-ideograph;
}

/*綠色文字樣式*/
.green_text{
	color:#0a9200;
	text-align:justify;
	text-justify:inter-ideograph;	
}

/*藍色文字樣式*/
.blue_text{
	color:#005d92;
	text-align:justify;
	text-justify:inter-ideograph;
}
/*灰色字體*/
.grey_text{
	color:#CCCCCC;
	text-align:justify;
	text-justify:inter-ideograph;	
}

.black_text{
	color:#666666;
	text-align:justify;
	text-justify:inter-ideograph;
}
.content{
	color:#666666;
	text-align:justify;
	text-justify:inter-ideograph;
	word-break:break-all;
}
/*AjaxPage 控制元件 Style===========================================================start*/
	.page_bar{
		text-align:center;
		display:block;
		clear:left;
	}
	.page_bar a {
		font-size:12px !important;
		color: #005d92;
	}
	.page_bar a:link {
		text-decoration: none;
	}
	.page_bar a:visited {
		text-decoration: none;
		color: #005d92;
	}
	.page_bar a:hover {
		text-decoration: none;
		color: #ff9001;
	}
	.page_bar a:active {
		text-decoration: none;
		color: #ff9001;
	}
	/*NextPage*/
	.NextPage{
		color:#333333;
		padding:5px;
	}
	/*PrePage*/
	.PrePage{
		color:#333333;
		padding:5px;
	}
	/*FirstPage*/
	.FirstPage{
		color:#333333;
		padding:5px;	
	}
	/*LastPage*/
	.LastPage{
		color:#333333;
		padding:5px;	
	}
	/*nowbar*/
	.nowbar{
		font-weight:normal;
		color:#000000;
	}
	/*nowindex*/
	.nowindex{
		font-weight:bold;
		color:#FF6600;	
	}
/*AjaxPage 控制元件 Style===========================================================end*/

.tabs_text{
	overflow:hidden;
	text-align:justify;
	text-justify:inter-ideograph;
	height:auto;
	min-height:180px;
	word-break:normal;
	/*border:1px solid #000 !important;*/
	padding:3px !important;
}
	.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
	}
.bottom_line{
	border-bottom:1px dotted #dadada;
}