@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;}
a { text-decoration:none;}/*整個網站連結樣式:無*/

/*   2.font (文字樣式)
***********************************************************************/
.content h1,h2,h3,h4,h5 { font-weight:normal;}
.content    { color:#6b9bbc; line-height:24px;}/*內文文字顏色基本樣式*/
.content a  { color:#6b9bbc;}/*內文文字顏色連結樣式*/
.content a:hover{ color:#FFF; text-decoration:underline;}/*內文文字顏色連結移至樣式*/


/*   3. layer area (區塊樣式)
***********************************************************************/
/*top_menu*/
.header              { /*自動適應高度*/overflow:hidden; zoom:1;}
.header #top_menu    { width:955px; height:82px; margin:0 auto; list-style:none;}
.header #top_menu li { display:inline; float:left;}
.header #top_menu li a { display:block; height:82px; float:left; background:url(../images/all-site/sprite.jpg);}

.header #top_menu li a.logo { width:634px;}
.header #top_menu li a.home { width: 60px; background-position: -634px 0px;}/*先左右距離，再上下距離*/
.header #top_menu li a.tw   { width:110px; background-position: -694px 0px;}
.header #top_menu li a.en   { width:110px; background-position: -844px 0px; margin-left:40px;/*FOR IE6*/display:inline; float:left;}

.header #top_menu li a.logo:hover { background-position:0 -82px;}/*先左右距離，再上下距離*/
.header #top_menu li a.home:hover { background-position:-634px -82px;}
.header #top_menu li a.tw:hover   { background-position:-694px -82px;}
.header #top_menu li a.en:hover   { background-position:-844px -82px;}

/*main*/
.header #main { display:block; width:955px; height:216px; margin:0 auto; clear:both;}

/* content */
.content { width:955px; margin:0 auto; /*自動適應高度*/overflow:hidden; zoom:1;}/*整頁區塊*/
.content #bg_left_menu ul { list-style:none; width:270px; padding:80px 0 0 0px; float:left; background:url(../images/all-site/bg_menu.jpg) 0 0 no-repeat;}/*左側選單*/
.content #bg_left_menu li a          { display:block; width:220px;/*250-30*/ height:31px;/*38-7*/ padding:7px 0 0 30px; background:url(../images/all-site/btn_menu.png) 0 0 no-repeat;/*解決li下方3px bug問題→*/ vertical-align:top;}
.content #bg_left_menu li a:hover    { background-position:0 -38px;}
.content #bg_left_menu li.title      { font-size:14px; color:#FFF; padding:0 0 12px 15px;}
.content #bg_left_menu li.btn_contact a { display:block; width:220px;/*270-30-20*/ height:365px; background:url(../images/all-site/btn_contact.png) 0 0 no-repeat;}
.content #bg_left_menu li.btn_contact a:hover { background-position:0 -365px;}

.content #bg_right { width:685px; float:left;}
.content #bg_right #tl_site { width:635px;/*685-50*/ height:107px;/*127-20*/ padding:20px 0 0 50px; font-size:18px; color:#FFF; background:url(../images/all-site/tl_site.png) 0 0 no-repeat;}/*右側區塊*/
.content #bg_right .bg_content_extend { width:665px;/*685-20*/ padding-left:20px; background:url(../images/all-site/bg_content_extend.png) 0 0 repeat-y; /*自動適應高度*/overflow:hidden; zoom:1;}
.content #bg_right #bg_content_bottom { width:685px; height:60px; padding-bottom:20px; background:url(../images/all-site/bg_content_bottom.jpg) 0 0 no-repeat;}


/* footer */
.footer { width:100%; height:81px; background:url(../images/all-site/bg_footer.png) center bottom repeat-x; color:#009e96;}
.footer a { color:#009e96;}
.footer a:hover { color:#5fbce8;}
.footer_info { width:955px; height:59px;/*81-22*/ padding-top:22px; margin:0 auto; background:url(../images/all-site/logo_footer.png) 0 0 no-repeat; text-align:right;}
/*   4. navigation (導覽列樣式)
***********************************************************************/
/* //////////////////////////////////////////////////////////////menu */
#menu { width:100%; height:26px; background:#004986;
						 /* 背景半透明設定 */
						 filter:alpha(opacity=50); /*IE*/
						 -moz-opacity:0.5; /*Mozilla*/
						 -khtml-opacity:0.5; /*Safari*/
						 opacity:0.5; /*Browser of CSS3*/}/*選單*/
						 
#menu ul { width:955px; margin:0 auto; list-style:none;}
#menu ul li { display:inline; float:left;}
#menu ul li a { display:block; height:14px;/*26-6-6*/ float:left; padding:6px; background:url(../images/all-site/btn_line.png) top right no-repeat; color:#FFF;}/*按鈕連結樣式*/

#menu ul li a:hover {   /* 內陰影設定 */
						-moz-box-shadow:inset 0 0 15px #000;
						-webkit-box-shadow:inset 0 0 15px #000;
						box-shadow:inset 0 0 15px #000;
						/*滑鼠樣式*/
						cursor:pointer;
						color:#00c6ff;}/*按鈕連結樣式*/
						
#menu ul li.contact { float:right;}/*聯絡我們按鈕另外設定*/