@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500&display=swap');
:root{
	--ml-clr:#18e1f6;
	--m-clr:#00c8dc;
	--mn-clr:#0192be;
	scroll-behavior: smooth;
	--cn:calc(960px - 250px);
	--cn-s:960px;
	overflow-x: hidden;
	--n-b:white;
	--onimg:60vw;
	--twimg:calc(var(--onimg)  / 2.272 );
	--thimg:calc(var(--onimg)  / 3.571 );
	--sz-spn:80px;
	--sec:2rem;
}
html{
	height: 100%;
}
body{
	height: 100%;
	background-size: 200% 400%;
	background: radial-gradient(circle, rgba(0,200,220,1) 0%, rgba(8,183,201,1) 20%, rgba(46,223,240,1) 40%, rgba(9,180,197,1) 60%, rgba(58,218,234,1) 80%, rgba(68,234,251,1) 100%);
	/*background: radial-gradient(circle, rgba(30,95,131,0.25) 0%,rgba(33,101,138,0.45) 35%,rgba(33,101,138,0.35) 40% ,rgba(33,101,138,0.55) 65%, rgba(33,101,138,0.40) 100%);*/
	animation: bgs 30s linear infinite;
	/*background-position: right;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../image/greaterseller_banner.png);*/
}
*{
	font-family: 'Prompt', sans-serif;
	padding:0;
	margin: 0;
	box-sizing: border-box;
	text-decoration: none;
}
h1{
	font-size: 0;
	line-height: normal;
	margin: 0;
	padding: 0;
}
h1 img{
	height: 25px;
	filter:drop-shadow(3px 3px 1.5px rgba(0,0,0,.25));
}
body{
	position: relative;
}
nav{
	padding-top: 1.5rem;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	top: var(--top);
}
.box::after{
	content: '';
	display: block;
	clear: both;
}
.lt{ float: left; }
.rt{ float: right; }
header{
	background-color: var(--m-clr);
	min-height: 100vh;
}
nav a{
	text-decoration: none;
	font-size: 1rem;
	color: white!important;
	text-shadow: 2px 2px 2px rgba(0,0,0,.25);
	padding: 5px 0;
	position: relative;
	cursor: pointer;
	text-align: center;
}
.menu{
	padding-top: .75rem;
	width: 100%;
	transition: right .5s;
}
nav a::after{
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0px;
	content: '';
	background-color: white;
	left: 50%;
	visibility: hidden;
	transition: .5s;
	border-radius: 2px;
	box-shadow: 2px 2px 2.5px rgba(0,0,0,.15);
}
nav a:hover::after,
nav.alink0 a:nth-child(1)::after,
nav.alink1 a:nth-child(2)::after,
nav.alink2 a:nth-child(3)::after,
nav.alink3 a:nth-child(4)::after,
nav.alink4 a:nth-child(5)::after{
	width: 100%;
	left: 0;
	visibility: visible;
}

.alink0 .menu{
	opacity: 1;
	visibility: visible;
}

.alink0 img{
	transform: translateX(0);
}

nav:not(.alink0):not(.alino0):hover .menu{
	visibility: visible;
	transition: opacity 0.3s 0.3s,
				visibility 0.3s 0.3s,
				height 0s,
				right .5s;
	opacity: 1;

}

nav:not(.alink0):not(.alino0):hover img{
	transition: transform 0.25s;
	transform: scale(1);
}
body>nav:not(.alink0):not(.alino0):hover{
	width: 100%;
	transition: width 0.4s;
}
.c-b.c-c{
	padding-top: 0;
}
.c-b{
	/*background-color: var(--m-clr);*/
	color: white;
	text-shadow: 2px 2px 2px rgba(0,0,0,.25);
	transition: background 0.25;
	/*background-size: 200% 400%;*/
	/*background: radial-gradient(circle, rgba(0,200,220,1) 0%, rgba(8,183,201,1) 20%, rgba(27,207,225,1) 40%, rgba(9,180,197,1) 60%, rgba(58,218,234,1) 80%, rgba(0,200,220,1) 100%);*/
	/*background: radial-gradient(circle, rgba(30,95,131,0.25) 0%,rgba(33,101,138,0.45) 35%,rgba(33,101,138,0.35) 40% ,rgba(33,101,138,0.55) 65%, rgba(33,101,138,0.40) 100%);*/
	/*animation: bgs 60s linear infinite;*/
	/*background-position: right;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../image/greaterseller_banner.png);*/

}

