@charset "utf-8";
body {
	color: #666666;
	margin: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0px;
	text-align: center;
	background: #FFFFFF url(../images/bg-back.jpg) repeat-x 0px 0px;
}
body#index {
	background: url(../images/bg-bodyindex.jpg) repeat-x 0px 0px;
}
a{}
a:hover{}


#container {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 4px;
	width: 1000px;

}
#content {
	width: 960px;
	padding-right: 20px;
	padding-left: 20px;
}
#flash {
	height: 30px;
	width: 1000px;
}
#logo {
	width: 720px;
}
#mainmenu {
	width: 1000px;
	padding-bottom: 1px;

}
#nav {
	color: #31A5DF;
	background: 0px 0px;
	padding-top: 7px;
	padding-bottom: 5px;
	text-decoration: none;
	font-size: 11px;
}






#header {
	width: 1000px;

}



#sign {
	text-align: right;
	padding-top: 5px;
	position: absolute;
	z-index: 50;
	margin-right: 20px;
	width: 980px;
}
#container #content {
}
#color {
	height: 10px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/middlebar.jpg) repeat-x 0px center;
}
#submenu {
	margin-top: 5px;
	color: #CCCCCC;
	font: 15px "微軟正黑體", "新細明體", Arial, Helvetica, Verdana;
	margin-bottom: 20px;
	padding-bottom: 0px;
	margin-left: 20px;
}
#submenu a{
	color: #999999;
	text-decoration: none;
}
#submenu a:hover{
	color: #333333;
}
#submenu a.serves-on {
	color: #000000;
	text-decoration: none;
}
#submenu a.serves-on:hover{
	color: #666666;
}

#menu {
}
#nav img {
	padding-right: 5px;
	padding-left: 5px;
}
#nav a {
	color: #999999;
	text-decoration: none;
}
#nav a:hover {
	color: #5FBFDF;
}
#sitemap {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#propage  {
	text-align: center;
	padding-top: 40px;
}
#propage img {
}




#footer {
	background: url(../images/bluebar.jpg) repeat-x 0px 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;

	
}

#sign input {
	font-size: 11px;
	color: #999999;
	border: 1px solid #999999;
	margin-right: 10px;
}
#jumpMenu {
	font-size: 10px;
	color: #999999;
}
#pagenav {
	text-align: center;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	padding: 10px;
}
#pagenav a{
	color: #2789CA;
	padding: 5px;
}
#pagenav a:hover{
	color: #74B5DD;
}

