@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/cathay_h1.jpg) no-repeat}
#head h2 { height:280px;}

#head h1, #head h2, #head h3 {width:960px; margin:0; padding:0; text-indent:100%; white-space:nowrap; overflow:hidden; left:0;}
#content {width:960px; margin:0 auto; padding:0; background:url(images/0_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:6px 0; padding:0;border:none;}

#content .warning {
	width:710px;
	height:90px;
    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 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;}
}
/* ---------------------- 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;	
	}


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

@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, .m3{font-family:Arial,"新細明體" !important;}
#content .box strong, .m1, .m1_1, .st1, .st2, .st3{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 20px 25px; padding:10px 40px 10px 40px; 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:22px;}
#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:10p; margin:0px;}
#content .box li .m1 {font-size:15px; color:#F8070B;}
#content .box li .m2 {color:#154998;}
#content .box li .m3 {color:#767677;}
	
#content .box li .st1{font-size:16px; color:#0317B1;}
#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{color:#F90307; font-size:19px;}	
#content .box li .st3{font-size:20px; color:#FF0509}

/*注意事項*/
#content .warning {display:none;}

/*按鈕列*/
.menu-btn {margin-top:0px;}
}
	
/*內文輪播伸縮圖*/
.tab-pane{position:relative; margin: 0 auto;}

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