@keyframes bgs{
	0%,100% {
		background-size: 350% 200%;
		background-position: 100% 100%
	}
	33% {
		background-size: 400% 300%;
		background-position: 50% 0%
	}
	66% {
		background-size: 300% 500%;
		background-position: 200% 25%
	}
}
.c-b article{
	height: 100vh;
}

.c-b .h1{
	font-size: 20px;
	line-height: 50px;
}
.c-b .h1 strong{
	font-size: 30px;
}
.c-b .h1 span{
	font-weight: bold;
	font-size: 40px;
}
nav .bl{ display: none; }
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: var(--n-b);
  margin: 6px 0;
  transition: 0.4s;
}
.all-img{
	position: relative;
	transform: translateX(-5%);
}
.all-img *{
	position: absolute;
	transition: transform 0.7s;
}
.all-img img.itm-on{
	width: var(--onimg);
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.all-img img.itm-tw,
.itm-tw-ghst{
	width: var(--twimg);
	left: calc(50% + ((var(--onimg) - var(--twimg)) * 0.95));
	top: calc(50% + (var(--twimg) * .17));
	transform: translate(-50%, -50%);
}
.itm-tw-ghst{
	height: calc(var(--twimg) * 1.4);
	z-index: 5;
}

.all-img img.itm-th,
.itm-th-ghst{
	width: var(--thimg);
	left: calc(50% - ((var(--onimg) - var(--thimg)) * 0.65));
	top: calc(50% + (var(--thimg) * .5));
	transform: translate(-50%, -50%);
}
.itm-th-ghst{
	height: calc(var(--thimg) * 1.75);
	z-index: 5;
}

.all-img img:hover{
	transform: translate(-50%, -50%) scale(1.1);
}

.all-img div.itm-th-ghst:hover~.itm-th,
.all-img div.itm-tw-ghst:hover~.itm-tw{
	transform: translate(-50%, -65%) scale(1.2);
}

.all-img img.itm-on:hover~.itm-tw{
	transform: translate(-40%, -40%) scale(.85);
}
.all-img img.itm-on:hover~.itm-th{
	transform: translate(-60%, -40%) scale(.85);
}
.all-img div.itm-th-ghst:hover~.itm-on{
	transform: translate(-35%, -60%) scale(.9);
}
.all-img div.itm-th-ghst:hover~.itm-tw{
	transform: translate(-50%, -40%) scale(.85);
}
.all-img div.itm-tw-ghst:hover~.itm-on{
	transform: translate(-65%, -60%) scale(.9);
}
.all-img div.itm-tw-ghst:hover~.itm-th{
	transform: translate(-70%, -60%) scale(.85);
}


.click{
	position: fixed;
	right: 15px;
	top: 7px;
	transform: scale(0.9);
	width: 35px;
	height: 35px;
	display: block;
	cursor: pointer;
}

.click.change+.menu{
	right: 0;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-8px, 6px);
  transform: rotate(-45deg) translate(-8px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-9px, -8px);
  transform: rotate(45deg) translate(-9px, -8px);
}

.package{
	background-color: white;
	border-radius: 10px;
	overflow: hidden;
	/*border:4px solid var(--ml-clr);*/
	/*transition: 0.5s;*/
	/*border-radius: 5px;*/
	box-shadow: 2px 2px 7px rgba(0,0,0,.2);
	/*background-color: #e2fcff;*/
}
.package>div>*{
	display: block;
	font-weight: 300;
}
.sec{
	font-size: var(--sec);
	transition: opacity 0.5s .5s;
	color: var(--mn-clr)
}
.c-b .sec{
	color: white;
}
/*.package:hover{
	background-color: var(--m-clr);
	border-color: var(--m-clr)
}
.package:hover *{
	color: white!important;
	transition: 0.5s;
	border-color: white;
	text-shadow: 2px 2px 3px rgba(0,0,0,.5);
}*/
.package:hover .special+span{
	transform: scale(1.1);
}

