/* 樣式定義目錄

樣板設定
網頁基本 HTML定義
一般超連結設定
自訂樣試
Menu 5
各種標題文字
字首大寫的樣子
文繞圖
標題圖設定

 */




/*  樣板設定  */


#wrapper
{
	width:760px;margin:0 auto;text-align:left;position:relative;height:100%;
}

#LangMenu
{
	font-size:12px;
	margin:0px;
	height:20px;
	text-align:center;
	margin-top:20px;
	 
}
#ContentPanel
{width:760px;margin:0 auto;text-align:left;position:relative;border:1px;border:1px silver solid;	
background-image:url('images/bg_long.gif');background-repeat:repeat-y;background-position:right;
	}

#mastHead
{
	width:300px;height:70px;
	background-image:url('images/company_name.gif');background-repeat:no-repeat;background-position:left center;
	margin-left:20px;
	background-color:white;
	 
}

#Logo
{ 
background-image:url('images/loglo_title.gif');
background-position:center top;
text-align:center;background-repeat:no-repeat;
height:92px;
margin-top:20px;
	}

#Slogan
{ 
 background-image:url('images/sologan.gif');
background-position:center center;
text-align:center;background-repeat:no-repeat;
height:62px;
margin-top:20px;
	}
	

#leftPanel 
{
	width:13px;top:0;left:0;float:left;height:760px;
	

	 
}

#CenterPanel
{
	width:555px;top:0;left:13px;float:left;	
}

#rightPanel
{
	width:192px;top:0;left:568px;float:left; text-align:left;
	

}

/* End 樣板設定*/


/* 網頁基本HTML 樣式設定 */

body
{
	text-align: center;
	font-size: 0.8em;
	font-family: 微軟正黑體,verdana, Helvetica, sans-serif, 新細明體;
	color: black;
	margin:5px 0px 0px 0px;
	background-image:url('images/body_bg.gif');
	background-position:left top;background-attachment:fixed;
	background-repeat:repeat-x; 

	
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

img {
    border: none;}
img.left2
{
margin-left:2px;
}


hr
{
	border-color: #DAE8BD;
	border-style: dashed;
	width: 84%;
	text-align: center;
	border: 1px;
}



h1
{
margin: 40px 6px 0px 6px;
	padding:10px 30px 10px 30px;
	letter-spacing: 2pt;
	line-height: 18pt;
	font-size:1.8em;

}

h2
{
margin: 20px 6px 0px 6px;
	padding:10px 30px 10px 30px;
	letter-spacing: 2pt;
	line-height: 18pt;
	font-size:1.5em;

}

h3
{
margin: 20px 6px 0px 6px;
	padding:10px 30px 10px 30px;
	letter-spacing: 2pt;
	line-height: 18pt;
	font-size:1.2em;

}


blockquote
{
letter-spacing:1px;
line-height:2em;
	}

blockquote.withquote {
background:url(images/quotefirebrick.gif) no-repeat;
background-position:top left;
padding-left:30px;
text-align:justify;} 

p.withunquote {
background: url(images/unquotefirebrick.gif) no-repeat;
background-position:bottom right;
padding-right:5px;}


/*Start 一般超連結設定 */
a:link {
  color:#2C862F;
  text-decoration:none;
  }
a:visited {
  color:#2C862F;
    text-decoration:none;
  }
a:hover {
  color:#cc6600;
  text-decoration:underline;
}
a img {
  border-width:0;
  }
  
  
/*End 一般超連結設定 */




/* 自訂樣式 */

.bq_set
{
	background-image:url('images/quote_bg.gif');background-position:left,top;
	background-repeat:no-repeat;padding-left:40px;padding-top:40px;  
}



.content
{
margin: 6px 6px 6px 6px;
	padding:10px 30px 10px 30px;
	letter-spacing: 2pt;
	line-height: 18pt;

}

.content_light
{
margin: 6px 6px 6px 6px;
	padding:10px 30px 10px 30px;
	letter-spacing: 2pt;
	line-height: 18pt;
	color:#999966;

}


.content_right
{
margin: 6px 6px 6px 6px;
	padding:10px 30px 10px 30px;
	letter-spacing: 2pt;
	line-height: 18pt;
	text-align:right;

}

.img_title_banner
{
text-align: center ;

}

.div_title
{ 
background-image:url('images/div_title.gif');
background-position:center top;
text-align:center;
text-decoration:underline;
font-size:medium;letter-spacing:4pt;
background-repeat:no-repeat;
height:30px;
padding:26px 0px 0px 0px;
margin:50px 2px 0px 2px;
	}



/* End 自訂樣式 */



/*- Menu 5--------------------------- */

#menu5 {
        width: 190px;
        margin:20px 0px 0px 2px;
        font-size:12px;

        }

