/* HTML Elements */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, q, fieldset, dl, dt, dd, iframe, table, tbody, thead, td, th, address, legend {
	margin:0;
	padding:0;
	font-size: 1.0em;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

/* HTML5 Elements */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { 
    display: block;
}

/* iOS overrides hightlight color show when the user taps a link */
* { 
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Prevent iOS from adjusting text while changing orientation */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

@font-face {
	font-family: 'SiYuan';
	src: url('/static/fonts/SourceHanSansCN-Light.otf') format("opentype");
	font-weight: 300;
}

@font-face {
	font-family: 'SiYuan';
	src: url('/static/fonts/SourceHanSansCN-Regular.otf') format("opentype");
	font-weight: normal;
}

@font-face {
	font-family: 'SiYuan';
	src: url('/static/fonts/SourceHanSansCN-Bold.otf') format("opentype");
	font-weight: bold;
}

body { 
	font-size: 12px;
	font-family: 'SiYuan', Hiragino Sans GB, Microsoft Yahei, 'Roboto', Aria;
}

h1, h2, h3, h4, h5 {
	margin: 0;
}

blockquote {
	margin: 0 2.5em 1.5em 2.5em;
	font-style: oblique;
}
q { font-style: oblique; }

a img, :link img, :visited img { 
	border: none;
}

a {
	background: transparent; /* prevents grey brackground IE10 */
	outline: 0;
}

/* IE8/9/10 padding fixes */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

label, button { 
	cursor: pointer;
}

/* Standard buttons */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button,
input {
	line-height: normal;
}

/* Button: disabled state */
button[disabled],
input[disabled] {
    cursor: default;
}

/* Firefox reset (removes extra user Agent padding left and right of a button */
input::-moz-focus-inner,
button::-moz-focus-inner { 
	border: 0;
	padding: 0;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.box-container {
    margin: 0 auto;
    max-width: 1500px;
    width: 100%;
    box-sizing: border-box;
}
.wrapper {
    padding-left: 32px;
    padding-right: 32px;
}

.width-100 {
    width: 100%;
}

.swiper-button-next, .swiper-button-prev {
	color: white;
	outline: none;
}

.flex {
	display: flex;
}

h2 {
	font-size: 54px;
	font-weight: normal;
}

h1, h3, h4, h5 {
	font-weight: normal;
}

@media screen and (max-width: 500px) {
    .wrapper {
        padding-left: 8px;
		padding-right: 8px;
		box-sizing: border-box;
    }
}