html,body,div,span,applet,object,iframe,p,a,abbr,acronym,address,big,cite,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6,code,pre,sub,sup,strong,b,i,u,blockquote
{
	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
}

html,body
{
	float:left;
	width:100%;
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}

b {
	font-weight: 700;
}

*
{
	outline:none;
	padding:0;
	box-sizing:border-box
}

img
{
	max-width:100%;
	height:auto
}

.row::before,.row::after
{
	content:'';
	display:table
}

.row::after
{
	clear:both
}

.row
{
	margin-left:-10px;
	margin-right:-10px;
	clear:both;
	display:flex;
	flex-wrap:wrap
}

.box,.col
{
	float:left;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box
}

.box
{
	padding-top:10px;
	padding-bottom:10px
}

.text-center
{
	text-align:center
}

.text-left
{
	text-align:left
}

.text-right
{
	text-align:right
}

ul,ol
{
	list-style:none
}

a
{
	text-decoration:none
}

.fl
{
	float:left
}

.fr
{
	float:right
}

.fn
{
	float:none
}

@media screen and (min-width: 1231px) {
	.container
	{
		width:1200px;
		margin:0 auto
	}
}

@media screen and (max-width: 1230px) {
	.container
	{
		float:left;
		width:100%
	}
}