@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
:focus{ outline:none; }
ul,ol,li{list-style:none;}
a{text-decoration:none;}
img{border:none;}

body {
	background-image: url(../images/layout/body_bg.png);
	font-family: "times New Roman", "新細明體", serif;
	font-size: 13px;
	letter-spacing: 1px;
	color: #000;
	background-color: #C6BEC9;
	/* [disabled]height: 4000px; */
	line-height: 1.5em;
}
.body_img {
	_background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 600px;
	background-attachment: fixed;
}
.top {
	background-repeat: repeat-x;
	min-height: 110px;
	background-image: url(../images/layout/nav_top.png);
}
.header {
	height: 120px;
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../images/layout/header.png);
}
#logo1 {
	position: absolute;
	height: 50px;
	width: 600px;
	right: 110px;
	margin-top: 2px;
	top: -2px;
}
#logo1 a {
	background-image: url(../images/layout/logo0.png);
	_background-image: url(../images/layout/logo0.gif);  /*for IE6*/
	display: block;
	height: 100%;
	width: 100%;
	background-position: left bottom;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#logo1 a:hover {
	background-position: left top;
}
#logo0 {
	height: 50px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../images/layout/logo0.png);
	_background-image: url(../images/layout/logo0.gif);  /*for IE6*/
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	
	}


#logo0 a {
	
	display: block;
	height: 100%;
	width: 100%;
	background-position: left bottom;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#logo0 a:hover {
	background-position: left top;
}
ul.nav {
	list-style-type: none;
	height: 60px;
	width: 820px;
	position: absolute;
	left: 310px;
	top: 45px;
}
ul.nav li {
	height: 60px;
	width: 100px;
	float: left;
	/* [disabled]display: inline-block; */
}
ul.nav a{
	height: 100%;
	width: 100%;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/layout/layout_button0.png);
	_background-image: url(../images/layout/layout_button0.gif);
}
.btn1 a 		{background-position: 0px 0px;}
.btn1 a:hover 	{background-position: 0px -200px;}

.btn2 a 		{background-position: -100px 0px;}
.btn2 a:hover 	{background-position: -100px -200px;}

.btn3 a 		{background-position: -200px 0px;}
.btn3 a:hover 	{background-position: -200px -200px;}

.btn4 a 		{background-position: -300px 0px;}
.btn4 a:hover 	{background-position: -300px -200px;}

.btn5 a 		{background-position: -400px 0px;}
.btn5 a:hover 	{background-position: -400px -200px;}

.btn6 a 		{background-position: -500px 0px;}
.btn6 a:hover 	{background-position: -500px -200px;}

.btn7 a 		{background-position: -600px 0px;}
.btn7 a:hover 	{background-position: -600px -200px;}
.btn8 a 		{background-position: -700px 0px;}
.btn8 a:hover 	{background-position: -700px -200px;}


.header_top {
	background-image: url(../images/layout/header_top.png);
	position: absolute;
	height: 55px;
	width: 100%;
}
#logo {
	position: absolute;
	height: 105px;
	width: 135px;
	left: 80px;
	margin-left: 26px;
	margin-top: 2px;
	top: 3px;
}
#logo a {
	background-image: url(../images/layout/logo.png);
	_background-image: url(../images/layout/logo.gif);  /*for IE6*/
	display: block;
	height: 100%;
	width: 100%;
	background-position: left bottom;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#logo a:hover {
	background-position: left top;
}
/* 以上為表頭 */
/* 以下為白底內容 */
.container {
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	overflow: hidden;
	background-image: url(../images/layout/container.png);
}
/* 以上為白底內容 */


/* 以下為腳底內容 */

.ftop {
	background-repeat: repeat-x;
	min-height: 60px;
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	overflow: hidden;
	background-image: url(../images/layout/fnav.png);
}

ul.fnav {
	list-style-type: none;
	height: 60px;
	width: 860px;
	padding-top: 0px;
	padding-left:125px;
	
	
}
ul.fnav li {
	height: 60px;
	width: 100px;
	float: left;
	/* [disabled]display: inline-block; */
}
ul.fnav a{
	height: 100%;
	width: 100%;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/layout/layout_button0.png);
	_background-image: url(../images/layout/layout_button0.gif);
}
.fbtn1 a 		{background-position: 0px -8px;}
.fbtn1 a:hover 	{background-position: 0px -308px;}

.fbtn2 a 		{background-position: -100px -8px;}
.fbtn2 a:hover 	{background-position: -100px -308px;}

.fbtn3 a 		{background-position: -200px -8px;}
.fbtn3 a:hover 	{background-position: -200px -308px;}

.fbtn4 a 		{background-position: -300px -8px;}
.fbtn4 a:hover 	{background-position: -300px -308px;}

.fbtn5 a 		{background-position: -400px -8px;}
.fbtn5 a:hover 	{background-position: -400px -308px;}

