﻿@charset "utf-8";
/* CSS Document */
/*----------------預設頁面文字大小間距行距----------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	letter-spacing: 1px;
	scrollbar-face-color: #e5e5e5;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #cecece;
	scrollbar-arrow-color:  #000000;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #595a5a;
	background: url(../img/bg_body.gif) repeat-x left -200px;
}
div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808080;
	line-height: 18px;
	letter-spacing: 1px;
}
/*------------------清單縮排-----------------*/
blockquote{
	text-indent: -16px;
	padding-left: 18px;
}
/*----------------預設表單元素----------------*/
.formInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-top:4px;
	border: 1px solid #cccccc;
	height:15px;
}
.btnInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	border: 1px solid #b5b5b5;
	background-color:#f5f5f5;
	height:22px;
	*padding-top:2px;/*For IE7 & IE6*/
	
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border: 1px solid #cccccc;
}
/*----------------預設連結----------------*/
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f86900;
	text-decoration: underline;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
/*----------------預設按鈕連結----------------*/
a.btn:link{
	background-image:url(../images15/btn.gif);
	width:51px;
	height:25px;
	color:#6f6f6f;
	text-decoration:none;
}

a.btn:hover {
	background-image:url(../images15/btn.gif);
	width:51px;
	height:25px;
	color:#000000;
	text-decoration:none;
}

/*----------------去連結外框線----------------*/
a{
 outline: none; /* for Firefox */
}
/*----------------自訂垂直線----------------*/
.lineVert{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #d5d4d2;
}

/*----------------居中Div--------------------*/
#middle {
       display:table-cell;
       vertical-align:middle;
       #position:absolute;
       #top:50%;
} 
#inner {
       #position:relative;
       #top:-50%;
} 
#center {
    position: relative;
	margin: 0px auto;
} 
.center {
    position: relative;
	margin: 0px auto;
} 
/*----------------去底圖--------------------*/
.whiteBg{
	background-color:#FFF;
}

/*----------------------圓角白框自動延伸背景-------------------------*/
div.rounded {
    clear:both;
    max-width:2400px;
    margin:0px auto;
    width:100%;
}

