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

/* 網站版型相關 */
body {
	background-image: url(images/body_gb.jpg);
	color: #666666;
	font-size:13px;
	text-align:center;
	padding:0px;
	margin: 0px;
}

a img{border:none;}

/* 排版用Tag */
.clearfloat {
    height:0;
    font-size: 0px;
    line-height: 0px;
	clear:both;
	overflow:hidden;
}

/* 主框架設定 */
#Web_Wrapper {margin:0px auto;padding:0px;width:1000px;}
#Web_Header  {margin:0px auto;padding:5px 0 0 0;}
#Web_Content {margin:0px auto;padding:0 20px 5px 20px;background-color:#FFFFFF; overflow:auto;}
#Web_Footer  {margin:0px auto 5px auto;padding:0 20px 20px 20px;background-color:#FFFFFF;}

#Web_Header #Web_NavMenu{ text-align:right; padding:5px}
#Web_Header #Web_NavMenu .NavMenuItem{padding:0 0 0 20px;}
#Web_Header #Web_Banner{ height:250px;background-color:#FFFFFF;}

#Web_Header #Web_MainMenu{ margin-top:3px;height:50px;line-height:50px;text-align:right; padding:0 20px; font-size:0px; background-color:#FFFFFF;}
#Web_Header #Web_MainMenu .logoImage{background:url(images/logo.png) #FFFFFF no-repeat; float:left; width:230px; height:50px;}
#Web_Header #Web_MainMenu a{height:50px;display:inline-block;}
#Web_Header #Web_MainMenu .MainMenuItem1{ width:120px;background:url(images/menu_01.gif) left center no-repeat;}
#Web_Header #Web_MainMenu .MainMenuItem1:hover{ background:url(images/menu_a_01.gif) left center no-repeat;}
#Web_Header #Web_MainMenu .MainMenuItem2{ width:130px; background:url(images/menu_02.gif) left center no-repeat;}
#Web_Header #Web_MainMenu .MainMenuItem2:hover{ background:url(images/menu_a_02.gif) left center no-repeat;}
#Web_Header #Web_MainMenu .MainMenuItem3{ width:110px; background:url(images/menu_03.gif) left center no-repeat;}
#Web_Header #Web_MainMenu .MainMenuItem3:hover{ background:url(images/menu_a_03.gif) left center no-repeat;}
#Web_Header #Web_MainMenu .MainMenuItem4{ width:110px; background:url(images/menu_04.gif) left center no-repeat;}
#Web_Header #Web_MainMenu .MainMenuItem4:hover{ background:url(images/menu_a_04.gif) left center no-repeat;}
#Web_Header #Web_MainMenu .MainMenuItem5{ width:110px; background:url(images/menu_05.gif) left center no-repeat;}
#Web_Header #Web_MainMenu .MainMenuItem5:hover{ background:url(images/menu_a_05.gif) left center no-repeat;}
#Web_Header #Web_MainMenu .MainMenuItem6{ width:111px; background:url(images/menu_06.gif) left center no-repeat;}
#Web_Header #Web_MainMenu .MainMenuItem6:hover{ background:url(images/menu_a_06.gif) left center no-repeat;}

#Web_Footer #Web_FootMenu{ text-align:left;}
#Web_Footer #Web_FootMenu .FootMenuItem{ padding:0 20px 0 0;}
#Web_Footer .corpright{ text-align:right;}

/* 版型分欄 */
/* web_layout_1 全寬 960 = 左260 + 中白40 + 右660 */
.web_layout_1 .left_content{  float:left; width:260px; }
.web_layout_1 .right_content{ float:left; width:660px; margin: 0 0 0 40px; text-align:left;}

/* web_layout_2 全寬 660 = 360 + 20 + 280 */
.web_layout_2 .left_content{  float:left; width:360px; }
.web_layout_2 .right_content{ float:left; width:280px; margin: 0 0 0 20px; text-align:left;}

/* web_layout_3 全寬 960 = 690 + 270 */
.web_layout_3 .left_content{  float:left; width:690px;}
.web_layout_3 .right_content{}

