.blinker-me {
	-webkit-animation-name: blinker;
	-moz-animation-name: blinker;
	-ms-animation-name: blinker;
	animation-name: blinker;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

blockquote {
	margin: 0px;
}

.blinker-me-stop {
	-webkit-animation-name: none;
	-moz-animation-name: none;
	-ms-animation-name: none;
	animation-name: none;
}

@-webkit-keyframes blinker {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes blinker {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@-ms-keyframes blinker {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes blinker {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@keyframes blinker {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

.fadein-me {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-ms-animation-name: fadein;
	animation-name: fadein;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-moz-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-ms-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-o-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeout-me {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	-ms-animation-name: fadeout;
	animation-name: fadeout;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-moz-keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-ms-keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-o-keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.shake-me {
	-webkit-transform-origin: 50% 10%;
	-moz-transform-origin: 50% 10%;
	-ms-transform-origin: 50% 10%;
	transform-origin: 50% 10%;
	-webkit-animation-name: shaker;
	-moz-animation-name: shaker;
	-ms-animation-name: shaker;
	animation-name: shaker;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);
	-moz-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);
	-ms-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);
	animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes shaker {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg);
		opacity: 0.5;
	}

	60% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		transform: rotate(10deg);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}
}

@-moz-keyframes shaker {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg);
		opacity: 0.5;
	}

	60% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		transform: rotate(10deg);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}
}

@-ms-keyframes shaker {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg);
		opacity: 0.5;
	}

	60% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		transform: rotate(10deg);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}
}

@-o-keyframes shaker {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg);
		opacity: 0.5;
	}

	60% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		transform: rotate(10deg);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes shaker {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg);
		opacity: 0.5;
	}

	60% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		transform: rotate(10deg);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}
}

.rotate-me {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation-name: rotator;
	-moz-animation-name: rotator;
	-ms-animation-name: rotator;
	animation-name: rotator;
	-webkit-animation-duration: 2.5s;
	-moz-animation-duration: 2.5s;
	-ms-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	25% {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0.75;
	}

	50% {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
		opacity: 0.55;
	}

	75% {
		-webkit-transform: rotate(-270eg);
		-moz-transform: rotate(-270eg);
		-ms-transform: rotate(-270eg);
		transform: rotate(-270eg);
		opacity: 0.75;
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
		opacity: 1;
	}
}

@-moz-keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	25% {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0.75;
	}

	50% {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
		opacity: 0.55;
	}

	75% {
		-webkit-transform: rotate(-270eg);
		-moz-transform: rotate(-270eg);
		-ms-transform: rotate(-270eg);
		transform: rotate(-270eg);
		opacity: 0.75;
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
		opacity: 1;
	}
}

@-ms-keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	25% {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0.75;
	}

	50% {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
		opacity: 0.55;
	}

	75% {
		-webkit-transform: rotate(-270eg);
		-moz-transform: rotate(-270eg);
		-ms-transform: rotate(-270eg);
		transform: rotate(-270eg);
		opacity: 0.75;
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
		opacity: 1;
	}
}

@-o-keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	25% {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0.75;
	}

	50% {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
		opacity: 0.55;
	}

	75% {
		-webkit-transform: rotate(-270eg);
		-moz-transform: rotate(-270eg);
		-ms-transform: rotate(-270eg);
		transform: rotate(-270eg);
		opacity: 0.75;
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
		opacity: 1;
	}
}

@keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	25% {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0.75;
	}

	50% {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
		opacity: 0.55;
	}

	75% {
		-webkit-transform: rotate(-270eg);
		-moz-transform: rotate(-270eg);
		-ms-transform: rotate(-270eg);
		transform: rotate(-270eg);
		opacity: 0.75;
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
		opacity: 1;
	}
}

.selectorDummy {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 1.5em;
	-moz-column-gap: 1.5em;
	column-gap: 1.5em;
	-webkit-column-rule: 2px solid hotpink;
	-moz-column-rule: 2px solid hotpink;
	column-rule: 2px solid hotpink;
}

.aObj {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.some-selector {
	display: block;
}

.item-1 {
	width: 2em;
}

.item-2 {
	width: 4em;
}

.item-3 {
	width: 6em;
}

.some-selectorA {
	-webkit-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	-ms-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}

.glass {
	border: 1px solid red;
	position: absolute;
	left: 0px;
	width: 400px;
	height: 400px;
	overflow: auto;
	margin: 50px;
}

.float-me {
	margin-left: 30px;
	margin-top: 5px;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: translatey(0px);
	-webkit-animation-name: floator;
	-moz-animation-name: floator;
	-ms-animation-name: floator;
	animation-name: floator;
	-webkit-animation-duration: 6s;
	-moz-animation-duration: 6s;
	-ms-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes floator {
	0% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}

	65% {
		-webkit-transform: translate(-20px, -10px) scale(0.95);
		-moz-transform: translate(-20px, -10px) scale(0.95);
		-ms-transform: translate(-20px, -10px) scale(0.95);
		transform: translate(-20px, -10px) scale(0.95);
		opacity: .5;
		filter: alpha(opacity=50);
		zoom: 1;
	}

	100% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}
}

@-moz-keyframes floator {
	0% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}

	65% {
		-webkit-transform: translate(-20px, -10px) scale(0.95);
		-moz-transform: translate(-20px, -10px) scale(0.95);
		-ms-transform: translate(-20px, -10px) scale(0.95);
		transform: translate(-20px, -10px) scale(0.95);
		opacity: .5;
		filter: alpha(opacity=50);
		zoom: 1;
	}

	100% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}
}

@-ms-keyframes floator {
	0% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}

	65% {
		-webkit-transform: translate(-20px, -10px) scale(0.95);
		-moz-transform: translate(-20px, -10px) scale(0.95);
		-ms-transform: translate(-20px, -10px) scale(0.95);
		transform: translate(-20px, -10px) scale(0.95);
		opacity: .5;
		filter: alpha(opacity=50);
		zoom: 1;
	}

	100% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}
}

@-o-keyframes floator {
	0% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}

	65% {
		-webkit-transform: translate(-20px, -10px) scale(0.95);
		-moz-transform: translate(-20px, -10px) scale(0.95);
		-ms-transform: translate(-20px, -10px) scale(0.95);
		transform: translate(-20px, -10px) scale(0.95);
		opacity: .5;
		filter: alpha(opacity=50);
		zoom: 1;
	}

	100% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}
}

@keyframes floator {
	0% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}

	65% {
		-webkit-transform: translate(-20px, -10px) scale(0.95);
		-moz-transform: translate(-20px, -10px) scale(0.95);
		-ms-transform: translate(-20px, -10px) scale(0.95);
		transform: translate(-20px, -10px) scale(0.95);
		opacity: .5;
		filter: alpha(opacity=50);
		zoom: 1;
	}

	100% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}
}

.floating {
	float: left;
	-webkit-animation-name: Floatingx;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: Floating;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	margin-left: 30px;
	margin-top: 5px;
}

@-webkit-keyframes Floatingx {
	from {
		-webkit-transform: translate(0, 0px);
	}

	65% {
		-webkit-transform: translate(0, 15px);
	}

	to {
		-webkit-transform: translate(0, 0px);
	}
}

@-moz-keyframes Floating {
	from {
		-moz-transform: translate(0, 0px);
	}

	65% {
		-moz-transform: translate(0, 15px);
	}

	to {
		-moz-transform: translate(0, 0px);
	}
}

.scaling {
	float: left;
	-webkit-animation-name: scalex;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: scale;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes scalex {
	from {
		-webkit-transform: scale(0.9);
	}

	65% {
		-webkit-transform: scale(1);
	}

	to {
		-webkit-transform: scale(0.9);
	}
}

@-moz-keyframes scale {
	from {
		-moz-transform: scale(0.9);
	}

	65% {
		-moz-transform: scale(1);
	}

	to {
		-moz-transform: scale(0.9);
	}
}

@media (max-width: 1280px) {
	.desktop {
		display: inline-block;
	}

	.mobile {
		display: none;
	}
}

@media (max-width: 768px) {
	.desktop {
		display: none;
	}

	.mobile {
		display: inline-block;
	}
}

.blinker-me {
	-webkit-animation-name: blinker;
	-moz-animation-name: blinker;
	-ms-animation-name: blinker;
	animation-name: blinker;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.blinker-me-stop {
	-webkit-animation-name: none;
	-moz-animation-name: none;
	-ms-animation-name: none;
	animation-name: none;
}

@-webkit-keyframes blinker {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes blinker {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@-ms-keyframes blinker {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes blinker {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@keyframes blinker {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

.fadein-me {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-ms-animation-name: fadein;
	animation-name: fadein;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-moz-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-ms-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-o-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeout-me {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	-ms-animation-name: fadeout;
	animation-name: fadeout;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-moz-keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-ms-keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-o-keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.shake-me {
	-webkit-transform-origin: 50% 10%;
	-moz-transform-origin: 50% 10%;
	-ms-transform-origin: 50% 10%;
	transform-origin: 50% 10%;
	-webkit-animation-name: shaker;
	-moz-animation-name: shaker;
	-ms-animation-name: shaker;
	animation-name: shaker;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);
	-moz-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);
	-ms-animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);
	animation-timing-function: cubic-bezier(0.94, 0.06, 0.05, 0.95);
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes shaker {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg);
		opacity: 0.5;
	}

	60% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		transform: rotate(10deg);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}
}

@-moz-keyframes shaker {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg);
		opacity: 0.5;
	}

	60% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		transform: rotate(10deg);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}
}

@-ms-keyframes shaker {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg);
		opacity: 0.5;
	}

	60% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		transform: rotate(10deg);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}
}

@-o-keyframes shaker {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg);
		opacity: 0.5;
	}

	60% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		transform: rotate(10deg);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes shaker {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg);
		opacity: 0.5;
	}

	60% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		transform: rotate(10deg);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}
}

.rotate-me {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation-name: rotator;
	-moz-animation-name: rotator;
	-ms-animation-name: rotator;
	animation-name: rotator;
	-webkit-animation-duration: 2.5s;
	-moz-animation-duration: 2.5s;
	-ms-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	25% {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0.75;
	}

	50% {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
		opacity: 0.55;
	}

	75% {
		-webkit-transform: rotate(-270eg);
		-moz-transform: rotate(-270eg);
		-ms-transform: rotate(-270eg);
		transform: rotate(-270eg);
		opacity: 0.75;
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
		opacity: 1;
	}
}

@-moz-keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	25% {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0.75;
	}

	50% {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
		opacity: 0.55;
	}

	75% {
		-webkit-transform: rotate(-270eg);
		-moz-transform: rotate(-270eg);
		-ms-transform: rotate(-270eg);
		transform: rotate(-270eg);
		opacity: 0.75;
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
		opacity: 1;
	}
}

@-ms-keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	25% {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0.75;
	}

	50% {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
		opacity: 0.55;
	}

	75% {
		-webkit-transform: rotate(-270eg);
		-moz-transform: rotate(-270eg);
		-ms-transform: rotate(-270eg);
		transform: rotate(-270eg);
		opacity: 0.75;
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
		opacity: 1;
	}
}

@-o-keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	25% {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0.75;
	}

	50% {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
		opacity: 0.55;
	}

	75% {
		-webkit-transform: rotate(-270eg);
		-moz-transform: rotate(-270eg);
		-ms-transform: rotate(-270eg);
		transform: rotate(-270eg);
		opacity: 0.75;
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
		opacity: 1;
	}
}

@keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		opacity: 1;
	}

	25% {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0.75;
	}

	50% {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
		opacity: 0.55;
	}

	75% {
		-webkit-transform: rotate(-270eg);
		-moz-transform: rotate(-270eg);
		-ms-transform: rotate(-270eg);
		transform: rotate(-270eg);
		opacity: 0.75;
	}

	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
		opacity: 1;
	}
}

.selectorDummy {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 1.5em;
	-moz-column-gap: 1.5em;
	column-gap: 1.5em;
	-webkit-column-rule: 2px solid hotpink;
	-moz-column-rule: 2px solid hotpink;
	column-rule: 2px solid hotpink;
}