div.rounded div.top {
    background:url(../images15/round1/tl.gif) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.rounded div.top div.right {
    background:url(../images15/round1/tr.gif) no-repeat bottom right;
    height:12px;
    margin-left:12px;
}

div.rounded div.middle {
    background:url(../images15/round1/l.gif) repeat-y left;
    clear:both;
    width:100%;
}

div.rounded div.middle div.right {
    background:url(../images15/round1/r.gif) repeat-y right;
    margin-left:5px;
}

div.rounded div.middle div.right div.content {
	background:url(../images15/round1/bg.gif) repeat top left;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.3em;
	margin-right:5px;
	padding:0px 7px;
}

div.rounded div.middle div.right div.content p {
    margin:0px;
    padding-top:15px;
}

div.rounded div.bottom {
    background:url(../images15/round1/bl.gif) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom div.right {
    background:url(../images15/round1/br.gif) no-repeat top right;
    height:12px;
    margin-left:12px;
}
/*----------------------圓角白框自動延伸背景2-------------------------*/
div.rounded2 {
    clear:both;
    max-width:2400px;
    margin:0px auto;
    width:100%;
}

div.rounded2 div.top {
    background:url(../images15/round2/tl.gif) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.rounded2 div.top div.right {
    background:url(../images15/round2/tr.gif) no-repeat bottom right;
    height:12px;
    margin-left:12px;
}

div.rounded2 div.middle {
    background:url(../images15/round2/l.gif) repeat-y left;
    clear:both;
    width:100%;
}

div.rounded2 div.middle div.right {
    background:url(../images15/round2/r.gif) repeat-y right;
    margin-left:5px;
}

div.rounded2 div.middle div.right div.content {
	background:url(../images15/round2/bg.gif) repeat top left;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.3em;
	margin-right:5px;
	padding:0px 7px;
}

div.rounded2 div.middle div.right div.content p {
    margin:0px;
    padding-top:15px;
}

div.rounded2 div.bottom {
    background:url(../images15/round2/bl.gif) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded2 div.bottom div.right {
    background:url(../images15/round2/br.gif) no-repeat top right;
    height:12px;
    margin-left:12px;
}
/*--------------padding-------------------*/
.paddingUpDown10PX{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}
/*--------------標題設定-------------------*/
h1{
	font-size:15px;
	background-image:url(../images15/icon17.gif);
	background-repeat:no-repeat;
	color:#f18e0d;
	font-weight:bold;
	padding-left:13px;
	margin-bottom:8px;
	margin-top:7px;
    _padding-top:2px;/* IE6 */ 
}
h2{
	font-size:15px;
	background-image:url(../images15/icon16.gif);
	background-repeat:no-repeat;
	color:#f18e0d;
	font-weight:bold;
	padding-left:25px;
	margin-bottom:8px;
	_padding-top:1px;/* IE6 */ 
}
h3{
	font-size:12px;
	background-image:url(../images15/icon21.gif);
	background-repeat:no-repeat;
	color:#666666;
	font-weight:normal;
	padding-left:39px;
	margin-bottom:8px;
	background-position: 14px top;
}
h4{
	background-image: url(../images15/icon15.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	padding-left: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
h5{
	background-image: url(../images15/icon15.gif);
	background-position: 0px 2px;
	_background-position: 0px 0px;/*IE6*/
	background-repeat: no-repeat;
	padding-left: 11px;
	color: #f8ad1c;
	text-decoration: none;
	font-weight: normal;
}
/*-----------------------自訂li------------------------*/
.li1{
	font-size:12px;
	background-image:url(../images15/icon49.gif);
	background-repeat:no-repeat;
	color:#666666;
	font-weight:normal;
	padding-left:12px;
	margin-bottom:8px;
	background-position: 0px 5px;
}

/*-----------------------內文設定------------------------*/
.p1{
	display:block;
	padding-left:14px;
}
.p2{
	display:block;
	padding-left:39px;
}
/*------------------hightLight文字------------------*/
.highLight1{
	color:#666666;
	font-weight: bold;	
}
.highLight2{
	color:#63a9b4;
}
.highLight3{
	color:#82b63a;
}
.highLight4{
	color:#f18e0d;
	font-weight: bold;	
}


/*---------------------tableSearch----------------------*/
.searchTable{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f36212;
}
.searchTableHeaderL{
	background-image: url(../images15/tableHead1.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	height: 34px;
	vertical-align: middle;
	text-align: center;
}
.searchTableHeaderC{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-image: url(../images15/tableHead2.gif);
	background-repeat: repeat-x;a
	height: 34px;
	vertical-align: middle;
	text-align: center;
}
.searchTableHeaderR{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-image: url(../images15/tableHead3.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 34px;
	vertical-align: middle;
	text-align: center;
}
.searchTableTd1{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: middle;
	text-align: center;
	background-color:#f8f8f8;
	height:30px;
	font-weight: normal;
}
.searchTableTd2{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: middle;
	text-align: center;
	background-color:#ededed;
	height:30px;
	font-weight: normal;
}
/*---------------------span置左中右----------------------*/
.blockLeft{
	text-align:left;
	margin-left:5px;
	display: block;
}
.blockCenter{
	text-align:center;
	display: block;
}
.blockRight{
	text-align:right;
	margin-right:5px;
	display: block;
}
/*---------------------more----------------------*/
#more{
	clear:both;
	text-align:right;
	padding-top:3px;
	padding-bottom:0px;
}
#more a:link{
	background-image: url(../images15/icon15.gif);
	background-position: 7px 2px;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #666666;
	text-decoration: none;
}
#more a:visited{
	background-image: url(../images15/icon15.gif);
	background-position: 7px 2px;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #666666;
	text-decoration: none;
}
#more a:hover{
	background-image: url(../images15/icon15.gif);
	background-position: 7px 2px;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #f86900;
	text-decoration: none;
}
#more a:active{
	background-image: url(../images15/icon15.gif);
	background-position: 7px 2px;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #666666;
	text-decoration: none;
}
/*---------------------分頁設定----------------------*/
#pageControl{
	text-align:center;
	clear:both;
	height:25px;
	padding-top:10px;
	padding-bottom:0px;

}
#pageControl a:link{
	padding-right:5px;
	padding-left: 5px;
	color: #666666;
	width:18px;
	height:18px;
	text-decoration: none;
}
#pageControl a:visited{
	padding-right:5px;
	padding-left: 5px;
	color: #666666;
	width:18px;
	height:18px;
	text-decoration: none;
}
#pageControl a:hover{
	padding-right:5px;
	padding-left: 5px;
	color: #6e9abc;
	width:18px;
	height:18px;
	text-decoration: none;
	font-weight: bold;
}
#pageControl a:active{
	padding-right:5px;
	padding-left: 5px;
	color: #666666;
	width:18px;
	height:18px;
	text-decoration: none;
}

#pageControl a.pageOn:link{
	display:inline-block;
	padding-right:5px;
	padding-left: 5px;
	color: #6e9abc;
	width:18px;
	height:18px;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images15/btnPageNum.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#pageControl a.pageOn:visited{
	display:inline-block;
	padding-right:5px;
	padding-left: 5px;
	color: #6e9abc;
	width:18px;
	height:18px;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images15/btnPageNum.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#pageControl a.pageOn:hover{
	display:inline-block;
	padding-right:5px;
	padding-left: 5px;
	color: #6e9abc;
	width:18px;
	height:18px;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images15/btnPageNum.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#pageControl a.pageOn:active{
	display:inline-block;
	padding-right:5px;
	padding-left: 5px;
	color: #6e9abc;
	width:18px;
	height:18px;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images15/btnPageNum.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#pageControl img{
	vertical-align:middle;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;
}

/*-----------------字級-------------------*/
.txtSize11{
	font-size:11px;
}
