@charset "UTF-8";

/* �򥻼˦�
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
	color: #333333;
	background-color:#113c5a;
	/*background-image:url(../content/images/img/background.jpg); */
	text-align: center;
}
form{
	padding: 0px;
	margin:0px auto;
	}

#wrapper {
	text-align: center; /*  �]�w�m�����  */
	width: 960px;
	background-image:url(../content/images/img/wrapperbg.png);
	_background-image:url(../content/images/img/wrapperbg.gif);
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
}
#navibar {
	margin-left:auto; 
	margin-right:auto;
	text-align:left;
	background-image:url(../content/images/img/headbg.gif);
	width: 902px;
	clear: both;
	}
#navibar-left {
	margin-left:0px; 
	text-align:left;
	width: 215px;
	float:left;
	clear: both;
	}
#navibar-right {
	margin-left:0px;
	margin-right:0px;
	text-align:right;
	width: auto;
	}

/* LOGO�P�����C
---------------------------------------------*/
#flashmenu {
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width: 902px;
	}


/* �G�榡���D���e�϶�
---------------------------------------------*/

	
#maincontent {
	list-style-type: none;
	overflow:auto;
	margin-left:auto; 
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	padding-top:0px;
	padding-bottom:10px;
	padding-bottom:3px \9;
	*padding-bottom:0px;
	_padding-bottom:0px;
	background-image:url(../content/images/img/contentbg.gif);
	width: 902px;
	clear: both;
	}
	
#contentleft {
	padding-left: 15px;
	padding-top:10px;
	padding-bottom: 0px;
	width: 180px;
	float: left;
	text-align: left;
}
#contentcenter {
	padding-left: 10px;
	padding-top: 17px;
	padding-bottom: 0px;
	padding-right: 0px;
	width: 490px;
	float: left;
	text-align: left;
}
#contentcenter-inner {
	padding-left: 10px;
	padding-top: 17px;
	padding-bottom: 0px;
	padding-right: 0px;
	width: 695px;
	float: left;
	text-align: left;
}
#contentright {
	padding-right: 0px;
	padding-top:10px;
	padding-bottom: 0px;
	width: 180px;
	float: right;
	text-align: left;
}
#contentbottom{
	margin-left:auto; 
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	padding-top:0px;
	padding-bottom:0px;
	width: 902px;
	bgcolor:#bce8e1;
	clear: both;
	}


#copyright {
	list-style-type: none;
	overflow:auto;
	margin-left:auto; 
	margin-right:auto;
	margin-top:-10px;
	margin-top:-3px \9;
	*margin-top:-3px;
	_margin-top:-3px;
	margin-bottom:0px;
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
	background-image:url(../content/images/img/copyrightarea.gif);
	width: 902px;
	clear: both;
}
#leftcopyright {
	list-style-type: none;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:18px;
	margin-top:10px;
	width: 450px;
	float: left;
	text-align: left;
}
#rightcopyright {
	list-style-type: none;
	padding-left:0px;
	padding-top:20px;
	padding-bottom:12px;
	margin-top:10px;
	width: 450px;
	float: right;
	text-align: right;
}



#specialfeature {
	list-style-type: none;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 610px;
	float: left;
	clear: left;
	text-align: left;
}

#specialleft {
	list-style-type: none;
	padding-left: 16px;
	padding-top:12px;
	padding-bottom: 0px;
	margin: 0px;
	width: 340px;
	float: left;
	text-align: left;
}
#specialright {
	list-style-type: none;
	padding-right: 6px;
	padding-top:18px;
	padding-bottom: 0px;
	margin: 0px;
	width: 220px;
	float: right;
	text-align: left;
}

#tabsinfo {
	background-image:url(../content/images/img/tabbar.gif);
	background-repeat:no-repeat;
	list-style-type: none;
	padding-left:0px;
	padding-top:14px;
	padding-bottom:4px;
	padding-bottom:0px;
	margin-top:10px;
	width: 490px;
	float: left;
	text-align: left;
}

.docarea {
	list-style-type: none;
	padding-left: 40px;
	padding-top:0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 700px;
	float: left;
	clear: left;
	text-align: left;
}

.docarealeft {
	list-style-type: none;
	padding-left: 16px;
	padding-top:12px;
	padding-bottom: 0px;
	margin: 0px;
	width: 450px;
	float: left;
	text-align: left;
}
.docarearight {
	list-style-type: none;
	padding-right: 6px;
	padding-top:30px;
	padding-bottom: 0px;
	margin: 0px;
	width: 220px;
	float: right;
	text-align: left;
}

.shoptable{
	border:solid 1px;
	border-color:#963;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
	}
#keyword {
	list-style-type: none;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	width: 306px;
	float: right;
	text-align: left;
}
#search {
	background-image:url(../content/images/img/searchbg.png);
	list-style-type: none;
	padding-left:12px;
	padding-top:14px;
	padding-bottom:0px;
	margin-top:10px;
	width: 307px;
	float: left;
	text-align: left;
}
#view {
	background-image:url(../content/images/img/viewbg.png);
	list-style-type: none;
	padding-left:50px;
	padding-top:2px;
	padding-bottom:0px;
	margin-top:8px;
	width: 270px;
	float: left;
	text-align: left;
}

