@charset "utf-8";
@media screen and (min-width: 1024px){
.content {
	float: left;
	height: auto;
	width: 100%;
}
.box-infinity {
	float: left;
	width: 96%;
	margin-left: 2%;
	height: auto;
}
.box-title-infinity {
	float: left;
	height: auto;
	width: 50%;
	margin-top: 5%;
	margin-left: 5%;
}
.num-infinity {
	font-family: KimberleyBl-Regular;
	font-size: 14vw;
	color: #e7e8e9;
	float: left;
	height: auto;
	width: 40%;
}

.text-infinity-01 {
	font-family: serithairegular;
	font-size: 4rem;
	color: #e7e8e9;
	width: 20%;
	margin-top: 18%;
	float: left;
	height: auto;
}
.text-infinity-02 {
	font-family: serithairegular;
	font-size: 2.8rem;
	color: #e7e8e9;
	width: 40%;
	float: left;
	height: auto;
}

.text-infinity-03 {
	font-family: serithairegular;
	font-size: 2.8rem;
	color: #f7941d;
	width: 30%;
	float: left;
	height: auto;
}


.text-infinity-br {
	float: left;
	height: auto;
	width: 100%;
}


.box-icon-infinity {
	float: right;
	height: auto;
	width: 30%;
	margin-top: 5%;
}




.box-icon-infinity img {
	height: auto;
	width: 100%;
	position: relative;
	animation-name: example-3;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes example-3 {
  0%   { right:0px; top:0px;}
  25%  { right:50px; top:0px;}
  50%  { right:0px; top:0px;}
  75%  { right:100px; top:0px;}
  100% { right:0px; top:0px;}
}
.box-all-infinity {
	float: left;
	height: auto;
	width: 100%;
	padding-bottom: 5%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-top: 3%;
}

.box-infinity-list-01 {
	background-image: url(../images/bg-nolimit-01.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 25%;
	float: left;
	height: auto;
	width: 100%;
	
	
}

.box-infinity-list-02 {
	background-image: url(../images/bg-nolimit-02.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 25%;
	float: right;
	height: auto;
	width: 100%;
}

.box-infinity-in-right {
	float: right;
	width: 70%;
	height: auto;
}
.box-infinity-in-left {
	float: left;
	width: 70%;
	height: auto;
}

.box-infinity-in-list-01 {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 1%;
	padding-bottom: 1%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.box-infinity-in-list-02 {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 1%;
	padding-bottom: 1%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.box-infinity-in-list-left {
	float: left;
	height: auto;
	width: 85%;
}


.icon-infinity-01 {
	float: left;
	height: auto;
	width: 10%;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
	margin-right: 2%;
	padding-right: 2%;
}
.icon-infinity-02 {
	float: right;
	height: auto;
	width: 10%;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	margin-left: 2%;
	padding-left: 2%;
}
.icon-infinity-01 img {
	height: auto;
	width: 80%;
	margin: 10%;
}
.icon-infinity-02 img {
	height: auto;
	width: 80%;
	margin: 10%;
}
.box-q-infinity-01 {
	float: left;
	height: auto;
	width: 80%;
	margin-bottom: 1%;
	margin-top: 1%;
}
.box-q-infinity-02 {
	float: right;
	height: auto;
	width: 80%;
	margin-bottom: 1%;
	margin-top: 1%;
}

.q-num-01 {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	float: left;
	height: auto;
	width: 6%;
	text-align: center;
	border: 1px dashed #CCC;
	padding-top: 1%;
	padding-bottom: 1%;
}
.q-num-02 {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	float: right;
	height: auto;
	width: 6%;
	text-align: center;
	padding-top: 1%;
	padding-bottom: 1%;
	border: 1px dashed #CCC;
}

.q-text-01 {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	float: left;
	height: auto;
	width: 80%;
	margin-top: 1%;
	margin-left: 2%;
}
.q-text-02 {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	float: right;
	height: auto;
	width: 80%;
	text-align: right;
	margin-top: 1%;
	margin-right: 2%;
}

.box-a-infinity-01 {
	float: left;
	height: auto;
	width: 80%;
}
.box-a-infinity-02 {
	float: right;
	height: auto;
	width: 80%;
}

.a-icon-01 {
	float: left;
	height: auto;
	width: 5%;
	text-align: center;
	margin-right: 3%;
}
.a-icon-02 {
	float: right;
	height: auto;
	width: 5%;
	text-align: center;
	margin-left: 3%;
}
.a-icon-01 img {
	height: auto;
	width: 80%;
}
.a-icon-02 img {
	height: auto;
	width: 80%;
}
.a-text-01-g {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #0C0;
	float: left;
	height: auto;
	width: 70%;
	margin-top: 0.5%;
}
.a-text-02-g {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #0C0;
	float: right;
	height: auto;
	width: 50%;
	text-align: right;
}
.a-text-01-o {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #f7941d;
	float: left;
	height: auto;
	width: 15%;
	margin-top: 0.5%;
}
.a-text-02-o {
	font-family: serithairegular;
	font-size: 1.2rem;
	float: right;
	height: auto;
	width: 18%;
	text-align: right;
	color: #f7941d;
	margin-top: 0.5%;
}
.a-icon-infinity-01 {
	float: left;
	height: auto;
	width: 8%;
}
.a-icon-infinity-02 {
	float: right;
	height: auto;
	width: 8%;
}
.a-icon-infinity-01 img {
	height: auto;
	width: 100%;
}
.a-icon-infinity-02 img {
	height: auto;
	width: 100%;
}
.box-step {
	float: left;
	height: auto;
	width: 100%;
	background-image: url(../images/bg-step-02.webp);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	background-size: 95%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.box-step-left {
	float: left;
	height: auto;
	width: 20%;
	margin-left: 7%;
	margin-top: 5%;
}

.num-step {
	font-family: KimberleyBl-Regular;
	font-size: 14vw;
	color: #e7e8e9;
	float: left;
	height: auto;
	width: 46%;
}

.title-step {
	font-family: serithairegular;
	font-size: 2.8rem;
	color: #e7e8e9;
	width: 10%;
	float: left;
	height: auto;
	clear: both;
}
.box-step-right {
	background-image: url(../images/bg-step-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: scroll;
	background-size: 100%;
	float: left;
	height: auto;
	width: 70%;
	padding-bottom: 10%;
}
.box-loading {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 35%;
	margin-bottom: 2%;
	font-family: serithairegular;
	font-size: 1.8rem;
	color: #e7e8e9;
}
.icon-loading {
	border-top: 16px solid #8c830c;
	border-right: 16px solid #800c4c;
	border-bottom: 16px solid #28617d;
	border-left: 16px solid #ebebeb;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	animation: spin 2s linear infinite;
	float: left;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.text-loading {
	font-family: serithairegular;
	font-size: 1.2rem;
	background: linear-gradient(to right, #FFF 20%, #363636 40%, #363636 60%, #FFF 80%);
	background-size: 200% auto;
	color: #000;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: shine 1s linear infinite;
	float: left;
	height: auto;
	width: 50%;
	margin-top: 3%;
	margin-left: 3%;
	
}
@keyframes shine {
    to {
      background-position: 200% center;
    }
  }
.box-step-right-all {
	background-size: 6%;
	float: left;
	height: auto;
	width: 80%;
	background-image: url(../images/bg-line-step.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 7%;
	background-size: 5%;
}
.box-step-timeline {
	background-size: 70%;
	float: left;
	height: auto;
	width: 77%;
	background-color: rgba(90,90,90,0.7);
	text-align: center;
	font-family: serithairegular;
	font-size: 1rem;
	color: #e7e8e9;
	padding-top: 1%;
	padding-bottom: 0.5%;
	margin-bottom: 5%;
	margin-left: 0%;
	line-height: 150%;

}



.box-step-right-list {
	float: left;
	height: auto;
	width: 90%;
	margin-left: 0%;
	margin-bottom: 3%;
}
.box-step-right-list-top {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 1%;
}
.num-step-in {
	float: left;
	height: auto;
	width: 3%;
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #FFFFFF;
}
.text-step-in {
	float: left;
	height: auto;
	width: 70%;
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	margin-left: 2%;
}
.box-step-right-list-button {
	float: left;
	height: auto;
	width: 100%;
}
.box-color-l-01 {
	background-color: #8dc63f;
	float: left;
	height: 1.5em;
	width: 5%;
}
.box-color-l-10 {
	background-color: #8dc63f;
	float: left;
	height: 1.5em;
	width: 10%;
}
.box-color-l-40 {
	background-color: #8dc63f;
	float: left;
	height: 1.5em;
	width: 40%;
}
.box-color-l-60 {
	background-color: #8dc63f;
	float: left;
	height: 1.5em;
	width: 60%;
}
.box-color-l-80 {
	background-color: #8dc63f;
	float: left;
	height: 1.5em;
	width: 75%;
}
.box-color-l-90 {
	background-color: #8dc63f;
	float: left;
	height: 1.5em;
	width: 80%;
}
.box-color-l-95 {
	background-color: #8dc63f;
	float: left;
	height: 1.5em;
	width: 82.5%;
}


.box-color-l-100 {
	float: left;
	height: 1.5em;
	width: 85%;
	background: linear-gradient(165deg,#8dc63f,#598527,#396434,#abcf08,#197b30,#fff200);
	animation: gradient-animation 5s ease infinite;
	background-size: 180% 180%;
}
.box-color-learn {
	background-color: #FF9900;
	float: left;
	height: 1em;
	width: 85%;
}
.box-color-support {
	background-color: #1D71B8;
	float: left;
	height: 1em;
	width: 85%;
	margin-top: 1%;
}
.box-color-arrow {
	float: left;
	height: 1em;
	width: 1.2%;
	background-image: url(../images/icon-header-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 100%;
	margin-top: 1%;
	
}




.box-color-r-01 {
	background-color: #4d4d4d;
	float: left;
	height: 1.5em;
	width: 80%;
}
.box-color-r-10 {
	background-color: #4d4d4d;
	float: left;
	height: 1.5em;
	width: 75%;
}

.box-color-r-40 {
	background-color: #4d4d4d;
	float: left;
	height: 1.5em;
	width: 45%;
}
.box-color-r-60 {
	background-color: #4d4d4d;
	float: left;
	height: 1.5em;
	width: 25%;
}
.box-color-r-80 {
	background-color: #4d4d4d;
	float: left;
	height: 1.5em;
	width: 10%;
}
.box-color-r-90 {
	background-color: #4d4d4d;
	float: left;
	height: 1.5em;
	width: 5%;
}
.box-color-r-95 {
	background-color: #4d4d4d;
	float: left;
	height: 1.5em;
	width: 2.5%;
}


.box-color-r-100 {
	background-color: #4d4d4d;
	float: left;
	height: 2em;
	width: 0%;
}

.box-text-percen {
	font-family: serithairegular;
	font-size: 1.5rem;
	color: #e7e8e9;
	float: right;
	height: auto;
	width: 10%;
	padding-top: 1%;
}
.box-step-right-go {
	float: left;
	height: auto;
	width: 70%;
	margin-left: 10%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4rem;
	color: #e7e8e9;
	font-style: italic;
	margin-top: 1%;
	margin-bottom: 3%;
}
.box-step-right-go img {
	height: auto;
	width: 8%;
	margin-left: 2%;
}
.icon-go img {
	animation: shake 0.5s;
	animation-iteration-count: infinite;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.box-price {
	float: left;
	height: auto;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.box-price-top {
	background-image: url(../images/bg-promotion-01.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100%;
	float: left;
	height: auto;
	width: 100%;
}
.box-price-footer {
	background-image: url(../images/bg-promotion-03.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 10%;
}

.num-price {
	font-family: promptregular;
	font-size: 14vw;
	color: #e7e8e9;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 5%;
	background-image: url(../images/bg-num.jpg);
	background-repeat: no-repeat;
	background-size: 170% 170%;
	background-position: 100% 100%;
	-webkit-animation: square 3s linear infinite;
	-ms-animation: square 3s linear infinite;
	animation: square 3s linear infinite;
	-webkit-background-clip: text;
	color: transparent;
	text-align: center;
	line-height: 150%;
	position: relative;
  
  
 
}
@-webkit-keyframes square {
  0% { background-position: 0 0; }
  25% { background-position: 100% 0; }
  50% { background-position: 100% 100%; }
  75% { background-position: 0 100%; }
  100% { background-position: 0 0; }
}

@-ms-keyframes square {
  0% { background-position: 0 0; }
  25% { background-position: 100% 0; }
  50% { background-position: 100% 100%; }
  75% { background-position: 0 100%; }
  100% { background-position: 0 0; }
}

@keyframes square {
  0% { background-position: 0 0; }
  25% { background-position: 100% 0; }
  50% { background-position: 100% 100%; }
  75% { background-position: 0 100%; }
  100% { background-position: 0 0; }
}
.tile-pice {
	font-family: serithairegular;
	font-size: 2rem;
	line-height: 150%;
	color: #e7e8e9;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
}
.box-price-center-01 {
	background-image: url(../images/bg-promotion-02-01.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 60%;
	float: left;
	height: auto;
	width: 80%;
	padding-top: 10%;
	padding-right: 10%;
	padding-left: 10%;
}
.box-price-center-02 {
	background-image: url(../images/bg-promotion-03.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	float: left;
	height: auto;
	width: 100%;
	padding-bottom: 20%;
}
.box-price-list-01 {
	float: left;
	height: auto;
	width: 40%;
	margin-top: 2%;
	margin-right: 5%;
	margin-bottom: 2%;
	margin-left: 5%;
}
.price-hot-01 {
	float: left;
	height: 5ex;
	width: 100%;
}
.price-star {
	text-align: right;
	float: left;
	height: auto;
	width: 60%;
}
.price-star img {
	height: auto;
	width: 10%;
}
.price-hot-text {
	font-family: serithairegular;
	font-size: 2vw;
	color: #FFFFFF;
	float: right;
	height: auto;
	width: 30%;
	background-color: #F90;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
	border-radius: 10px  10px 0px 0px;
	margin-right: 3%;
	background: linear-gradient(233deg,#f4c202,#fff200,#ed1c24 , #f4c202,#fff200,#f4c202);
	background-size: 300% 300%;
	animation: gradient-animation 4s ease infinite;
	text-shadow: 0 0 3px #FF0000;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.price-title-01 {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	font-family: serithairegular;
	font-size: 2.4rem;
	color: #191919;
	background-color: #cccccc;
	padding-top: 4%;
	padding-bottom: 4%;
	border-radius: 10px  10px 0px 0px;
}

.price-title-02 {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	font-family: serithairegular;
	font-size: 2.4rem;
	color: #e7e8e9;
	background-image: linear-gradient(to right, red , yellow);
	padding-top: 4%;
	padding-bottom: 4%;
	border-radius: 10px  10px 0px 0px;
}
.price-title-03 {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	font-family: serithairegular;
	font-size: 2.4rem;
	color: #e7e8e9;
	background-image: linear-gradient(to right, #707070 , #333 , #707070 , #333 , #707070, #333 , #707070);
	padding-top: 4%;
	padding-bottom: 4%;
	border-radius: 10px  10px 0px 0px;
}
.price-title-04 {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	font-family: serithairegular;
	font-size: 2.4rem;
	color: #e7e8e9;
	background-color: #666666;
	padding-top: 4%;
	padding-bottom: 4%;
	border-radius: 10px  10px 0px 0px;
}


.price-bg {
	float: left;
	height: auto;
	width: 100%;
	background-color: #262626;
	padding-top: 3%;
	padding-bottom: 3%;
}

.price-text {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	text-align: center;
	float: left;
	height: auto;
	width: 80%;
	margin-bottom: 2%;
	padding-bottom: 2%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 2%;
	line-height: 120%;
	padding-right: 10%;
	padding-left: 10%;
}
.price-text-2 {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	text-align: center;
	float: left;
	height: 4.5em;
	width: 80%;
	margin-bottom: 2%;
	padding-bottom: 2%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 2%;
	line-height: 150%;
	padding-right: 10%;
	padding-left: 10%;
}
.selectmenu {
	float: left;
	height: auto;
	width: 100%;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
}
.selectmenu-title {
	font-family: serithairegular;
	font-size: 1.4rem;
	color: #e7e8e9;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 2%;
	background-color: #999999;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
}
.selectmenu-list img {
	width: 2%;
	position: relative;
	float: left;
	margin-right: 2%;
	height: auto;
}

.selectmenu-list {
	font-family: serithairegular;
	font-size: 1.2rem;
	line-height: 150%;
	color: #e7e8e9;
	float: left;
	height: auto;
	width: 80%;
	border: 1px solid #666;
	padding: 2%;
	margin-bottom: 2%;
	background-color: #262626;
	margin-left: 8%;
}
.selectmenu-list ul {
}
.selectmenu-list ul li {
	float: left;
	height: auto;
	width: auto;
	margin-right: 2%;
	margin-left: 1%;
	border: 1px dotted #e7e8e9;
	background-color: #191919;
	font-family: serithairegular;
	font-size: 1rem;
	line-height: 120%;
	padding-top: 0.5%;
	padding-right: 2%;
	padding-bottom: 0.5%;
	padding-left: 2%;
	margin-top: 1%;
	margin-bottom: 1%;
}






.price-text img {
	height: auto;
	width: 5%;
	margin-right: 2%;
}

.price-start {
	font-family: serithairegular;
	color: #e7e8e9;
	font-size: 1.2rem;
	text-align: right;
	float: left;
	height: auto;
	width: 40%;
	margin-right: 40%;
	margin-top: 5%;
}
.price-start-2 {
	font-family: serithairegular;
	color: #CCCCCC;
	font-size: 1rem;
	text-align: right;
	float: left;
	height: auto;
	width: 40%;
	margin-right: 40%;
	margin-top: 1%;
}
.price-start-3 {
	font-family: serithairegular;
	color: #CCCCCC;
	font-size: 1.2rem;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 2%;
	text-decoration: line-through;
}


.price-num {
	font-family: KimberleyBl-Regular;
	font-size: 2.8rem;
	color: #e7e8e9;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	background-image: url(../images/bg-num-2.jpg);
	background-repeat: no-repeat;
	background-size: 170% 170%;
	background-position: 100% 100%;
	-webkit-animation: square 3s linear infinite;
	-ms-animation: square 3s linear infinite;
	animation: square 3s linear infinite;
	-webkit-background-clip: text;
	color: transparent;
	text-align: center;
	line-height: normal;
	position: relative;
}
.price-num-2 {
	font-family: KimberleyBl-Regular;
	font-size: 2.8rem;
	color: #e7e8e9;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	background-image: url(../images/bg-num.jpg);
	background-repeat: no-repeat;
	background-size: 170% 170%;
	background-position: 100% 100%;
	-webkit-animation: square 3s linear infinite;
	-ms-animation: square 3s linear infinite;
	animation: square 3s linear infinite;
	-webkit-background-clip: text;
	color: transparent;
	text-align: center;
	line-height: normal;
	position: relative;
}

.price-m {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	float: right;
	height: auto;
	width: 30%;
	text-align: left;
	margin-left: 50%;
	margin-bottom: 5%;
}
.price-per-m {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	float: left;
	height: auto;
	width: 50%;
	text-align: center;
	border-radius: 10px  10px 10px 10px;
	margin-left: 25%;
	border: 1px dashed #CCC;
	padding-top: 3%;
	padding-bottom: 3%;
	line-height: 150%;
}
.price-text-01 {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #191919;
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	background-color: #cccccc;
	padding-top: 4%;
	padding-bottom: 4%;
	border-radius: 0px 0px 10px  10px;
}

.price-text-02 {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	background-image: linear-gradient(to left, red , yellow);
	padding-top: 4%;
	padding-bottom: 4%;
	border-radius: 0px 0px 10px  10px;
}
.price-text-03 {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	background-image: linear-gradient(to right, #707070 , #333 , #707070);
	padding-top: 4%;
	padding-bottom: 4%;
	border-radius: 0px 0px 10px  10px;
}
.price-text-04 {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	background-color: #666666;
	padding-top: 4%;
	padding-bottom: 4%;
	border-radius: 0px 0px 10px  10px;
}
.price-text-tel {
	font-family: serithairegular;
	font-size: 1.4rem;
	color: #e7e8e9;
	background-color: #666;
	float: left;
	height: auto;
	width: 89%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
	line-height: 150%;
	text-align: center;
	border-radius: 10px;
	border: 5px dashed #999;
	margin-left: 5%;
}
.box-price-free {
	background-image: url(../images/bg-free.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	float: left;
	height: auto;
	width: 25%;
	padding-top: 5%;
	padding-bottom: 5%;
	margin-left: 10%;
}
.price-free-01 {
	font-family: serithairegular;
	font-size: 2.8rem;
	color: #e7e8e9;
	text-align: center;
	float: left;
	height: auto;
	width: 95%;
	background: linear-gradient(to right, #FFF 20%, #363636 40%, #363636 60%, #FFF 80%);
	background-size: 200% auto;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: shine 1s linear infinite;
	line-height: 120%;
}
.price-free-02 {
	font-family: serithairegular;
	font-size: 2.8rem;
	color: #FF0000;
	text-align: center;
	float: left;
	height: auto;
	width: 95%;
	background: linear-gradient(to right, #FFF 20%, #FF0000 40%, #FF0000 60%, #FFF 80%);
	background-size: 200% auto;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: shine 1s linear infinite;
	line-height: 120%;
}
.price-free-03 {
	font-family: serithairegular;
	font-size: 2.8rem;
	color: #FF9900;
	text-align: center;
	float: left;
	height: auto;
	width: 95%;
	background: linear-gradient(to right, #FFF 20%, #FF9900 40%, #FF9900 60%, #FFF 80%);
	background-size: 200% auto;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: shine 1s linear infinite;
	line-height: 120%;
}
.price-free-04 {
	font-family: serithairegular;
	font-size: 2.8rem;
	color: #999999;
	text-align: center;
	float: left;
	height: auto;
	width: 95%;
	background: linear-gradient(to right, #FFF 20%, #b2b2b5 40%, #b2b2b5 60%, #FFF 80%);
	background-size: 200% auto;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: shine 1s linear infinite;
	line-height: 120%;
}
.box-text-free-01 {
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
}
.box-text-free-02 {
	float: left;
	height: auto;
	width: 50%;
	margin-top: 2%;
	margin-left: 5%;
}

.text-free-01 {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	background-image: url(../images/icon-gif.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 5%;
	float: left;
	height: auto;
	width: 95%;
	padding-left: 8%;
	padding-top: 3%;
	padding-bottom: 3%;
}
.add-free {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	background-image: url(../images/icon-star.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 5%;
	float: left;
	height: auto;
	width: 70%;
	padding-left: 5%;
	line-height: 150%;
	margin-bottom: 2%;
	margin-left: 5%;
}
.text-free-02 {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #e7e8e9;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 2%;
	margin-left: 5%;
}
.box-ourservice {
	float: left;
	height: auto;
	width: 100%;
	padding-bottom: 5%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.title-ourservice {
	font-family: serithairegular;
	font-size: 2.8rem;
	color: #e7e8e9;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 5%;
	margin-left: 2%;
}
.box-ourservice-list {
	float: left;
	height: auto;
	width: 46%;
	margin: 2%;
	background-color: #363636;
	border-radius: 10px;
	padding-bottom: 5%;
}
.text-ourservice {
	font-family: serithairegular;
	color: #e7e8e9;
	font-size: 1.2rem;
	float: left;
	height: auto;
	width: 90%;
	margin-left: 5%;
	margin-top: 5%;
	margin-bottom: 2%;
}
.icon-ourservice {
	float: left;
	height: auto;
	width: 90%;
	margin-left: 5%;
}
.time {
	float: left;
	height: auto;
	width: 35%;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 2%;
	margin-bottom: 2px;
	text-align: center;
	font-family: promptregular;
	font-size: 5vw;
	color: #FF0000;
	line-height: 120%;
	padding: 2%;
	border: 10px double #454545;
	background: linear-gradient(-45deg, #333333 ,#000, #333 ,#333);
	animation: bgtime 8s ease infinite;
	background-size: 400% 400%;
	font-style: italic;
}
@keyframes bgtime {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.icon-ourservice img {
	height: auto;
	width: 10%;
	margin-right: 3%;
}
}