/* 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 {
}

/* 按鈕 - 大尺寸 */
.butB {
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: normal;
  min-width: 100px;
  padding: 8px 3px;
  text-align: center;
}
.butBB {
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: normal;
  min-width: 100px;
  padding: 10px;
  text-align: center;
}
/* 按鈕 - 小尺寸 */
.butS {
  font-size: 14px;
  *+font-size: 13px;
  letter-spacing: 0.5px;
    padding: 3.2% 6%!important;
    /*padding: 6px 10px!important;*/
    line-height: normal!important;
    margin: 0px 2px 6px 2px;
}

.colorBlue {
    color:#FFF !important;
    font-weight:bold;
    border: #227ac5 solid 1px;
    background: #3b99e9; /* Old browsers */
    background: -moz-linear-gradient(top,  #3b99e9 0%, #3b99e9 61%, #2a89da 89%, #2a89da 89%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b99e9), color-stop(61%,#3b99e9), color-stop(89%,#2a89da), color-stop(89%,#2a89da)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3b99e9 0%,#3b99e9 61%,#2a89da 89%,#2a89da 89%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3b99e9 0%,#3b99e9 61%,#2a89da 89%,#2a89da 89%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3b99e9 0%,#3b99e9 61%,#2a89da 89%,#2a89da 89%); /* IE10+ */
    background: linear-gradient(to bottom,  #3b99e9 0%,#3b99e9 61%,#2a89da 89%,#2a89da 89%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b99e9', endColorstr='#2a89da',GradientType=0 ); /* IE6-9 */
}
.colorBlue:hover {
  text-decoration: none !important;
  background: #1580d8; /* Old browsers */
  background: -moz-linear-gradient(top,  #1580d8 22%, #3b99e9 55%, #51a4e8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#1580d8), color-stop(55%,#3b99e9), color-stop(100%,#51a4e8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #1580d8 22%,#3b99e9 55%,#51a4e8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #1580d8 22%,#3b99e9 55%,#51a4e8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #1580d8 22%,#3b99e9 55%,#51a4e8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #1580d8 22%,#3b99e9 55%,#51a4e8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1580d8', endColorstr='#51a4e8',GradientType=0 ); /* IE6-9 */
}
.colorBlue2 {
    color:#FFF;
    font-size:14px;
    font-weight:bold;
    border: #227ac5 solid 1px;
    padding: 5% 6%!important;
    background: #3b99e9; /* Old browsers */
    background: -moz-linear-gradient(top,  #3b99e9 0%, #3b99e9 61%, #2a89da 89%, #2a89da 89%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b99e9), color-stop(61%,#3b99e9), color-stop(89%,#2a89da), color-stop(89%,#2a89da)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3b99e9 0%,#3b99e9 61%,#2a89da 89%,#2a89da 89%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3b99e9 0%,#3b99e9 61%,#2a89da 89%,#2a89da 89%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3b99e9 0%,#3b99e9 61%,#2a89da 89%,#2a89da 89%); /* IE10+ */
    background: linear-gradient(to bottom,  #3b99e9 0%,#3b99e9 61%,#2a89da 89%,#2a89da 89%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b99e9', endColorstr='#2a89da',GradientType=0 ); /* IE6-9 */
}
.colorBlue2:hover {
    background: #2e357d; /* Old browsers */
    background: -moz-linear-gradient(top,  #2e357d 0%, #3c46ad 51%, #3c46ad 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e357d), color-stop(51%,#3c46ad), color-stop(100%,#3c46ad)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2e357d 0%,#3c46ad 51%,#3c46ad 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2e357d 0%,#3c46ad 51%,#3c46ad 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2e357d 0%,#3c46ad 51%,#3c46ad 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2e357d 0%,#3c46ad 51%,#3c46ad 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e357d', endColorstr='#3c46ad',GradientType=0 ); /* IE6-9 */
}
.colorWithe {
  color: #4F4F4F;
  font-size: 14px;
  font-weight: bold;
  background: #f6f8f9; /* Old browsers */
  background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
  min-width: 80px;
  padding: 6px 3px;
}
.colorWithe:hover {
    color:#FFF;
    background: #1580d8; /* Old browsers */
    background: -moz-linear-gradient(top,  #1580d8 22%, #3b99e9 55%, #51a4e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#1580d8), color-stop(55%,#3b99e9), color-stop(100%,#51a4e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1580d8 22%,#3b99e9 55%,#51a4e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1580d8 22%,#3b99e9 55%,#51a4e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1580d8 22%,#3b99e9 55%,#51a4e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1580d8 22%,#3b99e9 55%,#51a4e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1580d8', endColorstr='#51a4e8',GradientType=0 ); /* IE6-9 */
}
.colorBlack {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  min-width: 90px;
  padding: 5px 12px!important;
  background: #535353; /* Old browsers */
  background: -moz-linear-gradient(top,  #535353 57%, #353535 92%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(57%,#535353), color-stop(92%,#353535)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #535353 57%,#353535 92%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #535353 57%,#353535 92%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #535353 57%,#353535 92%); /* IE10+ */
  background: linear-gradient(to bottom,  #535353 57%,#353535 92%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#353535',GradientType=0 ); /* IE6-9 */
}
.colorBlack:hover {
  background: #1e1e1e; /* Old browsers */
  background: -moz-linear-gradient(top,  #1e1e1e 11%, #535353 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#1e1e1e), color-stop(100%,#535353)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #1e1e1e 11%,#535353 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #1e1e1e 11%,#535353 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #1e1e1e 11%,#535353 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #1e1e1e 11%,#535353 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#535353',GradientType=0 ); /* IE6-9 */
}

/*網站導覽連結 
*********************************/
.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;
}
/*頁碼 
*********************************/
.pageNews {
  display: block;
  /*float: right;*/
  padding: 22px 0 10px 0;
  margin: 10px 12px 25px 0;
  clear: both;
  text-align:right;
}
.pageNews a {
  display: inline-block;
  color: #5ba7e6;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  line-height: 35px;
  letter-spacing: 1px;
  margin-top: 3px;
}
.arr-back {
  float: right;
  width: 91px;
  height: 35px;
  background: url(images/in1-9-2_back.png) no-repeat 0 0;
}
.arr-back:hover {
  color:#6167ae;
  background-position: 0 bottom;
}
.arr-arrowBox {
  float: right;
  padding: 0 0 0 17px;
  margin: 0 0 0 15px;
  border-left: solid 1px #d7d9da;
}
.arr-arrow {
  width: 33px;
  height: 33px;
  padding:0;
  margin: 0 3px;
  border: solid 1px #6aa9df;
  background: no-repeat 13px 10px ;
  /* support Safari, Chrome */
  -webkit-border-radius: 20px;
     /* support firefox */
     -moz-border-radius: 20px;
          border-radius: 20px;
}
.arr-arrow:hover {
  background-color: #5ba7e6;
  background-repeat: no-repeat;
  background-position: 13px -25px;
}
.arr-arrow-left {
  background-image: url(images/btn-l.png);
}
.arr-arrow-right {
  background-image: url(images/btn-r.png);
}
.selectNo {
  border: 1px solid #BABDBE;
  opacity: 0.5;
}
.selectNo:hover {
  background-repeat: no-repeat;
  background-position: 13px 10px;
  background-color: #FFF;
  cursor:default;
}
/*-------------------------------*/
.pageNum {
    text-align: center;
    padding: 15px 0;
    /*padding: 23px 0 0 0;*/
}

.pageNum a {
  display: inline-block;
  margin: 0 2px;
  text-decoration: none;
}

.pageNum span {
    display: inline-block;
    padding: 6px 8px;
    /*font-weight: bold;*/
    color: #2279c1;
    font-size:115%;
    border:solid 1px #2279c1;
}

.pageNum a span {
  color: #717171;
  font-weight: normal;
  font-size: 100%;
  border: 1px solid #bfbfbf;
}
.pageNum a span:hover {
  color: #2279c1;
  border: solid 1px #2279c1;
  background-color: #f4faff;
}
.pageNum a.control{
    color:#676767;
    margin: 0 1px;
}
.pageNum a.control span{ 
	color: #676767;
  font-size:96%;
}
.pageNum a.control:hover{
 	/*background-color: #C4C4C4;*/
}
.pageNum a.control:hover span{
  /*color:#FFFFFF;*/
  color: #2279c1;
  border:solid 1px #2279c1;
}
/* ---------------------------------------------------------------- */
/*	開合特效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;
    margin: 0 7px 0 0;
}

.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
/* ---------------------------------------------------------------- */