.aObj {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.some-selector {
	display: block;
}

.item-1 {
	width: 2em;
}

.item-2 {
	width: 4em;
}

.item-3 {
	width: 6em;
}

.some-selectorA {
	-webkit-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	-ms-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}

.glass {
	border: 1px solid red;
	position: absolute;
	left: 0px;
	width: 400px;
	height: 400px;
	overflow: auto;
	margin: 50px;
}

.float-me {
	margin-left: 30px;
	margin-top: 5px;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: translatey(0px);
	-webkit-animation-name: floator;
	-moz-animation-name: floator;
	-ms-animation-name: floator;
	animation-name: floator;
	-webkit-animation-duration: 6s;
	-moz-animation-duration: 6s;
	-ms-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes floator {
	0% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}

	65% {
		-webkit-transform: translate(-20px, -10px) scale(0.95);
		-moz-transform: translate(-20px, -10px) scale(0.95);
		-ms-transform: translate(-20px, -10px) scale(0.95);
		transform: translate(-20px, -10px) scale(0.95);
		opacity: .5;
		filter: alpha(opacity=50);
		zoom: 1;
	}

	100% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}
}

@-moz-keyframes floator {
	0% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}

	65% {
		-webkit-transform: translate(-20px, -10px) scale(0.95);
		-moz-transform: translate(-20px, -10px) scale(0.95);
		-ms-transform: translate(-20px, -10px) scale(0.95);
		transform: translate(-20px, -10px) scale(0.95);
		opacity: .5;
		filter: alpha(opacity=50);
		zoom: 1;
	}

	100% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}
}

@-ms-keyframes floator {
	0% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}

	65% {
		-webkit-transform: translate(-20px, -10px) scale(0.95);
		-moz-transform: translate(-20px, -10px) scale(0.95);
		-ms-transform: translate(-20px, -10px) scale(0.95);
		transform: translate(-20px, -10px) scale(0.95);
		opacity: .5;
		filter: alpha(opacity=50);
		zoom: 1;
	}

	100% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}
}

@-o-keyframes floator {
	0% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}

	65% {
		-webkit-transform: translate(-20px, -10px) scale(0.95);
		-moz-transform: translate(-20px, -10px) scale(0.95);
		-ms-transform: translate(-20px, -10px) scale(0.95);
		transform: translate(-20px, -10px) scale(0.95);
		opacity: .5;
		filter: alpha(opacity=50);
		zoom: 1;
	}

	100% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}
}

@keyframes floator {
	0% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}

	65% {
		-webkit-transform: translate(-20px, -10px) scale(0.95);
		-moz-transform: translate(-20px, -10px) scale(0.95);
		-ms-transform: translate(-20px, -10px) scale(0.95);
		transform: translate(-20px, -10px) scale(0.95);
		opacity: .5;
		filter: alpha(opacity=50);
		zoom: 1;
	}

	100% {
		-webkit-transform: translate(0px, 0px) scale(1);
		-moz-transform: translate(0px, 0px) scale(1);
		-ms-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
		zoom: 1;
	}
}

.floating {
	float: left;
	-webkit-animation-name: Floatingx;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: Floating;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	margin-left: 30px;
	margin-top: 5px;
}

@-webkit-keyframes Floatingx {
	from {
		-webkit-transform: translate(0, 0px);
	}

	65% {
		-webkit-transform: translate(0, 15px);
	}

	to {
		-webkit-transform: translate(0, 0px);
	}
}

@-moz-keyframes Floating {
	from {
		-moz-transform: translate(0, 0px);
	}

	65% {
		-moz-transform: translate(0, 15px);
	}

	to {
		-moz-transform: translate(0, 0px);
	}
}

