@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
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; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {line-height: 1;}
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;}

/*--- Naka UI ---*/
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

/*--- Page Set ---*/
html {
	height:100%;
	margin:0px;
	padding:0px;
}
body {
	height:100%;
	margin:0px;
	padding:0px;
	/*font-family: ‘Noto Sans TC’, sans-serif; 100、300、400、500、700、900*/
    background: url('../images/bg.gif') top center #ce0000;
    font-family: 'Noto Sans TC' ,sans-serif;
	font-size:16px;
	color:#FFF;
	overflow:visible;
}
a {
	color:#FFF;
	text-decoration:none;
}
a:hover {
	color:#FFF;
}
::selection {
	background:#666;
	color:#FFF;
}
/*font-family: 'Noto Sans TC' ,sans-serif;*/
.center {text-align: center;}
.borderbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}


/*--- wrapper ---*/
.wrapper {
    width: 100%;
    max-width: 800px;
    margin: auto;
}



/*--- header ---*/
.header {
    width: 100%;
}
.header .pic img {
    width: 100%;
}


/*--- conatnt ---*/
.contant {
    width: 100%;
    margin: auto;
    line-height: 1.8;
    font-family: 'Noto Sans TC' ,sans-serif;
    text-align:justify;
}
.contant h2 {
    font-size: 1.75em;
    margin-bottom: 0.75em;
    color: #feed35;
}
.contant h3 {
    font-size: 1.25em;
    font-weight: 500;
    color: #feed35;
}
.contant p {
    margin-bottom: 0.8em;
}
.contant .pic img {
    width: 100%;
}
.contant1, .contant3 {
    background: #ab0000;
    margin-bottom: 5px;
    padding: 20px;
    font-size: 0.913em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.contant2 {
    margin-bottom: 5px;
}
.contant2 .pic {
    /*width: calc( 100% - 30px );*/
}
.contant3 {
    margin-bottom: 5px;
}
.contant3 .ans {
    margin-left: 1.5em;
    margin-bottom: 2em;
}
.contant4 {
    margin:2em 0;
    text-align: center;
    color: #000;
}
.contant4 .links {
    font-size:0.813em;
}
.contant4 .links a {
    color: #000;
    text-decoration: none;
}
.contant4 .links a:hover {
    color: #FFF;
    text-decoration: underline;
}
.contant4 .copyright {
    font-size:0.75em;
}

@media screen and (max-width: 880px) {
}