.fbtn6 a 		{background-position: -500px -8px;}
.fbtn6 a:hover 	{background-position: -500px -308px;}

.fbtn7 a 		{background-position: -600px -8px;}
.fbtn7 a:hover 	{background-position: -600px -308px;}

.fbtn8 a 		{background-position: -700px -8px;}
.fbtn8 a:hover 	{background-position: -700px -308px;}
.footer {
	background-image: url(../images/layout/footer.png);
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	height: 110px;
}

/* 以上為腳底內容 */




.container2 {
	width: 920px;
	margin-left: 70px;
	
		}
.containerL {
	width: 450px;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
		
}
.containerR {
	width: 450px;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	float: left;
	
		
}
/* 桃紅表頭至中 */

.t0 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 33px;
	display: block;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 25px;
	color:#F0C;
}

/* 桃紅表頭至中 */



/* 藍色表頭26至中 */

.t1 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 22px;
	display: block;
	margin-top: 32px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 5px;
	color:#60F;
}
.tpc22 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 22px;
	display: block;
	margin-top: 32px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 5px;
	color:#60F;
}
.tbc19 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 19px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 20px;
	color: #06F;
	line-height: 1.5em;
}


/* 藍色表頭24靠左 */

.t2 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 24px;
	display: block;
	margin-top: 30px;
	margin-left: 40px;
	margin-bottom: 15px;
	color:#09F;
}

/* 藍色表頭24靠左 */
/* 藍色表頭20靠左 */
.t3 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 20px;
	display: block;
	margin-top: 20px;
	margin-left: 90px;
	margin-bottom: 20px;
	color:#0C0;
}

.t4 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 20px;
	display: block;
	margin-top: 15px;
	margin-left: 50px;
	margin-bottom: 45px;
	color: #06F;
}

.t5 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 20px;
	display: block;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 5px;
	color: #06F;
	line-height: 1.5em;
}
.tbc18 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 18px;
	text-align: center;
	color: #60F;
	line-height: 1.5em;
	margin-bottom: 20px;
	}
.tpcst18 {
	font-family: "Times New Roman", "新細明體", serif;
	width:780px;
	font-size: 18px;
	display: block;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	color:#F0C;
	text-align: center;
	line-height: 1.5em;
	padding:10px;
}
.tpcst22 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 22px;
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	color:#60F;
	text-align: center;
	width:780px;
}
.tpcs22 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 22px;
	display: block;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	color:#60F;
	text-align: center;
	width:780px;
}
.tgc24 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 24px;
	text-align: center;
	display: block;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	color:#F90;
	font-weight: bold;
}

.P2 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 20px;
	color: #090;
	padding-right: 50px;
	padding-left: 50px;
	margin-top: 30px;
	margin-bottom: 40px;
	text-indent: 2.2em;
	line-height: 1.5em;
	display: block;
}

.P4 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 20px;
	color:#F0C;
	padding-right: 50px;
	padding-left: 50px;
	margin-top: 30px;
	margin-bottom: 40px;
	text-indent: 2.2em;
	line-height: 1.5em;
	display: block;
}

.ulli1 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 20px;
	color:#F0C;
	padding-right: 10px;
	padding-left: 25px;
	margin-top: 20px;
	margin-bottom: 40px;
	text-indent: 3.4em;
	line-height: 1.8em;
	display: block;
	}

.ulli2
{
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 20px;
	color:#F60;
	padding-right: 10px;
	padding-left: 25px;
	margin-top: 20px;
	margin-bottom: 40px;
	text-indent: 3.4em;
	line-height: 1.8em;
	display: block;
	}

.po20
{
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 19px;
	color:#F60;
	padding-right: 10px;
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-indent: 2em;
	line-height: 1.3em;
	display: block;
	}
	
h2 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 28px;
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	color: #C69;
	font-weight: bold;
}
h3 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 20px;
	display: block;
	margin-top: 32px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 20px;
	color: #06F;
	line-height: 1.5em;
}

.line3 {
	
	background-image: url(../images/layout/h2line2.gif);
	background-position: center top;
	background-repeat: no-repeat;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	padding-top: 25px;
	padding-bottom: 5px;
	margin-top: 20px;
}
/* 以上使用於classes.html */

















.P1 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 18px;
	color: #090;
	padding-right: 170px;
	padding-left: 170px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-indent: 2.3em;
	line-height: 1.5em;
	display: block;
}


.P3 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 17px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 25px;
	margin-bottom: 25px;
	text-indent: 3.4em;
	line-height: 1.5em;
	display: block;
}