.scaling {
	float: left;
	-webkit-animation-name: scalex;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: scale;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes scalex {
	from {
		-webkit-transform: scale(0.9);
	}

	65% {
		-webkit-transform: scale(1);
	}

	to {
		-webkit-transform: scale(0.9);
	}
}

@-moz-keyframes scale {
	from {
		-moz-transform: scale(0.9);
	}

	65% {
		-moz-transform: scale(1);
	}

	to {
		-moz-transform: scale(0.9);
	}
}

.TO {
	display: none;
}

.GC {
	display: inline-block;
}

.lang-en .sc,.lang-en .tc {
	display: none !important;
}

.lang-tc .en,.lang-tc .sc {
	display: none !important;
}

.lang-sc .en,.lang-sc .tc {
	display: none !important;
}

.text-only-ver {
	font-size: 1rem;
}

.text-only-ver .p {
	line-height: 1.3rem;
}

.text-only-ver ul.hide {
	padding-left: 1rem;
}

.text-only-ver ul.hide>li a {
	display: block;
	padding: 0.5rem 0rem;
}

.text-only-ver .GC {
	display: none !important;
}

.text-only-ver .TO {
	display: inline-block;
}

.text-only-ver img {
	display: none;
}

.text-only-ver a {
	color: #00aedb;
}

.text-only-ver .page-title,.text-only-ver .bread-crumb,.text-only-ver .bread-crumb .sep {
	font-size: 1rem;
}

.text-only-ver .bread-crumb {
	background-color: #fff;
	color: #00aedb;
	font-weight: normal;
	height: auto;
	padding: 1rem 4%;
}

.text-only-ver .bread-crumb ul {
	position: relative !important;
	left: 0px;
	top: 0px;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

.text-only-ver .bread-crumb a {
	font-weight: normal;
	color: #00aedb;
}

.text-only-ver .bread-crumb .sep {
	line-height: 1.2rem;
	font-size: 1rem;
	font-weight: normal;
	padding: 0px 2px;
}

.text-only-ver .video-bg {
	display: none !important;
}

.text-only-ver .page-title {
	display: block;
	color: #002b40;
	font-size: 1.4rem;
}

.text-only-ver .page-title-03 {
	color: #0ca1bf;
}

.text-only-ver .mc-header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative !important;
	min-height: auto;
	height: auto;
	max-height: initial;
}

.text-only-ver .mc-header .logo,.text-only-ver .mc-header .trm-button {
	display: none;
}

.text-only-ver .mc-header .app-title {
	border-bottom: 1px solid #ccc;
	padding: 1rem 4%;
	display: block;
	color: #3fc0f5;
	font-size: 1.45rem;
	font-weight: bold;
}

.text-only-ver .mc-header .main-menu {
	border-bottom: 1px solid #ccc;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	color: #000;
	font-weight: normal;
	padding: 1rem 4%;
}

.text-only-ver .mc-header .main-menu>ul>li {
	padding-left: 0px;
}

.text-only-ver .mc-header .main-menu>ul>li.dd-layer.dd-hover.menu-item {
	padding-right: 0.5rem;
}

.text-only-ver .mc-header .main-menu>ul>li.dd-layer.dd-hover.menu-item>a {
	pointer-events: auto;
	position: relative;
	line-height: 1em;
}

.text-only-ver .mc-header .main-menu>ul>li.dd-layer.dd-hover.menu-item::before {
	display: none;
}

.text-only-ver .mc-header .main-menu li {
	font-size: 1rem;
}

.text-only-ver .mc-header .main-menu a {
	font-size: 1rem;
	color: #1e71ff;
	font-weight: normal;
	padding: 0.3rem 2px;
}

.text-only-ver .mc-header .main-menu .sep {
	display: none;
}

.text-only-ver .mc-header .trm {
	border-bottom: 1px solid #ccc;
	padding: 1rem 4%;
	display: block !important;
	position: relative;
	top: auto;
	right: auto;
	color: #1e71ff;
	font-weight: normal;
	font-size: 1rem;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.text-only-ver .mc-header .trm li {
	font-size: 1rem !important;
}

.text-only-ver .mc-header .trm li a {
	overflow: initial !important;
}

.text-only-ver .mc-header .trm a {
	color: #1e71ff;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1rem;
}

.text-only-ver .mc-header .trm ul.lang {
	margin-bottom: 0px;
	vertical-align: middle;
	font-size: 0px;
}

.text-only-ver .mc-header .trm ul.lang li {
	padding-right: 3px;
	color: #000;
}

@media (max-width: 960px) {
	.text-only-ver .mc-header .trm ul.lang li.lang-change {
		display: initial;
	}
}

.text-only-ver .mc-header .trm ul.lang li.lang-change a {
	padding-right: 0px;
}

.text-only-ver .mc-header .trm ul.lang li a {
	display: inline-block;
	color: #1e71ff;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1rem;
	padding: 0.3rem 2px;
}

.text-only-ver .mc-header .trm ul.lang li a:hover {
	text-decoration: underline !important;
}

.text-only-ver .mc-header .trm .graphic-version {
	display: inline-block;
	vertical-align: middle;
	color: #000;
}

.text-only-ver .mc-header .trm .graphic-version a {
	display: inline-block;
	font-size: 1rem;
	font-weight: normal;
	padding: 0.3rem 2px;
}

.text-only-ver .mc-header .trm .graphic-version a:hover {
	text-decoration: none;
}

.text-only-ver .mc-header .trm .text-only {
	display: none;
}

.text-only-ver .mc-header .trm .sep {
	display: none;
}

.text-only-ver .mc-header .trm .aaa {
	position: absolute;
	right: 4%;
}

.text-only-ver .mc-header .trm .aaa li {
	color: #000;
}

.text-only-ver .mc-header .trm .aaa li.text-size {
	padding: 2px 0px;
	border: 0px solid #000;
	display: inline-block;
	position: absolute;
	right: 95px;
	color: #000;
	font-size: 0.9rem !important;
	white-space: nowrap;
	line-height: 1.1rem !important;
}

.text-only-ver .body-bg {
	background-image: none;
	background-color: #fff;
	width: 100%;
}

.text-only-ver .body-bg-top {
	background-image: none;
}

.text-only-ver .body-div {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #f5f5f5;
	margin: 0px 0px 0px 0px;
}

.text-only-ver .body-div .main-content {
	height: auto;
	min-height: initial;
}

.text-only-ver .body-div .main-content .side-menu {
	display: none;
}

.text-only-ver .body-div .main-content .content-view {
	padding-bottom: 0px;
	margin-left: 0px;
	min-height: 400px;
}

.text-only-ver .page-banner {
	display: none;
}

.text-only-ver .main-content-inner {
	padding: 0px 4%;
}

.text-only-ver .mc-footer {
	background-image: none;
	background-color: #fff;
	color: #000;
	margin-top: 20px;
	margin-bottom: 50px;
}

.text-only-ver .mc-footer .footer-sitemap {
	display: none;
}

.text-only-ver .mc-footer .inner {
	display: block;
	background-color: #fff;
	padding: 0px 4%;
	position: relative;
}

.text-only-ver .mc-footer .inner .right-icons {
	position: absolute;
	right: 4%;
	top: 0;
	margin: 0;
}

.text-only-ver .mc-footer .inner .right-icons a {
	margin: 0;
}

@media (max-width: 768px) {
	.text-only-ver .mc-footer .inner .right-icons {
		position: relative;
		text-align: left;
		padding: 0;
		margin: 0;
		right: auto;
	}
}

.text-only-ver .mc-footer .inner .right-icons a {
	display: none;
}

.text-only-ver .mc-footer .inner .right-icons a:first-child {
	display: inline;
}

.text-only-ver .mc-footer .inner .footer-links {
	margin-top: 0px;
	text-align: left;
}

.text-only-ver .mc-footer .inner .footer-links a {
	color: #1e71ff;
	font-size: 1rem;
}

.text-only-ver .mc-footer .inner .footer-links ul li:nth-last-child(2) {
	display: none;
}

.text-only-ver .mc-footer .inner .footer-links ul li:last-child {
	padding: 14px 0px 5px 0px;
	display: block;
}

.text-only-ver .video-bg {
	display: none;
}

.text-only-ver .ope-top-img {
	height: auto;
}

.text-only-ver .pt-ac {
	margin-bottom: 50px;
}

.text-only-ver .pt-ac .pt-ac-item .pt-ac-trigger ~ .pt-ac-title {
	cursor: default;
	padding-left: 10px;
}

.text-only-ver .pt-ac .pt-ac-item .pt-ac-trigger ~ .pt-ac-content {
	max-width: initial;
}

.text-only-ver .pt-ac .pt-ac-item .pt-ac-trigger ~ .pt-ac-content img {
	display: none;
}

.text-only-ver .pt-ac .pt-ac-item .pt-ac-trigger ~ .pt-ac-content .img {
	display: none;
}

.text-only-ver .pt-ac .pt-ac-item .pt-ac-trigger ~ .pt-ac-content .all-type-box,.text-only-ver .pt-ac .pt-ac-item .pt-ac-trigger ~ .pt-ac-content .alt-table {
	margin-bottom: 10px;
}

.text-only-ver .pt-ac .pt-ac-item .pt-ac-trigger:checked ~ .pt-ac-content {
	-webkit-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	-ms-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
	max-width: initial;
}

.text-only-ver .tab-page .navs {
	display: none;
}

.text-only-ver .tab-page .tabs .tab {
	display: block;
}

.text-only-ver .tab-page .tabs .tab label {
	display: block;
	width: auto;
	font-weight: bold;
	padding: 10px 5px 5px 5px;
	color: #555;
}

.text-only-ver .home-page {
	width: auto;
}

.text-only-ver .home-page .img {
	display: none;
}

.text-only-ver .home-page .desc {
	font-size: 1rem;
	background-color: transparent;
	color: #000;
	padding: 1rem 4%;
}

.text-only-ver .home-page .desc .pdf-link-at-home {
	margin: 0px;
	text-align: left;
}

.text-only-ver .home-page .desc .pdf-link-at-home .page-sub-title {
	padding: 2px 10px 2px 0px;
	margin-right: 8px;
}

.text-only-ver .home-page .desc .pdf-link-at-home .page-sub-title2 {
	margin-bottom: 1rem;
	text-align: left;
}

.text-only-ver .home-page .home-reminder {
	background-image: none;
	height: auto;
	padding: 4%;
}

.text-only-ver .home-page .home-reminder .light-bulb {
	display: none;
}

.text-only-ver .home-page .home-reminder .reminder-box {
	position: relative;
	-webkit-border-radius: 0rem;
	-moz-border-radius: 0rem;
	-ms-border-radius: 0rem;
	border-radius: 0rem;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	display: inline-block !important;
	left: 0px;
	background-color: #fff;
	right: auto;
	width: auto;
	top: 0px;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	padding: 0;
}

.text-only-ver .home-page .home-reminder .reminder-box .marquee {
	max-height: initial !important;
	height: auto !important;
}

.text-only-ver .home-page .home-banner {
	display: none;
}

.text-only-ver .enquiry-box {
	padding: 0px;
	max-width: initial;
	background-color: transparent;
	color: #727377;
}

.text-only-ver .enquiry-box .title {
	font-size: 1.15rem;
	font-weight: bold;
	color: #2198ae;
}

.text-only-ver .right-logo-img {
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.text-only-ver .right-logo-img .logo-right {
	display: none;
}

.text-only-ver .s-img {
	text-align: center;
	padding: 0px 0px 0px 0px;
}

.text-only-ver .sitemap li a {
	color: #72737b;
}

.text-only-ver .ope-left-img {
	height: auto;
	position: absolute;
}

.text-only-ver .ope-left-img+div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	min-height: initial;
	margin-left: 0px;
}

.text-only-ver .ope-left-img+div.opr-01-text {
	padding-top: 0px;
}

.text-only-ver .arrow-row {
	display: none;
}

.text-only-ver .ope-step-imgs .blue-num {
	position: absolute;
	display: inline-block;
	left: 0px;
	color: #009edb;
}

.text-only-ver .ope-step-imgs div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	vertical-align: top;
	margin: auto;
}

.text-only-ver .ope-step-imgs>div {
	padding-bottom: 0px;
}

.text-only-ver .contact-info .icon-01,.text-only-ver .contact-info .icon-02,.text-only-ver .contact-info .icon-03 {
	margin-left: 5px;
	width: 5px;
	height: 5px;
	border: 1px solid #444;
	background-image: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.text-only-ver .menu-item .menu-sub-item {
	display: none !important;
}

.text-only-ver .content-view b {
	color: #707070;
}

.text-only-ver .promo-section .player.video .GC {
	margin: 0px 0px;
}

.text-only-ver .promo-section .player.video video {
	display: none;
}

.text-only-ver .promo-section .player.audio {
	margin: 0px 0px;
}

.text-only-ver .promo-section .player.audio audio {
	display: none;
}

.text-only-ver .popup-message .mask {
	background-color: #fff;
	background-color: #fff;
	filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#FFFFFFFF, endColorstr=#FFFFFFFF)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#FFFFFFFF, endColorstr=#FFFFFFFF)";
}

.text-only-ver .popup-message .content {
	border: 1px solid #999;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.text-only-ver .pdf-link-at-home {
	text-align: left;
	margin-left: 0px;
}

.text-only-ver .pdf-link-at-home .page-sub-title {
	display: inline-block;
	border-right: 1px solid #000;
	padding: 2px 10px;
}

.text-only-ver .pdf-link-at-home .page-sub-title a {
	color: #000;
}

.text-only-ver .pdf-link-at-home .page-sub-title:last-of-type {
	border-right: 0px solid #000;
}

.text-only-ver .audio-text {
	display: block;
	width: auto;
}

.text-only-ver .pdf-list>div.list-col {
	display: block;
	width: auto;
}

.text-only-ver .pdf-list>div.list-col .normal-list ul {
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	list-style-type: disc;
}

.text-only-ver .pdf-list>div.list-col .normal-list ul li {
	list-style-type: disc;
}

.text-only-ver .pdf-list>div.list-col .normal-list ul li.page-sub-title {
	text-align: left !important;
}

.text-only-ver .ope-ol {
	margin-bottom: 1rem;
}

.text-only-ver .ope-ol li {
	line-height: 1.2em;
}

.text-only-ver .ope-ol li .pt-ac {
	margin-bottom: 1.5rem;
}

.text-only-ver .faq .faq-qtn-list li a {
	vertical-align: top;
	display: inline-block;
	padding: 0rem 0rem 1rem 0rem;
}

.text-only-ver .logo-text-region {
	margin: 1rem 0rem 2rem 0rem;
}

.text-only-ver .logo-text-region>.text {
	transform: translateY(0%);
	padding: 0px;
}

@media (min-width: 769px) {
	.text-only-ver .logo-text-region>.text {
		position: relative;
		padding-left: 0px;
	}
}

@media print {
	html {
		font-size: 1.6vw !important;
	}

	html * {
		-webkit-font-smoothing: antialiased;
	}

	body {
		display: block !important;
	}

	body .body-bg {
		display: block !important;
	}

	body .body-bg .body-bg-top {
		display: block !important;
	}

	body .body-bg .body-bg-top .body-div {
		display: block !important;
	}

	body .body-bg .body-bg-top .body-div .video-top {
		display: block !important;
	}

	body .body-bg .body-bg-top .body-div .video-top .main-content {
		display: block !important;
	}

	body .body-bg .body-bg-top .body-div .video-top .main-content .content-view {
		display: block !important;
	}

	body .home-banner,body .page-banner {
		display: none;
	}

	body .bread-crumb {
		border: 1px solid #ccc;
		border-left: 0px solid #000;
		border-right: 0px solid #000;
		margin: 0px;
		padding: 0rem;
	}

	body .bread-crumb ul {
		margin: 0px;
	}

	body .bread-crumb ul li {
		font-size: 0.7rem;
		color: #000;
	}

	body .bread-crumb ul li:first-child>span {
		display: inline-block;
	}

	body .bread-crumb ul li:first-child>a {
		display: none;
	}

	body .bread-crumb ul li span {
		color: #000;
	}

	body .scroll-table>div.content table {
		border: 0px solid #000 !important;
		border-top: 1px solid #000 !important;
		border-left: 1px solid #000 !important;
	}

	body .scroll-table>div.content table tr th {
		color: #000;
		padding: 0.5rem;
		border: 0px solid #000 !important;
		border-bottom: 1px solid #000 !important;
		border-right: 1px solid #000 !important;
	}

	body .scroll-table>div.content table tr td {
		background-color: #fff;
		color: #000;
		padding: 0.5rem;
		border: 0px solid #000 !important;
		border-bottom: 1px solid #000 !important;
		border-right: 1px solid #000 !important;
	}

	body .alt-table {
		border: 0px solid #000 !important;
		border-top: 1px solid #000 !important;
		border-left: 1px solid #000 !important;
	}

	body .alt-table tr th {
		color: #000 !important;
		padding: 0.5rem !important;
		border: 0px solid #000 !important;
		border-bottom: 1px solid #000 !important;
		border-right: 1px solid #000 !important;
	}

	body .alt-table tr td {
		background-color: #fff !important;
		color: #000 !important;
		padding: 0.5rem !important;
		border: 0px solid #000 !important;
		border-bottom: 1px solid #000 !important;
		border-right: 1px solid #000 !important;
		font-weight: normal !important;
	}

	body .pt-ac .pt-ac-item .pt-ac-trigger:checked ~ .pt-ac-content {
		max-height: 5000px;
	}

	body .footer-sitemap {
		display: none;
	}

	body .video-bg {
		display: none !important;
	}

	body .home-reminder {
		border: 0px solid #000 !important;
		background-image: none !important;
		height: auto !important;
		padding: 1rem !important;
	}

	body .home-reminder .light-bulb {
		display: none !important;
	}

	body .home-reminder .reminder-box {
		position: relative !important;
		-webkit-border-radius: 0rem !important;
		-moz-border-radius: 0rem !important;
		-ms-border-radius: 0rem !important;
		border-radius: 0rem !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		-ms-box-shadow: none !important;
		box-shadow: none !important;
		display: block !important;
		left: 0px !important;
		background-color: #fff !important;
		right: auto !important;
		width: auto !important;
		top: 0px !important;
		transform: translateY(0%) !important;
		padding: 0 !important;
	}

	body .home-reminder .reminder-box .marquee {
		max-height: initial !important;
		height: auto !important;
		display: block !important;
	}

	body .home-reminder .reminder-box .marquee .js-marquee-wrapper {
		animation: none !important;
		display: block !important;
	}
}

@font-face {
	font-family:'Noto Sans TC';font-style:normal;font-weight:normal;src:url("../fonts/NotoSansTC-Regular.woff2") format("woff2"),url("../fonts/NotoSansTC-Regular.woff") format("woff"),url("../fonts/NotoSansTC-Regular.otf") format("opentype");
}

@font-face {
	font-family:'Noto Sans SC';font-style:normal;font-weight:normal;src:url("../fonts/NotoSansSC-Regular.woff2") format("woff2"),url("../fonts/NotoSansSC-Regular.woff") format("woff"),url("../fonts/NotoSansSC-Regular.otf") format("opentype");
}

section>.ng-path-dummy {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
	border: 0px solid #ccc;
	display: inline-block;
	z-index: 99999;
	background-color: red;
	margin: 0px;
	padding: 0px;
	padding-left: 10px !important;
	width: 10px !important;
	height: 10px !important;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 1px;
	display: none;
}

section>.ng-path-dummy+div>section>.ng-path-dummy,section>.ng-path-dummy+section>.ng-path-dummy {
	right: 12px !important;
	background-color: aqua !important;
}

.ng-path-dummy-capture {
	position: absolute;
	top: -10000px;
	left: -10000px;
}

.font-en {
	font-family: Roboto, sans-serif !important;
}

.font-tc {
	font-family: 'Noto Sans TC', sans-serif !important;
}

.font-sc {
	font-family: 'Noto Sans SC', sans-serif !important;
}

.Arial {
	font-family: Arial, sans-serif !important;
}

.aL {
	text-align: left !important;
}

.aC {
	text-align: center !important;
}

.aR {
	text-align: right !important;
}

.fL {
	float: left !important;
}

.fC {
	float: center !important;
}

.fR {
	float: right !important;
}

.b {
	font-weight: bold !important;
}

.u {
	text-decoration: underline !important;
}

.i {
	font-style: italic !important;
}

.clearfix:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

html {
	font-size: 1vw;
}

html * {
	-webkit-font-smoothing: antialiased;
}

@media (min-width: 1921px) {
	html {
		font-size: 24px;
	}
}

@media (max-width: 1920px) {
	html {
		font-size: 1.3vw;
	}
}

@media (max-width: 1600px) {
	html {
		font-size: 1.4vw;
	}
}

@media (max-width: 1280px) {
	html {
		font-size: 1.5vw;
	}
}

@media (max-width: 960px) {
	html {
		font-size: 2vw;
	}
}

@media (max-width: 768px) {
	html {
		font-size: 3vw;
	}
}

@media (max-width: 414px) {
	html {
		font-size: 3.5vw;
	}
}

body {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	display: block;
	margin: 0px;
	padding: 0px;
}

body.blocked-body {
	overflow: hidden !important;
}

body.default-body {
	overflow: inherit !important;
}

a {
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,0.01) 0 0 1px;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	color: #333333;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.body-bg {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding: 0px;
	margin: auto;
	background-color: #fafafa;
}

.body-div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1920px;
	min-height: 768px;
	margin: auto;
	display: block;
	border: 0px solid red;
	background-color: #fff;
	height: auto;
	padding: 0px;
	overflow: hidden;
	position: relative;
}

