﻿/* main menu ===================================================================================================*/
#btn1 {width:118px; height:57px; background:url(images/menu_01.png) 0 -115px no-repeat; display:block;	}
#btn1 a{width:118px; height:57px; background:url(images/menu_01.png) 0 0 no-repeat; display:block;	}
#btn1 a:hover{width:118px; height:57px; background:url(images/menu_01.png) 0 -57px no-repeat; display:block;}

#btn2 {width:118px; height:57px; background:url(images/menu_02.png) 0 -115px no-repeat; display:block;	}
#btn2 a{width:118px; height:57px; background:url(images/menu_02.png) 0 0 no-repeat;	display:block;	}
#btn2 a:hover{width:118px; height:57px;	background:url(images/menu_02.png) 0 -57px no-repeat; display:block; }

#btn3 {width:117px; height:57px; background:url(images/menu_03.png) 0 -115px no-repeat; display:block;	}
#btn3 a{width:117px; height:57px; background:url(images/menu_03.png) 0 0 no-repeat;	display:block;	}
#btn3 a:hover{width:117px; height:57px;	background:url(images/menu_03.png) 0 -57px no-repeat; display:block;}

#btn4 {width:118px; height:57px; background:url(images/menu_04.png) 0 -115px no-repeat; display:block;	}
#btn4 a{width:118px; height:57px; background:url(images/menu_04.png) 0 0 no-repeat;	display:block;	}
#btn4 a:hover{width:118px; height:57px;	background:url(images/menu_04.png) 0 -57px no-repeat; display:block;}

#btn5 {width:118px; height:57px; background:url(images/menu_05.png) 0 -115px no-repeat; display:block;	}
#btn5 a{width:118px; height:57px; background:url(images/menu_05.png) 0 0 no-repeat;	display:block;	}
#btn5 a:hover{width:118px; height:57px;	background:url(images/menu_05.png) 0 -57px no-repeat; display:block;}

#btn6 {width:118px; height:57px; background:url(images/menu_06.png) 0 -115px no-repeat; display:block;	}
#btn6 a{width:118px; height:57px; background:url(images/menu_06.png) 0 0 no-repeat;	display:block;	}
#btn6 a:hover{width:118px; height:57px;	background:url(images/menu_06.png) 0 -57px no-repeat; display:block; }

#btn7 {width:117px; height:57px; background:url(images/menu_07.png) 0 -115px no-repeat; display:block;	}
#btn7 a{width:117px; height:57px; background:url(images/menu_07.png) 0 0 no-repeat;	display:block;	}
#btn7 a:hover{width:117px; height:57px;	background:url(images/menu_07.png) 0 -57px no-repeat; display:block;}

#btn8 {width:118px; height:57px; background:url(images/menu_08.png) 0 -115px no-repeat; display:block;	}
#btn8 a{width:118px; height:57px; background:url(images/menu_08.png) 0 0 no-repeat;	display:block;	}
#btn8 a:hover{width:118px; height:57px;	background:url(images/menu_08.png) 0 -57px no-repeat; display:block;}

/* News menu ===================================================================================================*/
#n_btn1 a{width:95px; height:37px; background:url(images/news_m01.gif) 0 0 no-repeat; display:block;	}
#n_btn1 a:hover{width:95px; height:37px; background:url(images/news_m01.gif) -95px 0 no-repeat; display:block;}

#n_btn2 a{width:95px; height:37px; background:url(images/news_m02.gif) 0 0 no-repeat; display:block;	}
#n_btn2 a:hover{width:95px; height:37px; background:url(images/news_m02.gif) -95px 0 no-repeat; display:block;}
	
/* About menu ===================================================================================================*/
#a_btn1 a{width:95px; height:37px; background:url(images/about_m01.gif) 0 0 no-repeat; display:block;	}
#a_btn1 a:hover{width:95px; height:37px; background:url(images/about_m01.gif) -95px 0 no-repeat; display:block;}

#a_btn2 a{width:95px; height:37px; background:url(images/about_m02.gif) 0 0 no-repeat; display:block;	}
#a_btn2 a:hover{width:95px; height:37px; background:url(images/about_m02.gif) -95px 0 no-repeat; display:block;}

#a_btn3 a{width:95px; height:37px; background:url(images/about_m03.gif) 0 0 no-repeat; display:block;	}
#a_btn3 a:hover{width:95px; height:37px; background:url(images/about_m03.gif) -95px 0 no-repeat; display:block;}

