* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body, html {
	position: relative;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	color: #000;
	width: 100%;
	background-color: #FFF;
	padding: 0;
	margin: 0;
}a {
	color: inherit;
	text-decoration: none;
}a:hover {
	color: inherit;
	text-decoration: none;
}
::-webkit-scrollbar {
	width: 12px;
}::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}::-webkit-scrollbar-thumb {
	background: #dce0df;
}::-webkit-scrollbar-track {
	background: none;
}::-webkit-scrollbar-track:hover {
	background: #DDD;
}



#loading {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
}#loading .loading {
	width: 300px;
}.fitt {
	height: inherit;
}.border {
	border: 1px solid #FF0032;
}
.banner {
	position: relative;
}.banner h1 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 60px;
	color: #FFF;
	padding: 0;
	margin: 0;
	font-family: 'Old Standard TT';
	text-align: center;
}.banner h1 span {
	text-align: center;
	font-size: 30px;
}.image_cover {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}.image_contain {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: contain;
}



.ff {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}.fcl {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}.fcr {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}.ftr {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}.fcc {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}.flb {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}.fbr {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}.fbl {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}.fbc {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;	
}.frt {
	position: relative;
	display: flex;
	align-items: flex-top;
	justify-content: flex-end;	
}.img_cc img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}




/*
.inp1 {
	position: relative;
	border: 1px solid #d9d9d9;
	min-height: 50px;
	border-radius: 4px;
	margin-bottom: 30px;
}.inp1:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 50px;
	border-right: 1px solid #d9d9d9;
}.inp1 input {
	position: absolute;
	left: 60px;
	top: 50%;
	width: calc(100% - 80px);
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	transform: translateY(-50%);
	border: none;
	outline: none;
}.inp1 select {
	position: absolute;
	left: 60px;
	top: 50%;
	width: calc(100% - 80px);
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	transform: translateY(-50%);
	border: none;
	outline: none;
}.inp1 i {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}.inp1 textarea {
	position: relative;
	left: 60px;
	top: 50%;
	width: calc(100% - 80px);
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	border: none;
	padding: 10px 0;
	outline: none;
	resize: none;
}
*/





#mask {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	background-color: rgba(0,0,0,.6);
	display: flex;
	justify-content: center;
	align-items: center;
}#mask .confirm {
	position: relative;
    width: 500px;
    height: min-content;
    background-color: #FFF;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
}#mask .confirm .header {
    position: relative;
    height: 64px;
    display: grid;
    grid-template-columns: auto auto;
    border-bottom: 1px solid #e3eaef;
    color: #37474f;
    font-weight: 400;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 20px;
}#mask .confirm .header div:nth-child(1) {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}#mask .confirm .header div:nth-child(2) {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}#mask .confirm .content {
    position: relative;
    padding: 20px;
    font-size: 14px;
}#mask .confirm .footer {
    position: relative;
    height: 54px;
    border-top: 1px solid #e3eaef;
    color: #37474f;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: 12px;
    margin-right: 12px;
}#mask .confirm .footer div {
    position: relative;
    width: min-content;
    height: 43px;
    border-radius: 2px;
    white-space: nowrap;
    border: none;
    color: #FFF;
    padding: 0px 40px;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
}#mask .confirm .footer .confirm_true {
	background-color: #ff5252;
}#mask .confirm .footer .confirm_true:hover {
	background-color: #ff3d3d;
}#mask .confirm .footer .confirm_false {
	background-color: #6c757d;
}#mask .confirm .footer .confirm_false:hover {
	background-color: #5a6268;
}#mask .confirm .confirm_close {
	position: relative;
	font-size: 16px;
	color: #555;
	cursor: pointer;
}#mask .confirm .confirm_close:hover {
	color: #000;
}









.dektop {
	display: block;
}.mobil {
	display: none;
}
.area {
	position: relative;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}.area_1150 {
	position: relative;
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
}.area_80 {
	position: relative;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width:1820px) {
	
}
@media only screen and (max-width:1620px) {
	
}
@media only screen and (max-width:1420px) {
	
}
@media only screen and (max-width:1080px) {
	.area {
		width: 100%;
		max-width: 100%;
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media only screen and (max-width:900px) {
	.area_80 {
		max-width: calc(100% - 20px);
		width: 100%;
		margin-left: 10px;
		margin-right: 10px;
	}.dektop {
		display: none;
	}.mobil {
		display: block;
	}.banner h1 {
		font-size: 32px;
	}.banner {
		height: 150px;
	}.banner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}.banner h1 span {
		font-size: 20px;
	}#loading .loading {
		width: 50%;
	}
}