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

/* =====================================================================
*    common (共用樣式)
*    ---
*    1. base (基本樣式)
*    2. font (文字樣式)
*    3. layer area (區塊樣式)
*    4. navigation (導覽列樣式)
* =================================================================== */

/*======================================================================

     common (共用樣式)

======================================================================*/


/*   1. base (基本樣式)
***********************************************************************/
* { margin:0; padding:0; font-size:100%;}
body { font-family:Arial,Verdana,"新細明體"; font-size:12px; background:url(../images/all-site/bg.jpg) repeat-x top;}


/*   2.font (文字樣式)
***********************************************************************/
body a { text-decoration:none;}
.content p.heading1,p.heading2,p.heading3,p.heading4,p.heading5 { font-weight:normal;}


/*   3. layer area (區塊樣式)
***********************************************************************/
/* header */

/* content */
.content { width:955px; margin:0 auto; /*自動適應高度*/overflow:hidden; zoom:1;}/*整頁區塊*/
.left_content  { width:321px; float:left;}/*左側區塊*/
.right_content { width:634px; float:left;/*自動適應高度*/ overflow:hidden; zoom:1;}/*右側區塊*/
.right_content .tl_site { width:634px; height:84px; }/*各頁的title*/
.right_content .btn_back{ display:block; width:60px; height:18px; background:url(../images/all-site/btn_back.png) 0 0 no-repeat; margin:10px 10px 10px 0;}/*回前頁的按鈕*/
.right_content .btn_back:hover{ background:url(../images/all-site/btn_back.png) 0 -18px no-repeat;}/*回前頁的按鈕移至*/

/* footer */
.footer { width:100%; height:70px;/*100-30*/ border-top:1px solid #e0dcd4; padding-top:30px;}
.footer_info { width:955px; margin:0 auto; text-align:center; letter-spacing:2px; line-height:18px;}
.footer_info,
.footer_info a { color:#a58c5b;}
.footer_info a:hover { color:#ccbfb3;}

/*   4. navigation (導覽列樣式)
***********************************************************************/
/* //////////////////////////////////////////////////////////////menu */

/* header */
/*上方選單&LOGO*/
.header ul#top_menu { width:955px; height:104px; list-style:none; margin:0 auto; padding:0; }/*上方選單&LOGO*/
.header ul#top_menu li { display:inline; float:left;}
.header ul#top_menu li a { background:url(../images/all-site/top_menu.jpg) no-repeat scroll top left; display:block; height:104px; position:relative;}
.header ul#top_menu li a span { background:url(../images/all-site/top_menu.jpg) no-repeat scroll bottom left; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;}
.header ul#top_menu li a.logo     { width:800px;}/*寬800px，距左方0 距上方0*/
.header ul#top_menu li a.home     { width:73px; height:37px;  background-position: -800px 0px;}/*距左方800px 距上方0*/
.header ul#top_menu li a.contact  { width:81px; height:37px;  background-position: -873px 0px;}/*距左方873px 距上方0*/
.header ul#top_menu li a.favorite { width:154px; height:66px; background-position: -800px -37px;}/*距左方800px 距上方-37px*/

.header ul#top_menu li a.logo     span{ background-position: 0px -104px;}   /*距左方0     距上方104px*/
.header ul#top_menu li a.home     span{ background-position: -800px -104px;}/*距左方800px 距上方104px*/
.header ul#top_menu li a.contact  span{ background-position: -873px -104px;}/*距左方873px 距上方104px*/
.header ul#top_menu li a.favorite span{ background-position: -800px -141px;}/*距左方800px 距上方141px*/

.header ul#top_menu li a span:hover { cursor:pointer;}

/* 主選單 */
.header ul#menu { width:955px; height:58px; list-style:none; margin:0 auto; padding:0; }/*主選單*/
.header ul#menu li { display:inline; float:left;}
.header ul#menu li a { background:url(../images/all-site/sprite.png) no-repeat scroll top left; display:block; height:58px; position:relative;}
.header ul#menu li a span { background:url(../images/all-site/sprite.png) no-repeat scroll top right; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;}
.header ul#menu li a.home      { width:108px;}/*寬108px，距左方0 距上方0*/
.header ul#menu li a.company   { width:127px; background-position: -108px 0px;}/*距左方108px 距上方0*/
.header ul#menu li a.news      { width:126px; background-position: -235px 0px;}/*距左方235px(108+127) 距上方0*/
.header ul#menu li a.knowledge { width:126px; background-position: -361px 0px;}/*距左方361px(235+126) 距上方0*/
.header ul#menu li a.product   { width:127px; background-position: -487px 0px;}/*距左方487px(361+126) 距上方0*/
.header ul#menu li a.inquire   { width:126px; background-position: -614px 0px;}/*距左方614px(487+127) 距上方0*/
.header ul#menu li a.contact   { width:126px; background-position: -740px 0px;}/*距左方740px(614+126) 距上方0*/
.header ul#menu li a.store     { width: 88px; background-position: -866px 0px;}/*距左方866px(740+126) 距上方0*/

.header ul#menu li a.home      span{ background-position: 0 -58px;}/*距左方0 距上方58px*/
.header ul#menu li a.company   span{ background-position: -108px -58px;}/*距左方108px 距上方58px*/
.header ul#menu li a.news      span{ background-position: -235px -58px;}/*距左方235px(108+127) 距上方58px*/
.header ul#menu li a.knowledge span{ background-position: -361px -58px;}/*距左方361px(235+134) 距上方58px*/
.header ul#menu li a.product   span{ background-position: -487px -58px;}/*距左方487px(361+126) 距上方58px*/
.header ul#menu li a.inquire   span{ background-position: -614px -58px;}/*距左方614px(487+127) 距上方58px*/
.header ul#menu li a.contact   span{ background-position: -740px -58px;}/*距左方740px(614+126) 距上方58px*/
.header ul#menu li a.store     span{ background-position: -866px -58px;}/*距左方866px(740+126) 距上方58px*/

.header ul#menu li a span:hover { cursor:pointer;}

/* 左側產品選單 */
.left_content .product_menu { width:254px;/*321-67*/ list-style:none; background:url(../images/all-site/bg_menu.png) 0 0 no-repeat; padding:84px 0 0 67px;}/*左側區塊 產品選單 包含各業的背景 跟首頁不同*/
.left_content .product_menu li { margin-bottom:5px;}
.left_content .product_menu li a { display:block; width:166px;/*188-22*/ height:24px;/*34-10*/ padding:10px 0 0 22px; color:#623d33; background:url(../images/all-site/btn_menu.png); border-top:1px solid #f6f0ea; border-right:1px solid #c9bfb7; border-bottom:1px solid #c9bfb7;}
.left_content .product_menu li a:hover { text-align:center; color:#333; background-position:0 -24px;}
.left_content .product_menu li.bg_menu_bottom { display:block; width:321px; height:200px;/*228*/ background:url(../images/all-site/bg_menu_bottom.png) 0 0 no-repeat; margin-left:-67px;}/*選單下方背景*/
	
.product_menu li.bg_menu_bottom a { /* 鑽石中心按鈕 */
	height: 60px;
	background: url(../images/all-site/btn-gold.png) 0 0 no-repeat;
	border-bottom: none;
	margin-left: 67px;
	border-right: none;
	}
.product_menu li.bg_menu_bottom a:hover { /* 鑽石中心按鈕移至 */
	 background-position:0 0;
	}