#a_btn4 a{width:95px; height:37px; background:url(images/about_m04.gif) 0 0 no-repeat; display:block;	}
#a_btn4 a:hover{width:95px; height:37px; background:url(images/about_m04.gif) -95px 0 no-repeat; display:block;}

#a_btn5 a{width:95px; height:37px; background:url(images/about_m05.gif) 0 0 no-repeat; display:block;	}
#a_btn5 a:hover{width:95px; height:37px; background:url(images/about_m05.gif) -95px 0 no-repeat; display:block;}


/* Product menu ===================================================================================================*/
#p_btn1 a{width:95px; height:37px; background:url(images/product_m01.gif) 0 0 no-repeat; display:block;	}
#p_btn1 a:hover{width:95px; height:37px; background:url(images/product_m01.gif) -95px 0 no-repeat; display:block;}

#p_btn2 a{width:95px; height:37px; background:url(images/product_m02.gif) 0 0 no-repeat; display:block;	}
#p_btn2 a:hover{width:95px; height:37px; background:url(images/product_m02.gif) -95px 0 no-repeat; display:block;}

#p_btn3 a{width:95px; height:37px; background:url(images/product_m03.gif) 0 0 no-repeat; display:block;	}
#p_btn3 a:hover{width:95px; height:37px; background:url(images/product_m03.gif) -95px 0 no-repeat; display:block;}

#p_btn4 a{width:95px; height:50px; background:url(images/product_m04.gif) 0 0 no-repeat; display:block;	}
#p_btn4 a:hover{width:95px; height:50px; background:url(images/product_m04.gif) -95px 0 no-repeat; display:block;}

/* 材料研究 menu ===================================================================================================*/
#smenu {list-style: none; padding: 0; margin: 0;}/*list-style將ui內部li的符號取消*/
#smenu a {display: block; width:95px; height:37px; }/*將有連結的設定顯示出來，也就是可連結的範圍*/
#smenu a:hover {background-position: right;}/*移過連結時將背景圖位置設至靠左，亦是換另一張圖顯示*/
#smenu .s_btn1 {width: 95px; height: 37px;	background: url(images/support_m01.gif) no-repeat;}/*圖片大小設定*/
#smenu .s_btn2 {width: 95px; height: 37px;	background: url(images/support_m02.gif) no-repeat;}
#smenu .s_btn3 {width: 95px; height: 37px;	background: url(images/support_m03.gif) no-repeat;}
#smenu .s_btn4 {width: 95px; height: 37px;	background: url(images/support_m04.gif) no-repeat;}

/* Contact menu ===================================================================================================*/
#c_btn1 a{width:95px; height:37px; background:url(images/contact_m01.gif) 0 0 no-repeat; display:block;	}
#c_btn1 a:hover{width:95px; height:37px; background:url(images/contact_m01.gif) -95px 0 no-repeat; display:block;}

#c_btn2 a{width:95px; height:37px; background:url(images/contact_m02.gif) 0 0 no-repeat; display:block;	}
#c_btn2 a:hover{width:95px; height:37px; background:url(images/contact_m02.gif) -95px 0 no-repeat; display:block;}

/* Customer menu ===================================================================================================*/
#cm_btn1 a{width:95px; height:37px; background:url(images/customer_m01.gif) 0 0 no-repeat; display:block;	}
#cm_btn1 a:hover{width:95px; height:37px; background:url(images/customer_m01.gif) -95px 0 no-repeat; display:block;}

#cm_btn2 a{width:95px; height:37px; background:url(images/customer_m02.gif) 0 0 no-repeat; display:block;	}
#cm_btn2 a:hover{width:95px; height:37px; background:url(images/customer_m02.gif) -95px 0 no-repeat; display:block;}

#cm_btn3 span{width:95px; height:37px; background:url(images/customer_m03.gif) 0 0 no-repeat; display:block;	}

/* map ===================================================================================================*/
.up { background:url(images/contact_btn01.gif); width:120px; height:25px; color:#FFFFFF;font-weight: bold; }
h3 { float:left; width:120px; height:25px; line-height:25px; margin:0 0 0 0; font-size:13px; cursor:pointer; font-weight:normal;
		text-align:center; color:#999999; background:url(images/contact_btn02.gif);}