/* CSS Document */
/*-----------------------------------------------------------------------------
	-	網站整體通用樣式設計 -
author:		  英創達網路有限公司
email:     	web@e-creative.tw
website:   	http://e-creative.tw
-----------------------------------------------------------------------------*/
/* ---------------------------------------------------------------- */
/*	 整體
/* ---------------------------------------------------------------- */
.container {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
	position:relative;
}

/* ---------------------------------------------------------------- */
/*	 按鈕
/* ---------------------------------------------------------------- */
/* 按鈕區塊 */
.btn {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn  .button {
    margin-right: 7px;
    margin-left: 7px;
}
/* 按鈕 */
.button {
    display: inline-block;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    color: #999999;
    text-decoration: none;
}

.button:hover {
}

.opa:hover{opacity: 0.8; filter: alpha(opacity=80); nowhitespace: afterproperty; -ms-filter: alpha(opacity=80); /* old ie */}

/* 按鈕 - 大尺寸 */
.butB {
    padding-top: 8px;
    padding-right: 25px;
    padding-bottom: 8px;
    padding-left: 25px;
    line-height: normal;
}
/* 按鈕 - 小尺寸 */
.butS {
    padding-top: 3px!important;
    padding-right: 10px!important;
    padding-bottom: 3px!important;
    padding-left: 10px!important;
    line-height: normal!important;
    font-size: 12px !important;
}


/*網站導覽連結 
*********************************/
.sitelink {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DFDFDF;
    margin-bottom: 15px;
    color: #666;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 8px;
    padding-left: 0px;
}

.sitelink .index {
    margin-left: 10px;
}

.sitelink a {
    color: #000;
    text-decoration: none;
}
/*頁碼 
*********************************/
.pageNum {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pageNum a {
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
}

.pageNum span {
    display: inline-block;
    padding-right: 7px;
    padding-left: 7px;    
    color: #000;    	
}
.pageNum span:hover{background-color:#c62727; color:#FFF;}
.pageNum a span {
    color: #000;
    font-weight: normal;
    font-size:100%;
	
}
.pageNum a.control{
    border:solid 1px #FFF;
    border-radius:100px;
    color:#676767;
    height:25px;
    width:25px;
    line-height:1.8em;
    padding-right: 0px;
    padding-left: 0px;
    background-color:#FFFFFF;
    font-size:120%;
	font-weight:bolder;
}
.pageNum a.control span{ 
	color: #676767;
    padding-right: 0px;
    padding-left: 0px;
}
span.nostyle:hover{background-color:#FFF;color: #676767;}
.pageNum a.control:hover{
	border:solid 1px #E3E3E3;
    border-radius:100px;
 	background-color:#c62727;
	color:#FFF;
}
.pageNum a.control:hover span{}
/* ---------------------------------------------------------------- */
/*	開合特效accordion
/* ---------------------------------------------------------------- */
.accordion .accordion-title .title {
    display: block;
}

.accordion .accordion-info {
    display: none;
}

.accordion .accordion-info.actived {
    display: block;
}

.accordion span {
    float: right;
}

/* ---------------------------------------------------------------- */
/*	 表單
/* ---------------------------------------------------------------- */

.widget-form .btn,.widget-table .btn {
    margin-top: 20px;
}

fieldset {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-width: 1px;
    border-bottom-color: #CCC;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

fieldset.no {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

legend {
    font-size: 15px;
    color: #333;
    font-weight: bolder;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    display: block;
    width: 100%;
    line-height: 3ex;
    margin-bottom: 15px;
    position: relative;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

legend span {
    position: absolute;
    top: 3px;
    right: 10px;
    font-size: 12px;
    font-weight: normal;
}

.form .row {
    padding-top: 3px;
    padding-bottom: 3px;
}

.form .row:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.notes {
    margin-left: 10px;
}

.form .row .rowleft {
	float: left;
	color: #1c1c1c;
	cursor: text;
	width: 60px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.form .row .rowright {
    display: block;
    margin-top: 0;
    margin-right: 12px;
    margin-bottom: 0;
    margin-left: 60px;
}

.form .row .rowleft .required {
    margin-left: 8px;
}

.form .row .rowleft .required:before {
    content: "*";
    color: #C00;
    font-weight: bold;
    margin-right: 8px;
}

.form .row .rowleft span {
    margin-left: 0px;
}

.form input[type="text"],.form textarea,.form select {

}

.form .labelList label {
    margin-right: 15px;
}

.form .labelList label input {
    margin-right: 5px;
}
/*欄位不能異動*/
.form input[readonly] {
    background-color: #EEE!important;
}
/*google 表單提示文字顏色*/
.form input::-webkit-input-placeholder {
    color: #999 !important;
}

input {
    margin-right: 6px;
}


/* ---------------------------------------------------------------- */
/*	表格table
/* ---------------------------------------------------------------- */
.tableStyle1 {
    margin-bottom: 20px;
}
.tableStyle1 thead tr td,
.tableStyle1 thead tr th {
    padding: 7px;
}

.tableStyle1 thead tr th {
    background: #ffffff;
 /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%);
 /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%);
 /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%);
 /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
 /* IE6-9 */
    border-top-width: 2px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #DDDDDD;
    border-bottom-color: #DDDDDD;
    font-weight: bold;
}
.tableStyle1 tfoot tr td,
.tableStyle1 tfoot tr th {
    padding: 7px;
}
.tableStyle1 tbody tr th {
    padding: 7px;
}
.tableStyle1 tbody tr td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
}

.tableStyle1 tbody tr.dashed td {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #DDDDDD;
}

.tableStyle1 thead tr.no th {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}