.subtitle1
{   padding-top: 5px;
	padding-bottom: 8px;
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 22px;
	display: block;
	font-weight: bold;
	color: #36F;
	text-align: center;
	
}
.subtitle2
{	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 22px;
	display: block;
	font-weight: bold;
	color:#C3C;
	text-align: center;
}
.subtitle3
{	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 18px;
	display: block;
	color:#03C;
	text-align: center;
	
}
.subtitle4
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 18px;
	color: #03C;
	line-height: 30px;
}
.subtitle5
{
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 45px;
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 18px;
	color: #03C;
	line-height: 25px;
	text-indent: 44px;
	
	
}

.subtitle6
{
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 18px;
	color: #03C;
	line-height: 25px;
	text-indent: 42px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}
.sphigh1{
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	
	}
.sphigh2{
	padding-top: 20px;
	padding-left: 100px;
	padding-bottom: 10px;
	
	}
.sphigh3{
	padding-top: 20px;
	padding-left: 100px;
	padding-bottom: 30px;
	
	}		
.sytb {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	width: 400px;
	
	}
.sytb1 {
	margin-top: 20px;
	padding-left: 45px;
	
	margin-bottom: 25px;
	
	
	}

.TScb {
	clear: both;
}
.line1 {
	
	background-image: url(../images/layout/h2line.gif);
	background-position: center top;
	background-repeat: no-repeat;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	padding-top: 5px;
	padding-bottom: 20px;
	margin-top: 5px;
}
.line2 {
	
	background-image: url(../images/layout/h2line2.gif);
	background-position: center top;
	background-repeat: no-repeat;
	width: 190px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 30px;
	margin-top: 5px;
}


h4 {
	font-family: verdana, "adobe 繁黑體 Std B", sans-serif;
	font-size: 16px;
	color: #936;
	margin-top: 20px;
	margin-bottom: 12px;
}

h5 {
	font-family: "Times New Roman", "新細明體", serif;
	font-size: 33px;
	display: block;
	width: 780px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 20px;
	color:#090;
}

.h2note {
	font-family: "times New Roman", "新細明體", serif;
	font-size: 12px;
	color: #999;
	line-height: 2em;
}




ul.anav {
	list-style-type: none;
	height: 60px;
	width: 760px;
	padding-top: 0px;
	padding-left: 180px;
	
	
}
ul.anav li {
	height: 53px;
	width: 100px;
	float: left;
	/* [disabled]display: inline-block; */
}
ul.anav a{
	height: 100%;
	width: 100%;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/layout/layout_button10.png);
	_background-image: url(../images/layout/layout_button10.gif);
}

.abtn1 a 		{background-position: 0px -8px;}
.abtn1 a:hover 	{background-position: 0px -308px;}

.abtn2 a 		{background-position: -100px -8px;}
.abtn2 a:hover 	{background-position: -100px -308px;}

.abtn3 a 		{background-position: -200px -8px;}
.abtn3 a:hover 	{background-position: -200px -308px;}

.abtn4 a 		{background-position: -300px -8px;}
.abtn4 a:hover 	{background-position: -300px -308px;}

.abtn5 a 		{background-position: -400px -8px;}
.abtn5 a:hover 	{background-position: -400px -308px;}

.abtn6 a 		{background-position: -500px -8px;}
.abtn6 a:hover 	{background-position: -500px -308px;}

.abtn7 a 		{background-position: -600px -8px;}
.abtn7 a:hover 	{background-position: -600px -308px;}
.abtn8 a 		{background-position: -700px -8px;}
.abtn8 a:hover 	{background-position: -700px -308px;}

ul.bnav {
	list-style-type: none;
	height: 60px;
	width: 760px;
	padding-top: 0px;
	padding-left: 180px;
	
	
}
ul.bnav li {
	height: 53px;
	width: 100px;
	float: left;
	/* [disabled]display: inline-block; */
}


ul.bnav a{
	height: 100%;
	width: 100%;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/layout/layout_button11.png);
	_background-image: url(../images/layout/layout_button11.gif);
}
.bbtn1 a 		{background-position: 0px -8px;}
.bbtn1 a:hover 	{background-position: 0px -308px;}

.bbtn2 a 		{background-position: -100px -8px;}
.bbtn2 a:hover 	{background-position: -100px -308px;}

.bbtn3 a 		{background-position: -200px -8px;}
.bbtn3 a:hover 	{background-position: -200px -308px;}

.bbtn4 a 		{background-position: -300px -8px;}
.bbtn4 a:hover 	{background-position: -300px -308px;}

.bbtn5 a 		{background-position: -400px -8px;}
.bbtn5 a:hover 	{background-position: -400px -308px;}

.bbtn6 a 		{background-position: -500px -8px;}
.bbtn6 a:hover 	{background-position: -500px -308px;}

.bbtn7 a 		{background-position: -600px -8px;}
.bbtn7 a:hover 	{background-position: -600px -308px;}

.bbtn8 a 		{background-position: -700px -8px;}
.bbtn8 a:hover 	{background-position: -700px -308px;}