#partner&copyright {
	list-style-type: none;
	padding-left:0px;
	padding-top:14px;
	padding-bottom:4px;
	padding-bottom:0px;
	margin-top:10px;
	width: 307px;
	float: left;
	text-align: left;
}

#querycontent {
	margin-left:auto; 
	margin-right:auto;
	width: 970px;
	clear: both;
	}
#listcontent {
	list-style-type: none;
	padding-left:20px;
	padding-top:0px;
	padding-bottom:12px;
	margin-top:0px;
    margin-left:10px;
	width: 900px;
	clear: both;
	text-align:left;
	}
#listcontent2 {
	list-style-type: none;
	padding-left:40px;
	padding-top:0px;
	padding-bottom:20px;
	margin-top:0px;
    margin-left:80px;
	width: 900px;
	clear: both;
	text-align:left;
	}
#titlefunction {
	list-style-type: none;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom: 0px;
	margin-left: 20px;
	width: 610px;
	float: left;
	clear: left;
	text-align: left;
}
#subfunction1 {
	list-style-type: none;
	padding-left: 0px;
	padding-top:10px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	width: 280px;
	float: left;
	clear: left;
	text-align: left;
}
#subfunction2 {
	list-style-type: none;
	padding-left: 0px;
	padding-top:10px;
	padding-bottom: 0px;
	margin-right: 23px;
	margin-top: 0px;
	width: 300px;
	float: right;
	clear: right;
	text-align: left;
}
#subfunction3 {
	list-style-type: none;
	padding-left: 0px;
	padding-top:7px;
	padding-bottom: 1px;
	margin-top: 0px;
	margin-right: 12px;
	width: 550px;
	float: left;
	clear: left;
	text-align: left;
}
#subfunction4 {
	list-style-type: none;
	padding-left: 0px;
	padding-top:7px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 32px;
	text-align:center;
	width: 970px;
	clear: both;
}
#subfunction5 {
	list-style-type: none;
	padding-left: 48px;
	padding-top:10px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	width: 970px;
	float: left;
	clear: left;
	text-align: left;
}
#subfunction6 {
	list-style-type: none;
	padding-left: 0px;
	padding-top:10px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	width: 970px;
	float: left;
	clear: left;
	text-align: left;
}
#flashdisplay {
	background-color:#2A2A2A;
	list-style-type: none;
	padding-left: 0px;
	padding-top:7px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left:48px;
	width: 880px;
	float: left;
	clear: left;
	text-align: left;
}
.maincontent {
	list-style-type: none;
	padding-left: 0px;
	padding-top:30px;
	padding-bottom: 0px;
	margin-left: 10px;
	width: 450px;
	float: left;
	clear: left;
	text-align: left;
}

.maincontent1 {
	list-style-type: none;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom: 30px;
	margin-left: 10px;
	width: 650px;
	float: left;
	clear: left;
	text-align: left;
}

.maincontent2 {
	list-style-type: none;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom: 30px;
	margin-left: 10px;
	width: 650px;
	float: left;
	clear: left;
	text-align: center;
}

.maincontent3 {
	list-style-type: none;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom: 10px;
	margin-left: 0px;
	width: 470px;
	float: left;
	clear: left;
	text-align: left;
}

#maincontent1 {
	list-style-type: none;
	padding-left: 0px;
	padding-top:30px;
	padding-bottom: 0px;
	margin-left: 10px;
	width: 690px;
	float: left;
	clear: left;
	text-align: left;
}
#maincontent2 {
	list-style-type: none;
	padding-left: 22px;
	padding-top:0px;
	padding-bottom: 0px;
	margin-left: 27px;
	width: 600px;
	float: left;
	clear: left;
	text-align: left;
}
#maincontent3 {
	list-style-type: none;
	padding-left: 22px;
	padding-top:0px;
	padding-bottom: 0px;
	margin-left: 27px;
	width: 780px;
	float: left;
	clear: left;
	text-align: left;
}


#finishbar {
	margin-left:auto; 
	margin-right:auto;
	width: 970px;
	background-repeat:repeat-x;
	clear: both;
	}

.iframe {border: 1px solid #999; padding: 1px; margin: 0px auto; }

/* FORM
----------------------------------------------*/
.comment-form { background: #fff; border: 1px solid #999; margin: 0px auto; }
.comment-form p { color: #bbb; text-align: right;margin: 0px 10px 5px; }
.comment-form table { width: 100%; border: none; }
.comment-form table tr.comment-form-title { display: none; }
.comment-form table td { color: #999; vertical-align: top; border: none; padding: 3px 5px; }
.comment-form table th { color: #999; vertical-align: top; width: 100px; border: none; padding: 3px 5px; }
.comment-form input { height: 26px; font-family: "Arial"; font-size: 9p; color: #666; border: 1px solid #999; border-bottom: 0px solid #ccc; background: none; padding-top:-5px; margin: 0px auto;}
.comment-form input.radio { border: none; background: none; }
.comment-form textarea { width: 500px; height: 108px; font-family: "新細明體"; font-size: 9pt; line-height: 16px; color: #333; border: 1px solid #ccc; background: #fff; }