@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/citi_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/cbg.gif) repeat-y; text-align:left;}
#content .box a {display:block ;width:100% ;height:100%;}
#content .side {float:left; width:250px; _width:245px; text-align:center;}
#content .side img { margin-top: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 strong {font-weight:bold;}
#content .note li strong {color:#0830C7;}
#content .note p {display:block; text-indent:-25px; padding:0px 0px 0px 25px; margin:0px;}
#content .note a:link, #content .note a:visited { color:#bc630a; text-decoration: underline}
#content .note a:hover, #content .note a:active { text-decoration:none}
#content .warning {width:710px; height:85px; margin:0; padding:0; overflow:hidden; text-indent:-2000px;background:url(images/warn.gif) no-repeat;}
#content .warning a {display:block ;width:100% ;height:100% ;}

/* ---------------------- Back to top button --------------------- */
#back-top {
		width: 25px;
		height: 25px;
		display: none;
		position: fixed;
		bottom: 50px;
		left: 50%;
		margin-left: 495px;
		padding: 8px;
		font-size:12px;
		line-height: 13px;
		text-align: center;
		color:#00a3e0;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;    
		background:white;
		cursor: pointer;
		box-shadow:0 0 10px #ccc;
		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
		box-sizing:content-box;	
	}


/* -----------------------------最小寬度960px---------------------------- */

@media only screen and (min-width:960px) {
#content .main {
	width:710px;
    margin:0 0 0 250px;
	_margin:0 0 0 246px;
	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, .m1_1, .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;line-height:20px;}
#content .box ol{margin:0 20px 20px 25px; padding:10px 20px 10px 30px; display:block; background-color:#FCF9F9;}
#content .box ul{margin:0 20px 20px 25px; padding:0 0 0 10px; display:block;font-size:13px; line-height:20px;}
#content .box li{font-size:13px; line-height:25px;}
#content .box li a{font-size:15px; color:#C603D1; text-decoration:underline;}
#content .box li a:hover{color:#0714FD;}
#content .box li p{display:block; text-indent:-13px; padding-left:10px; margin:0px;}
#content .box li .m1 {font-size:15px; color:#F8070B; }
#content .box li .m2 {color:#0B4AB8;}

#content .box li .st1{font-size:16px; color:#0317B1 ;}
#content .box li .st2 a{
 width:100%;  border-radius:5px; margin:10px 0px 18px 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;}	

/*注意事項*/
#content .note {width:100%; margin:0 auto; padding:15px 20px;}
#content .warning {display:none;}

/*按紐列*/
.menu-btn {margin-top:0px;}	

/*內文圖片伸縮*/
.location, .location2, .location3, .location4{
height:auto; margin:0 auto; border:none; width:100%; padding-bottom:73%; background-size:cover; background-position:center center;}	
}