@charset "utf-8";

/* GLOBAL STYLES */
html, body { margin: 0; padding: 0; }
body { background-color: rgb(174,164,145); color: #383838; font-size: 12px; font-family: 'Arial',sans-serif; }
a { color: #000; text-decoration: none; }
	a:hover { color: #df3e20; }
img { border: 0; }
.clear { clear: both; display: block; height: 0px; overflow: hidden; }
.left { float: left; }
.right { float: right !important; }
input, select, textarea, button { font-family: inherit; }
*:focus { outline: none; }
* { box-sizing: border-box; }
.center-y-x { color: #fff; font-size: 10px; text-align: center; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-80%); -moz-transform: translate(-50%,-80%); -ms-transform: translate(-50%,-80%); transform: translate(-50%,-80%); }
	.center-y-x img { display: block; margin: 0 auto 5px auto; }
.wrapper { width: 100%; text-align: center; padding: 0px 0px 30px 0px; position: fixed; bottom: 0; left: 0; }
	.wrapper .link { color: #fff; font-size: 17px; padding: 30px 20px 0px 0px; }
.feb { width: 205px; display: inline-block; border-right: 1px solid #fff; padding: 11px 43px 10px 0px; }
.mvg { width: 258px; display: inline-block; border-right: 1px solid #fff; padding: 11px 43px 7px 0px; margin-left: 45px; }
.gwb { width: 146px; display: inline-block; border-right: 1px solid #fff; padding: 11px 43px 10px 0px; margin-left: 45px; }
.tant { width: 170px; display: inline-block; border-right: 1px solid #fff; padding: 11px 43px 10px 0px; margin-left: 45px; }
.jt { width: 54px; display: inline-block; margin-left: 45px; }
.popup { width: 600px; height: 70%; display: none; background-color: rgb(174,164,145); padding: 35px 20px; position: fixed; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
	.popup .close { width: 28px; height: 28px; display: block; background-image: url('../img/close.png'); background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%; float: right; }
	.popup .heading { color: #fff; font-size: 22px; font-weight: 200; padding: 5px 0 20px 0px; margin: 0px; float: left; }
	.popup .text { line-height: 24px; color: #fff; font-size: 15px; font-weight: 200; overflow: hidden; position: absolute; left: 20px; top: 135px; bottom: 20px; right: 20px; }
		.popup .text a { color: #fff; }

.overlay { display: none; background-color: rgba(0,0,0,0.8); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; }
@media screen and (max-width: 1025px){
	.feb { width: 195px; padding: 11px 23px 8px 0px; }
	.mvg { width: 238px; padding: 11px 23px 7px 0px; margin-left: 25px; }
	.gwb { width: 126px; padding: 11px 23px 10px 0px; margin-left: 25px; }
	.tant { width: 150px; padding: 11px 23px 10px 0px; margin-left: 25px; }
	.jt { margin-left: 25px; }
}
@media screen and (max-width: 900px){
	.wrapper { padding-bottom: 20px; }

	.center-y-x { top: 25%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

	.feb { width: 195px; display: block; border-right: none; margin: 0 auto; }
	.mvg { width: 238px; display: block; border-right: none; margin: 0 auto; }
	.gwb { width: 126px; display: block; border-right: none; margin: 0 auto; }
	.tant { width: 150px; display: block; border-right: none; margin: 0 auto; }
	.jt { display: block; border-right: none; margin: 0 auto; }
}