﻿@charset "UTF-8";
/* header */
.header1{position:relative;height:50px;background:#006fe2;}
.header1 .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
.header1 .search:hover{background-color:#0067d2;}
.header1 .search span{display:none;}
.header1 .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.header1 .user-icon span{display:none;}
.header1 .user-icon:hover{background-color:#0067d2;}
.header1 .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

@media (min-width:100%){body{width:100%;margin:auto;}}

@media only screen and (max-width: 1366px) {
	.header{
		display:none;}
	.header1{
		display:block;
	}
}
@media only screen and (max-width: 1280px) {
	.header{
		display:none;}
	.header1{
		display:block;
	}
}
@media only screen and (max-width: 1024px) {
	.header{
		display:none;}
	.header1{
		display:block;
	}
}

@media only screen and (max-width: 768px) {
	.header{
		display:block;
	}
	.header1{
		display:block;
	}
	.i_xlcd{
	width:100%;
	position:static;
	bottom:-100px;
	left:3px;
	}
}
@media only screen and (max-width: 640px) {
	.header{
		display:block;
	}
	.header1{
		display:block;
	}
	.i_xlcd{
	width:100%;
	position:static;
	bottom:-100px;
	left:3px;
	}
}
@media only screen and (max-width: 480px) {
	.header{
		display:block;
	}
	.header1{
		display:block;
	}
	.i_xlcd{
	width:100%;
	position:static;
	bottom:-100px;
	left:3px;
	}
}
@media only screen and (max-width: 320px) {
	.header{
		display:block;
	}
	
	.i_xlcd{
	width:100%;
	position:static;
	bottom:-100px;
	left:3px;
	}
}