.body-div .video-bg {
	overflow: hidden;
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0px;
}

.body-div .video-bg>.player {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.body-div .video-bg>.player video {
	width: 100%;
}

@media (max-width: 960px) {
	.body-div .video-bg>.player video {
		width: 124%;
	}
}

@media (max-width: 768px) {
	.body-div .video-bg>.player video {
		width: 183%;
	}
}

@media (max-width: 414px) {
	.body-div .video-bg>.player video {
		width: 197%;
	}
}

.body-div .video-bg>.player.hidden {
	display: none !important;
}

.body-div .video-bg>.player>.mask {
	position: absolute;
	border: 0px solid #000;
	height: 100%;
	width: 100%;
	background-color: #fff;
	background-color: rgba(255,255,255,0.7);
	filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#B3FFFFFF, endColorstr=#B3FFFFFF)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#B3FFFFFF, endColorstr=#B3FFFFFF)";
}

.body-div .video-top {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	position: relative;
	z-index: 2;
	top: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

.body-div .main-content {
	position: relative;
	height: auto;
	min-height: 516px;
}

.body-div .main-content h1 {
	position: absolute;
	top: -1000px;
}

.main-content a {
	color: #007e9e;
}

.mc-header {
	position: relative;
	z-index: 9999;
	height: 9vw;
	max-height: 176px;
	vertical-align: top;
}

@media (max-width: 960px) {
	.mc-header {
		height: 12vw;
	}
}

@media (max-width: 768px) {
	.mc-header {
		height: 16vw;
	}
}

.mc-header .logo {
	vertical-align: top;
	display: inline-block;
	position: absolute;
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 82%;
	left: 7%;
}

@media (max-width: 1280px) {
	.mc-header .logo {
		left: 6.8%;
	}
}

.mc-header .logo a {
	border: 0px solid #000;
	display: inline-block;
	height: 100%;
}

.mc-header .logo a img {
	height: 100%;
}

.mc-header .main-menu {
	color: #003b4c;
	position: relative;
	left: 21%;
	display: inline-block;
	height: 100%;
}

@media (max-width: 960px) {
	.mc-header .main-menu {
		display: none;
	}
}

.mc-header .main-menu ul,.mc-header .main-menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
}

.mc-header .main-menu>ul {
	height: 100%;
	font-size: 0;
}

.mc-header .main-menu>ul>li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0px;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.mc-header .main-menu>ul>li.dd-layer.dd-hover.menu-item>a {
	display: inline-block;
	height: 100%;
	pointer-events: none;
	position: initial;
	line-height: 6.8em;
}

@media (max-width: 1600px) {
	.mc-header .main-menu>ul>li.dd-layer.dd-hover.menu-item>a {
		line-height: 6.2em;
	}
}

@media (max-width: 1280px) {
	.mc-header .main-menu>ul>li.dd-layer.dd-hover.menu-item>a {
		line-height: 6.3em;
	}
}

.mc-header .main-menu>ul>li.sep {
	display: none;
	padding: 0px 0.1rem;
	font-size: 0px;
	font-weight: normal;
}

.mc-header .main-menu>ul>li a {
	font-weight: bold;
	color: #003b4c;
	text-decoration: none;
	font-size: 1.1rem;
}

@media (max-width: 1280px) {
	.mc-header .main-menu>ul>li a {
		font-size: 1rem;
	}
}

.mc-header .main-menu>ul>li a:hover {
	color: #0c92b5;
}

.mc-header .main-menu>ul>li.selected::before {
	background-image: url(../images/menu-tri-s-2.png);
}

.mc-header .main-menu>ul>li.selected a {
	color: #0c92b5;
}

.mc-header .main-menu .menu-item {
	display: inline-block;
	padding-right: 1.5rem;
}

.mc-header .main-menu .menu-item::before {
	content: '';
	position: absolute;
	display: inline-block;
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	right: 0%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0.2rem;
	width: 1rem;
	height: 1rem;
	background-image: url(../images/menu-tri-s-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 85% auto;
}

.mc-header .main-menu .menu-item .menu-sub-item {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	left: 0px;
	position: fixed;
	top: 9vw;
}

@media (min-width: 1921px) {
	.mc-header .main-menu .menu-item .menu-sub-item {
		top: 176px;
	}
}

@media (max-width: 1920px) {
	.mc-header .main-menu .menu-item .menu-sub-item {
		top: 9vw;
	}
}

.mc-header .main-menu .menu-item .menu-sub-item .bdr {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
	max-width: 1920px;
	border-top: 0.4rem solid #0080a5;
	background-color: #fff;
	padding: 8px 7% 35px 7%;
	height: auto;
}

.mc-header .main-menu .menu-item .menu-sub-item .bdr .menu-page-title {
	font-size: 1.1rem;
	color: #0190ba;
	padding: 0.5rem 0rem;
}

.mc-header .main-menu .menu-item .menu-sub-item .bdr ul li {
	position: relative;
}

.mc-header .main-menu .menu-item .menu-sub-item .bdr ul li::before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 0px;
	width: 0.8rem;
	height: 100%;
	background-image: url(../images/menu-tri-e-1.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 50%;
}

.mc-header .main-menu .menu-item .menu-sub-item .bdr ul li a {
	margin: 0px 2.5rem 0px 0.8rem;
	font-size: 0.9rem;
	color: #000;
	display: inline-block;
	padding: 0.3rem 0.2rem;
	font-weight: normal;
	white-space: nowrap;
}

.mc-header .main-menu .menu-item .menu-sub-item .bdr ul li a:hover {
	color: #0080a5;
}

.mc-header .trm-button {
	cursor: pointer;
	display: inline-block;
	position: absolute;
	right: 6%;
	height: 70%;
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 960px) {
	.mc-header .trm-button {
		display: none;
	}
}

.mc-header .trm-button a {
	display: inline-block;
	height: 100%;
}

.mc-header .trm-button a img {
	height: 100%;
}

.mc-header .trm-button a img:nth-of-type(2) {
	display: none;
}

.mc-header .trm-button:hover img:nth-of-type(2) {
	display: inline;
}

.mc-header .trm-button:hover img:nth-of-type(1) {
	display: none;
}

.mc-header .trm {
	display: inline-block;
	position: absolute;
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0px;
	right: 14%;
	font-size: 0px;
}

@media (max-width: 960px) {
	.mc-header .trm {
		right: 7%;
	}
}

.mc-header .trm .graphic-version {
	display: none;
	font-size: 1rem;
	vertical-align: top;
}

.mc-header .trm .text-only {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin-top: 0.05rem;
	padding: 0.2rem 0.4rem 0.2rem 0.4rem;
	border: 2px solid #fff;
	background-color: #003b4c;
	color: #fff;
	cursor: pointer;
	font-size: 0.65rem;
	line-height: 0.75rem;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	-ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

@media (max-width: 960px) {
	.mc-header .trm .text-only {
		display: none;
	}
}

.mc-header .trm .sep {
	display: inline-block;
	border-left: 0px solid #0c92b5;
	height: 14px;
	margin: 2px 3px;
	vertical-align: middle;
}

.mc-header .trm ul {
	font-size: 0rem;
}

.mc-header .trm li {
	font-size: 1rem;
	line-height: 1em;
}

.mc-header .trm li a {
	border: 0px solid #000;
	overflow: hidden !important;
}

.mc-header .trm ul,.mc-header .trm li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
}

.mc-header .trm ul.aaa {
	vertical-align: middle;
}

.mc-header .trm ul.aaa li {
	font-size: 0px;
	vertical-align: bottom;
}

.mc-header .trm ul.aaa li.text-size {
	display: none;
}

.mc-header .trm ul.aaa li a {
	width: auto;
	text-align: center;
	display: inline-block !important;
	font-weight: bold;
	padding: 0px 2px;
	line-height: 1rem;
	color: #003b4c;
	text-decoration: none;
}

.mc-header .trm ul.aaa li a.selected {
	color: #000;
}

.mc-header .trm ul.aaa li:nth-child(1) a {
	font-size: 12px;
	line-height: 12px;
	padding-top: 2px;
	padding-bottom: 0px;
}

.mc-header .trm ul.aaa li:nth-child(2) a {
	font-size: 14px;
	line-height: 14px;
	padding-top: 1px;
	padding-bottom: 0px;
}

.mc-header .trm ul.aaa li:nth-child(3) a {
	font-size: 16px;
	line-height: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.mc-header .trm ul.lang {
	margin-top: 0px;
	vertical-align: bottom;
}

@media (min-width: 961px) {
	.mc-header .trm ul.lang {
		margin-bottom: 0.4rem;
	}
}

.mc-header .trm ul.lang li {
	font-size: 0rem;
}

@media (max-width: 960px) {
	.mc-header .trm ul.lang li.lang-change {
		display: none;
	}
}

@media (min-width: 961px) {
	.mc-header .trm ul.lang li.trm-icon.print-btn a {
		padding: 0px 0px 0px 0px;
	}
}

@media (min-width: 961px) {
	.mc-header .trm ul.lang li.trm-icon.lang-btn {
		display: none;
	}

	.mc-header .trm ul.lang li.trm-icon.menu-btn {
		display: none;
	}
}

.mc-header .trm ul.lang li a {
	display: inline-block;
	height: 100%;
	padding: 0px 0.7rem 0px 0px;
	font-weight: bold;
	font-size: 0.9rem;
	line-height: 0.9rem;
	color: #003b4c;
	text-decoration: none;
	font-weight: bold;
}

.mc-header .trm ul.lang li a.font-en {
	margin-bottom: -1px;
}

@media (max-width: 960px) {
	.mc-header .trm ul.lang li a {
		padding: 0px 1.2rem 0px 0px;
	}
}

.mc-header .trm ul.lang li a img {
	vertical-align: bottom;
	height: 1.5rem;
}

@media (max-width: 960px) {
	.mc-header .trm ul.lang li a img {
		height: 2rem;
	}
}

.mc-header .trm ul.lang li:last-child a {
	padding: 0px 0px 0px 0px;
}

.mc-footer {
	color: #fff;
}

.mc-footer a {
	color: #fff;
}

.mc-footer .footer-sitemap {
	background-color: #0080a5;
	color: #ffffff;
	font-size: 0px;
	padding: 2rem 6rem;
}

@media (max-width: 1280px) {
	.mc-footer .footer-sitemap {
		padding: 2rem 3rem;
	}
}

@media (max-width: 960px) {
	.mc-footer .footer-sitemap {
		display: none;
	}
}

.mc-footer .footer-sitemap .m-title {
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0.5rem auto 1.2rem auto;
}

.mc-footer .footer-sitemap .m-col {
	font-size: 1rem;
	vertical-align: top;
	display: inline-block;
	width: 27%;
	padding: 0rem 1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.mc-footer .footer-sitemap .m-col:nth-child(5) {
	width: 19%;
}

.mc-footer .footer-sitemap .m-col:nth-child(5) .c-title {
	text-align: center;
}

.mc-footer .footer-sitemap .m-col .c-title {
	font-weight: bold;
	font-size: 1.3rem;
	margin: 0.5rem auto;
}

@media (max-width: 1280px) {
	.mc-footer .footer-sitemap .m-col .c-title {
		font-size: 1.2rem;
	}
}

.mc-footer .footer-sitemap .m-col .c-item {
	margin: 0.6rem auto;
	font-size: 0.8rem;
}

.mc-footer .inner {
	background-color: #01799d;
	margin: auto;
	position: relative;
	overflow: hidden;
	font-size: 1rem;
	padding: 2rem;
}

.mc-footer .inner .footer-links {
	text-align: center;
}

.mc-footer .inner .footer-links ul,.mc-footer .inner .footer-links li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
}

.mc-footer .inner .footer-links ul li {
	background-color: transparent;
	font-size: 0.9rem;
	margin: 0rem 0rem 0.5rem 0rem;
}

.mc-footer .inner .footer-links ul li.sep {
	padding-left: 10px;
	margin-right: 10px;
}

.mc-footer .inner .footer-links ul li a {
	display: inline-block;
}

.mc-footer .inner .right-icons {
	text-align: center;
}

.mc-footer .inner .right-icons a {
	vertical-align: middle;
	display: inline-block;
	margin: 0.5rem 1rem 1rem 1rem;
}

.mc-footer .inner .right-icons a span {
	color: #00394b;
	font-weight: bold;
}

.mc-footer .inner .right-icons img {
	vertical-align: middle;
}

.mc-footer .inner .right-icons .td-logo {
	height: 2.5rem;
}

.mc-footer .inner .right-icons .gw-logo {
	height: 4rem;
}

.mc-footer .inner .right-icons .wcag-logo {
	height: 2rem;
}

@media (max-width: 414px) {
	.mc-footer .inner .right-icons a {
		margin: 0.5rem 0.5rem;
	}

	.mc-footer .inner .right-icons .td-logo {
		height: 2.2rem;
	}

	.mc-footer .inner .right-icons .gw-logo {
		height: 3.7rem;
	}

	.mc-footer .inner .right-icons .wcag-logo {
		height: 1.7rem;
	}
}

.tiny-scrollbar .viewport {
	width: 500px;
	height: 200px;
	overflow: hidden;
	position: relative;
}

.tiny-scrollbar .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}

.tiny-scrollbar .scrollbar {
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
	cursor: pointer !important;
}

.tiny-scrollbar .track {
	height: 100%;
	width: 15px;
	position: relative;
}

.tiny-scrollbar .thumb {
	background-color: #e0d8b8;
	border-radius: 4px;
	height: 20px;
	width: 8px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -5px;
}

.tiny-scrollbar .thumb .end {
	background-color: #e0d8b8;
	border-radius: 4px;
	overflow: hidden;
	height: 20px;
	width: 8px;
}

.tiny-scrollbar .disable {
	display: none;
}

.tiny-scrollbar.type-01 .scrollbar {
	width: 12px;
	background: transparent;
	border-radius: 8px;
}

.tiny-scrollbar.type-01 .track {
	width: 16px;
}

.tiny-scrollbar.type-01 .thumb {
	background-color: #083457;
	border-radius: 4px;
	width: 8px;
	left: 2.66667px;
}

.tiny-scrollbar.type-01 .thumb .end {
	background-color: #083457;
	border-radius: 4px;
	width: 18px;
}

body.lang-en {
	font-family: Roboto, sans-serif;
}

body.lang-en .main-menu {
	left: 20%;
}

@media (max-width: 1600px) {
	body.lang-en .main-menu {
		left: 18%;
	}
}

@media (max-width: 1280px) {
	body.lang-en .main-menu {
		left: 17%;
	}
}

body.lang-en .trm ul.lang li:nth-child(1) {
	display: none !important;
}

body.lang-en .trm ul.lang li:nth-child(1) a {
	color: #000;
}

body.lang-en .mobile-main-menu .lang-menu>li.lang-change.font-en {
	display: none;
}

body.lang-tc {
	font-family: 'Noto Sans TC', sans-serif;
}

body.lang-tc .main-menu {
	left: 22%;
}

@media (max-width: 1600px) {
	body.lang-tc .main-menu {
		left: 22%;
	}
}

@media (max-width: 1280px) {
	body.lang-tc .main-menu {
		left: 22%;
	}
}

body.lang-tc .trm ul.lang li:nth-child(2) {
	display: none !important;
}

body.lang-tc .trm ul.lang li:nth-child(2) a {
	color: #000;
}

body.lang-tc .mobile-main-menu .lang-menu>li.lang-change.font-tc {
	display: none;
}

body.lang-sc {
	font-family: 'Noto Sans SC', sans-serif;
}

body.lang-sc .main-menu {
	left: 22%;
}

@media (max-width: 1600px) {
	body.lang-sc .main-menu {
		left: 22%;
	}
}

@media (max-width: 1280px) {
	body.lang-sc .main-menu {
		left: 22%;
	}
}

body.lang-sc .trm ul.lang li:nth-child(3) {
	display: none !important;
}

body.lang-sc .trm ul.lang li:nth-child(3) a {
	color: #000;
}

body.lang-sc .mobile-main-menu .lang-menu>li.lang-change.font-sc {
	display: none;
}

.p-text.type-01 .page-title {
	margin-bottom: 30px;
}

.p-text.type-01 .page-title-02 {
	font-size: 1.4rem;
	margin-bottom: 15px;
}

.p-text.type-01 .img {
	display: inline-block;
}

.p-text.type-01 .img.right {
	float: right;
	margin-left: 30px;
	margin-right: 0px;
}

.p-text.type-01 .img.top {
	margin-top: 0px;
	margin-bottom: 30px;
}

.p-text.type-01 .text {
	line-height: 1.9rem;
	margin-bottom: 1.9rem;
}

.hidden-input {
	position: absolute;
	top: -1000px;
}

.hidden-input[name='aaa-name'][value='a1']:checked ~ div .trm ul.aaa li:nth-child(1) a {
	color: #000;
}

.hidden-input[name='aaa-name'][value='a2']:checked ~ div .trm ul.aaa li:nth-child(2) a {
	color: #000;
}

.hidden-input[name='aaa-name'][value='a3']:checked ~ div .trm ul.aaa li:nth-child(3) a {
	color: #000;
}

.dd-layer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}

.dd-layer.dd-hover:hover>.dd-target,.dd-layer.dd-click>a:focus+.dd-target {
	-webkit-transition: all 100 cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;
	-moz-transition: all 100 cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;
	-ms-transition: all 100 cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;
	transition: all 100 cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;
	max-height: 10000px;
}

.dd-layer>.dd-target {
	-webkit-transition: all 100 cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;
	-moz-transition: all 100 cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;
	-ms-transition: all 100 cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;
	transition: all 100 cubic-bezier(0.94, 0.06, 0.05, 0.95) 0s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
	position: absolute;
	max-height: 0px;
	overflow: hidden;
	top: 100%;
	width: 100%;
	background-color: #fff;
	display: block;
}

.dd-layer.dd-click>a {
	display: inline-block;
	width: 100%;
	text-decoration: none;
}

.home-page {
	margin: auto;
}

.home-page .img {
	text-align: center;
	margin-top: 4rem;
	margin-bottom: 1rem;
}

.home-page .img img {
	text-align: center;
	width: 40%;
}

@media (max-width: 960px) {
	.home-page .img img {
		width: 60%;
	}
}

@media (max-width: 768px) {
	.home-page .img img {
		width: 80%;
	}
}

.home-page .title {
	font-size: 1.9rem;
	line-height: 2.3rem;
	text-transform: uppercase;
	font-weight: bold;
	width: 80%;
	text-align: center;
	margin: 10px auto;
}

.home-page .desc {
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	padding: 1.5rem 20px 4rem 20px;
	font-size: 1rem;
	font-weight: normal;
}

.home-page .desc .pdf-link-at-home {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	position: relative;
}

.home-page .desc .pdf-link-at-home .page-sub-title {
	display: inline-block;
	border-right: 1px solid #545555;
	padding: 2px 10px;
	margin-top: auto;
}
.home-page .desc .pdf-link-at-home br {
	display:none;
}
@media (max-width: 1600px) {
	.home-page .desc .pdf-link-at-home br:nth-child(6n+1) {display:block;}
}
@media (max-width: 768px) {
	.home-page .desc .pdf-link-at-home br:nth-child(3n+1) {display:block;}
}
.home-page .desc .pdf-link-at-home .page-sub-title a {
	line-height:1.3em;
}

.home-page .desc .pdf-link-at-home .page-sub-title:last-of-type {
	border-right: 0px solid #00a7d4;
}

.home-page .desc .pdf-link-at-home .page-sub-title2 {
	margin-bottom: 1rem;
}

.home-page .home-reminder {
	position: relative;
	background-image: url(../images/reminder-bg.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 600px;
	height: 33vw;
}

@media (max-width: 960px) {
	.home-page .home-reminder {
		height: 35vw;
	}
}

@media (max-width: 768px) {
	.home-page .home-reminder {
		height: 35vw;
	}
}

@media (max-width: 414px) {
	.home-page .home-reminder {
		height: 40vw;
	}
}

.home-page .home-reminder .light-bulb {
	display: inline-block;
	height: 78%;
	left: 13%;
	position: absolute;
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 768px) {
	.home-page .home-reminder .light-bulb {
		left: 8%;
	}
}

@media (max-width: 414px) {
	.home-page .home-reminder .light-bulb {
		left: 5%;
	}
}

.home-page .home-reminder .light-bulb img {
	height: 100%;
	vertical-align: middle;
}

.home-page .home-reminder .reminder-box {
	position: absolute;
	-webkit-border-radius: .8rem;
	-moz-border-radius: .8rem;
	-ms-border-radius: .8rem;
	border-radius: .8rem;
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	right: 12%;
	width: 40%;
	padding: 0.5rem 1.5rem 1rem 1.5rem;
}

@media (max-width: 960px) {
	.home-page .home-reminder .reminder-box {
		right: 6%;
		width: 50%;
		padding: 0.5rem 1rem;
	}
}

.home-page .home-reminder .reminder-box .rem-title {
	font-size: 2.2rem;
	font-weight: bold;
	color: #003b4c;
	margin-bottom: 1rem;
}

@media (max-width: 1280px) {
	.home-page .home-reminder .reminder-box .rem-title {
		font-size: 2.5rem;
	}
}

@media (max-width: 960px) {
	.home-page .home-reminder .reminder-box .rem-title {
		font-size: 1.6rem;
		margin-bottom: 0.5rem;
	}
}

.home-page .home-reminder .reminder-box .marquee {
	max-height: none !important;
	height: 12rem;
}

@media (max-width: 1280px) {
	.home-page .home-reminder .reminder-box .marquee {
		height: 10rem;
	}
}

@media (max-width: 960px) {
	.home-page .home-reminder .reminder-box .marquee {
		height: 8rem;
	}
}
@media (max-width: 768px) {
	.home-page .home-reminder .reminder-box .marquee {
		height: 7rem;
	}
}

@media (max-width: 414px) {
	.home-page .home-reminder .reminder-box .marquee {
		height: 4.9rem;
	}
}

.home-page .home-banner {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 32vw;
	max-height: 600px;
	position: relative;
}

@media (max-width: 414px) {
	.home-page .home-banner {
		height: 37vw;
		background-size: contain;
	}
}

.home-page .home-banner .banner-title {
	position: absolute;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	top: 15%;
	left: 15%;
	text-decoration: none;
}

@media (min-width: 1281px) {
	.home-page .home-banner .banner-title {
		font-size: 3rem;
	}
}

@media (max-width: 1280px) {
	.home-page .home-banner .banner-title {
		font-size: 2.5rem;
	}
}

@media (max-width: 768px) {
	.home-page .home-banner .banner-title {
		font-size: 1.5rem;
		left: 45%;
	}
}

@media (max-width: 414px) {
	.home-page .home-banner .banner-title {
		font-size: 1.6rem;
		left: 40%;
	}
}

.home-page .home-banner.abt {
	background-image: url(../images/home-abt-bg.png);
	background-color: #000;
}

.home-page .home-banner.ope {
	background-image: url(../images/home-ope-bg.png);
	background-color: #fff;
}

.home-page .home-banner.ope .banner-title {
	color: #0080a5;
}

.home-page .home-banner.rel {
	background-image: url(../images/home-rel-bg.png);
	background-color: #199dd2;
}

@media (max-width: 414px) {
	.home-page .home-banner.rel {
		background-size: cover;
	}
}

.s-img {
	text-align: center;
	padding: 20px 0px 30px 0px;
}

.h-sep {
	border: 0px solid #000;
	background-color: #ddd;
	height: 1px;
	margin: 30px 0px;
}

.page-banner {
	position: relative;
	height: 19vw;
	/*max-height: 365px;*/
	background-color: #0080a5;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	background-size: 100% 100%;
}

/*@media (max-width: 768px) {
	.page-banner {
		height: 22vw;
	}
}*/

.page-banner>img {
	width: 100%;
	vertical-align: bottom;
}

.page-banner>.title {
	position: absolute;
	left: 20%;
	top: 13%;
	color: #fff;
	font-weight: bold;
	font-size: 2.5rem;
}

@media (max-width: 768px) {
	.page-banner>.title {
		font-size: 1.7rem;
	}
}

.page-banner.abt {
	background-image: url(../images/banner-abt.png);
}

.page-banner.abt>.title {
	left: 11%;
	top: 13%;
}

@media (max-width: 960px) {
	.page-banner.abt>.title {
		left: 8%;
		top: 12%;
	}
}

.page-banner.ope {
	background-image: url(../images/banner-ope.png);
	background-color: #bae1f1;
	/*--height: 31.25vw;*/
}

.page-banner.ope>.title {
	left: 11%;
	top: 13%;
	color: #003b4c;
}

@media (max-width: 960px) {
	.page-banner.ope>.title {
		left: 7%;
		top: 12%;
	}
}

.page-banner.rel {
	background-image: url(../images/banner-rel.png);
	background-size: cover;
}

.page-banner.rel>.title {
	left: 8%;
	top: 14%;
}

@media (max-width: 960px) {
	.page-banner.rel>.title {
		width: 30%;
	}
}

.page-banner.enq {
	background-image: url(../images/banner-enq.png);
	background-size: cover;
	background-position: left bottom;
}

.page-banner.enq>.title {
	left: 7%;
	top: 14%;
}

.main-content-inner {
	padding: 2% 8%;
}

@media (max-width: 414px) {
	.main-content-inner {
		padding: 2% 6%;
	}
}

.bread-crumb {
	vertical-align: middle;
	background-color: #0080a5;
	color: #fff;
	height: 9vw;
	max-height: 172px;
	position: relative;
	font-size: 1rem;
}

.bread-crumb ul,.bread-crumb li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
}

@media (max-width: 768px) {
	.bread-crumb {
		font-size: 0.7rem;
	}
}

@media (max-width: 414px) {
	.bread-crumb {
		font-size: 0.7rem;
	}
}

.bread-crumb ul {
	position: absolute;
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 8%;
}

@media (max-width: 414px) {
	.bread-crumb ul {
		left: 6%;
	}
}

.bread-crumb ul li a {
	display: inline-block;
	color: #003041;
	max-width: 500px;
	text-decoration: none;
}

.bread-crumb ul li a:hover {
	text-decoration: underline;
}

.bread-crumb ul li a img {
	vertical-align: middle;
	margin-top: -0.31rem;
	max-height: 37px;
	height: 2.1vw;
}

@media (max-width: 960px) {
	.bread-crumb ul li a img {
		height: 2.5vw;
	}
}

@media (max-width: 768px) {
	.bread-crumb ul li a img {
		height: 3.1vw;
	}
}

.bread-crumb ul li.sep {
	padding: 0px 0.4rem;
}

@media (max-width: 768px) {
	.bread-crumb ul li.sep {
		padding: 0px 0.2rem;
	}
}

.sub-title {
	font-size: 1rem;
	font-weight: normal;
	color: #00b0f0;
}

.page-title {
	font-size: 1.3rem;
	font-weight: bold;
	color: #0080a5;
	margin: 2% 0px 3% 0px;
	text-align: left;
}

.page-title-02 {
	font-size: 1.3rem;
	color: #00a3d5;
}

.page-title-03 {
	margin: 15px 0px 15px 0px;
	font-size: 1.1rem;
	color: #333;
	font-weight: bold;
}

.b {
	font-weight: bold;
	line-height: 1.5rem;
}

.n {
	font-weight: normal;
	line-height: 1.5rem;
}

.p {
	color: #727377;
	margin: 0px 0px 20px 0px;
}

@media (min-width: 769px) {
	.p {
		text-align: justify;
	}
}

.blue-button {
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	-ms-border-radius: 11px;
	border-radius: 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 0px solid #000;
	display: inline-block;
	height: 22px;
	padding: 4px 15px;
	font-size: 0.9rem;
	line-height: 1em;
	vertical-align: middle;
	background-color: #00a7d4;
	color: #fff !important;
}

.enquiry-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: normal;
	position: relative;
	margin: 25px 0px;
}

