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

/* 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;

	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* outline-off */
  a {	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */
	}

	a:link {text-decoration: none; }
 	a:visited {text-decoration: none; }
	a:hover {text-decoration: none; }
	a:active {text-decoration: none; } 


/* GENERAL ------------------------------------------------------------*/



.clearfix:after,
.clearfix:before {
	content:"";
    display:table;
}   
    
.clearfix:after {
	clear:both;
}

.clearfix {
    zoom:1;
}




/*这行代码对于大多数嵌入网页的图片+视频有效，所以可以写成*/
img, object { max-width: 100%; border:0;}

/*老版本的IE不支持max-width，所以只好写成*/
img { width: 100%; border:0;}
img { -ms-interpolation-mode: bicubic; border:0;}



html {
    font-family: "微軟正黑體", "Microsoft JhengHei", "PMingLiU", "新細明體", "MingLiU", "標楷體", "DFKai-sb", Arial, Helvetica, FreeSans, sans-serif;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #cc1415;
    margin: 0;
    padding: 0;
    background: url(../../Images/Apps/bg.jpg) center center fixed repeat-y;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#main {
    width: 100%;
    position: relative;
    margin-top: 120px;
}

body {
    padding-bottom:40px;
}

#main p {
	font-size:2.3em;
	letter-spacing:0.1em;
	font-family:"微軟正黑體";
	text-align:center;
	color:white;
}

#logo {
	width:100%;
	position:relative;
	margin:0 auto;
}

#link {
	width:100%;
	position:relative;
	margin:0 auto;
}

.img-t {margin-top:10px;}
@media screen and (min-width: 320px) {
	#logo {width:35%;}
	#link {width:80%;}
	#main p {font-size:1.4em;}
}

@media screen and (min-width: 768px) {
	#logo {width:25%;}
	#link {width:55%;}
	#main p {font-size:1.8em;}
}

@media screen and (min-width: 960px) {
	#logo {width:18%;}
	#link {width:50%;}
	#main p {font-size:1.9em;}
}

@media screen and (min-width: 1024px) {
	#logo {width:224px;}
	#link {width:581px;}
	#main p {font-size:2.3em;}
}