#menu5 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu5 li a:visited {
        color: #000000;
        display: block;
        background:  url(images/menu5.gif) 0 -33px;
        padding: 8px 0 0 10px;
        }

#menu5 li a:link {
        color: #000000;
        display: block;
        background:  url(images/menu5.gif) 0 -33px;
        padding: 8px 0 0 10px;
        }

#menu5 li #current {
	
        color: #FFF;
	background: url(images/menu5.gif);
	padding: 8px 0 0 10px;
        }
 
     
#menu5 li a:hover {
	
        color: #FFF;
	background: url(images/menu5.gif);
	padding: 8px 0 0 10px;
        }


   
#footer
{
	clear:both;height:75px;
		margin:0px 0px 0px 0px;width:760px; 
	background-image:url('images/footer_bg.gif');
	background-repeat:repeat-x;background-position:left top ;
	font-size: 0.8em;
}

#footer p 
{
	margin: 10px 6px 10px 6px;
	padding:10px 10px 10px 30px;
	line-height: 18pt;
	text-align:right;
	font-size:10px;


}



/* 各種標題文字 */

#intro
{ 
background-image:url('images/introduction_title.gif');
background-position:center center;
text-align:center;background-repeat:no-repeat;
height:40px;
width:260px;
margin:20px 20px 20px 0px;
	}




/* Start 字首大寫的樣子 */

.cap {

float: left;
width: 54px;
font-size: 360%;
line-height: 45px;
font-weight: normal;
color:#FF9900;
font-family:微軟正黑體, georgia, times;

}

.firstletter:first-letter {
	font-size: 400%;
	float: left;
	line-height: .8em;
	color: #D4D4C7;
	margin-right: 10px;
	}
	
	

/* End - 字首大寫的樣子 */



.em_font

{ 
 font-size: 160%;
 color:red;
 font-style:italic;
 
}

.em_font_orange

{ 
 font-size: 160%;
 color:orange;
 font-style:italic;
 
}





/* --- 文繞圖start -------------- */
div.image-left {
float: left;
margin:22px 22px 6px 20px;
}

div.image-left img {
border: 1px solid #ccc;
padding: 4px;
}

div.image-left p {
color: #666;
font-family: 'Lucida Grande', Lucida Sans Unicode;
font-size: 9px ;
margin: 3px 0 0;
text-align: left;

}

div.image-right {
float: right;
margin: 22px 15px 8px 22px;
}

div.image-right img {
border: 1px solid #ccc;
padding: 4px;
}

div.image-right p {
color: #666;
font-family: 'Lucida Grande', Lucida Sans Unicode;
font-size: 9px ;
margin: 3px 0 0;
text-align: left ;

}


div.image-center {

text-align: center ;

margin:8px 0px 16px 0px;
}

div.image-center img {
border: 1px solid #ccc;
padding: 4px;
}

div.image-center p {
color: #666;
font-family: 'Lucida Grande', Lucida Sans Unicode;
font-size: 9px ;
margin: 3px 0 0;
text-align: center ;
}

/*-標題圖設定-------*/

.img_title {
border: none;
padding:40px 20px 10px 40px;
    }


.img_right_m20 {
border: none;
padding:0px 20px 10px 0px;
float:left;
    }

.img_center
{
text-align: center ;

margin:8px 0px 16px 0px;

}