.enquiry-box .title {
	font-size: 1.05rem;
}

.line {
	border-bottom: 1px solid #fff;
	margin: 20px 0px;
}

.contact-info {
	margin-top: 10px;
	margin-bottom: 10px;
}

.contact-info .item {
	font-size: 1rem;
	padding: 3px 0px;
}

.contact-info .item div {
	display: inline-block;
	height: 2.3rem;
	width: 2.3rem;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	margin-right: 5px;
	background-size: contain;
}

.contact-info .item .icon-01 img,.contact-info .item .icon-02 img,.contact-info .item .icon-03 img {
	width: 100%;
	height: 100%;
}

.scroll-table {
	font-size: 1rem;
	vertical-align: top;
}

.scroll-table .icon {
	height: 20px;
	width: 20px;
	border: 1px solid #f00;
	display: inline-block;
	vertical-align: middle;
	margin: 5px 5px;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	background-image: url(../images/icon-01.png);
	display: none;
}

.scroll-table ol,.scroll-table ul {
	padding: 0px;
	margin: 0px;
	margin-left: 1rem;
}

.scroll-table ol li,.scroll-table ul li {
	padding: 0px;
	margin: 0px;
	padding: 0px 0px 1px 0px;
	font-weight: normal;
}

.scroll-table ol li ul,.scroll-table ul li ul {
	margin-left: 0.8rem;
}

