html,
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6,
ul, ol, dl, li, dt, dd, p, blockquote, pre,
form, fieldset, table, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: middle;
    font-weight: normal;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
	display: block;
}
:lang(en) p {
	font-family: arial, sans-serif;
}
:lang(zh-Hant) p {
    font-family: 'Noto Sans TC', sans-serif;
	line-height: 1.6;
}
body {
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, BlinkMacSystemFont, 微軟正黑體, "Helvetica Neue", Arial;
    font-size: 30px;
    color: #DBD3C9;
	line-height: 1.4;
}
blockquote, q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* clearfix */
.clearfix { *zoom: 1; }
.clearfix::before,
.clearfix::after {
    display: block;
    line-height: 0;
    content:'';
    clear: both;
    visibility:hidden; 
    /* 允許瀏覽器渲染它，但是不顯示出來 */
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
}
/*purpose To enable resizing for IE */
/*branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;}
ol, ul, li {list-style: none;}
:link, :visited , ins {text-decoration: none;}
blockquote:before, blockquote:after, q:before, q:after
{content: ''; content: none;}
:focus {outline: 0;}
input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  vertical-align: middle;
}
button{
    border: 0;
}