.package li{
	list-style: none;
	padding-bottom: .35rem;
	padding-top: .35rem;
}
.package li+li{
	border-top: 1px solid #00c8dc1f;
}
.package li span{
	display: block;
	margin: auto;
	font-size: .75rem;
}
.package ul{
	padding: 0;
	width: 95%;
	margin:auto;
}
.package h3{
	color: white;
	line-height: 3rem;
	text-shadow: 3px 3px 3px rgba(0,0,0,.25);
	background-color: var(--c-color);
	margin-left: -1rem;
    margin-right: -1rem;
    padding-top: 1.5rem;
    padding-bottom: calc(var(--sz-spn) * .5);
    margin-bottom: 0;
}

.package.on h3{
	font-size: 1.95rem;
	/*transition: .25s;*/
}
.package.on{
	--c-color:#5078d7;
}
.package.tw{
	--c-color:#515b71;
}
.package.th{
	--c-color:#7d7613;
}

.package.on h3 span{
	font-size: 2.7rem;
}

.package.tw h3{
	font-size: 1.4rem;
    /*line-height: 2.5rem;*/
}

.package h3 strong{
	font-weight: bold;
}

.package.tw h3 span,
.package.th h3 span{
	font-size: 2.3rem;
}

.package.th h3{
	font-size: 1.45rem;
    /*line-height: 2.5rem;*/
}

.package h3+span{
	color: white;
	font-size: 1.5rem;
	padding-bottom: .5rem;
	height: 70px;
	width: var(--sz-spn);
	line-height: var(--sz-spn);
	background-color: var(--c-color);
	margin: auto;
	margin-bottom: -2.5rem;
	border-radius: 50%;
	transform: translateY(-50%);
}
.price{
	position: relative;
	display: inline-block;
	padding-top: .5rem;
	/*padding-bottom: .75rem;*/
	text-decoration: line-through;
	opacity: .5;
}
.special{
	font-size: 1.5rem;
	font-weight: 500;
	/*padding-bottom: .5rem;*/
}

.package span>strong{
	color: var(--mn-clr);
	font-size: 2rem; 
	font-weight: bold; 	
}

.clr{
	text-align: center;
}

.package .special+span{
	transition: .25s;
}
.clr span{
	display: none;
	background-color: var(--m-clr);
	height: 7px;
	width: 7px;
	border-radius: 50%;
	opacity: .5;
	/*display: inline-block;*/
}
.package b{
	font-weight: 500;
}
.ft{
	color: var(--mn-clr);
	font-size: 1rem;
}
.sec-2,
.sec-4{
	/*background: rgba(255,255,255,.85);*/
	background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.5));
}

.d-hwt{
	margin-left: auto;
	margin-right: auto;
	font-weight: 100;
	padding-bottom: 1.5rem;
	text-align: center;
	font-size: clamp(1rem,calc(var(--sec) - 1rem),1.4rem);
}

.h-hwt{
	color: var(--mn-clr);
	font-size: var(--sec);
	text-align: center!important;
}
.h-hwt strong{
	font-weight: 500;
}
footer{
	background-color: white;
	color: var(--m-clr);
	padding: .5rem;
	text-align: center;
}

.conus a:hover{
	text-decoration: underline;
}
.conus i{
	margin-right: 1rem;
}
.conus{
	padding-bottom: 1.25rem;
	margin-left: auto;
	margin-right: auto;
}

.conus a{
	color: white;
	text-decoration: none;
	font-size: 1rem;
}
.fb-me{
	display: none;
	position: fixed;
	right: 90px;
	bottom: 30px;
	z-index: 999;
}
.fb-me.blue0 span,
.fb-me.blue2 span,
.fb-me.blue4 span{	
	text-shadow: 2px 2px 2px rgba(0,0,0,.25);
	color: white;
}

