@charset "utf-8";
/*--body---------------------------------------------------------------------------------------------------*/
body,p {
	margin: 0px;
	padding: 0px;
}
body,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 160%;
	color: #636466;
}
body {
	background-image: url(images/index/top-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
/*-background img-----------------------------------------------------------------------------------------*/
.top-bg {
	background-image: url(images/index/down-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
/*-txt link-----------------------------------------------------------------------------------------------*/
a {
	text-decoration: none;
	color: #636466;
}
a:hover {
	text-decoration: none;
	color: #205D7A;
}
.click {
	color: #636466;
	text-decoration: none;
}
.click:hover {
	color: #38960A;
	text-decoration: none;
}
/*--font---------------------------------------------------------------------------------------------------*/
.gray-title {
    font-size: 10pt;
	color: #636466;
}
.gray-title2 {
    font-size: 16pt;
	color: #636466;
}
.black {
	color: #000000;
}
.white {
	color: #FFFFFF;
}
.brown {
	color: #BA5A10;
}
.blue {
	color: #0066CC;
	font-size: 10pt;
}
.blue-2 {
	color: #004A6D;
	font-size: 12pt;
}
.blue-3 {
	color: #004A6D;
	font-size: 16pt;
}
.red {
	color: #CC0000;
}
.red_2 {
	color: #CC0000;
	font-size: 16pt;
	font-weight: bold;
}
.red_3 {
	color: #CC0000;
	font-size: 14pt;
	font-weight: bold;
}
.red_4 {
	color: #CC0000;
	font-size: 9pt;
}
.green {
	color: #7CB806;
}
.green-2 {
	color: #7CB806;
	font-size: 12pt;
	font-weight: bold;
}
.orange {
	color: #FF3701;
}
.yellow {
	color: #FFFF00;
}
.down {
	font-size: 8pt;
	color: #636466;
}
/*--others-------------------------------------------------------------------------------------------------*/
.space {
	padding-bottom: 8px;
}
.space2 {
	padding-bottom: 15px;
	padding-right: 5px;
}
.word-space {
	line-height: 160%;
}
/*--登入-----------------------------------------------------------------------------------------------------*/
.login {
	background-color: #FFFFFF;
	border: 1px solid #E6E7E8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
}
.line-01 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #818183;
	border-right-color: #818183;
	border-bottom-color: #818183;
	border-left-color: #818183;
	left: 3px;
	top: 3px;
	right: 3px;
	bottom: 3px;
}
.bg-01 {
	background-image: url(images/p3-products/bg-01.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.imageline {
	border: 1px solid #EFEFF1;
}
.line-02 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	top: 4px;
	bottom: 4px;
}
.line-03 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #FFCC33;
	border-right-color: #FFCC33;
	border-bottom-color: #FFCC33;
	border-left-color: #FFCC33;
	left: 3px;
	top: 3px;
	right: 3px;
	bottom: 3px;
}
