@charset "utf-8";
/* CSS Document */

/*--------------------------------------reset 此區塊請勿更動*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, /*p, */blockquote, pre,
/*a, */abbr, acronym, address, big, cite, code,
del, dfn, em, /*img,*/ ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, 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;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---------------------------------------------------------------------*/

a {color: #fff; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover {text-decoration:none;}
a:focus{ -moz-outline-style: none;}
 *:focus{outline:none;}

img {margin:0; padding:0; border:none;}

#head {width:960px; height:350px; margin:0 auto; padding:0;}
#head h1 { height:70px;background:url(images/feib_h1.jpg) no-repeat}
#head h2 { height:280px;}
#head h1, #head h2, #head h3 {width:960px; margin:0; padding:0; text-indent:-9999px; left:0;}
#content {width:960px; margin:0 auto; padding:0; background:url(images/bank_cbg.gif) repeat-y; text-align:left;}
#content .box a {display:block ;width:100% ;height:100% ;}

#content .side {
	float:left;
	width:250px;
	_width:245px;
	padding:10px 0;
	text-align:left;
}

#content .side img { margin:0 0 12px 10px}
#content .note {
	margin:10px 20px;
	padding:10px 20px;
	background-color:#EBEBEB;
	font-size:0.8em;
	line-height:1.6em;
	color:#666666;
}
#content .note li, #content .note ol ,#content .note strong{font-family:Arial,新細明體 !important;}

#content .note ol {margin:5px 0 10px 30px; padding:0; list-style:decimal;}
#content .note li {margin:3px 0; padding:0;}
#content .note li strong {color:#0027A4;}
#content .note strong {font-weight:bold;}
#content .note a:link, #content .note a:visited { color:#008f86; text-decoration: underline}
#content .note a:hover, #content .note a:active { text-decoration:none}
#content .note p {display:block; text-indent:-20px; padding:0px 0px 0px 20px;}

#content .warning {
	width:710px;
	height:70px;
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent:-9999px;
	background:url(images/warn.gif) no-repeat;
}
#content .warning a {display:block ;width:100% ;height:100% ;}

/* -----------------------------大於960px---------------------------- */

@media only screen and (min-width:960px) {
#content .main {
	width:710px;
    margin:0 0 0 250px;
	_margin:0 0 0 245px;
	padding:0;
	background:#FFFFFF;
}
#content .box {
	width:710px; margin:0 auto; padding:0; 
	white-space:nowrap; overflow:hidden; position:relative;}	
#content .box p{text-indent:-9999px;}
#content .box ol{list-style:none;}
#content .box strong, #content .ct0{display:none;}
}

/* -----------------------------手機版型---------------------------- */

@media screen and (max-width:959px) {
*{box-sizing:border-box;}	

html,body{-webkit-text-size-adjust:none;}

#content {
	min-width:320px;
	margin: 0 auto;
	background-color:#fd8060;
}
#head{
	height:auto;
	margin:0 auto;
	border:none;
	width:100%;
	padding-bottom:62.5%;		
	background-size:cover;
	background-position:center center;
	text-indent:-9999px;
}

h1, h2, h3 {display:none;}

#content .side {display:none;}
#content {width:100%; height:100%; margin:0 auto;}
#content .box{width:100%; margin:0 auto;}

#content .box li, #content .box ul, p, .m2{font-family:Arial,"新細明體" !important;}
#content .box strong, .m1, .st1, .st2{font-family:Arial,"微軟正黑體" !important;}
	
#content .box strong{font-size:16px; line-height:20px; display:block; color:#F8F7F7;
	                 margin:20px 20px 0 25px; padding:10px 20px 10px 30px;}
#content .box ol{margin:0 20px 0px 25px; padding:10px 20px 10px 30px; display:block; background-color:#FCF9F9;}
#content .box ul{margin:10px 20px 10px 25px; padding:0 0 0 10px; display:block;font-size:13px; line-height:20px;}
#content .box li{font-size:13px; line-height:18px;list-style:none;}
#content .box li a{color:#C603D1; text-decoration:underline;}
#content .box li a:hover{color:#0714FD;}
#content .box li p {display:block;text-indent:-13px; padding-left:10px}
#content .box li .m1 {font-size:15px; color:#F8070B;}
#content .box li .m2 {color:#0B4AB8; }
	
#content .box li .st1{font-size:16px; color:#0317B1; font-weight:bold;}
#content .box li .st2 a{
 width:100%;  border-radius:5px; margin:10px 0px 10px 0; padding:1px 1px; font-size:20px; line-height:35px; 
 color:#fff;  background-color:#154998; border:1px solid #154998; text-decoration:none;text-align:center;}					   					   
#content .box li .st2 a:hover{background-color:#ff663f; border:1px solid #ff663f; color:#fff;}
#content .box li .st2_1{font-size:15px; color:#fff;}
#content .box li .st3{color:#E00003;}

/*注意事項*/
#content .note {width:100%; margin:0 auto; padding:15px 20px;}
#content .warning {display:none;}
	
/*按紐列*/
.menu-btn {margin-top:0px;}