/* 咖啡色系 */
.brown{
	padding: 0px;
	border: 3px solid #dfdac4;
	width: 600px;
}
.brown .tit{
	font-size: 20px;
	font-weight: bold;
	color: #8e520c;
	background-color: #eee7c5;
	height: 35px;
	display: block;
}
.brown .tit div{
	padding: 10px 0px 0px 26px;
	display: block;	
}
.brown .subtit{
	height: 30px;
	background-color: #EEE7C5;
	font-size: 15px;
	color: #513F2D;
}
.brown .subtit div{
	padding-top: 6px;
	padding-left: 26px;
}
.brown .tit2{
	background-color: #776557;
	height: 28px;
	color: #EEE7C5;
}
.brown .tit2 div{
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
}
.brown .txt1{
	text-indent:20px;
	color: #776557;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-image: url(images/dot1.gif);
	background-repeat: no-repeat;
}
.brown .bt-go{ padding: 0px 57% 0px 43%;
}
.brown .bt-go div{
	padding: 5px 0px 0px 0px;
}
.brown .bt-go div img{
	margin:0px;
text-align: center;
}
.brown .bt-go div a img {
	background-color: #776557;
	height: 24px;
	width: 75px;
	border: 1px solid #EEE7C5;
	display: block;
}
.brown .bt-go div a:hover img  {
	background-color: #990000;
	height: 24px;
	width: 75px;
	display: block;
}
/* 藍色系 */
.blue{
	padding: 0px;
	border: 3px solid #B6EAEF;
	width: 600px;
}
.blue .tit{
	font-size: 20px;
	font-weight: bold;
	color: #0066CC;
	background-color: #D9F3F7;
	height: 35px;
	display: block;
}
.blue .tit div{
	padding: 10px 0px 0px 26px;
	display: block;	
}
.blue .subtit{
	height: 30px;
	background-color: #D9F3F7;
	font-size: 15px;
	color: #333333;
}
.blue .subtit div{
	padding-top: 6px;
	padding-left: 26px;
}
.blue .tit2{
	background-color: #006B9F;
	height: 28px;
	color: #D9F3F7;
}
.blue .tit2 div{
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
}
.blue .txt1{
	text-indent: 20px;
	color: #006B9F;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-image: url(images/dot1.gif);
	background-repeat: no-repeat;
}
.blue .bt-go{ padding: 0px 57% 0px 43%;
}
.blue .bt-go div{
	padding: 5px 0px 0px 0px;
}
.blue .bt-go div img{
	margin:0px;
text-align: center;
}
.blue .bt-go div a img {
	background-color: #006B9F;
	height: 24px;
	width: 75px;
	border: 1px solid #D9F3F7;
	display: block;
}
.blue .bt-go div a:hover img  {
	background-color: #009FEC;
	height: 24px;
	width: 75px;
	display: block;
}
/* 灰色系 */
.gray{
	padding: 0px;
	border: 3px solid #C5D7E0;
	width: 600px;
}
.gray .tit{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	background-color: #e1eaef;
	height: 35px;
	display: block;
}
.gray .tit div{
	padding: 10px 0px 0px 26px;
	display: block;	
}
.gray .subtit{
	height: 30px;
	font-size: 15px;
	color: #3A4A4E;
	background-color: #e1eaef;
}
.gray .subtit div{
	padding-top: 6px;
	padding-left: 26px;
}
.gray .tit2{
	background-color: #556277;
	height: 28px;
	color: #E1EAEF;
}
.gray .tit2 div{
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
}
.gray .txt1{
	text-indent: 20px;
	color: #000000;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-image: url(images/dot1.gif);
	background-repeat: no-repeat;
}
.gray .bt-go{ padding: 0px 57% 0px 43%;
}
.gray .bt-go div{
	padding: 5px 0px 0px 0px;
}
.gray .bt-go div img{
	margin:0px;
text-align: center;
}
.gray .bt-go div a img {
	background-color: #556277;
	height: 24px;
	width: 75px;
	border: 1px solid #80A8BB;
	display: block;
}
.gray .bt-go div a:hover img  {
	background-color: #006699;
	height: 24px;
	width: 75px;
	display: block;
}
/*色系結束*/
.content{
	font-size: 15px;
	line-height: 21px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
}
.agreetit{
	font-size: 13px;
	color: #333333;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top: 5px;
}
.agree{
	font-size: 13px;
	color: #666;
	padding-top: 5px;
}
.form{
	width: 100%;
	padding: 5px;
	color: #666;
	margin-bottom: 10px;
	margin-top: 10px;
}
.form .item{
	width: ;
	letter-spacing: 2px;
	text-align: right;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: 0px 7px;
}
.form td{	height: 25px;}
.form td input{
	background-color: #F3F3F3;
	border: 1px solid #CCCCCC;
}
.form td span input {
	background-color: #fff;
	border: 1px solid #fff;
}
.check{
	float: left;
	height: 50px;
	margin-right: 5px;
	padding: 0px;
	margin-top: 0px;
}
.bt-go{ padding: 0px 55% 0px 45%;
}
.bt-go div{
	padding: 5px 0px 0px 0px;
}
.bt-go div img{
	margin:0px;
text-align: center;
}
.bt-go div a img {
	background-color: #776557;
	height: 24px;
	width: 75px;
	border: 1px solid #900;display:block;
}
.bt-go div a:hover img  {
	background-color: #990000;
	height: 24px;
	width: 75px;
	display: block;
}
.bt-go input{
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 0px;
}
brown .txt1{
	text-indent:20px;
	color: #776557;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-image: url(images/dot1.gif);
	background-repeat: no-repeat;
}