.scroll-table>div>table {
	width: 100%;
}

.scroll-table>div>table tr th,.scroll-table>div>table tr td {
	padding: 1rem 0px;
}

.scroll-table>div>table tr td {
	padding: 15px 0px;
	vertical-align: top;
	border-bottom: 1px solid #fff;
}

.scroll-table>div.content {
	height: 300px;
	overflow: auto;
	padding-right: 10px;
}

.scroll-table>div.content table {
	height: 100%;
}

.scroll-table>div.content table tr th {
	background-color: #0080a3;
	color: #fff;
}

.scroll-table>div.content table tr:nth-of-type(odd) td {
	background-color: #92caec;
	color: #000;
}

.scroll-table>div.content table tr:nth-of-type(odd) td a {
	color: #005870;
}

.scroll-table>div.content table tr:nth-of-type(even) td {
	background-color: #bde4f7;
	color: #000;
}

.scroll-table>div.content table tr:nth-of-type(even) td a {
	color: #0080a3;
}

.scroll-table.type-02 {
	background-color: #ffffff;
}

.scroll-table.type-02>div.content {
	height: auto;
	padding-right: 0px;
}

.scroll-table.type-02>div.content>table {
	height: 100%;
}

.scroll-table.type-02>div>table tr:nth-of-type(1) th {
	border-top: 1px solid #fff;
}

.scroll-table.type-02>div>table tr:nth-of-type(1) td {
	border-top: 0px solid #fff;
}

