@import url("content.css");
@import url("leftmenu.css");
@import url("sitemap.css");

/***********************************************************************/
html,body{
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
	background-position: top;}
	
body,p,td,th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	line-height: 20px;}
		
img{border:none;}

form {display:inline}

input.txt{
	margin: 0 0 0 3px;
	padding: 2px 0 0 3px;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777;
	background-color: #FFF;
	border: 1px solid #CDCDCD;}
	
input.btn{
	margin: 0 0 0 3px;
	padding: 3px;
	height: 23px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: #32386D;
	border: 1px solid #FFF;}

select {
	margin: 0 0 0 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	height: 19px;
	color: #555;
	background-color: #FFF;
	border: 1px solid #CDCDCD;}
	
textarea{
	margin: 0 0 0 3px;
	padding: 2px 0 0 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #32386D;
	background-color: #F3F3F3;
	border: 1px solid #CDCDCD;}
	
/* 文字設定 */
	
a:link, a:visited {
	font-size: 11px;
	color: #2A459E;
	text-decoration: none;}
a:hover {
	font-size: 11px;
	color: #2A459E;
	text-decoration: underline;}
	
p{margin: 0 0 20px 0;}
	
h1{
	margin: 0 0 5px 0;
	padding: 0;
	color: #5b6095;
	font-size: 13px;
	font-weight: bold;}
	
h1.contentTitle{
	margin: 0 0 7px 0;/* for FF */
	_margin: 0 0 13px 0;/* for IE6 */
	#margin: 0 0 13px 0;/* for IE7 */
	color: #333333;
	font-size: 13px;
	font-weight: bold;}
	
h2{
	margin: 0 0 5px 0;
	padding: 0;
	color: #5b6095;
	font-size: 13px;
	font-weight: bold;}
	
h2.subTitle{
	padding: 0 0 0 12px;
	color: #5b6095;
	font-size: 13px;
	font-weight: bold;
	background-image: url(../images/icon/icon_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;}
	
h2.space1{margin: 0 0 5px 0;clear: both}
h2.space2{margin: 20px 0 5px 0;}

h2.lightblue{
	margin: 0 0 2px 0;
	color: #6197C5;
	font-weight: normal;}
	
h2.gray{
	margin: 0 0 5px 0;
	padding: 0;
	color: #777;
	font-size: 12px;
	font-weight: bold;}

h3{
	margin: 5px 0 3px 0;
	color: #6197C5;
	font-size: 12px;
	font-weight: bold;}
	
h3.darkblue{
	margin: 2px 0 5px 0;
	color: #323875;}
	
h3.gray{
	margin: 2px 0 5px 0;
	color: #7C7C7C;}
	
h3.darkgray{
	margin: 2px 0 5px 0;
	color: #555;}
	
	
.colorHighlight{color: #3399CC}
.colorHighlight2{color: #ff5500}
.txtBold{font-weight: bold;}
.lightblue{color: #1C98D8}
	
/* Layout設定 */
	
#wrapBG{
	margin: 0 auto;
	padding: 0;
	width: auto;
	background-image: url(../images/bg_pic.jpg);
	background-repeat: no-repeat;
	background-position: center top;}

#wrap{
	margin: 0 auto;
	padding: 0;
	width: 990px;
	text-align: left;
	position: relative;}

#top{
	margin: 0;
	padding: 15px 20px 0 20px;
	height: 55px;}

#index{
	margin: 0;
	padding: 0;}	
	
.footer{
	margin: 15px 0 10px 0;
	width: 100%;
	border: none;}
	.footer td{
	padding: 0;
	font-size: 10px;
	vertical-align: middle;
	color: #999;}
	.footer td img{
	vertical-align: bottom;}
	.footer td.map{
	padding-left: 20px;
	padding-right: 10px;
	width: 100px;}
	.footer td.copyright{
	padding-right: 20px;
	text-align: right;}

.footerLink ul{
    margin: 0;
	padding: 0;
	list-style: none;}
    .footerLink li{
	padding: 0 6px 0 8px;
	float: left;
	display: block;}
	.footerLink li.line{
	background-image: url(../images/icon/dot.gif);
	background-repeat: repeat-y;
	background-position: left;}
	.footerLink li a:link,.footerLink li a:visited {
	color: #999;
	text-decoration: none;}
    .footerLink li a:hover {
	color: #85CFF6;
	text-decoration: none;}
	
#mainMenu {
	position: absolute;
	left: 20px;
	top: 70px;
	width: 990px;
	height:auto;
	z-index: 101;}
	
#main{
	margin: 0;
	padding: 0;
	height:560px;}/* 全flash內頁使用 */
	
#main2{
	margin: 0;
	padding: 0 20px 0 20px;}/* 一般內頁使用 */
	
#col-content{
	margin: 0;
	padding: 20px 24px 15px 24px;
	/*word-break:break-all;*/
	width: 702px;
	display: block;
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFF;
	float: right;}/* 有側選單的內頁使用 */
	
#content{
	margin: 0;
	padding: 20px 24px 15px 24px;
	/*word-break:break-all;*/
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFF;}/* 無側選單的內頁使用 */
	
/* 列印設定 */

@media print {

#top {
	display:none}
	
#mainMenu {
	display:none}
	
#keyVisual{display:none}

#leftMenu{
	display:none}

.footer {
	display:none}

#col-content {
	margin: 0;
	padding: 0;
	width: 700px;
	position: absolute;
	clear: both}
}