.fb-me.blue0 i::after,
.fb-me.blue2 i::after,
.fb-me.blue4 i::after{	
	background-color: #1877f2;
}
.fb-me.blue0 i,
.fb-me.blue2 i,
.fb-me.blue4 i{	
	color: white;
}
.fb-me span{
	float: left;
	margin-right: -20px;
	position: relative;
	color: var(--mn-clr);
	line-height: 70px;
	font-size: 1.75rem;
	height: 70px;
	width: 0px;
	display: inline-block;
	overflow-x: hidden;
	white-space: nowrap;
	transition: width 0.35s;
}
.fb-me i{
	transition: all 0.35s;
	float: right;
	color: #1877f2;
	position: relative;
	--sii:70px;
	font-size: var(--sii);
	transform-origin: 40px 40px;
	text-shadow: 2px 2px 2px rgba(0,0,0,.25);
}
.fb-me i::before{
	position: absolute;
	z-index: 5;
}
.fb-me i::after{
	transition: all 0.35s;
	display: block;
	left: 5px;
	top: 5px;
	width: calc(var(--sii) - 9px );
	height: calc(var(--sii) - 9px );
	position: absolute;
	background: white;
	border-radius: 50%;
	content: '';
}
.fb-me:hover i{
	transform: scale(1.1);
}
.fb-me:hover span{
	width: 260px;
}
.ex-img{
	float: left;
	width: 50%;
	padding: .5rem;
	position: relative;
	font-size: 4rem;
}
.ex-img>img{
	width: 100%;
	height: 150px;
	border-radius: 7px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.25);
	object-fit: cover;
	cursor: pointer;
	filter: brightness(100%);
	transition: filter 0.25s;
}
.ex-img i{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	transition: 0.5s;
	opacity: 0;
	transform: translate(-50%,-50%);
}

.ex-img:hover i{
	opacity: 1;
}

.ex-img>img:hover{
	filter: brightness(30%);
}
.in-ex-img{
	overflow-y: auto;
	height: 100vh;
	max-height: 100vh;
	width: 90%;
	padding: 2.25rem;
	padding-top: 0;
	z-index: 1050;
	left: 5%;
	background-color: white;
	box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}
.in-ex-img::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.in-ex-img::-webkit-scrollbar-track {
  /*background: #fff;*/
  overflow-x: auto;
  background: linear-gradient(180deg, rgba(1,146,190,.5) 5px, rgba(255,255,255,1) 50px, rgba(255,255,255,1) 100%);
}
 
/* Handle */
.in-ex-img::-webkit-scrollbar-thumb {
  background: #0e80a2;
  border-radius: 5px;
  box-shadow: 0 0px 3px rgba(0,0,0,0.25);
}

/* Handle on hover */
.in-ex-img::-webkit-scrollbar-thumb:hover {
   background: #056c8b; 
}

.times{
	margin:0 -2.25rem;
	background: var(--mn-clr);
	color: white;
	padding: .25rem 1rem;
	text-align: right;
	font-size: 2rem;
	margin-bottom: 2.25rem;
}
.bg-d,
.in-ex-img{
	position: fixed;
	top: -200vh;
	visibility: hidden;
	opacity:0;
	transition: opacity 0.5s,
				top 0s 0.25s,
				visibility 0s 0.25s;
}
.in-ex-img.show,
.bg-d.show{
	visibility: visible;
	top: 0;
	opacity: 1;
	transition:opacity 0.25s,
				top 0s,
				visibility 0s;
}
.in-ex-img img{
	box-shadow: 0 2px 5px rgba(0,0,0,0.25);
	border-radius: 7px;
	width: 100%;
}

.in-ex-img img+img{
	margin-top: 2.25rem;
}
.bg-d{
	height: 100%;
	width: 100%;
	left: 0;
	background-color: rgba(0,0,0,.85);
	z-index: 1020;
}
.over-all{
	overflow: hidden;
}
.tst{
	transform: translateY(50px);
	opacity: 0;
	transition: transform 0.5s var(--dl),
				opacity 0.5s var(--dl);
}
#active .tst{
	opacity: 1;
	transform: translateY(0);
}
.fa-times{
	cursor: pointer;
}





