/* ---------- all ---------- */
	.container{
		width: 62.5%;
		margin:90px auto 0;
		padding: 63px 0;
		/*max-width: 1200px;*/
	}

	.sort{
		display: inline-block;
		vertical-align: top;
		margin-right: 6%;
		width: 26.5%;
		min-height: 702px;
	}
	.main{
		display: inline-block;
		vertical-align: top;
		width: 66%;
	}
	img{
		max-width: 850px;
		/*text-align: center;*/
		display: block;
		margin:0 auto !important;
	}
/* ---------- END all ---------- */

/* ---------- left ---------- */
	h3.txt_orange,
	h3.txt_blue{
		margin-bottom:7px;
		letter-spacing: 0;
	}
	.method{
		margin-bottom: 52px;
		vertical-align: top;
	}
	.btn_sort{
		width: 100%;
		height: auto;
		font-size: 1em;
		font-weight: normal;
		line-height: 26px;
		letter-spacing: 0;
		padding-left: 20px;
		padding-right: 30px;
		cursor:pointer;
	}
	.cate{
		margin-bottom: 5px;
		background:white;
		border:2px solid #E88400;
		color:#E88400;
	}
	.cate:hover{
		background:rgba(232,132,0,.2);
	}
	.cate.active{
		background:#E88400;
		color:white;
	}
	.cate .icon{
		display: none;
	}
	.icon.flip{
		-webkit-transform: scaleY(-1);
		   -moz-transform: scaleY(-1);
		    -ms-transform: scaleY(-1);
		     -o-transform: scaleY(-1);
		        transform: scaleY(-1);
	}
	.search, .datepick{
		width: 100%;
		position: relative;
		
	}
	input[type="text"]{
		width: calc(100% - 92px);
		height: 36px;
		font-size: 1em;
		border:2px solid #E88400;
		box-sizing: border-box;
		padding: 2px 5px;
	}
	input[type="text"]:focus{
		outline:2px solid #E88400;
	}
	
	.from, .to{
		display: inline-block;
	}
	input[type="number"]{
		height: 36px;
		font-size: 1em;
		color:#E88400;
		border:2px solid #E88400;
		box-sizing: border-box;
		padding: 2px 0 2px 5px;
		-moz-appearance: textfield; /*firefox remove spinner*/
	}
	input[type="number"]:hover,
	input[type="number"]:focus {  /*firefox remove spinner*/
		-moz-appearance: number-input;
	}
	html:not([dir="rtl"]) input {	/*opera remove spinner*/
		text-align: left;
	}
	input[type="number"]:focus{
		outline:2px solid #E88400;
	}
	input[type="number"].year{
		width: 54px;
	}
	input[type="number"].month{
		width: 34px;
	}
	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button { /*chrome remove spinner*/
		-webkit-appearance: none; 
		margin: 0; 
	}
	.datepick p{
		display: inline-block;
		margin:0;
	}
	
	button[type="submit"]{
		width: 90px;
		height: 36px;
		color:white;
		font-size: 1em;
		vertical-align: top;
		background: #E88400;
		border:2px solid #E88400;
		outline: none;
		margin-left:-4px;
		cursor: pointer;
		text-align: left;
		padding-left:7px;
		box-sizing: border-box;
		position: relative;
	}
	button[type="submit"].btn_search{
		margin-left: 4px;
		position: absolute;
		right: 0;
	}
	.icon{
		width:21px;
		height:21px;
		display:inline-block;
		position: absolute;
		top: 6px;
		right: 12px;
	}
	.btn>span {
		display: inline-block;
		top: 8px;
	}
/* ---------- END left ---------- */

/* ---------- main ---------- */
	.main img{
		width: 100%;
	}
	figure{
		position: relative;
		margin:16px 0;
	}
	figure:hover:after{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background:#0095DB;
		opacity:0.5;
		z-index: 2;
		animation: fadeIn .5s forwards;
	}

	h2{
		margin-bottom: .7em;
	}
	h4{
		font-size: 1.5em;
		font-weight: bold;
	}
	.news{
		padding-bottom: 25px;
		border-bottom: 2px solid #AAAAAB;
		margin-bottom:55px;
	}
	.news:nth-last-child(2){
		border-bottom: none;
		margin-bottom:150px;
	}
	.main .content{
		position: relative;
		width: 74%;
		display: inline-block;
		vertical-align: top;
		/*background: #eee;*/
	}
	.main .right{
		width: 25%;
		height: 40px;
		display: inline-block;
		vertical-align: bottom;
		position: relative;
		/*background: #eee;*/
	}
	.btn_blue{
		position: absolute;
		right: 0;
		bottom: 0;
	}

	video{
		width: 100%;
	}
/* ---------- END main ---------- */

/* ---------- RWD ---------- */
	@media only screen and (max-width: 1850px){
		.datepick p{
			margin:0;
		}
	}
	@media only screen and (max-width: 1800px){
		
		button[type="submit"].btn_search{
			margin:15px 0 0 0;
			bottom: -44px;
		}
		.datepick p{
			margin:0;
		}
		input[type="number"].year{
			text-align: center;
			padding-left: 0;
			/*min-width: 54px;*/
		}
		input[type="number"].month{
			text-align: center;
			padding-left: 0;
			/*min-width: 34px;*/
		}
	}
	@media only screen and (max-width: 1550px){
		.container{
			width: 85%;
		}
	}
	@media only screen and (max-width: 768px){
		#menu li a {
			color:white;
		}
		#menu li.active:after {
			background:white;
		}
		.container{
			padding-top:0;
		}
		.sort, .main{
			display: block;
			width: 100%;
		}
		.sort{
			margin-bottom: 50px;
		}
		.method{
			display: block;
			width:100%;
			margin-bottom: 10px;
		}
		button[type="submit"].btn_search{
			margin:0;
			position: absolute;
			top: 0;
		}
		.main .right{
			width: 100%;
		}
	}
	@media only screen and (max-width: 370px){
		button[type="submit"].btn_search{
			position: relative;
			margin-top:10px;
		}
	}
/* ---------- END RWD ---------- */