/* web_layout_4 全寬 960 = 220 + 10 + 720 */
.web_layout_4 .left_content{  float:left; width:220px;}
.web_layout_4 .right_content{ float:left; width:720px; margin: 0 0 0 20px; text-align:left;}

/* 文字圖型樣式 */
.line_bg_01{ background:url(images/dottedlone_01.jpg) repeat-x left center; height:11px; font-size:0px;}
.line_bg_02{ background:url(images/dottedlone_01.jpg) repeat-x left center; height:22px; font-size:0px;}

.title_line_01{ background:url(images/dottedlone_01.jpg) repeat-x left bottom; padding:0 0 5px 0; margin:0 0 10px 0; font-weight:normal; font-size:16px; color:#454545; letter-spacing:2px;}
.title_line_02{ padding:0 0 5px 5px; margin:0 0 10px 0; font-weight:normal; font-size:16px; border-bottom: #787878 1px solid; color:#333333}


.altText{ display:none; font-size:0px; line-height:0px; visibility:hidden;}

/* 預設連結樣式 */
a	 		{color: #666666;text-decoration: underline;}
a:hover 	{color: #333333;text-decoration: none;}

/* 連結樣式 */
.link_style1	 	{color: #999999;text-decoration: underline;}
.link_style1:hover	{color: #CCCCCC;text-decoration: none;}

.link_style2		{color: #006633;text-decoration: underline;}
.link_style2:hover	{color: #006633;text-decoration: none;}

.link_style3		{color: #333333;text-decoration: underline;}
.link_style3:hover	{color: #666666;text-decoration: none;}

.link_more_image	{ display:inline-block; width:38px; height:14px; font-size:0px; background:url(images/more.jpg) no-repeat;}


/* 左 內容區塊樣式 */
.left_content .box_menu{}
.left_content .box_menu .menu_item{ height:40px; line-height:40px; text-align:right;}

/* 純資料 列表 */
.data_list_style1{}
.data_list_style1 ul{ list-style:none; padding:0; margin:0;text-align:left;}
.data_list_style1 ul li{ list-style:none; background:url(images/item.jpg) left 2px no-repeat; padding:0 0 10px 15px; letter-spacing:1px;}
.data_list_style1 .data_footer_area{ text-align:right;}

.data_list_style2{}
.data_list_style2 .data_list_item{ float:left; width:320px; padding:0 10px 10px 0;}

.data_list_style3{margin-top:10px;} 
.data_list_style3 .box_content{background:url(images/rc_dir.gif) no-repeat left top;padding:0 0 0 5px;}
.data_list_style3 .box_content_end{background:url(images/rc_dir.gif) no-repeat right top; padding:5px 5px 0 0;overflow:auto;*zoom:1}
.data_list_style3 .box_footer{background:url(images/rc_dir.gif) no-repeat left bottom; height:5px; font-size:0px; padding:0 0 0 5px;}
.data_list_style3 .box_footer .footer_end{background:url(images/rc_dir.gif) no-repeat right bottom; padding:0 5px 0 0;height:5px; font-size:0px;}
.data_list_style3 .data_title{ letter-spacing:3px; border-bottom:#CCCCCC 1px dotted; font-size:16px; line-height:30px; height:30px; background-color:#EEEEEE; color:#676767;}
.data_list_style3 .data_content{ padding:10px; text-align:left; line-height:20px;}
.data_list_style3 .data_content br{ line-height:8px;}

/* 圖文資料 列表 */
.data_image_box1{}
.data_image_box1 .imagebox{float:left; width:120px; text-align:left; font-size:0px;}
.data_image_box1 .textbox{float:left; width:140px; text-align:left;letter-spacing:1px;text-indent:28px; line-height:20px;}

.data_image_box2{}
.data_image_box2 .imagebox{float:left; width:113px; text-align:center; font-size:0px; border:#DEDEDE 1px solid; padding:2px 0;}
.data_image_box2 .textbox{float:left; width:200px; text-align:left;letter-spacing:1px;line-height:20px; padding-left:5px; height:80px; overflow:hidden;}