@charset "UTF-8";

body{
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	font-size: 13px;color: #333333;letter-spacing: 1px;
	margin:0;
	background-color:#E4E4E4;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position:center top
}

.forum_bg {
	background-attachment: scroll;
	background-image: url(../images/exh_5.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
	}
	
.font_en {font-family: Verdana;}

.text_en {font-family: Arial, Helvetica, sans-serif;}
/*頁籤 link bg*/
.link_bg01 {
	background-image: url(../images/link_bg01.gif);
	font-size: 13px;letter-spacing: 1px;font-weight:bold;padding-top:4px;}
.link_bg01 a:link{color: #0A6EC0;text-decoration: none;}
.link_bg01 a:visited{color: #0A6EC0;text-decoration: none;}
.link_bg01 a:hover{color: #F14619;text-decoration: underline;}

.link_bg01_hover {background-image: url(../images/link_bg01_hover.gif);
	font-size: 15px;color: #ffffff;letter-spacing: 1px;font-weight:bold;}
.link_bg01_hover a:link{color: #ffffff;	text-decoration: none;}
.link_bg01_hover a:visited{	color: #ffffff;	text-decoration: none;}
.link_bg01_hover a:hover{color: #ffffff;text-decoration: underline;}

.link_bg01_hover2 {background-image: url(../images/link_bg01_hover2.gif);
	font-size: 15px;color: #ffffff;letter-spacing: 1px;font-weight:bold;}
.link_bg01_hover2 a:link{color: #ffffff;	text-decoration: none;}
.link_bg01_hover2 a:visited{	color: #ffffff;	text-decoration: none;}
.link_bg01_hover2 a:hover{color: #ffffff;text-decoration: underline;}

.link_bg01_100hover {background-image: url(../images/link_bg01_100hover.gif);
	font-size: 15px;color: #ffffff;letter-spacing: 1px;font-weight:bold;}
.link_bg01_100hover a:link{color: #ffffff;	text-decoration: none;}
.link_bg01_100hover a:visited{	color: #ffffff;	text-decoration: none;}
.link_bg01_100hover a:hover{color: #ffffff;text-decoration: underline;}


.link_bg01_200hover {background-image: url(../images/link_bg01_200hover.gif);
	font-size: 15px;color: #ffffff;letter-spacing: 1px;font-weight:bold;}
.link_bg01_200hover a:link{color: #ffffff;	text-decoration: none;}
.link_bg01_200hover a:visited{	color: #ffffff;	text-decoration: none;}
.link_bg01_200hover a:hover{color: #ffffff;text-decoration: underline;}


.link_bg02 {
	background-image: url(../images/icon001.gif);background-repeat: no-repeat;background-position:left center;
	font-size: 13px;letter-spacing: 1px;padding-left:10px;padding-right:10px;}
.link_bg02 a:link{color: #0A6EC0;text-decoration: none;}
.link_bg02 a:visited{color: #0A6EC0;text-decoration: none;}
.link_bg02 a:hover{color: #F14619;text-decoration: underline;}

.link_bg02_hover {
	background-image: url(../images/icon001_2.gif);background-repeat: no-repeat;background-position:left center;
	font-size: 15px;letter-spacing: 1px;padding-left:12px;font-weight:bold;padding-right:10px;}
.link_bg02_hover a:link{color: #F14619;	text-decoration: none;}
.link_bg02_hover a:visited{color: #F14619;	text-decoration: none;}
.link_bg02_hover a:hover{color: #F14619;text-decoration: underline;}


.link_bg03 {font-size: 15px;letter-spacing:1px;padding-top:5px;padding-bottom:3px;}
.link_bg03 a:link{background-color:#e8e8e8;padding: 6px 20px;color: #666666;text-decoration: none;}
.link_bg03 a:visited{background-color:#e8e8e8;padding: 6px 20px;color: #666666;text-decoration: none;}
.link_bg03 a:hover{background-color:#d1d1d1;padding: 6px 20px;color: #666666;text-decoration: none;}

.link_bg03_hover {font-size: 15px;letter-spacing: 1px;padding-top:5px;padding-bottom:4px;}
.link_bg03_hover a:link{background-color:#666666;color: #ffffff;padding: 6px 20px;text-decoration: none;}
.link_bg03_hover a:visited{background-color:#666666;color: #ffffff;padding: 6px 20px;text-decoration: none;}
.link_bg03_hover a:hover{background-color:#666666;color: #e1e1e1;padding: 6px 20px;text-decoration:  none;}

.link_bg04 {
	background-image: url(../images/icon008.gif);background-repeat: no-repeat;background-position:left center;
	font-size: 13px;letter-spacing: 1px;padding-left:16px;padding-right:15px;height:22px;}
.link_bg04 a:link{color: #0A6EC0;text-decoration: none;}
.link_bg04 a:visited{color: #0A6EC0;text-decoration: none;}
.link_bg04 a:hover{color: #F14619;text-decoration: underline;}

.link_bg04_hover {color: #333333;
	background-image: url(../images/icon007.gif);background-repeat: no-repeat;background-position:left center;
	font-size: 13px;letter-spacing: 1px;padding-left:16px;padding-right:15px;height:22px;}
.link_bg04_hover a:link{color: #333333;	text-decoration: none;}
.link_bg04_hover a:visited{	color: #333333;	text-decoration: none;}
.link_bg04_hover a:hover{color: #333333;text-decoration: underline;}

.link_bg05 {
	background-image: url(../images/link_bg05.gif);background-repeat: no-repeat;background-position:left top;
	font-size: 13px;letter-spacing: 2px; padding-top:7px; height:31px;}
.link_bg05 a:link{color: #ffffff;text-decoration: none;}
.link_bg05 a:visited{color: #ffffff;text-decoration: none;}
.link_bg05 a:hover{color: #ffeb61;text-decoration: underline;}

.link_bg05_hover {
	background-image: url(../images/link_bg05_hover.gif);background-repeat: no-repeat;background-position:left center;
	font-size: 13px;letter-spacing: 2px;font-weight:bold;padding-top:6px; height:31px;}
.link_bg05_hover a:link{color: #ffffff;	text-decoration: none;}
.link_bg05_hover a:visited{	color: #ffffff;	text-decoration: none;}
.link_bg05_hover a:hover{color: #ffffff;text-decoration: underline;}

.link_bg05_no {color: #f1f1f1;
	background-image: url(../images/link_bg05_no.gif);background-repeat: no-repeat;background-position:left center;
	font-size: 13px;letter-spacing: 2px; padding-top:7px; height:31px;}
.link_bg05_ship {
	background-image: url(../images/link_bg05_ship.gif);background-repeat: no-repeat;background-position:left center;
	font-size: 13px;letter-spacing: 2px;font-weight:bold;padding-top:6px; height:31px;}

/* iunput表單屬性*/
.txField {border:1px solid #7F9DB9;height:20px;font-size :13px; padding: 3px 3px 0px 3px; color: #3B4655}

.txField2 {border:1px solid #7F9DB9;font-size :13px; padding: 3px 3px 0px 3px; color: #3B4655;}

input.text {border:1px solid #7F9DB9;height:21px;padding: 2px 1px 0px 2px;
	FONT-SIZE: 12px; COLOR: #3B4655; FONT-FAMILY: arial,"新細明體",sans-serif;}
	
input.text2 {border:1px solid #7F9DB9;height:21px;padding: 2px 1px 0px 2px;
	FONT-SIZE: 12px; COLOR: #3B4655; FONT-FAMILY: arial,"新細明體",sans-serif; padding: 3px 3px 0px 3px }

textarea {border:1px solid #7F9DB9;padding: 2px 1px 0px 2px;
	FONT-SIZE: 12px; COLOR: #3B4655; FONT-FAMILY: arial,"新細明體",sans-serif, }
	
select {border:1px solid #7F9DB9;height:21px;padding: 2px 1px 0px 2px;
	FONT-SIZE: 12px; COLOR: #3B4655; FONT-FAMILY: arial, "新細明體" ,sans-serif, }

/* 字級*/
.info11{
	font-size: 11px;}
.info11p1 {
	font-size: 11px;letter-spacing: 1px;}
.info12p1 {
	font-size: 12px;letter-spacing: 1px;}
.info12p1h18 {
	font-size: 12px;letter-spacing: 1px;line-height: 18px;}
.info12p1h20 {
	font-size: 12px;letter-spacing: 1px;line-height: 20px;}
.info12p1h22 {
	font-size: 12px;letter-spacing: 1px;line-height: 22px;}
.info12p2 {
	font-size: 12px;letter-spacing: 2px;}
.info12p3 {
	font-size: 12px;letter-spacing: 3px;}

.info13 {
	font-size: 13px;}
.info13p1 {
	font-size: 13px;letter-spacing: 1px;}
.info13p1h18 {
	font-size: 13px;letter-spacing: 1px;line-height: 18px;}
.info13p1h19 {
	font-size: 13px;letter-spacing: 1px;line-height: 19px;}
.info13p1h20 {
	font-size: 13px;letter-spacing: 1px;1px;line-height: 20px;}
.info13p1h22 {
	font-size: 13px;letter-spacing: 1px;1px;line-height: 22px;}
.info13p1h24 {
	font-size: 13px;letter-spacing: 1px;1px;line-height: 24px;}
.info13p1h30 {
	font-size: 13px;letter-spacing: 1px;1px;line-height: 30px;}


.info13p2 {
	font-size: 13px;letter-spacing: 2px;}
.info13p2h18{
	font-size: 13px;letter-spacing: 2px;line-height: 18px;}
.info13p2h19 {
	font-size: 13px;letter-spacing: 2px;line-height: 19px;}
.info13p2h20 {
	font-size: 13px;letter-spacing: 2px;line-height: 20px;}
.info13p2h22 {
	font-size: 13px;letter-spacing: 2px;line-height: 22px;}
.info13p3 {
	font-size: 13px;letter-spacing: 3px;}

.tit15p1 {
	font-size: 15px;letter-spacing: 1px;}
.tit15p2 {
	font-size: 15px;letter-spacing: 2px;}
.tit15p1h20 {
    font-size: 15px;letter-spacing: 1px;line-height: 20px;}
.tit15p1h24 {
    font-size: 15px;letter-spacing: 1px;line-height: 24px;}
.tit15p1h27 {
    font-size: 15px;letter-spacing: 1px;line-height: 27px;}
.tit16p1 {
	font-size: 16px;letter-spacing: 1px;}
.tit16p130 {
	font-size: 16px;letter-spacing: 1px;line-height: 30px;}
.tit16p2 {
	font-size: 16px;letter-spacing: 2px;}
.tit17p2 {
	font-size: 17px;letter-spacing: 2px;}
.tit18p2 {
	font-size: 18px;letter-spacing: 2px;}
.tit19p1 {
	font-size: 19px;letter-spacing: 1px;}
.tit19p2 {
	font-size: 19px;letter-spacing: 2px;}
.tit20p2 {
	font-size: 20px;letter-spacing: 2px;}


/* 字高*/

.h24 {line-height: 24px;}
.h30 {line-height: 30px;} /* 字高-重點列*/
.h42 {line-height: 42px;}/* 字高*-附註列*/
	
.pad_top01 {padding-top:1px;}
.pad_top02 {padding-top:2px;}
.pad_top03 {padding-top:3px;}
.pad_top04 {padding-top:4px;}
.pad_top05 {padding-top:5px;}
.pad_top06 {padding-top:6px;}
.pad_top08 {padding-top:8px;}
.pad_top10 {padding-top:10px;}

.pad_left02 {padding-left:2px;}
.pad_left06 {padding-left:6px;}
.pad_left08 {padding-left:8px;}
.pad_left10 {padding-left:10px;}
.pad_left12 {padding-left:12px;}
.pad_left16 {padding-left:16px;}
.pad_left18 {padding-left:12px;letter-spacing: 29px;}

.pad_right08 {padding-right:8px;}
.pad_right12 {padding-right:12px;}

.pad_spacing10{letter-spacing: 10px;}

.pad_bottom06 {padding-bottom:6px;}

/* 字寬*/
.pad_spacing01{letter-spacing: 2px;}


/* 邊線*/
.rightside {border-right:1px solid #cccccc;}

.table_line01{
	border-top:3px solid #6A8095;
	border-bottom:1px solid #AFC3DB;
	}
.table_line02{
	border-bottom:1px solid #AFC3DB;
	}

			
/* 字顏色*/

.text_blue {color: #253F58;}
.text_blue2 {color: #00589C;}
.text_blue3 {color: #0047bf;}
.text_blue4 {color: #7595b3;}
.text_blue5 {color: #0a6ec0;}
.text_brown {color: #af0d05;}
.text_brown2 {color: #995f00;}
.text_brown3 {color: #bd692d;}
.text_green  {color: #00819C;}
.text_green2 {color: #5a8200;}
.text_green3 {color: #387294;}
.text_green4 {color: #006600;}
.text_gray {color:#777777;}
.text_gray2 {color:#555555;}
.text_gray3 {color:#999999;}
.text_gray4 {color:#ececec;}
.text_gray_c4 {color:#444444;}
.text_red {color:#D00000;}
.text_red2 {color:#CC3300;}
.text_orange {color:#ff6600;}
.text_orange_red {color:#f94600;}
.text_white  {color: #ffffff;}
.text_yellow  {color: #FFFF33;}






/* Link*/
a:link {color: #103C9B;text-decoration: none;}
a:visited {color: #103C9B;text-decoration: none;}
a:hover {color: #F14619;text-decoration: underline;}

.adnone a:link{color: #103C9B; text-decoration: none;}
.adnone a:visited{	color: #103C9B;	text-decoration: none;}
.adnone a:hover{color: #F14619;text-decoration: underline;}

.adunder a:link{text-decoration: underline;}
.adunder a:visited{text-decoration: underline;}
.adunder a:hover{text-decoration: none;}

a.position_t1l1:hover{  position:relative;top:1px;left:1px;}

.link_b2 a:link{color: #0A6EC0;	text-decoration: none;}
.link_b2 a:visited{	color: #0A6EC0;	text-decoration: none;}
.link_b2 a:hover{color: #F14619;text-decoration: underline;}

.link_b3 a:link{color: #315573;	text-decoration: none;}
.link_b3 a:visited{	color: #315573;	text-decoration: none;}
.link_b3 a:hover{color: #F14619;text-decoration: underline;}


.link_red a:link{color: #D00000;text-decoration: none;}
.link_red a:visited{color: #D00000;	text-decoration: none;}
.link_red a:hover{color: #D00000;text-decoration: underline;}


.link_bk a:link{color: #000000;	text-decoration: none;}
.link_bk a:visited{	color: #000000;	text-decoration: none;}
.link_bk a:hover{color: #F14619;text-decoration: underline;}

.ad_bk12p1h18 a:link{
	font-size: 12px;letter-spacing: 1px;line-height: 18px;color: #888888;
	text-decoration: none;}
.ad_bk12p1h18 a:visited{
	font-size: 12px;letter-spacing: 1px;line-height: 18px;color: #888888;
	text-decoration: none;}
.ad_bk12p1h18 a:hover{
	font-size: 12px;letter-spacing: 1px;line-height: 18px;color: #F14619;
	text-decoration: underline;}

.ad_bk13p1h18 a:link{
	font-size: 13px;letter-spacing: 1px;line-height: 18px;color: #888888;
	text-decoration: none;}
.ad_bk13p1h18 a:visited{
	font-size: 13px;letter-spacing: 1px;line-height: 18px;color: #888888;
	text-decoration: none;}
.ad_bk13p1h18 a:hover{
	font-size: 13px;letter-spacing: 1px;line-height: 18px;color: #F14619;
	text-decoration: underline;}

.ad_bk15p1h18 a:link{
	font-size: 15px;letter-spacing: 1px;line-height: 18px;color: #555555;
	text-decoration: none;}
.ad_bk15p1h18 a:visited{
	font-size: 15px;letter-spacing: 1px;line-height: 18px;color: #555555;
	text-decoration: none;}
.ad_bk15p1h18 a:hover{
	font-size: 15px;letter-spacing: 1px;line-height: 18px;color: #F14619;
	text-decoration: underline;}



/* foot_copyright*/
.copyright {
	line-height: 20px;letter-spacing: 1px;
	font-size: 12px;
	color: #444444;}

/* elsa css*/
.button {
	width: 89px;
	height: 23px;
	background: url(../images/button.gif);
	border: 1px none #FFFFFF;
	letter-spacing: 4px;
	color: #144673;
	padding-top:2px;
}
.button_w55px {
	width: 55px;
	height: 23px;
	background: url(../images/button_55px.gif);
	border: 1px none #FFFFFF;
	letter-spacing: 6px;
	color: #144673;
	padding-top:2px;
}

.button_w75px {
	width: 75px;
	height: 23px;
	background: url(../images/button_75px.gif);
	border: 1px none #FFFFFF;
	letter-spacing: 6px;
	color: #144673;
	padding-top:2px;
}

.button_w120px {
	width: 120px;
	height: 23px;
	background: url(../images/button_120px.gif);
	border: 1px none #FFFFFF;
	letter-spacing: 3px;
	color: #144673;
	padding-top:2px;
}

.button_w180px {
	width: 180px;
	height: 23px;
	background: url(../images/button_180px.gif);
	border: 1px none #FFFFFF;
	letter-spacing: 2px;
	color: #144673;
	padding-top:2px;
}

.button_s {
	width: 100px;
	height: 22px;
	background: url(../images/button_s.gif);
	border: 1px none;
	color: #333333;
	padding-top:2px;
}

.button_m {
	width: 120px;
	height: 22px;
	background: url(../images/button_m.gif);
	border: 1px none;
	color: #333333;
	padding-top:2px;
}

.sub_menu {  font-size: 15px; color: #0A6EC0; line-height: 160%;}
.sub_menu a:active {  text-decoration: none}
.sub_menu a:hover {  color: #0A6EC0; text-decoration: none; border-bottom: 2px solid #FE9F44;}
.sub_menu a:link {  color: #0A6EC0; text-decoration: none}
.sub_menu a:visited {  color: #0A6EC0; text-decoration: none}

.sub_menu2 {  font-size: 15px; color: #0A6EC0; FONT-WEIGHT: bold; line-height: 160%; border-bottom: 2px solid #FE9F44; }



.sub_menu3 {
	font-size: 13px;letter-spacing: 1px;color: #666666;padding-left:10px;padding-top:3px;}
.sub_menu3 a:link{
	font-size: 13px;letter-spacing: 1px;color: #666666;
	text-decoration: none;}
.sub_menu3 a:visited{
	font-size: 13px;letter-spacing: 1px;color: #666666;
	text-decoration: none;}
.sub_menu3 a:hover{
	font-size: 13px;letter-spacing: 1px;color: #F14619;
	text-decoration: underline;}
	
.sub_menu3d {
	background-image: url(../images/menu02_here.gif);background-repeat: no-repeat;background-position:left center;
	font-size: 13px;letter-spacing: 1px;color: #666666;padding-left:10px;padding-top:3px;font-weight:bold;}
.sub_menu3d a:link{
	font-size: 13px;letter-spacing: 1px;color: #666666;
	text-decoration: none;}
.sub_menu3d a:visited{
	font-size: 13px;letter-spacing: 1px;color: #666666;
	text-decoration: none;}
.sub_menu3d a:hover{
	font-size: 13px;letter-spacing: 1px;color: #F14619;
	text-decoration: none;}
	
/* rollover effect */

.rollover a {
background: url("../images/mb_mbtn_join_d.gif") 0 0 no-repeat;
display:block; 
width:90px; 
height:33px;
} 

.rollover a:hover {
background-position: 0px -33px;
} 


.rollover110px a {
background: url("../images/menu_btn110px.gif") 0 0 no-repeat;
display:block; 
width:110px; 
height:42px;
} 

.rollover110px a:hover {
background-position: 0px -42px;
} 


.rollover125px a {
background: url("../images/menu_btn125px.gif") 0 0 no-repeat;
display:block; 
width:125px; 
height:42px;
} 

.rollover125px a:hover {
background-position: 0px -42px;
} 


.rollover96px a {
background: url("../images/menu_btn96px.gif") 0 0 no-repeat;
display:block; 
width:96px; 
height:42px;
} 

.rollover96px a:hover {
background-position: 0px -42px;
} 


.rollover_ecatalog a {
background: url("../images/ecatalog_mbg.gif") 0 0 no-repeat;
display:block; 
width:100px; 
height:31px;
} 

.rollover_ecatalog a:hover {
background-position: 0px -31px;
} 


.rollover_sitemap a {
color: #ffffff;text-decoration: none;
font-size: 16px;letter-spacing: 5px;font-weight:bold;padding: 6px 30px;
background: url("../images/sitemap_titbg.gif") 0 0 no-repeat;
display:block; 
width:220px; 
height:35px;
} 
.rollover_sitemap a:visited {color: #ffffff;text-decoration: none;padding: 6px 30px;}

.rollover_sitemap a:hover {
color: #ffffff;text-decoration: none;
font-size: 16px;letter-spacing: 5px;
background-position: 0px -35px;
} 

.rollover_img a img{ filter: Alpha(Opacity=100); Opacity:1 ;}  /*半透明效果: 前for ie ;後for firefox */
.rollover_img a:hover img{filter: Alpha(Opacity=60); Opacity:0.6 ;}

.rollover_img02 a img{ Opacity:1 ;}
.rollover_img02 a:hover img{filter: xray; Opacity:0.6 ;}/* 前for ie (x光) ;後for firefox (半透明)*/

/* new 990209*/

.search_bg { background-color:#f1f1f1}
