a {
	color: #222;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition: color 300ms, background-color 300ms;
	transition: color 300ms, background-color 300ms;
}
a:visited {
	color: #8B7354;
	text-decoration: none;
	font-size: 13px;
}
a:link {
	color: #8B7354;
	text-decoration: none;
	font-size: 13px;
}
a:hover {
	color:#F30;
	text-decoration: none;
	font-size: 13px;
}
.scrollcolor{
	SCROLLBAR-FACE-COLOR: #063;/*內頁上底圖*/
	SCROLLBAR-HIGHLIGHT-COLOR: #F00;
	OVERFLOW: auto;
	SCROLLBAR-SHADOW-COLOR: green;
	SCROLLBAR-3DLIGHT-COLOR: #099;
	SCROLLBAR-ARROW-COLOR: #630;
	SCROLLBAR-DARKSHADOW-COLOR: #069;
}
.scrollcolor1{
SCROLLBAR-ARROW-COLOR: #d8d8d8;
 SCROLLBAR-FACE-COLOR: #909090;
 SCROLLBAR-DARKSHADOW-COLOR: #000000;
 SCROLLBAR-HIGHLIGHT-COLOR: #6c486c;
 SCROLLBAR-SHADOW-COLOR: #d8d8d8;
 SCROLLBAR-TRACK-COLOR: #d8d8d8;
 SCROLLBAR-3DLIGHT-COLOR: #b4b4b4
}
.nobox {
	border: 1px dashed #FEFDE1;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a img { border-style:none;}
.news a:visited {  color: #5B1E00; text-decoration: none}
.news a:link {  color: #5B1E00; text-decoration: none}
.news a:hover {  color: #003399; text-decoration: underline}
.nobox {
	border: 1px dashed #FEFDE1;
}
.telfont {
	font-size: 13px;
	color: #0f0f0f;
	line-height: 18px;
	font-family: Verdana, Geneva, sans-serif;
}
.rolink a:visited {
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none
}
.rolink a:link {
	font-size: 15px;
	color: #ffffff;
	text-decoration: none
}
.rolink a:hover {
	font-size: 15px;
	color: #FFFF33;
	text-decoration: underline
}
.nobox {
	border: 1px dashed #FEFDE1;
}
.redfont {
	font-size: 13px;
	color: #FF0000;
}
.payfont {
	font-size: 13px;
	color: #FF0000;
	font-family: Verdana, Geneva, sans-serif;
}
.abfont {
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
	font-weight: bold;
}
.abfont1 {
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
}
.scefont {
	font-size: 13px;
	line-height: 22px;
	color: #630;
}
.facilityfont {
	font-size: 13px;
	line-height: 22px;
	color: #FFF;
}
.remittancefont {
	font-size: 13px;
	line-height: 22px;
	color: #FFF;
}
.newstitle{
	font-size: 13px;
	line-height: 22px;
	color: #03F;
}

.newbk {
	background-image: url(images/news_02.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.roline {
	font-size: 13px;
	line-height: 19px;
	color: #630;

}
/*內頁上底圖*/
.index1_up {
	background-image: url(images/indexbk_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.index1_mid {
	background-image: url(images/indexbk_02.jpg);
	background-repeat: repeat-y;
	background-position: center;

}
.index1_down {
	background: url(images/indexbk_04.jpg) no-repeat center bottom;
}
.ibk {
	background-image: url(images/ibk.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.yilan td {
	background-color:#9e4040;
	display:inline-block;
    position:relative;
    width:56px;
    height:28px;
    overflow:hidden;
    border-radius:48%;
	margin-right:5px;
	font-family:"微軟正黑體";
	color:#FFF;
	font-size:20px;
}
.yilan a:visited {
	font-family:"微軟正黑體";
	color:#FFF;
	text-decoration: none;
	font-size:20px;
}
.yilan a:link {
	font-family:"微軟正黑體";
	color:#FFF;
	text-decoration: none;
	font-size:20px;
}
.yilan a:hover {
	color: #FFCC99;
	text-decoration: none;
	font-size:20px;
}
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push a img{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-push a img:hover, .hvr-push a img:focus, .hvr-push a img:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.hvr-glow a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  height:69px;
}
.hvr-glow a img:hover, .hvr-glow a img:focus, .hvr-glow a img:active {
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.6);
}

/*********************************************************************************************************************************************/
/*gotop*/
#gotop {
	position:fixed;
	bottom:1%;
	right:1%;
	cursor:pointer;
	display:none;
	z-index:9;
}
	@media screen and (max-width:500px) {
		#gotop {
			width:15%;
		}
		#gotop img {
			width:100%;
		}
	}
#gotop img:hover {
	will-change: animation, transform, opacity;
	-webkit-animation: top 1s ease-in-out infinite;
	animation: top 1s ease-in-out infinite;
}

@-webkit-keyframes top {
	0% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
	}
}

@keyframes top {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
	
#header {
	z-index:999;
	margin-left: -10px;
	position:sticky;
	position:-webkit-sticky;
	top:0;
}

.animate_Flashing img:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
.animate_Flashing a:hover {
	color:#C00;
	text-decoration:none;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/* Shrink */
.hvr-shrink a img{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink a img:hover, .hvr-shrink a img:focus, .hvr-shrink a img:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}