h1 {
	color: #999999;
	background: url(../images/three.jpg) no-repeat 70px;
	border-bottom: 1px dotted #87B0CA;
	font: 13px "微軟正黑體", "新細明體", Arial, Helvetica, Verdana;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
h1 a {
	color: #999999;
	text-decoration: none;
	font-family: "微軟正黑體", "新細明體", Arial, Helvetica, Verdana;
}
h1 a:hover {
	color: #31A5DF;
	text-decoration: none;
}
h2 {
	font: normal 18px "微軟正黑體", "新細明體", Arial, Helvetica, Verdana;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 10px;
}
h4 {
	color: #333333;
	font: 29px Arial, Helvetica, sans-serif;
}
h4 {
	font-size: 16px;
	color: #333333;
	padding-left: 10px;
}
h5{
	padding: 0px;
	font-size: 12px;
	color: #0074C1;
	margin-top: 0px;
	margin-bottom: 3px;
}
ul.language {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 13px;
	font-size: 11px;
}

ul.language li {
	margin: 0px;
	color: #999999;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 2px;
}
ul.language  li a {
	background: url(../images/greenar.jpg) no-repeat 0px center;
	color: #666666;
	padding-left: 20px;
	display: block;
	text-align: left;
	font-weight: bold;
}
ul.language  li.nolink {
	background: url(../images/greenar.jpg) no-repeat 0px center;
	color: #666666;
	padding-left: 20px;
	display: block;
	text-align: left;
	font-weight: bold;
}
ul.language li a:hover {
	color: #0074BF;
}

ul.little {
	list-style: none;
	color: #999999;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
ul.little li {
	list-style: none;
	color: #999999;
	background: left;
	padding: 0px;
	margin: 0px;
}
ul.little li a {
	background: url(../images/littlear.jpg) no-repeat 0px center;
	list-style: none;
	font-size: 11px;
	color: #999999;
	display: block;
	padding-left: 10px;
	margin-left: 5px;
	margin-top: 0px;
	text-align: left;
	padding-bottom: 4px;
	padding-top: 4px;
}
ul.little li a:hover {
	color: #0099FF;
}
a.gopage {
	padding-right: 10px;
	padding-left: 10px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a.gopage:hover {
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

a.download {
	color: #333333;
	text-decoration: underline;
	padding-right: 10px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 2px;
	display: block;
}
a.download:hover {
	color: #7EADBE;
}

a.signup {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
	margin-bottom: 15px;
	background: url(../images/key.jpg) no-repeat 0px 0px;
	padding-left: 25px;
	padding-right: 10px;
}

a.signup:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}
a.picborder {
	border: 1px solid #CCCCCC;
	display: block;
	padding: 1px;
}
a.picborder:hover {
	border: 1px solid #3C86DF;
}
a.pp {
	color: #999999;
	text-decoration: none;
	margin-top: 7px;
	display: block;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
}
a.pp:hover {
	color: #66B3DB;
	text-decoration: none;
}
a.store {
	font-size: 18px;
	font-style: italic;
	color: #999999;
	text-decoration: none;
}
a.store:hover {
	color: #0180CD;
	text-decoration: underline;
}
a.forget {
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
	margin-left: 18px;
}
a.forget:hover {
	color: #0099CC;
	text-decoration: underline;
}
table.jott01 {
	margin-top: 20px;
}
table.jott02 {
	margin-top: 10px;
}

table.nwptt02 {
	margin-bottom: 20px;
	margin-top: 20px;
}
table.nwptt03 {
	border-top: 1px dotted #CCCCCC;
}
table.nwstt01 {
}

table.intt01 {
	text-align: left;
}
table.intt02 {
}

table.comtt01 {
}
table.pptt01 {

}

table.spett01 {
	margin-top: 10px;
}
table.spett01 img {
	clip: rect(auto,20px,auto,20px);
	margin-right: 5px;
	margin-left: 8px;
	margin-top: 5px;
}
table.cattt01 {
	margin-top: 10px;
}
table.catt02 {
	margin-top: 20px;
}
table.cttt01 {
	margin-top: 20px;
}
table.ctt01 {
	margin-top: 10px;
}
table.sintt01 {
	background: #F0F0F0;
	width: 200px;
	margin-left: 100px;
	padding-bottom: 20px;
}
table.cttt02 {
	color: #333333;
}
table.mapt01 {
	margin-top: 20px;
}
table.tttt01 {
	vertical-align: middle;
	text-align: center;
	margin-top: 20px;
}
table.ddtt01 {
}
table.baptt01 {
}
table.baptt02 {
	height: 300px;
	width: 425px;
	margin-left: 20px;
}
table.baptt03 {
	margin-top: 40px;
}
td.bapt04 img {
	margin-right: 20px;
	margin-top: 5px;
}

table.baptt04 {
	margin-top: 50px;
}
td{
	vertical-align: top;
}
td.jot01 {
	padding-top: 20px;
}
td.jot07 {
	font-size: 11px;
	color: #FFFFFF;
	background: url(../images/blue4left.jpg) no-repeat left 0px;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 13px;
	border-right: 1px solid #FFFFFF;
}
td.jot08 {
	font-size: 11px;
	color: #FFFFFF;
	background: url(../images/blue4right.jpg) no-repeat right 0px;
	text-align: left;
	padding-left: 40px;
}


td.jot05 {
	font-size: 11px;
	color: #666666;
	background: url(../images/gray1.jpg) no-repeat left 0px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #FFFFFF;
	padding-top: 14px;
	padding-bottom: 13px;
}
td.jot06 {
	font-size: 11px;
	color: #666666;
	background: url(../images/gray2.jpg) no-repeat right 0px;
	border-right: 1px solid #FFFFFF;
	padding-left: 40px;
}

td.jot01 {
	background: url(../images/blue1left.jpg) no-repeat 0px 0px;
	border-right: 1px solid #FFFFFF;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	padding-top: 14px;
	padding-bottom: 13px;
}
td.jot02 {
	text-align: left;
	background: url(../images/blue1right.jpg) no-repeat right 0px;
	font-size: 11px;
	color: #FFFFFF;
	vertical-align: middle;
	padding-top: 14px;
	padding-bottom: 13px;
	padding-left: 40px;
}
td.jot03 {
	font-size: 11px;
	color: #666666;
	background: url(../images/gray1.jpg) no-repeat left 0px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #FFFFFF;
	padding-top: 15px;
	padding-bottom: 15px;
}
td.jot04 {
	font-size: 11px;
	color: #666666;
	text-align: left;
	padding-left: 40px;
	background: url(../images/gray2.jpg) no-repeat right 0px;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}
td.jot09 {
	padding-top: 10px;
	margin-top: 10px;
	margin-left: 10px;
}
td.jot09 img {
	padding-right: 10px;
}





td.comt01 {
	padding: 20px;
	vertical-align: top;
	font-size: 13px;
	width: 50%;
}
td.nwpt01 {
	padding-top: 20px;
	vertical-align: middle;
	width: 120px;
	text-align: center;
}

td.nwpt01 img {
	border: 1px solid #CCCCCC;
}
td.nwpt02 {
	font-size: 13px;
	color: #666666;
	font-weight: bold;
	padding: 8px;
}
td.nwpt03 {
	background: #F3F3F3;
	font-size: 12px;
	color: #999999;
	padding-left: 20px;
	width: 400px;
	vertical-align: middle;
}
td.nwpt04 {
	color: #333333;
	background: #F3F3F3;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	width: 120px;
	padding-top: 10px;
	padding-bottom: 10px;
}
td.nwpt05 {
	color: #999999;
	background: #F3F3F3;
	font-size: 12px;
}
td.nwpt04-1  {
	background: #F3F3F3;
	text-align: center;
	vertical-align: middle;
	padding-right: 10px;
	padding-left: 10px;
	width: 41px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
}
td.nwst01 {
	background: url(../images/blackleft.jpg) no-repeat left 3px;
	color: #CCCCCC;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 20%;
	text-align: center;
}
td.nwst02 {
	color: #CCCCCC;
	background: url(../images/blackmiddle.jpg) no-repeat 0px 3px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
}
td.nwst03 {
	color: #CCCCCC;
	background: url(../images/blackright.jpg) no-repeat right 3px;
	text-align: center;
	vertical-align: middle;
	width: 15%;
}
td.nwst04 {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #F0F0F0;
	text-align: center;
}
td.nwst04 img {

}

td.nwst05 {
	vertical-align: middle;
	border-bottom: 1px solid #EFEFEF;
}
td.nwst06 {
	vertical-align: middle;
	border-bottom: 1px solid #EFEFEF;
	text-align: center;
}
td.nwst07 {
	border-bottom: 1px solid #EDEDED;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
td.nwst07 img {

}
td.nwst08 {
	vertical-align: middle;
	border-bottom: 1px solid #EFEFEF;
}
td.nwst09 {
	vertical-align: middle;
	border-bottom: 1px solid #F0F0F0;
	text-align: center;
}
td.comt02 {
	width: 50%;
	text-align: center;
	padding: 20px;
}

td.int01 {
	padding-left: 10px;
	padding-top: 30px;
	padding-right: 20px;
}
td.int02 {
	text-align: left;
	vertical-align: top;
	padding-bottom: 20px;
	width: 18%;
}
td.int02-p1 {
	text-align: left;
	vertical-align: top;
	padding-bottom: 20px;
	width: 90px;
}
td.int02-p2 {
	text-align: left;
	vertical-align: top;
	padding-bottom: 20px;
	width: 110px;
	padding-right: 30px;
}
td.int03 {
	text-align: left;
	color: #999999;
	width: 20%;
	padding: 20px 0px 35px 15px;
}
td.int04 {
	color: #999999;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	width: 60%;
}
td.int05 {
	text-align: right;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-right: 40px;
}
td.ppt01 {
	color: #999999;
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: middle;
	text-align: center;
}
td.cat01 {
	text-align: center;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
td.ctt02 {
	background: #F0F0F0;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 20px;
}
td.ctt03 {
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
}
td.ctt07 {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
td.ctt09 {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
td.ctt10 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 23px;
}
td.sint01 {
	padding-left: 15px;
}
td.sint02 {
	color: #666666;
	padding-top: 10px;
	padding-bottom: 10px;
}
td.sint03 {
	vertical-align: top;
}
td.sint04 {
	vertical-align: top;
	padding-top: 50px;
	padding-bottom: 50px;
}
td.ctt06 {
	width: 45%;
	padding: 30px;
	vertical-align: top;
}

td.ctt04 {
	background: #F0F0F0;
	padding: 20px;
}
td.ctt04 img {
	margin-top: 20px;
	margin-bottom: 20px;
}

td.ctt08 {
}
td.dd02 {
	padding-left: 10px;
}
td.dd03 {
	background: #F0F0F0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	padding-left: 10px;
}
td.dd01 {
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}
td.dddt01 {
	text-align: left;
	padding-left: 20px;
}
td.bapt01 {
}
td.bapt02 {
	padding-top: 40px;
}
td.bapt03 {
	background: url(../images/blueblue.jpg) no-repeat 20px 0px;
	padding-top: 5px;
	padding-bottom: 15px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 60px;
}
td.bapt03 img {
	margin-top: 10px;
	margin-right: 20px;
}
td.bapt04 {
	background: url(../images/bigblue.jpg) no-repeat 20px 0px;
	padding-left: 60px;
	color: #666666;
	vertical-align: top;
	padding-bottom: 13px;
	padding-top: 10px;
}
td.bapt05 {
	padding-left: 20px;
}
td.bapt05 img {
	border: 4px solid #EBEBEB;
}
td.bapt06 {
}
td.factoryTxt{
	padding: 6px 6px 30px;
	width: 50%;
}
td.jobPic{
	text-align: center;
	padding: 20px;
	width: 250px;
}


p.p1 {
	font-size: 18px;
	color: #666666;
}
p.bbap {
	font-size: 11px;
	color: #666666;
	margin-bottom: 5px;
}

.main {
	width: 150px;
	font-size: 10px;
	color: #999999;
}
div.dotline {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px;
}





span.star {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FF0000;
	margin-right: 5px;
	margin-left: 5px;
}
span.word {
	font-size: 18px;
	color: #666666;
}
span.wish {
	color: #999999;
	margin-left: 5px;
}
.ctt09 #select {
	color: #999999;
}
.ctt10 #select {
	border: 1px solid #CCCCCC;
	color: #999999;
	margin-left: 20px;
}
.sint01 #textfield {
	border: 1px solid #CCCCCC;
}






.ctt03 #textfield {

}

.ctt07    #textarea {

}
.ctt09 #textfield {

}
.ctt07    #textfield2 {

}
.ctt07  #button {
	color: #003C74;
}
.ctt08   #checkbox {

}
.dd01 #select {

}
.dd01 #textfield {
	border: 1px solid #CCCCCC;
}
td.bapt01 {
	padding-left: 50px;
}
img.borders {
	border: 1px solid #CCCCCC;
	display: block;
	padding: 1px;
}