@charset "utf-8";

/* CSS Document */
body{
	margin:0px;
	padding:0px;
	background-color:#FF88C2;
	font:"微軟正黑體", AIGDT;
	}
	
#container {
	width: 1200px;
	height:12888px;
	margin:0px auto;
	background-color:#FFFF66;
	}

.header {
	width:1200px;
	height:200px;
		}
		
.abc {
	width:1200px;
	height:35px;
		}
.nav{
	float:left;
	width: 160px;
	font-size:13px;
	}
	
	
.nav ul{
	margin:0px;
	padding:0px;
}
.nav li{
	list-style-type: none;
	float: left;
	color: #CC3300;
}

.nav li a {
	margin:1px 1px 1px 20px;
	text-decoration: none;
	background-color:#FF88C2;
	display: block;
	float: left;
	width:120px;
	height:18px;
	padding:5px 20px;
	border-right:1px solid #FF0;
	border-top:0px solid #FF0;
	color: #FFF;
	text-align: center;
	}
.nav li a:hover{
	color: #000000;
	text-decoration: underline;
	background-color:#6F0;
}

.section {
	width: 1000px;
	height: 9999px;
	float: right;
	z-index: 9999;
	line-height:1PX;
	
	margin left:1px;
	font-size: 13px;
	color: #90F;
	font-family: "微軟正黑體 Light";
	font-weight: bolder;
	line-height:15px;
	}

.footer{
	float:left;	
	width:1200px;
	height:151px;
	margin:0px auto;
	padding:5px 0px 5px 0px;
		}

#form1 fieldset {
	margin: 10px;
	border: 1px solid rgba(225,231,25,1);
	}
#form1 fieldset legend {
	background-color: #FCF;
	margin-left: 30px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	color:#39F;
	box-shadow:2px 2px 2px #000;
}
#form1 fieldset {
	margin-left: 30px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;}
	
.left{
	float:left;}

.button{
	background-color: #FCF;
	margin-left:300px;
	}
	
.button2{
	background-color:: #FCF;
		}
		
.th{
	color: rgba(249,239,239,1);
	background-color: #33F;
	}
	
h1{
	font-size: 30px;
	font-family:"微軟正黑體 Light";
	color: #00F;
	
	}

h3{
	font-size: 5px;
	font-family:"微軟正黑體 Light";
	color:#FFFF66;
	}


h4{
	font-size: 20px;
	font-family:"微軟正黑體 Light";
	color:#30F;
	}
	
h5{
	font-size: 12px;
	font-family:"微軟正黑體 Light";
	color:#30F;
	}
	
h6{
	font-size: 10px;
	font-family:"微軟正黑體 Light";
	color:#FFFF66;
	}


	
.tringa{
	float: left;
	width: 475px;
	height: 240px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
	color:#F6F;
	
}
.tringa:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;
}


.tringb{
	float: left;
	width: 960px;
	height: 270px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
	color:#F6F;
}
.tringb:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;

}

.tringc{
	float: left;
	width: 180px;
	height: 200px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
	color:#F6F;
}
.tringc:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;
}	

.tringd{
	float: left;
	width: 310px;
	height: 320px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
}
.tringd:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;
}

.tringe{
	float: left;
	width: 310px;
	height: 350px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
}
.tringe:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;
}

.tringf{
	float: left;
	width: 475px;
	height: 290px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
	color:#F6F;
}
.tringf:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;
}


	
.tringh{
	float: left;
	width: 475px;
	height: 340px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;

}
.tringh:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;
}

.tringm{
	   float: left;
	width: 475px;
	height: 410px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
	color:#F6F;
}
.tringm:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;
}

.tringo{
	float: left;
	width: 310px;
	height: 300px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
}
.tringo:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;

}

.tringr{
	float: left;
	width: 310px;
	height: 400px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
}
.tringr:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;

}

.tringw{
	float: left;
	width: 250px;
	height: 450px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
}
.tringw:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;

}

.tringx{
	float: left;
	width: 430px;
	height: 450px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
}
.tringx:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;
}


.tringz{
	float: left;
	width: 310px;
	height: 285px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
}
.tringz:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;
}

.tringi{
	float: left;
	width: 310px;
	height: 260px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
}
.tringi:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;
}

.tringj{
	float: left;
	width: 310px;
	height: 295px;
	border: 1px dashed #99F;
	margin-bottom: 4px;
	margin-left: 4px;
	opacity: 1;
	-webkit-transition:all 0.2s ease 0.1s;
	-o-transition: all 0.2s ease 0.1s;
	transition: all 0.2s ease 0.1s;
	border-radius:10px;
	padding:6px;
}
.tringj:hover {
	border: 3px solid #96F;
	-webkit-opacity:1;
	opacity:1 ;
}