.scroll-table.type-02>div>table tr th,.scroll-table.type-02>div>table tr td {
	text-align: left;
	padding: 1rem;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.scroll-table.type-02>div>table tr th:nth-of-type(1),.scroll-table.type-02>div>table tr td:nth-of-type(1) {
	border-left: 0px solid #fff;
	width: 30%;
}

@media (max-width: 768px) {
	.scroll-table.type-02>div>table tr th:nth-of-type(1),.scroll-table.type-02>div>table tr td:nth-of-type(1) {
		width: 40%;
	}
}

.scroll-table.type-02>div>table tr th:nth-of-type(1).b,.scroll-table.type-02>div>table tr td:nth-of-type(1).b {
	vertical-align: middle;
}

@media (max-width: 768px) {
	.scroll-table.type-02>div>table tr th:nth-of-type(1).b,.scroll-table.type-02>div>table tr td:nth-of-type(1).b {
		vertical-align: top;
	}
}

.scroll-table.type-02>div>table tr th {
	padding: 10px 10px 10px 10px;
}

.scroll-table.type-02.type-021 {
	margin-bottom: 30px;
}

.scroll-table.type-02.type-021>div th {
	font-size: 1.1rem;
}

.scroll-table.type-02.type-021>div td {
	font-size: 1.1rem;
}

.scroll-table.type-02.type-021>div.content>table tr td {
	font-weight: bold;
}

.scroll-table.type-02.type-021>div.content>table tr td:nth-of-type(1) {
	width: 40%;
}

.scroll-table.type-02.type-021>div.content>table tr td:nth-of-type(2) {
	width: 26%;
}

.scroll-table.type-02.type-021>div.content>table tr td:nth-of-type(3) {
	width: 34%;
}

.scroll-table.type-03 {
	background-color: #96cef1;
}

.scroll-table.type-03>div.content {
	height: auto;
	padding-right: 0px;
}

.scroll-table.type-03>div.content>table {
	height: 100%;
}

.scroll-table.type-03>div>table tr:nth-of-type(1) th {
	border-top: 1px solid #fff;
}

.scroll-table.type-03>div>table tr:nth-of-type(1) td {
	border-top: 0px solid #fff;
}

.scroll-table.type-03>div>table tr th,.scroll-table.type-03>div>table tr td {
	text-align: center;
	padding: 10px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.scroll-table.type-03>div>table tr th:nth-of-type(1),.scroll-table.type-03>div>table tr td:nth-of-type(1) {
	border-left: 0px solid #fff;
	width: 200px;
}

.scroll-table.type-03>div>table tr th:nth-of-type(2),.scroll-table.type-03>div>table tr td:nth-of-type(2) {
	width: 150px;
}

.scroll-table.type-03>div>table tr th:last-of-type,.scroll-table.type-03>div>table tr td:last-of-type {
	width: auto;
}

.sitemap {
	font-weight: bold;
}

.sitemap ul {
	margin-left: 0px;
	padding-left: 0px;
}

.sitemap li {
	list-style-type: none;
	margin-left: 0px;
}

.sitemap a {
	display: inline-block;
}

.sitemap>ul {
	padding-left: 0.5rem;
}

.sitemap>ul>li {
	padding-bottom: 0.2rem;
}

.sitemap>ul>li>a {
	font-size: 1.1rem;
	padding-left: 0px;
	color: #000;
	padding: 0.4rem 0rem;
}

.sitemap>ul>li>ul>li {
	padding-left: 1.5rem;
}

.sitemap>ul>li>ul>li a {
	color: #007e9e;
	padding: 0.3rem 0rem;
}

.tab-page {
	font-size: 0px;
}

.tab-page.no-of-tab-01 label,.tab-page.no-of-tab-02 label,.tab-page.no-of-tab-03 label,.tab-page.no-of-tab-04 label {
	width: 139px;
}

.tab-page.no-of-tab-A label {
	min-height: 2.4rem !important;
	line-height: 1.4em;
}

.tab-page.no-of-tab-A label:nth-of-type(1) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(2) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(3) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(4) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(5) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(6) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(7) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(8) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(9) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(10) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(11) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(12) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(13) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(14) {
	width: 85px;
}

.tab-page.no-of-tab-A label:nth-of-type(15) {
	width: 85px;
}

.tab-page.no-of-tab-A .tabLL {
	width: 190px !important;
}

.tab-page .navs label {
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-ms-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	-ms-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	-ms-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-ms-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	-ms-background-clip: padding-box;
	background-clip: padding-box;
	cursor: pointer;
	font-size: 0.85rem;
	border: 1px solid #fff;
	border-bottom: 0px solid #fff;
	padding: 8px 10px;
	display: inline-block;
	font-weight: bold;
	min-width: 50px;
	text-align: center;
	background-color: #92d6e3;
	color: #000;
	margin-left: -1px;
	vertical-align: bottom;
	min-height: 1.6rem;
}

.tab-page .navs label .icon {
	width: 26px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center center;
}

.tab-page input[type='radio'] {
	display: none;
}

.tab-page input[type='radio']:checked:nth-of-type(1) ~ .navs label:nth-of-type(1) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(1) ~ .tabs .tab:nth-of-type(1) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(2) ~ .navs label:nth-of-type(2) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(2) ~ .tabs .tab:nth-of-type(2) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(3) ~ .navs label:nth-of-type(3) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(3) ~ .tabs .tab:nth-of-type(3) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(4) ~ .navs label:nth-of-type(4) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(4) ~ .tabs .tab:nth-of-type(4) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(5) ~ .navs label:nth-of-type(5) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(5) ~ .tabs .tab:nth-of-type(5) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(6) ~ .navs label:nth-of-type(6) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(6) ~ .tabs .tab:nth-of-type(6) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(7) ~ .navs label:nth-of-type(7) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(7) ~ .tabs .tab:nth-of-type(7) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(8) ~ .navs label:nth-of-type(8) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(8) ~ .tabs .tab:nth-of-type(8) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(9) ~ .navs label:nth-of-type(9) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(9) ~ .tabs .tab:nth-of-type(9) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(10) ~ .navs label:nth-of-type(10) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(10) ~ .tabs .tab:nth-of-type(10) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(11) ~ .navs label:nth-of-type(11) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(11) ~ .tabs .tab:nth-of-type(11) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(12) ~ .navs label:nth-of-type(12) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(12) ~ .tabs .tab:nth-of-type(12) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(13) ~ .navs label:nth-of-type(13) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(13) ~ .tabs .tab:nth-of-type(13) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(14) ~ .navs label:nth-of-type(14) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(14) ~ .tabs .tab:nth-of-type(14) {
	display: block;
}

.tab-page input[type='radio']:checked:nth-of-type(15) ~ .navs label:nth-of-type(15) {
	background-color: #00a7d4;
	color: #fff;
}

.tab-page input[type='radio']:checked:nth-of-type(15) ~ .tabs .tab:nth-of-type(15) {
	display: block;
}

.tab-page .tabs .tab {
	background-color: #ffffff;
	font-size: 1rem;
	display: none;
}

.ope-ol {
	margin-bottom: 40px;
	padding-left: 0px;
	margin-left: 2.5rem;
	list-style-type: none;
}

.ope-ol li {
	padding-left: 0px;
	margin-left: 0px;
	position: relative;
	line-height: 1.5em;
	padding-bottom: 0.3rem;
}

.ope-ol li .lower-roman {
	position: absolute;
	color: #007e9e;
	top: 0px;
	left: -3.0rem;
	display: inline-block;
	line-height: 1.5em;
	vertical-align: top;
	font-weight: bold;
	font-size: 1.1rem;
	letter-spacing: 1px;
}

.ope-ol li .pt-ac {
	margin-top: 1rem;
}

.ope-right-img {
	padding: 15px 0px;
	position: relative;
	text-align: right;
}

.ope-right-img img {
	text-align: right;
	max-height: 600px;
}

.ope-top-img {
	height: 22vw;
	max-height: 422px;
	position: relative;
}

.ope-top-img .ope-left-img {
	height: 100%;
}

@media (max-width: 768px) {
	.ope-top-img .ope-left-img {
		position: absolute;
	}
}

.ope-top-img .opr-01-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 20%;
}

@media (min-width: 769px) {
	.ope-top-img .opr-01-text {
		position: absolute;
		position: absolute;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

.arrow-row {
	padding: 0px !important;
}

.arrow-row div {
	margin: 0px !important;
	padding: 10px 0px;
	text-align: center;
}

.arrow-row>.left>img {
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}

.arrow-row>.right {
	width: 270px;
}

.arrow-row>.right>img {
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.num-box {
	font-size: 0.8rem;
	margin-top: 0.5rem;
	position: relative;
	padding-left: 0.8rem;
	background-color: white;
	padding-top: 0.5rem;
}

.num-box .blue-num {
	position: absolute;
	display: inline-block;
	color: #303030;
	left: 0px;
}

.remark-box {
	font-size: 0.8rem;
	margin-top: 0.5rem;
	position: relative;
	background-color: white;
	padding-top: 0.5rem;
}

.remark-box ul{
	margin-block-start:0;
	padding-left:15px;
}

.remark-box .blue-num {
	position: absolute;
	display: inline-block;
	color: #303030;
	left: 0px;
}

.ope-step-imgs>div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	vertical-align: top;
	margin: auto;
	text-align: center;
	padding-bottom: 30px;
}

.ope-step-imgs>div img {
	margin: auto;
	display: block;
	max-width: 100%;
}

.ope-step-imgs>div>div:first-child {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-left: 1.5rem;
	text-align: left;
}

.ope-step-imgs>div .blue-num {
	position: absolute;
	display: inline-block;
	left: 0px;
	color: #0080a3;
}

.step-octopus {
	padding: 30px 0px 0px 0px;
	text-align: center;
}

.step-octopus img {
	max-width: 100%;
}

.faq {
	position: relative;
}

.faq .faq-qtn-list {
	list-style-type: decimal;
	margin: 0px;
	padding-left: 30px;
}

.faq .faq-qtn-list li {
	color: #0c92b5;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 0px;
	vertical-align: top;
	padding: 0rem 0rem 1rem 0rem;
}

.faq .faq-qtn-list li a {
	color: #0c92b5;
}

.faq .page-title {
	position: relative;
}

.faq .faq-qtn-ans-list {
	list-style-type: decimal;
	margin: 0px;
	padding-left: 30px;
}

.faq .faq-qtn-ans-list>li {
	padding-bottom: 20px;
}

.faq .faq-qtn-ans-list li {
	margin-left: 0px;
	padding-left: 0px;
	font-weight: bold;
	color: #72737b;
}

.faq .qtn {
	font-size: 1.15rem;
	font-weight: bold;
	margin: 10px 0px;
	color: #72737b;
}

.faq .ans {
	margin: 10px 0px;
	font-weight: normal;
	color: #72737b;
}

.faq .pt-ac {
	margin-bottom: 30px;
}

video {
	background-color: #ccc;
}

.player {
	position: relative;
}

.content-view .player {
	width: 100%;
}

.content-view .player video {
	width: 100%;
}

.content-view .player.p {
	margin-top: 40px;
	margin-bottom: 40px;
}

.content-view .player audio {
	width: 50%;
	height: 45px;
}

.content-view .pdf-list {
	width: 100%;
}

.audio-text {
	vertical-align: middle;
	display: inline-block;
	width: 50%;
}

.audio-text+audio {
	vertical-align: middle;
	position: absolute;
	right: 0px;
	margin-top: -5px;
}

.pdf-list {
	text-align: center;
}

.pdf-list .caption {
	padding: 10px;
	color: #333;
}

.pdf-list-left {
	text-align: left;
	padding-left:50px;
}

.pdf-list-left .caption {
	padding: 10px;
	color: #333;
	text-align: center;
}

@media (max-width: 768px) {
	.pdf-list .pdf-list-left .caption {
		text-align: center;
	}
}

.pdf-list>div {
	display: inline-block;
	margin-right: 9px;
	vertical-align: top;
}

.pdf-list>div>.new-poster img {
	width: 80%;
	max-width: 100%;
}

.pdf-list>div.list-col {
	text-align: top;
	display: inline-block;
	width: 40%;
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.pdf-list>div.list-col {
		width: 100%;
	}
}

.pdf-list>div.list-col>.poster-01 img {
	width: 80%;
	max-width: 100%;
}

.pdf-list>div.list-col>.banner-01 img {
	width: 100%;
	max-width: 100%;
}

.pdf-list>div.list-col>.leaflet-01 img {
	width: 50%;
	max-width: 100%;
}

.pdf-list>div.list-col .normal-list ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.pdf-list>div.list-col .page-sub-title {
	text-align: left;
}

@media (max-width: 768px) {
	.pdf-list>div.list-col .page-sub-title {
		text-align: center;
	}
}

.pdf-list>div.list-col .text {
	padding: 5px;
}

.pdf-list>div>.btn-download {
	display: inline-block;
	margin-top: 10px;
	background-color: #0080a5;
	color: #fff;
	padding: 0.5rem 1rem;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
}

.pdf-list-left>div>.btn-download {
	display: inline-block;
	margin-top: 10px;
	background-color: #0080a5;
	color: #fff;
	padding: 0.5rem 1rem;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
}

.no-padding-bottom {
	padding-bottom: 0px !important;
}

.img-at-bottom {
	vertical-align: middle;
	text-align: center;
	margin-top: 3rem;
}

.img-at-bottom img {
	max-width: 100%;
	vertical-align: middle;
}

.img-at-bottom.type-02 {
	position: absolute;
	bottom: 0px;
	margin-bottom: 0px;
}

.logo-text-region {
	position: relative;
	margin: 2rem 0rem;
}

@media (max-width: 768px) {
	.logo-text-region {
		text-align: center;
	}
}

.logo-text-region>.logo {
	vertical-align: middle;
	width: 210px;
	margin: auto;
}

@media (max-width: 768px) {
	.logo-text-region>.logo {
		width: 150px;
	}
}

@media (max-width: 414px) {
	.logo-text-region>.logo {
		width: 110px;
	}
}

.logo-text-region>.text {
	padding-left: 240px;
	text-align: left;
}

@media (min-width: 769px) {
	.logo-text-region>.text {
		position: absolute;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media (max-width: 768px) {
	.logo-text-region>.text {
		padding: 1rem 0px;
	}
}

.pt-ac {
	margin-bottom: 3rem;
	border-bottom: 1px solid #ddd;
}

.pt-ac .pt-ac-item {
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	border-top: 1px solid #ddd;
}

.pt-ac .pt-ac-item .pt-ac-trigger {
	display: none;
}

.pt-ac .pt-ac-item .pt-ac-trigger:checked ~ .pt-ac-title .tri {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.pt-ac .pt-ac-item .pt-ac-trigger:checked ~ .pt-ac-content {
	visibility: visible;
	-webkit-transition: visibility 0s, max-height 0.5s linear, margin-bottom 0.5s linear;
	-moz-transition: visibility 0s, max-height 0.5s linear, margin-bottom 0.5s linear;
	-ms-transition: visibility 0s, max-height 0.5s linear, margin-bottom 0.5s linear;
	-o-transition: visibility 0s, max-height 0.5s linear, margin-bottom 0.5s linear;
	transition: visibility 0s, max-height 0.5s linear, margin-bottom 0.5s linear;
	max-height: 30000px;
	margin-bottom: 1rem;
}

.pt-ac .pt-ac-item .pt-ac-trigger:checked ~ .pt-ac-content.ope-step-max-height {
	max-height: 30000px;
}

.pt-ac .pt-ac-item .pt-ac-title {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 0.4rem;
	min-height: 2.5rem;
	max-height: 100%;
}

.pt-ac .pt-ac-item .pt-ac-title .title {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 1.1rem;
	color: #100a0a;
	display: block;
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 90%;
	height: 1.6rem;
	text-align: left;
}

.pt-ac .pt-ac-item .pt-ac-title .title img.icon {
	position: relative;
	vertical-align: middle;
	margin-right: 0.8rem;
	height: 110%;
	margin-top: -0.2rem;
}

.pt-ac .pt-ac-item .pt-ac-title .tri {
	position: absolute;
	background-image: url(../images/menu-tri-s-2.png);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 25%;
	right: 0.8rem;
	width: 1.5rem;
	height: 1.5rem;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

@media (max-width: 768px) {
	.pt-ac .pt-ac-item .pt-ac-title .tri {
		background-size: 80% auto;
	}
}

.pt-ac .pt-ac-item .pt-ac-content {
	visibility: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: visibility 0s step-end 0.4s, max-height 0.4s linear, margin-bottom 0.4s linear;
	-moz-transition: visibility 0s step-end 0.4s, max-height 0.4s linear, margin-bottom 0.4s linear;
	-ms-transition: visibility 0s step-end 0.4s, max-height 0.4s linear, margin-bottom 0.4s linear;
	-o-transition: visibility 0s step-end 0.4s, max-height 0.4s linear, margin-bottom 0.4s linear;
	transition: visibility 0s step-end 0.4s, max-height 0.4s linear, margin-bottom 0.4s linear;
	overflow: hidden;
	max-height: 0px;
}

.pt-ac .pt-ac-item .pt-ac-content .alt-table,.pt-ac .pt-ac-item .pt-ac-content .all-type-box {
	margin-bottom: 50px;
}

.pt-ac .img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	margin: 30px 0px 20px 0px;
}

.pt-ac .img img {
	max-width: 100%;
}

.pt-ac .alt-table {
	width: 100%;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-collapse: collapse;
}

.pt-ac .alt-table tr th,.pt-ac .alt-table tr td {
	font-weight: bold;
	padding: 0.5rem 1rem;
	text-align: left;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.pt-ac .alt-table tr th {
	background-color: #0080a3;
	color: #fff;
}

.pt-ac .alt-table tr td {
	color: #000;
	background-color: #c2e8fb;
}

.pt-ac .alt-table tr td.b {
	font-weight: bold;
}

.pt-ac .alt-table tr td.nb {
	font-weight: normal;
}

.pt-ac .alt-table tr:nth-of-type(odd) td {
	color: #000;
	background-color: #92caec;
}

.pt-ac .alt-table tr:nth-of-type(even) td {
	color: #000;
	background-color: #bde4f7;
}

.pt-ac .alt-table tr.color-01>td {
	background-color: #bde4f7;
}

.pt-ac .alt-table tr.color-02>td {
	background-color: #92caec;
}

.pt-ac .all-type-box {
	padding: 20px;
	background-color: #bde4f7;
	text-align: center;
	font-weight: bold;
}

.list-abc {
	list-style: lower-alpha;
}

.promo-section-sep {
	border-bottom: 1px solid #00a6db;
	margin-bottom: 30px;
}

.promo-section {
	margin-bottom: 40px;
}

@media (max-width: 768px) {
	.promo-section {
		margin-bottom: 20px;
	}
}

.promo-section .player.video .GC {
	margin: 10px 0px;
}

.promo-section .player.audio {
	margin: 30px 0px;
}

.page-sub-title {
	margin-top: 10px;
	margin-bottom: 3px;
}

.hide-lbl {
	display: none;
}

.normal-list ol,.normal-list ul {
	margin-bottom: 1rem;
	padding-left: 1.8rem;
}

.normal-list ol li,.normal-list ul li {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

@media (max-width: 960px) {
	.mobile-main-menu .header {
		height: 16vw;
		padding-top: 1.5%;
		padding-left: 7%;
		position: relative;
	}
}

@media (max-width: 960px) and (max-width: 960px) {
	.mobile-main-menu .header {
		height: 13vw;
	}
}

@media (max-width: 960px) {
	.mobile-main-menu .header .logo,.mobile-main-menu .header .enquiry-btn {
		height: 100%;
		display: inline-block;
	}

	.mobile-main-menu .header .logo a,.mobile-main-menu .header .enquiry-btn a {
		display: inline-block;
		height: 100%;
	}

	.mobile-main-menu .header .logo img,.mobile-main-menu .header .enquiry-btn img {
		vertical-align: middle;
		height: 100%;
	}

	.mobile-main-menu .header .enquiry-btn {
		display: inline-block;
		margin-left: 5%;
	}

	.mobile-main-menu .header .close-btn {
		position: absolute;
		cursor: pointer;
		position: absolute;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 7%;
		font-size: 1.5rem;
	}
}

@media (max-width: 960px) and (max-width: 960px) {
	.mobile-main-menu .header .close-btn {
		font-size: 3rem;
	}
}

@media (max-width: 960px) and (max-width: 768px) {
	.mobile-main-menu .header .close-btn {
		font-size: 2.1rem;
	}
}

@media (max-width: 960px) and (max-width: 414px) {
	.mobile-main-menu .header .close-btn {
		font-size: 1.8rem;
	}
}

@media (max-width: 960px) {
	.mobile-main-menu .menu {
		padding: 8%;
		padding-top: 2%;
		vertical-align: top;
	}

	.mobile-main-menu .menu ul {
		margin: 0rem;
		margin-bottom: 0rem;
		padding-left: 0px;
	}

	.mobile-main-menu .menu ul li {
		margin: 0px;
		list-style: none;
		padding: 0.3rem 0em;
	}

	.mobile-main-menu .menu>ul {
		padding-left: 0px;
	}

	.mobile-main-menu .menu>ul>li {
		list-style: none;
		font-size: 1.4rem;
		font-weight: bold;
	}

	.mobile-main-menu .menu>ul>li.home a {
		color: #0080a5;
	}

	.mobile-main-menu .menu>ul>li>a {
		color: #003b4c;
	}

	.mobile-main-menu .menu>ul>li>a>.arrow {
		display: inline-block;
		width: 1.3rem;
		height: 1.3rem;
		vertical-align: middle;
		background-image: url(../images/menu-tri-s-1.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80% auto;
	}

	.mobile-main-menu .menu>ul>li>ul {
		padding-left: 5%;
		margin-top: 0.5rem;
	}

	.mobile-main-menu .menu>ul>li>ul>li {
		font-size: 1rem;
		font-weight: normal;
		padding-right: 10%;
	}

	.mobile-main-menu .menu>ul>li>ul>li>a {
		color: #003b4c;
	}

	.mobile-main-menu .menu>ul.lang-menu>li {
		font-size: 0px;
	}

	.mobile-main-menu .menu>ul.lang-menu>li.title {
		font-size: 1.6rem;
		color: #003b4c;
		padding: 0.7rem 0rem;
	}

	.mobile-main-menu .menu>ul.lang-menu>li.lang-change {
		padding: 0.5rem 0rem;
	}

	.mobile-main-menu .menu>ul.lang-menu>li.lang-change>a {
		font-size: 1.3rem;
		display: block;
		font-weight: normal;
		padding: 0px 0.3rem;
		text-decoration: none;
	}

	.mobile-main-menu .menu>ul.lang-menu>li.text-only {
		padding: 0.6rem 0rem;
	}

	.mobile-main-menu .menu>ul.lang-menu>li.text-only>a {
		cursor: pointer;
		display: inline-block;
		font-size: 1.2rem;
		font-weight: normal;
		font-weight: bold;
		text-transform: uppercase;
		padding: 0.12rem 1.2rem;
		background-color: #003b4c;
		color: #fff;
		border: 2px solid #fff;
		text-decoration: none;
		-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
		-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
		box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	}
}

.mobile-menu {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
}

.mobile-menu .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1002;
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
	filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#80000000, endColorstr=#80000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#80000000, endColorstr=#80000000)";
}

.mobile-menu .content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 1003;
	background: #fff;
	margin: auto;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-image: url(../images/mobile-menu-bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.mobile-menu .content .close {
	font-size: 2rem;
	cursor: pointer;
	border: 1px solid #000;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 1004;
	top: 1rem;
	right: 1rem;
	color: #666;
}

@media (min-width: 1281px) {
	.mobile-menu .content .close {
		font-size: 1.1rem;
	}
}

.mobile-menu .content .close i {
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.mobile-menu-label {
	display: inline-block;
	left: -1000px;
	z-index: 1001;
	position: absolute;
}

.mobile-menu-trigger {
	left: -1000px;
	z-index: 1001;
	position: absolute;
	display: none;
}

@media (max-width: 960px) {
	.mobile-menu-trigger:checked+.mobile-menu {
		display: block;
	}
}

.popup-message {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
}

.popup-message .page-title {
	color: #ec3f79;
}

.popup-message .sub-title {
	color: #ef6537;
}

.popup-message .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1002;
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
	filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#80000000, endColorstr=#80000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false, startColorstr=#80000000, endColorstr=#80000000)";
}

.popup-message .content {
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	-ms-border-radius: 80px;
	border-radius: 80px;
	position: relative;
	z-index: 1003;
	background: #fff;
	min-height: 200px;
	margin: auto;
	padding: 25px;
	border: 20px solid #46bce9;
	background-image: url(../images/message-02.png);
	background-position: right bottom;
	background-size: 53%;
	background-repeat: no-repeat;
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media (max-width: 960px) {
	.popup-message .content {
		width: 90%;
		border: 15px solid #46bce9;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		-ms-border-radius: 40px;
		border-radius: 40px;
	}
}

@media (min-width: 961px) {
	.popup-message .content {
		width: 65%;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		-ms-border-radius: 60px;
		border-radius: 60px;
		border: 18px solid #46bce9;
	}
}

@media (min-width: 1281px) {
	.popup-message .content {
		width: 1100px;
		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
		-ms-border-radius: 80px;
		border-radius: 80px;
		border: 20px solid #46bce9;
	}
}

.popup-message .content .close {
	font-size: 20px;
	cursor: pointer;
	width: 38px;
	height: 38px;
	position: absolute;
	z-index: 1004;
	top: 5px;
	right: 5px;
	color: #666;
	display: none;
}

@media (min-width: 1281px) {
	.popup-message .content .close {
		font-size: 1.1rem;
	}
}

.popup-message .content .close i {
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.popup-message-label {
	left: -1000px;
	z-index: 1001;
	position: absolute;
}

.popup-message-trigger {
	left: -1000px;
	z-index: 1001;
	position: absolute;
	display: none;
}

.popup-message-trigger:checked ~ .popup-message {
	display: block;
}

.message-at-home {
	position: relative;
}

@media (max-width: 960px) {
	.message-at-home {
		padding: 0px 10px;
	}
}

@media (min-width: 961px) {
	.message-at-home {
		padding: 0px 15px;
	}
}

@media (min-width: 1281px) {
	.message-at-home {
		padding: 0px 20px;
	}
}

.message-at-home ._message-logo {
	position: absolute;
	position: absolute;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: -100px;
	width: 90px;
}

@media (min-width: 769px) {
	.message-at-home ._message-logo {
		width: 90px;
		top: -100px;
	}
}

@media (min-width: 961px) {
	.message-at-home ._message-logo {
		width: 100px;
		top: -110px;
	}
}

@media (min-width: 1281px) {
	.message-at-home ._message-logo {
		width: 110px;
		top: -120px;
	}
}

.message-at-home a {
	color: #0c92b5;
}

.message-at-home>div {
	margin-bottom: 15px;
}

.message-at-home ._bu {
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.3rem;
}

.frac {
	overflow: hidden;
	display: inline-block;
	font-size: 1.8rem;
	vertical-align: middle;
	line-height: 1em;
	padding: 0px 5px 3px 5px;
}

.white_bigtext {
	font-weight: bold;
	font-size: 16px;
}

ul#myList {
	list-style-type: decimal;
	margin: 20px;
}

body.mobile-menu-active {
	overflow: hidden;
}

body.mobile-menu-active .mobile-menu {
	min-height: 100vh;
	overflow: auto;
}

body.mobile-menu-active .mobile-menu .content {
	height: auto;
	min-height: 100vh;
}

body.mobile-menu-active .body-bg {
	display: none;
}

/*# sourceMappingURL=website.css.map */