﻿/******************************************排版相關樣式******************************************/
.invisible {/*文字隱形*/
	line-height: 1000px;
	display: block;
	overflow: hidden;
}
.float-Left {/*置左有間距*/
	float: left;
	margin: 0px 5px 5px 0px;
}
.float-Right {/*置右有間距*/
	float: right;
	margin: 0px 0px 5px 5px;
}
.clear-both {/*清除左右*/
	clear: both;
}

/******************************連結樣式*/
.a_Yup:hover {
	position: relative;
	top: -1px;
}
.a_XL:hover {
	position: relative;
	left: -1px;
}
.a_XR:hover {
	position: relative;
	right: -1px;
}

/******************************img樣式*/
.img-border1 {
	border: 1px solid #999999;
}
/******************************表單樣式*/
.input {/*表單按鈕統一樣式*/
	cursor: pointer;
	height: 24px;
	border: 0;
	padding: 0px 3px;
	color: #FFFFFF;
}
.input {/*表單按鈕樣式*/
	background: url(../icon/input-bg.gif) no-repeat right;
	margin: 0px 3px;
}

/******************************table樣式*/
.table1, .table2, .table3 {
	background-color: #999999;
}
.table1 th {
	color: #FFFFFF;
	padding: 3px;
	background: url(../icon/table-th_bg1.jpg) #99CCFF repeat-x;
	border-top: 2px solid #99CCFF;
	border-right: 2px solid #3399CC;
	border-bottom: 2px solid #3399CC;
	border-left: 2px solid #99CCFF;
}
.table2 th {
	color: #6666CC;
	border: 2px solid #F4F4FF;
	padding: 3px;
	background: url(../icon/table-th_bg2.jpg) repeat-x #CCCCFF;
}
.table3 th {
	color: #339900;
	border: 2px solid #EBFFBF;
	padding: 3px;
	background: url(../icon/table-th_bg3.jpg) repeat-x;
	background-color: #D6FF80;
}

.table1 tr, .table2 tr, .table3 tr {
	background-color: #FFFFFF;
}
.table1 td, .table2 td, .table3 td {
	padding: 3px;
}
.tdColor1 {
	background: url(../icon/table-th_bg2.jpg) repeat-x #FFF799;
}
.tdColor2 {
	background: url(../icon/table-th_bg3.jpg) repeat-x #D6FF80;
}
.trA:hover {
	background-color: #FFFFEF;
	text-decoration: none;
}
.trA a {
	display: block;
	width: 100%;
}
.trA a:hover {
	color: #6666CC;
	text-decoration: none;
}
/******************************************文字設定*/
.arrow1 {
	font-size: 13px;
	margin: 0px;
	padding-left: 20px;
	font-weight: bold;
	color: #3399CC;
	background: url(../icon/spot-arrow1.gif) no-repeat 0px 2px;
}
.arrow1 a {
	color: #006699;
}
.arrow1 a:hover {
	color: #FF3300;
}
.arrow2 {
	list-style-image: url(../icon/spot-arrow2.gif);
	list-style-type: none;
	margin-left: 20px;
	padding: 0px;
}
.arrow2 strong {
	color: #FF6600;
}
.txt_sizeXS {
	font-size: 8px;
	font-weight: normal;
	color: #000000;
}
.txt_sizeS {
	font-size: 11px;
	font-weight: normal;
}
.txt_sizeM {
	font-size: 13px;
}
.txt_sizeL {
	font-size: 15px;
}
.txt_black {
	color: #000000;
}
.txt_white {
	color: #FFFFFF;
}
.txt_purple1 {
	color: #333399;
}
.txt_purple2 {
	color: #6666CC;
}
.txt_purple3 {
	color: #9999FF;
}
.txt_green1 {
	color: #339900;
}
.txt_orange1 {
	color: #FF3300;
}
.txt_orange2 {
	color: #FF6600;
}
.txt_orange3 {
	color: #FF9900;
}
.txt_green1 {
	color: #339900;
}
.txt_brown1 {
	color: #CC9900;
}
.txt_brown2 {
	color: #996600;
}
.txt_brown3 {
	color: #663300;
}
.txt_red1 {
	color: #990000;
}
.txt_red2 {
	color: #CC0000;
}
.txt_red3 {
	color: #FF0000;
}
.txt_gray1 {
	color: #666666;
}
.txt_gray2 {
	color: #999999;
}
.txt_gray3 {
	color: #CCCCCC;
}
