@charset "UTF-8";

* {
	box-sizing:border-box;
}

html,body {
    padding: 0;
    margin: 0;
    width:100%;
    font-family: 'Roboto', sans-serif;
    box-sizing:border-box;
}

a {
    text-decoration: none;
    color:inherit;
}

ul { padding:0; margin:0;}
ul li{padding:0;margin:0;}

.clear:after {
	content: "";
	display: block;
	clear: both;
}

@media screen and (min-width:1224px) {
	
	.hd_wrap {
	width:100%;
	height:120px;
	border-bottom:1px solid #CCCCCC;
}
	
.container {
	width:1224px;
	margin:0 auto;
}

.header {
	width:1224px;
	height:120px;
	margin:0 auto;
}	

.header > .logo {
	float:left;
	margin-top:46px;
}

.header > .menu {
	float:right;
	margin-top:50px;
	list-style:none;
}

.header > .menu > li {
	float:left;
	margin-right:98px;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
}

.header > .menubar {
	display:none;
}

.mg-top-33 {
	margin-top:33px;
}

.mg-top-160 {
	margin-top:160px;
}

.mg-top-80 {
	margin-top:80px;
}

}


@media screen and (max-width:1224px) and (min-width:320px) {
	
.header {
	width:100%;
	height:80px;
	padding:26px;
	background-color:#ffffff;
	border-bottom:1px solid #CCCCCC;
	position:fixed;
	top:0;
	z-index:3;
}

.header > .logo {
	float:left;
}

.header > .menu {
	display:none;
}

.header > .menubar {
	float:right;
	margin-top:6px;
}

.container {
	width:100%;
	padding-left:16px;
	padding-right:16px;
}
	
	
}