@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, "微軟正黑體", sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #e5e5e5;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a {
	color: #0c8fcf;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6  {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: "Times New Roman", "新細明體", serif;
	font-weight: bold;
	text-decoration: none;
}
p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
h1 {
	font-size: 24px;
	color: #0c8fcf;
}
h2 {
	font-size: 21px;
	color: #0c8fcf;
}
h3 {
	font-size: 18px;
	color: #0c8fcf;
}
h4 {
	font-size: 16px;
	color: #000000;
}
h5 {
	font-size: 14px;
	color: #000000;
}
h6 {
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}
#wrapper {
	background-color: #FFFFFF;
	display: block;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper #header {
	display: block;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #0c8fcf;
}
#wrapper #content {
	display: block;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper #content > div {
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper #footer {
	display: block;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #0c8fcf;
}
#wrapper  #footer  p {
	margin: 0px;
}
.column {
	display: block;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 2.127%;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.column.last {
	margin-right: 0px;
}
.col1 {
	width: 6.382%;
}
.col2 {
	width: 14.893%;
}
.col3 {
	width: 23.404%;
}
.col4 {
	width: 31.914%;
}
.col5 {
	width: 40.425%;
}
.col6 {
	width: 48.936%;
}
.col7 {
	width: 57.446%;
}
.col8 {
	width: 65.957%;
}
.col9 {
	width: 74.468%;
}
.col10 {
	width: 82.978%;
}
.col11 {
	width: 91.489%;
}
.clear {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	height: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#form1 .row, .myform .row {
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#form1 label {
	padding-top: 3px;
	padding-bottom: 3px;
}
#form1 label.redstar {
	color: #0c8fcf;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	padding-top: 0px;
	line-height: 100%;
	vertical-align: top;
}
#form1 input.text {
	display: inline-block;
	padding: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border: 1px solid #999999;
	font-size: 12px;
	color: #000000;
}
#form1 select.ddm {
	display: inline-block;
	width: 285px;	
}
form label.error, #form1 label.error {
	text-transform: uppercase;
	color: #0c8fcf;
	margin-bottom: 10px;
	display: block;
	background-image: url(../images/icn_trend_up.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 21px;
}
form input.text.error, #form1 input.text.error {
	border: 1px solid #0c8fcf;
}
.btn1 {
	background-image: url(../images/buttons/btn1/left.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn1 > div {
	background-image: url(../images/buttons/btn1/right.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn1 > div > div {	
	background-image: url(../images/buttons/btn1/center.png);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn1 input, .btn1 a {
	font-family: Arial, Helvetica, "微軟正黑體", sans-serif;
	font-size: 16px;
	line-height: 100%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	display: block;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 11px;
	padding-left: 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
	width: 100%;
	cursor: pointer;
}
.btn2 {
	background-image: url(../images/buttons/btn2/left.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn2 > div {
	background-image: url(../images/buttons/btn2/right.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn2 > div  > div {
	background-image: url(../images/buttons/btn2/center.png);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn2 input {
	font-family: Arial, Helvetica, "微軟正黑體", sans-serif;
	font-size: 16px;
	line-height: 100%;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	display: block;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 11px;
	padding-left: 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
	width: 100%;
	cursor: pointer;
}
.btn3, a.btn3 {
	background-image: url(../images/buttons/btn3/left.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a.btn3 {
	text-decoration: none;
	text-align: center;
}
.btn3 > div, a.btn3 > span {
	background-image: url(../images/buttons/btn3/right.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn3 > div > div, a.btn3 > span > span {
	background-image: url(../images/buttons/btn3/center.png);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btn3 input, a.btn3 > span > span > span {
	font-family: Arial, Helvetica, "微軟正黑體", sans-serif;
	font-size: 14px;
	line-height: 100%;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	display: block;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
	width: 100%;
	cursor: pointer;
}
table.data th, table.data td {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
a.scrolltop {
	display: none;
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 36px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
	position: fixed;
	right: 10px;
	bottom: 10px;
}
.errortext {
	background-color: #fff6f0;
	color: #db671f;
	display: block;
	padding: 0.5em;
	border: 1px solid #db671f;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}
#nc-front, #nc-back {
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
	border: 1px solid #CCCCCC;
	max-width: 300px;
}
#nc-front .preloader, #nc-back .preloader {
	position: absolute;
	top: 73px;
	left: 140px;
}
@media only screen and (max-width: 960px) {
	body {
		background-color: #FFFFFF;
	}
    #wrapper {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	#form1 .column.col6 > input.text {
		max-width: 140px;
	}
}
@media only screen and (max-width: 640px) {
	.column.col-ms {
		width: 100%;
		margin: 0.5em 0;
		padding: 0;
		float: none;
		clear: both;
	}
	#wrapper #header {
		padding: 0;
		margin: 0;
		text-align: center;
	}
	#form1 .column.col9 > input.text {
		max-width: 300px;
	}
	#form1 .column.col6 > input.text {
		max-width: 140px;
	}
}