@charset "utf-8";

html, body {
    background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #00000;
	line-height: 15pt;
	letter-spacing: 1pt;
	SCROLLBAR-FACE-COLOR: #E2EEF8; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #ffffff; 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: #C5E1F7; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}

.footer {
	margin-top: 50px;
}

.copyright  {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #8C7D19;
}

.text-b  {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #00000;
	font-weight: bold;
}

.red {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #C40C0E;
	font-weight: bold;
	line-height: 15pt;
	letter-spacing: 1pt;
}

A: {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#000000;line-height: 15pt;text-decoration:none;letter-spacing:1pt;}
A:link    {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#000000;line-height: 15pt;text-decoration:none;letter-spacing:1pt;}
A:visited {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#000000;line-height: 15pt;text-decoration:none;letter-spacing:1pt;}
A:active  {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#000000;line-height: 15pt;text-decoration:none;letter-spacing:1pt;}
A:hover   {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#000000;line-height: 15pt;text-decoration:underline;letter-spacing:1pt;}

.text_strong: {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#4D4D4D;line-height: 15pt;text-decoration:none;letter-spacing:0pt;font-weight: bold;}
.text_strong:link    {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#4D4D4D;line-height: 15pt;text-decoration:none;letter-spacing:0pt;font-weight: bold;}
.text_strong:visited {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#4D4D4D;line-height: 15pt;text-decoration:none;letter-spacing:0pt;font-weight: bold;}
.text_strong:active  {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#4D4D4D;line-height: 15pt;text-decoration:none;letter-spacing:0pt;font-weight: bold;}
.text_strong:hover   {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#4D4D4D;line-height: 15pt;text-decoration:underline;letter-spacing:0pt;font-weight: bold;}

.green: {font:17px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#FF0E90;line-height: 15pt;text-decoration:none;letter-spacing:1pt;font-weight: bold;}
.green:link    {font:17px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#FF0E90;line-height: 15pt;text-decoration:none;letter-spacing:1pt;font-weight: bold;}
.green:visited {font:17px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#FF0E90;line-height: 15pt;text-decoration:none;letter-spacing:1pt;font-weight: bold;}
.green:active  {font:17px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#FF0E90;line-height: 15pt;text-decoration:none;letter-spacing:1pt;font-weight: bold;}
.green:hover   {font:17px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#FF0E90;line-height: 15pt;text-decoration:none;letter-spacing:1pt;font-weight: bold;}

#story01 {
	background-image: url(../images/story_p1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 443px;
}

.story01_text1 {
	padding-left: 70px;
	padding-right: 240px;
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #00000;
	line-height: 15pt;
	letter-spacing: 1pt;
}

.story01_text2 {
	padding-left: 70px;
	padding-right: 10px;
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #00000;
	line-height: 15pt;
	letter-spacing: 1pt;
}

.story01_text3 {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #C40C0E;
	text-decoration: underline;	
	font-weight: bold;
	line-height: 15pt;
	letter-spacing: 1pt;
}

.story02_text {
	padding-right: 10px;
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #00000;
	line-height: 15pt;
	letter-spacing: 1pt;
}

#role02 {
	margin-left: 50px;

}

.title_black {
	font-size: 18px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #000000;
	font-weight: bold;
	line-height: 15pt;
	letter-spacing: 1pt;
}

.title_blue {
	font-size: 18px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #457EC1;
	font-weight: bold;
	line-height: 16pt;
	letter-spacing: 0pt;
}

.title_blue2 {
	font-size: 18px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #39BAF5;
	font-weight: bold;
	line-height: 16pt;
	letter-spacing: 0pt;
}

.title_green {
	font-size: 18px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #6CAA01;
	font-weight: bold;
	line-height: 16pt;
	letter-spacing: 0pt;
}

.title_grey {
	font-size: 18px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #6D6C6C;
	font-weight: bold;
	line-height: 16pt;
	letter-spacing: 0pt;
}

.title_test {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #457EC1;
	font-weight: bold;
	line-height: 15pt;
	letter-spacing: 1pt;
}

#picture_story {
	with: 350px;
	hight: 280px;
	border: 1pt solid #B4D100;
	margin-right: 20px;
}

#picture_news {
	with: 200px;
	hight: 160px;
	border: 2pt solid #E5E5E5;
	margin-left: 15px;
	margin-bottom: 15px;
}

#movie_frame {
	margin-bottom: 15px;
}

.movie {
	border: 2pt solid #E5E5E5;
	margin-bottom: 5px;
}

#test {
	margin-left: 20px;
}