@media (min-width: 576px) { 
	:root{
		--sec:2.5rem;
	}
	.click{
		right: calc( 50vw - 270px );
	}
	nav .menu{
		width: calc( 50vw - 70px );
	}
	nav a{
		margin-left: 1.25rem;
		text-align: left;
	}
	nav a::after{
		left: 100%;
	}
	.c-b .h1{
		font-size: 40px;
		line-height: 70px;
	}
	.c-b .h1 strong{
		font-size: 50px;
	}
	.c-b .h1 span{
		font-size: 60px;
	}

	.package h3{
		padding-bottom: 2rem;
	}

	.package.on h3{
		font-size: 3rem;
	}

	.package.on h3 span{
		font-size: 4.1rem;
	}

	.package.tw h3{
		font-size: 2.05rem;
	    /*line-height: 4.1rem;*/
	}

	.package.tw h3 span,
	.package.th h3 span{
		font-size: 3.4rem;
	}

	.package.th h3{
		font-size: 2.15rem;
	    /*line-height: 4.1rem;*/
	}
	.package span>strong {
	    font-size: 2rem;
	}
	.conus{
		padding-bottom: 1.75rem;
	}

	.conus a{
		font-size: 1.5rem;
	}
	.in-ex-img{
		width: 500px;
		left: calc(50% - 250px);
	}
}
@media (min-width: 768px) {
	:root{
		--onimg:45vw;
		--sec:3rem;
	}
	.click{
		right: calc( 50vw - 360px );
	}
	nav .menu{
		width: calc( 50vw - 160px );
	}
	.c-b .h1{
		font-size: 40px;
		line-height: 70px;
	}
	.c-b .h1 strong{
		font-size: 50px;
	}
	.c-b .h1 span{
		font-size: 60px;
	}
	.package.on h3{
		font-size: 1.4rem;
	}

	.package.on h3 span{
		font-size: 1.9rem;
	}

	.package.tw h3{
		font-size: .95rem;
    	/*line-height: 1.85rem;*/
	}

	.package.tw h3 span,
	.package.th h3 span{
		font-size: 1.6rem;
	}

	.package.th h3{
		font-size: 1rem;
    	/*line-height: 1.85rem;*/
	}
	.package span>strong {
	    font-size: 1.45rem;
	}
	.conus{
		padding-bottom: 2.25rem;
	}

	.conus a{
		font-size: 2rem;
	}
	.in-ex-img{
		width: 600px;
		left: calc(50% - 300px);
	}
	.ex-img{
		width: 25%;
	}
	.ex-img:nth-child(6n+0){
		width: 50%;
	}
	.ex-img:nth-child(6n+1){
		width: 50%;
	}
}
@media (max-width: 991.5px) {
	nav{
		background-color: var(--m-clr);
		position: fixed;
		top: 0;
		left: 0;
		height: 50px;
		padding-top: 12px;
		box-shadow: 0 2px 5px rgba(0,0,0,0.25);
	}
	nav .menu{
		height: calc(100vh - 50px);
		top: 50px;
		right: -150vw;
		position: fixed;
		overflow-y: auto;
		background-color: rgba(8,94,103,.85);
	}
	nav .menu a{
		display: block;
		font-size: 1.25rem;
	}
	nav a+a{
		margin-top: 1rem;
	}
	nav a:hover,
	nav.alink0 a:nth-child(1),
	nav.alink1 a:nth-child(2),
	nav.alink2 a:nth-child(3),
	nav.alink3 a:nth-child(4),
	nav.alink4 a:nth-child(5){
		font-weight: bold;
	}
	.c-b{
		padding-top: 100px;
	}
	.all-img{
		height: 50vw;
		max-height: 50vh;
	}
}
@media (min-width: 992px) {
	:root{
		--onimg:350px;
		--sec:3.25rem;
		/*--twimg:154px;*/ /*2.272*/
		/*--thimg:98px;*/ /*3.571*/
	}
	.fb-me{ display: block; }
	section{
		min-height: 100vh;
	}
	.d-hwt{ 
		text-align: left;
		padding-bottom: 1rem;
	}
	.click{
		display: none;
	}
	nav .menu{
		width: auto;
	}
	nav.alino0{
		width: calc(((100vw - var(--cn-s)) / 2 ) + 179px );
	}
	nav:not(.alink0):not(.alino0){
		transition: width 0.4s .3s;
		width: calc(((100vw - var(--cn-s)) / 2 ) + 179px );
	}
	nav.alino0 h1 img{
		transform-origin: top right;
		transform: scale(.65);
	}
	nav:not(.alink0):not(.alino0) h1 img{
		transform-origin: center right;
		transform: scale(.65);
		transition: transform 0.4s .3s;
	}
	nav.alino0 .menu{
		height: 0;
		opacity: 0;
		visibility: hidden;
	}
	nav:not(.alink0):not(.alino0) .menu{
		height: 0;
		opacity: 0;
		visibility: hidden;
		transition: opacity .3s,
					visibility .3s,
					height 0s 0.3s;
	}
	.bl{
		filter: unset;
	}
	nav.alink1 .wt,
	nav.alink3 .wt{
		display: none;
	}
	nav.alink1 .bl,
	nav.alink3 .bl,
	nav .wt{
		display: inline-block;
	}
	nav.alink1 a,
	nav.alink3 a{
		color: var(--m-clr)!important;
		text-shadow: none;
	}
	nav.alink1 a::after,
	nav.alink3 a::after{
		background-color: var(--m-clr);
		box-shadow: none;
	}
	nav.alink1:hover~* .sec.pack,
	nav.alink2:hover~* .sec.exam,
	nav.alink3:hover~* .sec.hwt,
	nav.alink4:hover~* .sec.ftr{
		opacity: 0;
		transition: opacity 0.2s .0s;
	}
	nav a+a{
		margin-left: 1.5rem;
	}
	nav a::after{
		left: 50%;
	}

	.all-img{
		transform: none;
	}
	.c-b .h1{
		font-size: 30px;
		line-height: 60px;
	}
	.c-b .h1 strong{
		font-size: 40px;
	}
	.c-b .h1 span{
		font-size: 50px;
	}
	.c-b .row{
		height: 100%;
	}
	.package.on h3{
		font-size: 2.1rem;
	}

	.package.on h3 span{
		font-size: 2.9rem;
	}

	.package.tw h3{
		font-size: 1.4rem;
    	/*line-height: 2.85rem;*/
	}

	.package.tw h3 span,
	.package.th h3 span{
		font-size: 2.35rem;
	}

	.package.th h3{
		font-size: 1.45rem;
    	/*line-height: 2.85rem;*/
	}
	.package span>strong {
	    font-size: 1.45rem;
	}
	.ex-img>img{
		height: 200px;
	}
}

