@charset "utf-8";
/*-----------------------------------
 *	Anthor	Mi70
 *	Mail	tryit1031@gmail.com
 *
 *	各區域主要名稱
 *	mainHeader			主要header
 *	banner				主要banner區
 *  content             主要內容區
 *	Index			    首頁項目
 *	page			    內頁資料
 *	footer				footer
 *----------------------------------------*/

/* CSS Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:1em;font-weight:normal;}
em,cite{font-style:normal;}
a{color:#777; text-decoration:none;}
a:hover{color:#333;}
body{font-size:12px;font-family:"Droid Serif", sans-serif;color:#555;background:#fff;}
.indexBg{min-height:calc(100vh - 90px); background:url(/image/index_bg_en.jpg) top center no-repeat #aedbe5;}/*view-hieght 扣除 footer 高度*/
.pageBg{min-height:calc(100vh - 90px);background:#aedbe5;}/*view-hieght 扣除 footer 高度*/
/* mainHeader */
.mainHeader{background:url(/image/header_bg.jpg);height:82px;min-width:1000px;}
	.mainHeader header{width:1000px;margin:0 auto;padding-top:15px;position:relative;}
	.mainHeader a.logo{ display:block; padding:10px 0 10px 20px; outline:none;}
	.mainNav{position:absolute; right:0px;top:12px;width:660px;}
		.mainNav ul{letter-spacing:-0.3em;text-rendering:optimizespeed;position:relative;}
		.mainNav li{width:110px;display:inline-block;letter-spacing: normal;padding-top:10px;text-rendering:auto;}	/* Ie7 */.mainNav li{*display:inline;*zoom:1;}
		.mainNav a{color:#fff;display:block; text-align:center; line-height:4.333em; font-size:1.25em;background:url(/image/nav_line.png) no-repeat right center; font-weight:bold}
		.mainNav li:last-child a{background:none;}
		.mainNav a:hover{color:#fff799;}
.headerTopNav{ position:absolute; right:20px; top:0px;letter-spacing:-0.3em; z-index:99;}
	.headerTopNav div{ color:#999; float:left; letter-spacing: normal; padding:5px 20px;}
	.headerTopNav div a{ color:#FFF;}.headerTopNav div a:hover{ color:#fff799;}
	.headerTopNav .language{ background:#222;}
	.headerTopNav .WebAtm{ background:#b08e24;}
	.headerTopNav .WebAtm a{ display:block; background:url(/image/web_atm.png) no-repeat; padding:2px 0 0 25px;}

/* banner */
.banner{height:260px;position:relative;min-width:1000px;}
.pageKV{ background:url(/image/pageKV_en.jpg) no-repeat; height:145px;}
.KVintroduction{ background-position:0 0;}
.KVexchange{ background-position:0 -145px;}
.KVinterest{ background-position:0 -290px;}
.KVcontact{ background-position:0 -435px;}
.KVnews{ background-position:0 -580px;}
.KVdownload{ background-position:0 -725px;}

.breadNav{background:#e7e7e7;line-height:40px;letter-spacing:-0.3em;padding:0 10px;}
	.breadNav ul { width: 20%; display:inline-block; }
	.breadNav li{display:inline-block;letter-spacing:normal;margin-right:5px;padding-left:17px;background:url(/image/arrow_icon.png) no-repeat 5px center;}	/* Ie 7 */.breadNav li{*display:inline;*zoom:1;}
	.breadNav li:first-child{padding-left:20px;background:url(/image/logo_icon.png) 0px center no-repeat;}
	.breadNav span { width: 78%; display:inline-block; }

/* content */
.content{width:965px;margin:20px auto 0 auto;position:relative; background:#FFF;}
	.Wrapper{ padding:20px 20px 40px 20px; overflow:hidden; min-height:300px;}

/*Index Start---------------------------------------------------------------------------------------------------------------------------------------*/
.IndexLeft{ width:220px; float:left}
.IndexRight{ width:674px; float:right}
/*區塊設定*/
.IndexLeft h2,.IndexRight h2{background:url(/image/IndexTitle.png) no-repeat; color:#0b7fde; font-size:1.333em; line-height:40px; padding:0 0 0 25px; position:relative; font-weight: bold;}
.IndexLeft h2 .more,.IndexRight h2 .more{display:block; background:url(/image/moreBg.png); width:50px; height:16px; text-align:center; font-size:0.83em; color:#FFF; line-height:16px; font-weight:100; font-family:Arial; position:absolute; right:0px; bottom:0px;}
.IndexLeft h2 .more:hover,.IndexRight h2 .more:hover{color:#fff799;}
.ExchangerateIndexBOX,.IntroductionIndexBOX,.DownloadIndexBOX,.NewsIndexBOX{position:relative;}
.InternetBanking{ clear:both; margin:0 0 5px 0;}.InternetBanking a{ display:block; background:url(/image/InternetBanking_en.gif); width:220px; height:45px; text-indent:-9999px;}
/*匯率查詢*/
.ExchangerateIndexBOX h2{ background-position:0 0;}
.ExchangerateIndexBOX time{ background:url(/image/time.png) no-repeat left center; padding:0 0 0 12px; font-size:0.83em; color:#999; position:absolute; left:0px; bottom:0px;}
.ExchangerateIndexBOX a.more{ display:block; color:#0b7fde; text-align:right; padding:5px 0 0 0 ;}
.ExchangerateIndexBOX a.more:hover{ color:#b90808;}
.ExchangerateIndexBOX ul li{letter-spacing:-0.3em; padding:7px 0; height:16px;}/* Ie7 */.ExchangerateIndexBOX ul li span{*display:inline;*zoom:1;}
	.ExchangerateIndexBOX ul li{ border-left: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid;}
	.ExchangerateIndexBOX ul li .currency{  display:inline-block; letter-spacing: normal; width:70px; text-align:center;}
	.ExchangerateIndexBOX ul li .buy{  display:inline-block; letter-spacing: normal; width:73px; text-align:center;}
	.ExchangerateIndexBOX ul li .sell{  display:inline-block; letter-spacing: normal; width:73px; text-align:center;}
		.ExchangerateIndexBOX ul li span{ border-right: #ddd dashed 1px;}
		.ExchangerateIndexBOX ul li span:last-child{ border-right: none;}
		.ExchangerateIndexBOX ul li:first-child{ background:#666; color:#FFF; border-left: #666 1px solid; border-right: #666 1px solid;}
		.ExchangerateIndexBOX ul li:first-child span{border-right: none;}
		.ExchangerateIndexBOX ul li:nth-child(2n+3){ background:#f5f5f5}
/*業務介紹*/
.IntroductionIndexBOX h2{ background-position:0 -40px;}
.IntroductionIndexBOX ul{letter-spacing:-0.3em;}/* Ie7 */.IntroductionIndexBOX ul{*display:inline;*zoom:1;}
	.IntroductionIndexBOX ul li{display:inline-block; letter-spacing: normal; padding:0 18px 10px 18px; border-right:#eee solid 1px;}
		.IntroductionIndexBOX ul li span{ display:block; position:relative; width:200px; height:95px; font-size:0.916em;}
		.IntroductionIndexBOX ul li img{ display:block}
		.IntroductionIndexBOX ul li a{ display:block; background:url(/image/IntroductionTitle.png); width:200px; height:30px; text-align:center; color:#FFF; line-height:30px; font-size:1.166em;left:50%; bottom:0px; margin-left:-100px;/*定座標圖片寬度的一半*/ position:absolute; z-index:1;}
		.IntroductionIndexBOX ul li a:hover{ background-position:0 -30px;}
		.IntroductionIndexBOX ul li:nth-child(1){ padding:0 18px 10px 0}
		.IntroductionIndexBOX ul li:nth-child(3){border-right: none; padding:0 0 10px 18px}
		.IntroductionIndexBOX ul li:nth-child(4){ padding:0 18px 0 0}
		.IntroductionIndexBOX ul li:nth-child(5){ padding:0 18px 0 18px}
		.IntroductionIndexBOX ul li:nth-child(6){border-right: none; padding:0 0 0 18px}
/*檔案下載*/
.DownloadIndexBOX h2{ background-position:0 -80px; border-bottom:#0b7fde solid 2px;}
.DownloadIndexBOX ul{ padding:10px 0 0 0; line-height:15px;}
	.DownloadIndexBOX ul li{ border-bottom:#ccc dashed 1px; padding:10px 0;}
		.DownloadIndexBOX ul li a{ display:block}
		.DownloadIndexBOX ul li img{vertical-align: middle; padding:0 10px; float:left; width:20px; height:18px;}
		.DownloadIndexBOX ul li span{ display:block; overflow:hidden; height:30px;}
/*存款保障計畫圖*/
.DepositProtectionImg img {
	width: 220px;
	float: left;
	padding-top: 15px;
}
/*公告事項*/
.NewsIndexBOX h2{ background-position:0 -120px; border-bottom:#0b7fde solid 2px;}
.NewsIndexBOX ul{ padding:10px 0 0 0; line-height:20px;}
	.NewsIndexBOX ul li{ border-bottom:#ccc dashed 1px; height:20px; padding:15px 0; -o-text-overflow: ellipsis;/*opera省略號*/ text-overflow: ellipsis;/*省略號*/ overflow: hidden;/*隐藏*/ white-space: nowrap;/*不折行*/}
		.NewsIndexBOX ul li time{ color:#0b7fde; font-weight:800; padding:0 20px 0 0;}
/*Index End---------------------------------------------------------------------------------------------------------------------------------------*/

/*Page Start---------------------------------------------------------------------------------------------------------------------------------------*/
/*表格*/
.form{ margin:0; padding:0px; width:100%;}
.form td{ border:#ccc solid 1px; text-align:center; padding:10px; font-size:1.166em;}
.form td.title{ background:#666; color:#FFF; font-size:1.333em;}
.form td.sale{ background:#fff5da; color:#b87e11; font-size:1.333em;}
.form tr:nth-child(2n+4){ background:#f5f5f5}
/*業務介紹*/
.introductionUL{letter-spacing:-0.3em;}
.introductionUL > li{ border-right:#eee solid 1px; padding:0 10px; display:inline-block; width:215px; height:150px; letter-spacing:normal; vertical-align:top;}/* Ie7 */.introductionUL > li{*display:inline;*zoom:1;}
.introductionUL li h2{ color:#b00000; font-size:1.333em; font-weight:bold; background:#f2e7c3; line-height:40px; padding:0 0 0 15px;}
.introductionUL li ul{ margin:5px 5px 0 20px;}
.introductionUL li ul li{ background:url(/image/listIcon.gif) no-repeat left center; padding:2px 0 2px 10px; overflow:hidden; clear:both}
/*特殊設定*/
.introductionUL li h3{ color:#000; font-size:1.333em; padding:10px 0 0 15px;}
.introductionUL li .Left{ width:225px; float:left}.introductionUL li .Right{ width:225px; float: right}
.introductionUL > li:nth-child(1){ width:450px;height:270px;padding:0 10px 0 0; margin:0 0 30px 0;}
.introductionUL > li:nth-child(1) h2{ background:url(/image/IntroductionPic.jpg) no-repeat; width:200px; height:70px; padding:30px 235px 0 15px; line-height:20px;}
.introductionUL > li:nth-child(2){ width:450px;height:270px; padding:0 0 0 10px; border-right: none; margin:0 0 30px 0;}
.introductionUL > li:nth-child(2) h2{ background:url(/image/IntroductionPic.jpg) no-repeat 0 -100px; width:200px; height:70px; padding:30px 235px 0 15px;}
.introductionUL > li:nth-child(3){padding:0 10px 0 0;}
.introductionUL > li:nth-child(6){padding:0 0 0 10px; border-right: none;}

/*聯絡我們*/
.contactBox{ border:#ddd 1px solid; background:#f5f5f5; overflow:hidden;}
	.InfoUL{ width:390px; height:350px; border-right:#ddd 1px solid; float:left;}
	.InfoUL li{overflow:hidden; font-size:1.166em;}
		.InfoUL li:first-child{ padding:20px 0 10px 0;}
		.InfoUL li span{ display:block; background:url(/image/contactTitle.png) no-repeat #666; line-height:30px; color:#FFF; padding:0 0 0 45px; width:60px; float:left;}
		.InfoUL li.add span{ background-position:10px 0;}.InfoUL li.tel span{ background-position:10px -30px;}.InfoUL li.fax span{ background-position:10px -58px;}
		.InfoUL li p{ overflow:hidden; padding:5px 0 5px 10px; line-height:20px;}
		.InfoUL li p strong{ font-size:1.285em; color:#b00000; display:block; padding:0 0 10px 0;}
	.map{ overflow:hidden; width:532px; height:350px;}
/*最新公告*/
.newsUL li{border-bottom:#ccc dotted 1px; padding:10px 0; position:relative;}
	.newsUL li span{color:#b00000; font-size:1.333em; width:865px; display:block; font-weight: bold;}
	.newsUL li time{ display:block; width:865px;}
		.newsUL li a.detail{ display:block; background:url(/image/detailBg.png) no-repeat; width:40px; height:18px; text-align:center; color: #FFF; position:absolute; right:10px; top:20px;}
		.newsUL li a.detail:hover{ background-position:0 -18px;}
.newsDetail{ border:#ddd 1px solid;}
	.newsDetail h2{ background:#666; padding:10px 20px; position: relative;}
		.newsDetail h2 span{ display:block; font-size:1.666em; color:#FFF; width:700px;}
		.newsDetail h2 time{ position:absolute; right:20px; top:15px; color:#ccc;}
.newsDetailText{ padding:10px 20px; line-height:20px;}
	.newsDetailText p{ margin:15px 0;}
.file{ margin:20px 0 40px 0;}
	.file span{ background:#666; color:#FFF; padding:5px 20px; margin-right:10px;}
	.file img{vertical-align: middle; padding:0 5px; width:20px; height:18px;}
/*文件下載*/
.TabUL{letter-spacing:-0.3em;}/* Ie7 */.TabUL{*display:inline;*zoom:1;}
	.TabUL li{ display:inline-block; letter-spacing: normal; color:#FFF; text-align:center; width:180px; margin:0 6px 6px 0; vertical-align:top; font-size:1.166em;}
	.TabUL li:nth-child(5n){ margin-right:0px;}
	.TabUL li.current a,.TabUL li.current a:hover{ background:#b00000;}
	.TabUL li a{background:#b0b0b0; display:block; color:#FFF;padding:15px 0; height:20px;}
	.TabUL li a:hover{ background:#999;}
.downloadUL{ margin:10px 0;}
.downloadUL li{border-bottom:#ccc dotted 1px; padding:10px 0;}
	.downloadUL li span{color:#b00000; font-size:1.333em; width:850px; float:left;border-right: #ddd dashed 1px; padding:0 20px 0 0; font-weight: bold;}
		.downloadUL li a{ display:block; overflow:hidden; padding:0 20px;}
		.downloadUL li a img{vertical-align: middle; width:20px; height:18px;}
/*頁碼*/
.paperUL {padding:30px 0 0 0; text-align:center;letter-spacing:-0.3em;}/* Ie7 */.paperUL{*display:inline;*zoom:1;}
	.paperUL li{ display:inline;letter-spacing: normal;text-transform: uppercase;}
	.paperUL li a { padding:5px 10px; margin:2px; color:#999; border:#ddd 1px solid; background:#f5f5f5;}
	.paperUL li a:hover {border:#999 1px solid; color: #999;}
		.paperUL li a:active {border: #999 1px solid;color: #999;}
		.paperUL li.current a{border:: #b00000 1px solid; background:#b00000; padding:5px 10px; font-weight: bold; margin:1px; color:#fff;}
		.paperUL li.disabled {padding:5px 10px; margin:1px; color:#ccc; border:#ddd 1px solid; background:#f5f5f5;}
/*Page End---------------------------------------------------------------------------------------------------------------------------------------*/

/* footer */
footer{/*background:url(/image/footer_bg.jpg) repeat-x;*/height:77px;text-align:center;color:#ffd2d2;min-width:1000px;clear:both;}
		footer ul{ font-size:0px; text-align:center; padding:15px 0 10px 0;}
			footer li{display:inline-block;font-size:14px;padding: 0px 16px;background:url(/image/footerMain_li_line.jpg) no-repeat right center;}		/* IE7 */.footerMain li{*display:inline; *zoom:1;}
			footer li:last-child{ background:none;}
				footer a{ color:#FFF;}
				footer a:hover{ color:#fff799;}


				/* 2016.11.09 置換 header、footer、logo */
.mainHeader {
    background: none;
    background-color: #fff;
    overflow: hidden;
}
/*.mainHeader header:after {
    content: "";
    min-width: 1000px;
    height: 82px;
    background: url("/image/header_bg.jpg");
    right: 0;
    top: 0;
    position: absolute;
    z-index: 2;
}*/
.mainHeader .mainNav li a {
    color: #030303;
    position: relative;
    z-index: 3;
}
.mainHeader .mainNav li a:hover {
    color: #005da1;
}
.mainHeader .mainNav li a:hover:after {
    content: "";
    width: 100%;
    height: 8px;
    background-color: #005da1;
    right: 0;
    bottom: 0;
    position: absolute;
}
.logo img {
    width: auto;
    height: 100%;
}
/* 2017.04.05 置換
footer {
    background: none;
}
footer ul {
    background-color: #0067b3;
	position: relative;
}
footer ul:before {
	content: "";
	width: 20%;
	height: 100%;
	min-width: 200px;
	background-color: #00599d;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 2;
}
footer ul:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 45px 45px 0 0;
	border-color: #00599d transparent transparent transparent;
	left: 20%;
	top: 0;
	position: absolute;
	z-index: 2;
}
footer ul li {
	position: relative;
	z-index: 3;
}
footer small {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: url("/image/Bg_footer.png") repeat;
    display: block;
}
*/
/* 2016.11.09 置換 header、footer、logo End */

/* 2017.04.05 - Martin - 調整 footer ENd */
footer {
	height: auto;
	background-color: #0067b3;
	position: relative;
}
footer li {
	background: none;
}
.footer1_bg {
	width: 50%;
	height: 100%;
	background-color: #00599d;
	top: 0;
	left: 0;
	position: absolute;
}
.footer1 .content,
.footer2 .content {
	background: none;
	padding: 0;
	margin: 0 auto;
}
.footer1 ul {
	display: flex;
	width: 965px;
	height: 45px;
	background-color: #0067b3;
	padding: 0;
	position: relative;
}
.footer1_title {
	position: relative;
	line-height: 45px;
}
.footer1_title p {
	color: #fff;
	position: relative;
	z-index: 3;
}
.footer1_title:before {
	content: "";
	/*width: 75px;*/
	width: 88px;
	height: 100%;
	background-color: #00599d;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 2;
}
.footer1_title:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 45px 45px 0 0;
	border-color: #00599d transparent transparent transparent;
	right: -23px;
	top: 0;
	position: absolute;
	z-index: 2;
}
.footer1 ul li {
	/*width: 10%;*/
	/*height: 100%;*/
	line-height: 45px;
	padding: 0;
	position: relative;
	z-index: 3;
	box-sizing: border-box;
	height: auto;
	/*vertical-align: middle;*/
	flex: 1;
	flex-basis: inherit;
}
footer .footer2 {
	/*height: 77px;*/
	height: 45px;
	min-width: 1000px;
	padding: 0;
	/*background-image: url(/image/footer_bg.jpg);*/
	background-image: url(/image/Bg_footer_pattern.png);
	position: relative;
}
.footer2 ul {
	height: 45px;
	line-height: 45px;
	text-align: left;
	padding: 0;
	padding-left: 4px;
	margin: 0;
}
.footer2 ul li {
	height: 100%;
	position: relative;
}
.footer2 ul li:not(:first-child):before {
	content: "";
	width: 1px;
	height: 21px;
	background-color: #fff;
	top: 11px;
	left: 0;
	position: absolute;
}
.copyright {
	top: 5px;
	right: 5px;
	font-size: 14px;
	color: #fff;
	position: absolute;
}
/* 2017.04.05 - Martin - 調整 footer ENd */

/* 2025.02.07 - CSS格式調整 Style Start */
.auto-style1 {
	text-align: right;
	letter-spacing: 0em;
}

.fileP {
	padding: 10px 0px 0px 120px;
	position: relative;
	top: -30px;
}
/* 2025.02.07 - CSS格式調整 Style End */

/* 2025.02.07 - IE Alert Style Start */
.popup_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	min-width: 100%;
	background-color: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	z-index: 121;
	display: none;
}

.pop {
	position: absolute;
	top: 180px;
	transform: translateX(-50px);
	left: 50%;
	margin: 0 -300px;
	width: 600px;
	padding: 40px;
	background-color: #fff;
	z-index: 999;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	display: none;
}

	.pop h6 {
		text-align: center;
		font-size: 24px;
		border-bottom: 1px solid #efefef;
		padding: 0 0 10px;
		margin: 0 0 10px;
		color: #0280cd;
	}

	.pop p {
		text-align: justify;
		text-justify: distribute;
	}

	.pop .close {
		text-align: center;
	}

		.pop .close a {
			width: 145px;
			height: 40px;
			text-align: center;
			line-height: 42px;
			display: inline-block;
			margin-top: 20px;
			text-align: center;
			color: #0081cc;
			border: 1px solid #0081cc;
			border-radius: 3px;
			transition: all 0.3s;
			opacity: 1;
		}
/* 2025.02.07 - IE Alert Style End */