html, body {max-width: 100%; overflow-x: hidden; font-weight: 500; letter-spacing: -0.5px; color: var(--black-color); scroll-behavior: smooth;}

:root {
	--white-color: #fff;
	--gray-color: #ccc;
	--gray500-color: #6e6e6f;
	--black-color: #252727;
	--primary-color: #18b9b4;
	--primary-h-color: #17a29e;
	--secondary-color: #eefcfc;
	--tertiary-color: #574129;
	--border-color: #ccc;

	--font-contitle: 60px;
	--font-contitle1: 50px;
	--font-contitle2: 34px;
	--font-header1: 30px;
	--font-header2: 24px;
	--font-title: 22px;
	--font-subtitle1: 20px;
	--font-subtitle2: 18px;
	--font-body1: 16px;
	--font-body2: 15px;
	--font-body3: 14px;
	--font-body4: 13px;
	--font-body5: 12px;
}

.sec-in {
	width: 1280px;
    margin: 0 auto;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.flex {
	display: flex;
}
.flex.center {
	align-items: center;
}
.half {
	width: 50%;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}

.paging {
	margin: 20px auto 40px;
	text-align: center;
}
.paging a {
    font-size: 18px;
	margin: 0 10px;
	opacity: 0.7;
	cursor: pointer;
}
.paging a.on {
    font-weight: 700;
}

#privacy .sec-in {
    padding: 150px 0;
}
#privacy .sub-title {
	margin-bottom: 40px;
	font-size: var(--font-header1);
	font-weight: bold;
	text-align: center;
}
#privacy h3, #privacy li {
	font-size: var(--font-basic);
	line-height: 1.4;
}
#privacy li > div {
	margin-top: 20px;
}
#privacy li strong {
	display: block;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #ddd !important;
    background: #f8f8f8 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid var(--primary-color) !important;
    background: var(--secondary-color) !important;
    color: var(--primary-color) !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid var(--primary-color) !important;
    background: var(--primary-color) !important;
    color: var(--white-color) !important;
}
.ui-widget-header {
	border: none !important;
	background: transparent !important;
}

@media all and (max-width:1281px){
	:root {
		--font-contitle: 54px;
		--font-contitle1: 44px;
		--font-contitle2: 30px;
		--font-header1: 28px;
		--font-header2: 22px;
		--font-title: 20px;
		--font-subtitle1: 18px;
		--font-subtitle2: 16px;
		--font-body1: 15px;
		--font-body2: 14px;
		--font-body3: 13px;
		--font-body4: 12px;
		--font-body5: 11px;
	}
}

@media all and (max-width:1025px){
	:root {
		--font-contitle: 48px;
		--font-contitle1: 38px;
		--font-contitle2: 28px;
		--font-header1: 26px;
		--font-header2: 20px;
		--font-title: 18px;
		--font-subtitle1: 17px;
	}
}

@media all and (max-width:877px){
	:root {
		--font-contitle: 42px;
		--font-contitle1: 32px;
		--font-contitle2: 24px;
		--font-header1: 22px;
		--font-header2: 19px;
		--font-title: 17px;
		--font-subtitle1: 16px;
	}
}

@media all and (max-width:641px){
	:root {
		--font-contitle: 38px;
		--font-contitle1: 28px;
		--font-contitle2: 22px;
		--font-header1: 20px;
		--font-header2: 17px;
		--font-title: 16px;
	}
}

@media all and (max-width:481px){
	:root {
		--font-contitle: 34px;
		--font-contitle1: 26px;
	}
}