@media (min-width: 1200px) {
	:root{
		--cn:calc(1140px - 250px);
		--cn-s:1140px;
		--onimg:450px;
		--sz-spn:80px;
		--sec:3.5rem;
		/*--twimg:198px;*/ /*2.272*/
		/*--thimg:126px;*/ /*3.571*/
	}
	nav a{ font-size: 1.25rem; }
	h1 img{ height: 35px; }
	nav.alino0,
	nav:not(.alink0):not(.alino0){
		width: calc(((100vw - var(--cn-s)) / 2 ) + 250px );
	}
	.c-b .h1{
		font-size: 40px;
		line-height: 70px;
	}
	.c-b .h1 strong{
		font-size: 50px;
	}
	.c-b .h1 span{
		font-size: 60px;
	}
	.package.on h3{
		font-size: 2.55rem;
	}

	.package.on h3 span{
		font-size: 3.5rem;
	}

	.package.tw h3{
		font-size: 1.78rem;
    	/*line-height: 3.4rem;*/
	}

	.package.tw h3 span,
	.package.th h3 span{
		font-size: 2.9rem;
	}

	.package.th h3{
		font-size: 1.84rem;
    	/*line-height: 3.4rem;*/
	}
	.package span>strong {
	    font-size: 2rem;
	}
	.package .special+span{
		margin-top: -0.5rem;
		margin-bottom: -0.25rem;
	}
}
@media( min-width: 1300px){
	:root{
		--onimg:500px;
		/*--twimg:220px;*/ /*2.272*/
		/*--thimg:140px;*/ /*3.571*/
	}
}

@media (min-width: 1400px) {
	:root{
		--cn:calc(1320px - 250px);
		--cn-s:1320px;
	}
	.c-b .h1{
		font-size: 50px;
		line-height: 105px;
	}
	.c-b .h1 strong{
		font-size: 60px;
	}
	.c-b .h1 span{
		font-size: 80px;
	}
	.package.on h3{
		font-size: 3rem;
	}

	.package.on h3 span{
		font-size: 4.1rem;
	}

	.package.tw h3{
		font-size: 2.05rem;
	    /*line-height: 4.1rem;*/
	}

	.package.tw h3 span,
	.package.th h3 span{
		font-size: 3.4rem;
	}

	.package.th h3{
		font-size: 2.15rem;
	    /*line-height: 4.1rem;*/
	}
}