@charset "utf-8";
.ft-tvi {
	font-family: 'psl_kandaregularSVG', 'psl_kandaregular' !important;
}


/* action thank */

.thk_page h2 {
	line-height: 1.3;
}
.nav-tabs>li {
	background: #F4F6F9;
}
.bg-thank-action {
	width: 60%;
	height: 615px;
	background-image: url('../images/thank-heng.jpg');
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-align: center;
	margin: auto;
}


.btn-carousel:focus{
	outline: none;
}

.btn-carousel.select{
	border-bottom: 2px solid #009640;
	color: #000000;
	border-radius: 0px;
}


.faq-mobile > .panel{
	background: transparent !important;
	border: none;
}
.faq-mobile > .panel > .panel-heading > h4 > a{
	background: #009640;
	color: white;
	border-radius: 4px;
}
.faq-mobile > .panel > div > .panel-body{
	padding: 0px;
}
.faq-mobile > .panel > div > .panel-body > .panel-group > .panel{
	margin-top: 16px;
}
.faq-mobile > .panel > div > .panel-body > .panel-group > .panel:last-child{
	margin: 0px;
}

p {
	font-size:120% !important;
}

.carousel-indicators{
	width: 90%;
	margin-left: -46%;
}


.bg-gra{
	background-image: url(https://cdn.data.thaivivat.co.th/web/landing_pages/2021-12/motor/1440x432_bigdeal_index_BG.jpg) !important;
	background-position: bottom !important;
	background-repeat: no-repeat !important;
}
.bg-petplus{
	background-image: url('https://cdn.data.thaivivat.co.th/web/landing_pages/2022-02/petplus/1920x600_petplus.png');
	background-position: bottom !important;
	background-size: cover !important;
}
.bg-homeplus{
	background-image: url('https://cdn.data.thaivivat.co.th/web/landing_pages/2022-03/move_to_tvi/1440x432_moveto_bg.jpg');
	background-position: bottom !important;
	background-size: cover !important;
}
.bg-free-trial{
	background-image: url(https://cdn.data.thaivivat.co.th/web/landing_pages/2021-08/1440x432-Free-TrialBG.jpg) !important;
}
.bg-70th{
	background-image: url(https://cdn.data.thaivivat.co.th/web/landing_pages/2021-10/1140x432_Index_Background Layer.jpg) !important;
}
.lotus300{
	background-image: url(https://cdn.data.thaivivat.co.th/web/landing_pages/2022-01/1440x432_bgjan1000.jpg) !important;
	background-position: bottom !important;
	background-repeat: no-repeat !important;
}
.bp{
	background-image: url(../images/campaign_sep_20/banner/bg_4.png) !important;
}
.btn {
	font-family: Prompt !important;
	font-weight: 400 !important;
}

.btn-carousel{
	color: #999999;
	border-color: transparent;
	background: transparent;
	font-size: 1em;
}

.carousel-indicators {
	bottom: -40px;
}
.carousel-indicators > li {
	background: #CCCCCC;
}
.carousel-indicators > li.active {
	background: #009640;
}

.display-flex {
	display: flex;
}
.margin-auto {
	margin: auto;
}

.btn-action-outline {
	font-size: 1em;
	border-radius: 5px;
	background-color: transparent;
	border: solid 1px #009640;
	color: #009640;
	margin-bottom: 1em;
	min-width: 198px;
	padding: 10px 30px 10px 30px;
	margin-right: 6px;
}
.btn-action-outline:hover {
	background: #EDF8F1;
	border: 1px solid #4CB579;
	color: #4CB579;
}
.btn-action-outline:focus {
	background: #99D5B2;
	border: 1px solid #009640;
	color: #009640;
}


.btn-action {
	font-size: 1em !important;
	border-radius: 5px;
	background-color: #009640;
	color: #ffffff;
	margin-bottom: 1em;
	min-width: 198px;
	padding: 10px 30px 10px 30px;
}
.btn-action:hover{
	background: #4CB579;
	color: #ffffff;
}
.btn-action:focus{
	background: #006029;
	color: #ffffff;
}

.tab-content {
	padding: 2em 4em;
}

.title-step {
	text-align: center;
	font-size: 20px;
	color: black;
}

.img-channel {
	width: 120px;
	display: inline-block;
	margin: 10px;
}

.img-responsive {
	width: 100%;
	max-width: 300px !important;
}


/* START : redesign ppu : FEB-2019 */

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

.i-ppu1w,
.i-ppu2w,
.i-ppu3w {
	display: none;
}

.i-ppu1,
.i-ppu2,
.i-ppu3,
.i-ppu1w,
.i-ppu2w,
.i-ppu3w {
	width: auto;
	height: 90px;
}

.tx-gr-ppu {
	font-size: 16px;
}

.type-action div div {
	background-color: #48A059 !important;
}

.type-action div div h4 {
	color: #fff !important;
}

.type-action div div img.i-ppu1w,
.type-action div img.i-ppu2w,
.type-action div img.i-ppu3w {
	display: block;
}

.type-action div div img.i-ppu1,
.type-action div img.i-ppu2,
.type-action div img.i-ppu3 {
	display: none;
}

.box-type-ppu {
	padding-top: 12px;
	padding-bottom: 20px;
	padding-left: 25%;
	padding-right: 25%;
	background-color: #fff;
}

.box-type-ppu a div div {
	text-align: center;
	padding: 15px 0px;
	background: #e0e1e1;
	border-radius: 5px;
}

.box-type-ppu a div {
	padding: 0 2px;
}

.text-title {
	font-family: Prompt !important;
	font-weight: 600 !important;
	padding-top: 39px !important;
	margin-bottom: 0px !important;
	text-align: left !important;
	font-size: 190% !important;
}

.text-sub-title {
	font-family: Prompt !important;
	font-weight: 600 !important;
	font-size: 140% !important;
	color: #333333;
	margin-bottom: 8px !important;
}

.text-sub-title2 {
	font-family: Prompt !important;
	font-weight: 600 !important;
	font-size: 110% !important;
	color: #333333;
	margin-bottom: 8px !important;
}

.fast-href {
	color: #009640;
	font-weight: 500;
	letter-spacing: 1px;
}

.break-line {
	height: 16px;
	background: #F4F6F9;
	margin-top: 2em;
}

.dark-gray {
	color: #666666;
}
.color-nature{
	color: #323232;
}
.p-l-0 {
	padding-left: 0px !important;
}

.p-r-0 {
	padding-right: 0px !important;
}

.fa-check-circle {
	color: #4CB579;
}

.frame {
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 4em 10% 3em 10%;
}

.img-overlap-frame {
	position: absolute;
	top: -50px;
	left: calc(50% - 90px);
	background: white;
	width: 180px;
	height: auto;
}

.text-topup {
	letter-spacing: 0px !important;
	line-height: 1.3 !important;
	margin: 8px auto 16px !important;
}

.text-bold {
	font-family: Prompt !important;
	font-weight: 600 !important;
	color: #323232;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #009640 !important;
	font-weight: 600;
	border: none;
}
.nav-tabs>li>a{
	border: none;
	border-radius: 8px 8px 0 0;
}

.nav-justified>li>a {
	background: #CCCCCC;
	color: white;
	width: 95%;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color: #009640;
}

.width-100 {
	width: 100%;
}

.box-line-1 {
	margin: 2.4em auto;
}


.banner-bg {
	width: 100%;
	height: 390px;
	/*background-image: url(../images/Bg-Bar-Gradient.png?v=2);*/
	/*background-size: contain;*/
	/*background-position: center;*/
	/*background-repeat: no-repeat*/
}

@media screen and (max-width: 1415px) {
	.banner-bg {
		width: 100%;
		height: 350px;
		background-image: url(../images/banner_web_landing_ppu_1187_323covid.jpg?v=2);
		background-size: cover;
		background-position: right;
		background-repeat: no-repeat
	}
}

.p-l-0-desktop {
	padding-left: 0px !important;
	margin-top: 0em !important;
}

.p-r-0-desktop {
	padding-right: 0px !important;
	margin-top: 0em !important;
}

@media screen and (max-width: 993px) {
	.text-title {
		padding-top: 0px !important;
		text-align: center !important;
	}
	.p-l-0-desktop {
		padding-left: 15px !important;
		margin-top: 5em !important;
	}
	.p-r-0-desktop {
		padding-right: 15px !important;
		margin-top: 5em !important;
	}
}


/*.box-type-ppu .type-action div div:after {*/


/*	content: "";*/


/*	position: absolute;*/


/*	right: 50%;*/


/*	bottom: -23px;*/


/*	width: 0;*/


/*	height: 0;*/


/*	border-top: 0px solid transparent;*/


/*	border-left: 28px solid #48A059;*/


/*	border-bottom: 27px solid transparent;*/


/*	transform: rotate(224deg) translate(0%, 50%);*/


/*}*/

.box-type-ppu a:hover img.i-ppu1 {
	display: none;
}

.box-type-ppu a:hover img.i-ppu1w {
	display: block;
}

.box-type-ppu a:hover img.i-ppu2 {
	display: none;
}

.box-type-ppu a:hover img.i-ppu2w {
	display: block;
}

.box-type-ppu a:hover img.i-ppu3 {
	display: none;
}

.box-type-ppu a:hover img.i-ppu3w {
	display: block;
}

@media (hover: none) {
	.box-type-ppu a:hover img.i-ppu1 {
		display: block;
	}
	.box-type-ppu a:hover img.i-ppu1w {
		display: none;
	}
	.box-type-ppu a:hover img.i-ppu2 {
		display: block;
	}
	.box-type-ppu a:hover img.i-ppu2w {
		display: none;
	}
	.box-type-ppu a:hover img.i-ppu3 {
		display: block;
	}
	.box-type-ppu a:hover img.i-ppu3w {
		display: none;
	}
	.box-type-ppu a:hover div>h4 {
		color: #000 !important;
	}
}


/*.box-type-ppu a:hover div{*/


/*background-color:#ffcb05;*/


/*}*/


/*.box-type-ppu a:hover div > h4{*/


/*color:#fff !important;*/


/*}*/

.icon-ppu {
	margin-bottom: 15px;
}

.input-redi {
	border-radius: 25px;
}

.tx-gr-tvi {
	color: #00a350;
}

.btn-send-form {
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 25px;
	background-color: #ffcb05;
	border-color: #ffcb05;
}

.btn-send-form:hover {
	background-color: #ccc;
}

.form-insert .panel-heading {
	text-align: center;
	font-size: 2em;
	background-color: #00a350;
	color: #fff;
	border-radius: 12px 12px 0px 0px;
}

.form-insert .panel {
	border-radius: 12px;
}

.form-insert {
	padding-top: 5%;
	padding-bottom: 3%;
	padding-left: 33%;
	padding-right: 33%;
	background-image: url('../images/bg_ppu1.jpg');
	background-size: 100% 480px;
	background-position: center;
	background-repeat: no-repeat
}

.mg-b-10 {
	margin-bottom: 10px;
}

.banner-index {
	margin-top: 3%;
}

.bg-header {
	width: 100%;
	height: 550px;
	background-image: url('../images/bn_alex.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.bg-header-htu {
	width: 100%;
	height: 550px;
	background-image: url('../images/ppu2.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.bg-header-save-more {
	width: 100%;
	height: 550px;
	background-image: url('../images/ppu3.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.box-form-ppu {
	margin-top: 5%;
	text-align: right;
	position: absolute;
	padding: 15px;
	left: 0;
	z-index: 999;
	font-family: 'psl_kandaregularSVG', 'psl_kandaregular';
}

.box-form-howto {
	margin-left: 100px !important;
}

.tx-head1 {
	font-size: 4.5em;
	font-family: 'psl_kandabold' !important;
	text-shadow: 1px 1px 1px #000000;
}

.tx-head2 {
	font-size: 3.2em;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
}

.tx-head3 {
	font-size: 3em;
	font-weight: bold;
	text-shadow: 2px 2px 4px #000000;
}

.tx-white {
	color: #fff !important;
}

.tx-black {
	color: #000 !important;
}


/* END : redesign ppu : FEB-2019 */


/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: Prompt !important;
	font-weight: 400 !important;
	color: #666666;
}

.small {
	font-size: 100% !important;
}
.semi-small {
	font-size: 100% !important;
}
.semi-small2 {
	font-size: 96% !important;
}
.icon-home-plus{
	width: 70%; max-width: 110px; margin: 8px auto 16px;
}
.medium {
	font-size: 120% !important;
}
.border-frame {
	max-width: 348px;
	margin: auto;
}
.p-t-0 {
	padding-top: 0px !important;
}
.width-50 {
	width: 50% !important;
	margin-bottom: 12px;
}

a:hover {
	text-decoration: none;
	color: #01703f
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	/* max-width: 1366px; */
}

#header {
	background: #01021a;
	position: fixed;
	top: 0;
	z-index: 8888;
	width: 100%;
	max-width: 1366px;
	margin: 0 auto
}

#container {
	width: 100%;
	margin: 0;
	padding: 0;
}

#footer {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #595a5c;
}

.content {
	width: 100%;
	margin: 0 auto;
	position: relative
}

.logo {
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	z-index: 999
}

.logo img {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

.head {
	width: 75%;
	float: left;
	padding: 15px 0
}

.social-tvv {
	font-family: 'psl_kandaregular';
	font-size: 25px;
	text-align: center;
;
}

.clear {
	clear: both
}


/* ul.menu {margin: 0 0 10px 0; padding: 0; text-align: right}
ul.menu li { margin: 0 0 0 11px; padding: 0; list-style: none; display: inline-block}
ul.menu li a { display: inline-block; padding: 2px 16px; border: 2px solid #f5f5f5;
 text-align: center; font-size: 24px; color: #f5f5f5;  font-family: 'psl_kandabold';}
ul.menu li a:hover { color: #01703f; border: 2px solid #01703f; box-shadow: 0 0 7px #01703f}
ul.menu li a.select {color: #01703f; border: 2px solid #01703f; box-shadow: 0 0 7px #01703f} */

.landing-btn {
	position: absolute;
	bottom: -43px;
	right: 3%;
	width: 250px;
	z-index: 1000;
}

.landing-btn-index {
	position: absolute;
	bottom: -43px;
	right: 3%;
	width: 250px;
	z-index: 1000;
}

.landing-btn-regis {
	position: absolute;
	bottom: -43px;
	right: 3%;
	width: 250px;
	z-index: 1000;
}

.box-banner {
	position: relative;
}

.box-banner-book {
	position: relative;
}

.box-click {
	margin: 15px 0 0 0;
	font-family: 'psl_kandabold';
	font-size: 20px;
	color: #fff;
	text-align: right
}

.btn-click {
	border: 2px solid #01703f;
	display: inline-block;
	padding: 4px 20px;
	border-radius: 40px;
	color: #01703f;
}

.btn-click:hover {
	border: 2px solid #01703f;
	box-shadow: 0 0 7px #01703f
}


/* .banner-index {margin: 137px auto 0 auto; max-width: 1366px;}

.banner-index img {width: 100%;} */

.caption_re {
	position: relative;
	width: 1180px;
	margin: 0 auto
}

.caption_form {
	position: relative;
	width: 1180px;
	margin: 0 auto
}

.caption {
	position: absolute;
	top: -500px;
	left: 0;
	z-index: 999;
}

.caption h1 {
	font-family: 'psl_kandabold';
	font-weight: normal;
	font-size: 50px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	color: #fff;
}

.caption h2 {
	font-family: 'psl_kandaregularSVG', 'psl_kandaregular';
	font-size: 26px;
	margin: 4px 0 0 0;
	padding: 0;
	color: #fff;
}

.caption.txt-how {
	top: -540px;
}

.caption.txt-how h1 {
	font-family: 'psl_kandabold';
	font-weight: normal;
	font-size: 50px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	color: #000;
}

.caption.txt-how h2 {
	font-family: 'psl_kandabold';
	font-weight: normal;
	font-size: 26px;
	margin: 0 0 4px 0;
	padding: 0;
	color: #000;
}

.caption.txt-process {
	top: -500px;
	left: 288px;
}

.caption.txt-process h1 {
	font-family: 'psl_kandabold';
	font-weight: normal;
	font-size: 50px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	color: #000;
}

.caption.txt-process h2 {
	font-family: 'psl_kandabold';
	font-weight: normal;
	font-size: 26px;
	margin: 0 0 4px 0;
	padding: 0;
	color: #000;
}

.caption.txt-process h1 span {
	color: #009e51;
	text-shadow: 0 0 2px #009e51
}

.caption.txt-savemore {
	top: -540px;
	left: -20px;
	background: #01021a;
	padding: 30px 100px 10px 30px;
	color: #fff;
}

.caption h1.txt-savemore {
	font-family: 'psl_kandabold';
	font-weight: normal;
	font-size: 50px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	color: #fff;
}

.caption h2.txt-savemore {
	font-family: 'psl_kandaregularSVG', 'psl_kandaregular';
	font-size: 26px;
	margin: 4px 0 0 0;
	padding: 0;
	color: #fff;
}

.package-box {
	width: 90%;
	margin: 0 auto;
}

.package-box img {
	width: 100%;
}
.box-fit{
	padding: 8px 15px 1.6em !important;
}
.m-t-1em {
	margin-top: 1.2em;
}
.m-t-2em {
	margin-top: 2em;
}

.panel-group{
	margin-bottom: 0px;
}
.panel-group > .panel:last-child{
	margin-bottom: 0px;
}

.box-form {
	text-align: right;
	position: absolute;
	/* background: black;  */
	padding: 15px;
	top: -400px;
	left: 0;
	z-index: 999;
	font-family: 'psl_kandaregularSVG', 'psl_kandaregular';
}

.box-form h3 {
	text-align: right;
	font-family: 'psl_kandaregularSVG', 'psl_kandaregular';
	font-size: 32px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	color: #fff;
}

.box-form h3 span {
	font-size: 16px;
	line-height: 16px;
	display: block
}

ul.form {
	margin: 15px 0 0 0;
	padding: 0;
}

ul.form li {
	margin: 0 0 3px 0;
	padding: 0;
	list-style: none;
	background: #fff;
	width: 100%;
}

ul.form li .txtbox {
	width: 92%;
	background: #fff;
	padding: 7px;
	font-family: 'psl_kandabold';
	font-size: 14px;
	color: #000000;
	border: none;
}

#box-drop-lead > ul > li:first-child{
	border-top-left-radius: 16px;
}
#box-drop-lead > ul > li:last-child{
	border-top-right-radius: 16px;
}
li:last-child > a{
	margin-right: 0px;
	border-right: 0px;
}

#box-drop-lead > ul > li:first-child > a {
	border-top-left-radius: 13px;
}
#box-drop-lead > ul > li:last-child > a{
	border-top-right-radius: 13px;

}


.btn-send {
	background: #00a64f;
	border: none;
	font-family: 'psl_kandabold';
	font-size: 16px;
	color: #fff;
	padding: 8px 30px;
	margin: 10px 0 0 0;
	display: inline-block;
	-webkit-appearance: none;
	/* WebKit */
	-moz-appearance: none;
	/* Mozilla */
	-o-appearance: none;
	/* Opera */
	-ms-appearance: none;
	/* Internet Explorer */
	appearance: none;
	/* CSS3 */
}

.btn-send:hover {
	color: #ffc605;
	cursor: pointer;
	-webkit-appearance: none;
	/* WebKit */
	-moz-appearance: none;
	/* Mozilla */
	-o-appearance: none;
	/* Opera */
	-ms-appearance: none;
	/* Internet Explorer */
	appearance: none;
}


/*content*/

.line-top {
	background: url(../images/img-top.png) no-repeat bottom center;
	height: 58px;
}

.box-share {
	font-family: 'psl_kandabold';
	font-size: 18px;
	paddings: 30px 0;
}

.box-share img {
	margin: 0 10px;
}

.khow-tvi {
	padding: 30px 0 40px 0;
	font-family: 'psl_kandabold';
}


/*.box-line-1 {background: url(../images/bg-line-1.png) no-repeat center top ;} */


/*.box-line-1-how {background: url(../images/bg-line-1.png) no-repeat bottom center;}*/


/*.box-line-2 {background: url(../images/bg-line-2.png) repeat-y top center;}*/


/*.box-line-3 {background: url(../images/bg-line-3.png) no-repeat top center;}*/


/*.box-line-4 {background: url(../images/bg-line-4.png) no-repeat bottom center; height: 46px;}*/

.box-content-line {
	width: 55%;
	margin: 0 auto;
	position: relative
}

.box-content-title {
	width: 50%;
	margin: 0 auto;
	position: relative
}

.box-content-book {
	width: 50%;
	margin: 0 auto;
	position: relative
}

.box-content-bg-gray {
	width: 784px;
	margin: 0 auto;
	background: url(../images/bg-gray.png) no-repeat top center;
	padding-top: 120px;
}

.box-content-bg-green {
	width: 784px;
	margin: 0 auto;
	background: url(../images/bg-green.jpg) no-repeat top center #00a151;
	padding-top: 120px;
}

.box-content-bg-compare {
	width: 784px;
	margin: 0 auto;
	background: url(../images/bg-gray-compare.png) no-repeat top center;
	padding-top: 64px;
}

h1,
h2,
h3 {
	margin: 0;
	padding: 0;
}

.box-txt-know {
	text-align: center;
	margin-top: 0px;
	padding-bottom: 50px;
}

.txt-know {
	padding: 12px 0px;
}

h1.txt-know {
	font-family: 'psl_kandabold';
	font-size: 50px;
	color: #00a151;
}

h1.txt-know span {
	font-family: 'psl_kandaregularSVG', 'psl_kandaregular';
	font-size: 50px;
	display: block;
	line-height: 50px
}

h1.txt-book {
	font-family: 'psl_kandabold';
	font-size: 40px;
	color: #00a151;
}

.box-txt-book {
	text-align: center;
	margin-top: -45px;
	padding-bottom: 30px;
}

h1.txt-book {
	font-family: 'psl_kandabold';
	font-size: 50px;
	color: #00a151;
}

h1.txt-book span {
	font-family: 'psl_kandaregularSVG', 'psl_kandaregular';
	font-size: 50px;
	line-height: 55px;
	display: block;
}

h1.txt-book {
	font-family: 'psl_kandabold';
	font-size: 40px;
	color: #00a151;
}

.box-txt-why {
	font-family: 'psl_kandabold';
	font-weight: normal;
	text-align: center;
	padding-bottom: 20px;
}

.box-txt-why h2 {
	font-size: 24px;
	line-height: 40px;
	margin-bottom: 0;
	color: #000
}

.box-txt-why h2 span {
	font-family: 'psl_kandabold';
	color: #00a151;
	font-style: italic;
	font-size: 30px;
	line-height: 32px;
}

.box-txt-why p {
	margin: 0;
	padding: 0;
	font-size: 24px;
	line-height: 36px;
}

.box-txt-why p span {
	color: #00a151
}

.box-txt-why h3 {
	font-size: 22px;
	line-height: 33px;
	margin-bottom: 10px;
	color: #000
}

.box-txt-why h3 span {
	color: #00a151;
}

.box-txt-why h4 {
	font-size: 32px;
	line-height: 33px;
	margin: 0;
	padding: 5px 0;
	color: #fff
}

.box-txt-why h4 span {
	color: #fff;
	font-size: 22px;
}

.box-txt-why h2.txt-process {
	font-size: 34px;
	line-height: 40px;
	margin-bottom: 50px;
	color: #000
}

.box-txt-why h2.txt-process span {
	font-family: 'psl_kandabold';
	color: #00a151;
	font-size: 54px;
	line-height: 32px;
}

.icon-on-off {
	width: 100px;
	margin: 0 auto;
}

.icon-on-off img {
	width: 100%;
	display: block;
}

.box-time {
	width: 260px;
	margin: 10px auto 10px auto;
	border: 2px solid #00a450;
	border-radius: 40px;
	padding: 10px 20px 5px 10px;
	color: #00a450;
	text-align: center
}

.box-time ul {
	margin: 0;
	padding: 0;
}

.box-time ul li {
	margin: 0;
	font-size: 16px;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
	width: 50%;
	font-family: 'psl_kandabold';
}

.box-time ul li span.num {
	font-size: 32px;
	line-height: 20px;
}

.box-time ul li td {
	font-size: 12px;
}

p.txt-time {
	color: #555;
	font-size: 16px;
	text-align: center;
	margin: 0 0 60px 0;
	padding: 0;
}

.box-border-green {
	border: 2px solid #00a450;
	border-radius: 20px;
	position: relative;
}

.box-txt-green {
	position: absolute;
	top: -24px;
	right: 30px;
	background: white;
	padding: 0 16px;
}

.box-txt-green h2 {
	font-family: 'psl_kandabold';
	color: #000;
	font-size: 24px;
	line-height: 32px;
}

.box-txt-green h2 span {
	color: #00a151;
}

.box-txt-green h2 span.per {
	font-size: 40px;
	color: #00a151;
	font-style: italic
}

.box-txt-all {
	padding: 30px;
	text-align: center;
	font-size: 24px;
	line-height: 32px;
}

.box-txt-all h3 {
	color: #000;
	margin-bottom: 10px;
	font-size: 24px;
}

.box-txt-all h3 img {
	margin-bottom: -5px;
}

.box-txt-all span {
	color: #00a151
}

.btn-dark {
	background: #000000;
	padding: 6px 20px;
	border-radius: 1px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	margin: 0px;
}

.btn-compare {
	background: #000000;
	padding: 0 20px;
	border-radius: 30px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	margin: 20px 0 0 0;
	min-width: 180px;
}

.btn-compare:hover {
	color: #00a151
}

.box-line-left {
	border-right: 2px solid #00a151;
	width: 50%;
	height: 80px;
}

.box-vdo {
	padding: 60px 0 40px 0;
	text-align: center
}

.box-vdo h3 {
	margin-bottom: 20px;
	font-family: 'psl_kandabold';
}

.box-book {
	padding: 0;
	text-align: center;
	padding-bottom: 30px;
}

.box-book h3 {
	margin-bottom: 20px;
	font-family: 'psl_kandabold';
}

.box-book-thank {
	padding: 0;
	text-align: center;
	padding-bottom: 100px;
}

.box-book-thank h3 {
	margin-bottom: 20px;
	font-family: 'psl_kandabold';
}

.box-book-thank p {
	font-size: 25px;
	font-family: 'psl_kandabold';
}

ul.form-load {
	font-family: 'psl_kandabold';
	font-size: 16px;
	margin: 0 auto;
	padding: 0;
	width: 340px;
}

ul.form-load li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

ul.form-load li .txtbox {
	border: 1px solid #00a151;
	border-radius: 20px;
	width: 60%;
	float: left;
	background: #f9f9f9;
	padding: 4px 15px;
	font-family: 'psl_kandabold';
	font-size: 14px;
	color: #000000;
}

ul.form-load li label {
	width: 23%;
	font-size: 14px;
	float: left;
	text-align: right;
	padding-right: 10px;
}

ul.form-load-book {
	font-family: 'psl_kandaregular';
	font-size: 16px;
	margin: 0 auto;
	padding: 0;
	width: 500px;
}

ul.form-load-book li {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

ul.form-load-book li .txtbox {
	border: 1px solid #00a151;
	border-radius: 10px;
	width: 58%;
	float: left;
	background: #f9f9f9;
	padding: 4px 15px;
	font-family: 'psl_kandabold';
	font-size: 20px;
	color: #000000;
}

ul.form-load-book li label {
	width: 30%;
	font-size: 25px;
	float: left;
	text-align: right;
	padding-right: 25px;
}

ul.form-load-book li label span {
	color: rgba(255, 0, 4, 1.00)
}

span.pm-code {
	background: #231f20;
	font-size: 28px;
	padding: 0 10px;
	color: #ffffff
}

.btn-send-load {
	background: #000000;
	border: none;
	border-radius: 20px;
	font-family: 'psl_kandabold';
	font-size: 16px;
	color: #fff;
	padding: 8px 30px;
	margin: 10px 0 0 0;
	display: inline-block;
	-webkit-appearance: none;
	/* WebKit */
	-moz-appearance: none;
	/* Mozilla */
	-o-appearance: none;
	/* Opera */
	-ms-appearance: none;
	/* Internet Explorer */
	appearance: none;
}

.btn-send-load:hover {
	color: #00a151;
	cursor: pointer;
	-webkit-appearance: none;
	/* WebKit */
	-moz-appearance: none;
	/* Mozilla */
	-o-appearance: none;
	/* Opera */
	-ms-appearance: none;
	/* Internet Explorer */
	appearance: none;
}

.box-promotion {
	width: 60%;
	margin: 0 auto 60px auto;
}

.box-promotion img {
	width: 100%;
}

.thk_page {
	padding: 120px 0 0 0;
	text-align: center
}

.thk_page h2 {
	color: #00a54f;
	font-family: 'psl_kandaboldSVG', 'psl_kandabold';
	font-size: 32px;
	margin: 0 0 20px 0;
}

a.btn-back {
	display: block;
	background: #ffca08;
	border-radius: 30px;
	padding: 10px 20px;
	width: 150px;
	margin: 0 auto;
	color: #111;
	text-align: center;
	font-family: 'psl_kandaboldSVG', 'psl_kandabold';
	font-size: 22px;
	text-decoration: none
}

a.btnR {
	background: #ffca08;
	padding: 10px 20px;
	margin: 0 auto;
	color: #111;
	text-align: center;
	font-family: 'psl_kandaboldSVG', 'psl_kandabold';
	font-size: 22px;
	text-decoration: none;
}

a.btnR {
	display: inline-block;
	border-radius: 20px;
	width: 180px
}

a.btn-back {
	border-radius: 30px;
	width: 150px
}

.BannerThank {
	margin: 0 auto;
	padding: 40px 0;
	width: 1180px
}

.current-pack {
	text-align: left;
	margin: 10px 0;
	font-family: 'psl_kandaregular';
}

.current-pack p {
	font-size: 22px;
}

.current-pack p span {
	color: rgba(255, 0, 4, 1.00);
}

.current-pack select {
	width: 80px;
	padding: 0 5px;
	border: 1px solid #009a51;
	font-family: 'psl_kandaboldSVG', 'psl_kandabold';
	font-size: 18px;
	background: url(../booking/images/arrow-select.jpg) no-repeat right;
	background-size: 20px;
	-webkit-appearance: none;
	/* WebKit */
	-moz-appearance: none;
	/* Mozilla */
	-o-appearance: none;
	/* Opera */
	-ms-appearance: none;
	/* Internet Explorer */
	appearance: none;
}

.current-pack select::-ms-expand {
	display: none;
}

.current-pack label {
	margin-left: 5px;
}

.pack-select {
	width: 100%;
	margin: 30px 0;
	text-align: center;
	font-family: 'psl_kandabold';
}

.pack-select label {
	margin: 0 25px;
}

.pack-mount {
	width: 105px;
	border: 1px solid #009a51;
	border-radius: 50%;
	background: #ffffff;
	text-align: center;
	color: #000;
	line-height: 25px;
	font-size: 20px;
	display: inline-block;
	box-sizing: border-box;
	padding: 25px;
	cursor: pointer
}

.mount-select {
	background: #009a51;
	color: #ffffff;
}

.pack-mount:hover {
	background: #009a51;
	color: #ffffff;
}

.pack-select input[type="radio"] {
	display: none;
}

.pack-select input {
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
	/* WebKit */
	-moz-appearance: none;
	/* Mozilla */
	-o-appearance: none;
	/* Opera */
	-ms-appearance: none;
	/* Internet Explorer */
	appearance: none;
	/* CSS3 */
}

.pack-select input:active+.pack-mount {
	opacity: .9;
}

.pack-select input:checked+.pack-mount {
	background: #009a51;
	color: #ffffff;
}


/*how to*/

.img-how-step {
	text-align: center;
	margin: 30px auto;
	width: 450px;
}

.img-how-step img {
	width: 100%;
}

a.view-more {
	font-size: 24px;
	line-height: 22px;
	color: #ffffff;
	border: 2px solid #000000;
	background-color: #000000;
	display: inline-block;
	text-align: center;
	padding: 8px 40px;
	border-radius: 40px;
	margin: 20px 0;
}

a.view-more-compare {
	font-size: 24px;
	line-height: 22px;
	color: #00a450;
	border: 2px solid #00a450;
	display: inline-block;
	text-align: center;
	padding: 8px 40px;
	border-radius: 40px;
	margin: 20px 0;
}

a.view-process {
	font-size: 24px;
	line-height: 22px;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 15px 20px;
	border-radius: 40px;
	margin: 20px 10px;
	background: #000000;
	width: 147px
}

a.btn-load {
	background: #00a54f;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 40px;
	padding: 4px 20px;
	display: inline-block;
	margin: 10px 5px
}

.banner-step-how .owl-carousel {
	padding-bottom: 80px !important
}

.box-faq {
	padding: 0 50px;
}

.box-faq h1 {
	color: #fff;
	text-align: center;
}

ul.list-faq {
	margin: 1em 0 0 0;
	padding: 0 0 40px 0;
}

ul.list-faq li {
	margin: 0;
	padding: 7px 0;
	list-style: none;
	color: #fff;
}

ul.list-faq li .faq {
	font-family: 'psl_kandaboldSVG', 'psl_kandabold';
	font-size: 22px;
	line-height: 27px;
	cursor: pointer;
	background-size: 20px;
	background: url(../images/icon-faq.png) no-repeat top left;
	padding: 0 0 7px 35px;
}

ul.list-faq li .faq-de {
	font-family: 'psl_kandaboldSVG', 'psl_kandabold';
	font-size: 22px;
	line-height: 27px;
	cursor: pointer;
	background-size: 20px;
	background: url(../images/icon-faq-de.png) no-repeat top left;
	padding: 0 0 7px 35px;
}

ul.list-faq li .faq:hover {
	text-decoration: underline
}

.content-faq {
	padding: 0px 0 10px 25px;
	font-size: 14px;
	color: black;
}

.content-faq h2 {
	font-size: 18px !important;
	margin-top: 20px;
}

.content-faq h3 {
	font-size: 16px !important;
}

.content-faq ol.txtdetail,
.content-faq ul.txtdetail {
	margin: 10px 0 10px 30px;
	padding: 0;
}

.content-faq ol.txtdetail li,
.content-faq ul.txtdetail li {
	margin: 0;
	padding: 0;
	font-size: 14px !important;
	color: black;
}

.content-faq p {
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0;
}

.content-faq ol.txtdetail li {
	list-style: unset !important;
	color: black;
}

.content-faq ol.txtdetail {
	margin: 10px 0 10px 50px !important;
}

.content-faq a {
	color: #fff;
}


/*save more*/

ul.save-more {
	margin: 0;
	padding: 40px 0 40px 0;
	position: relative
}

ul.save-more li {
	margin: 0 0 30px 0;
	padding: 0;
	width: 33%;
	list-style: none;
	display: block;
	float: left
}

ul.save-more li img {
	width: 95%;
	margin: 0 auto;
	display: block
}

.icon-plus {
	position: absolute;
	top: 10px;
	left: -10px;
	width: 160px;
}

.icon-plus img {
	width: 100%;
}

.box-lead-v-a {
	margin: 32px auto;
	max-width: 600px;
}

.box-lead-v-a>.panel,
.box-lead-v-ab>.panel {
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
}

.box-lead-v-ab {
	margin: 4em auto;
	max-width: 600px;
}


/*compare*/

.table {
	width: 90%;
	margin: 0 auto;
	line-height: 18px;
}

.txt-compare {
	border: 2px solid #fff;
	display: inline-block;
	border-radius: 20px;
	box-shadow: 0 0 4px #fff;
	padding: 4px 20px;
	color: #fff;
}

.table table tr td {
	padding: 4px !important;
	border-bottom: 2px solid #00a450;
	border-right: 2px solid #00a450
}

.table table tr td.border-none {
	border-bottom: none;
	border-right: none
}

.table table tr td.border-white {
	border-right: 2px solid #fff;
}

.table table tr td.border-left {
	border-left: 2px solid #00a450
}

input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	margin-top: 4px;
}
.nav-tabs>li>a{
	color: #999999;
}
.txt-check {
	border: 2px solid #000000;
	background-color: #000000;
	display: inline-block;
	border-radius: 10px;
	font-size: 18px;
	padding: 5px 10px;
	color: #ffffff;
	margin: 20px 5px;
	width: 76px
}

.txt-baht {
	color: #fff;
	font-size: 16px;
	padding: 10px 0;
}

.txt-baht span {
	font-size: 24px;
	line-height: 22px;
	display: block
}

.package-box .table {
	width: 100%;
	margin: 0 auto;
	line-height: 18px;
}

.img-process {
	text-align: center;
	margin: 0 auto;
	width: 600px;
}

.img-process img {
	width: 100%;
}

.box-step-process {
	font-size: 24px;
	line-height: 32px;
	color: #00a450;
	top: -24px;
	left: 40px;
	border: 2px solid #00a450;
	padding: 6px 40px;
	border-radius: 40px;
	background: #f9f9f9;
	position: absolute;
}

.box-compare {
	margin: 30px 0 0 0;
}

.box-compare img {
	width: 100%;
}

.box-package {
	padding: 0 2px 0 4px;
}

.box-package p {
	display: block;
	font-size: 24px;
	float: left;
	color: #000;
	cursor: pointer
}

.box-package p span {
	color: #000;
	font-size: 26px;
}

.box-package img {
	width: 16px;
	display: block;
	margin: 0 auto
}


/*footer*/

.footer-left {
	width: 50%;
	float: left;
}

.footer-right {
	width: 50%;
	float: right;
	margin-top: 10px;
	text-align: right
}

.footer-right p {
	font-family: 'psl_kandabold';
	font-size: 10px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	color: #fff;
}

.footer-right-bk {
	width: 50%;
	float: right;
	margin-top: 10px;
	text-align: right
}

.footer-right-bk p {
	font-family: 'psl_kandabold';
	font-size: 10px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	color: #000;
}

.book {
	margin-bottom: 35px;
}

.form-input {
	position: absolute;
	/*right: 0;*/
	/*left: 1%;*/
}

@media screen and (max-width: 992px) {
	.form-input {
		position: inherit;
		max-width: 400px;
		margin: auto;
		margin-top: 2em;
	}
}


/*responsive*/


/* .menu-pc {display: block}
.menu-mn {display: none}	 */


/* #click-menu {display: none} */

#wrapper {
	display: block
}

.hide-pc {
	display: none
}


/* ========== START : media screen ========== */


/* ==== start : desktop ==== */

@media screen and (max-width: 2560px) {
	.box-content-line {
		width: 40%;
	}
	.bg-thank-action {
		width: 50%;
		height: 700px;
		background-image: url('../images/thank-heng.jpg');
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		text-align: center;
		margin: auto;
	}
}

@media screen and (max-width: 2304px) {}

@media screen and (max-width: 1920px) {
	.box-content-line {
		width: 50%;
	}
	.bg-thank-action {
		width: 70%;
		height: 700px;
		background-image: url('../images/thank-heng.jpg');
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		text-align: center;
		margin: auto;
	}
}

@media screen and (max-width: 1624px) {}

@media screen and (max-width: 1440px) {
	.bg-thank-action {
		width: 70%;
		height: 600px;
		background-image: url('../images/thank-heng.jpg');
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		text-align: center;
		margin: auto;
	}
	.box-content-line {
		width: 65%;
	}
	.box-form-ppu {
		margin-top: 10%;
		margin-left: 3%;
	}
	.form-insert {
		padding-left: 25%;
		padding-right: 25%;
		background-size: 100% 380px;
	}
	.box-type-ppu {
		padding-left: 15%;
		padding-right: 15%;
	}
}

@media screen and (max-width: 1366px) {
	.bg-thank-action {
		width: 80%;
		height: 700px;
		background-image: url('../images/thank-heng.jpg');
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		text-align: center;
		margin: auto;
	}
}

@media screen and (max-width:1280px) {
	.owl-prev {
		left: 0!important;
	}
	.owl-next {
		right: 0!important;
	}
}

@media screen and (max-width: 1199px) {}

@media screen and (max-width:1071px) {
	.tx-head1 {
		font-size: 3.4em;
	}
	.tx-head2 {
		font-size: 2.5em;
	}
	.box-form-ppu {
		margin-top: 10%;
		margin-left: 3%;
	}
	.form-insert {
		padding-left: 18%;
		padding-right: 18%;
		background-size: 100% 380px;
	}
	.box-type-ppu {
		padding-left: 12%;
		padding-right: 12%;
	}
}

@media screen and (max-width:1024px) {
	.bg-thank-action {
		width: 90%;
		height: 600px;
	}
	.banner-index {
		margin-top: 3%;
	}
	.tx-head1 {
		font-size: 3.8em;
	}
	.tx-head2 {
		font-size: 2.8em;
	}
	.box-form-ppu {
		margin-top: 15%;
		margin-left: 4%;
	}
	.form-insert {
		padding-left: 20%;
		padding-right: 20%;
		background-size: 100% 400px;
	}
	.box-type-ppu {
		padding-left: 20%;
		padding-right: 20%;
	}
	.content {
		width: 100%;
		margin: 0 auto;
	}
	.head {
		width: 80%;
		padding: 10px 0
	}
	/* .banner-index {margin-top: 124px; background: #00a251;} */
	.landing-btn-regis {
		position: absolute;
		bottom: -37px;
		right: 3%;
		width: 200px;
		z-index: 1000;
	}
	.caption_form {
		width: 25%;
		float: left;
		background: #00a251;
	}
	.caption_re {
		width: 45%;
		float: right;
		padding: 0 30px 0;
		position: relative;
	}
	.caption_re.page-savemore {
		width: 47%;
		float: left;
		padding: 0 0 0 0;
		position: relative;
	}
	.caption.txt-savemore {
		top: -308px;
		left: 30px;
		padding: 20px 0 10px 30px;
		text-align: left;
	}
	.box-content-book {
		width: 65%;
	}
	.caption_re.page-compare {
		width: 75%;
		float: left;
		padding: 0 0 0 0;
		position: relative;
	}
	.caption.txt-how {
		top: -308px;
		left: 30px;
		padding: 20px 0 10px 30px;
		text-align: left;
	}
	.caption_re.page-process {
		width: 100%;
		float: left;
		padding: 0 0 0 0;
		position: relative;
	}
	.caption.txt-process {
		top: -308px;
		left: 30px;
		padding: 20px 0 10px 30px;
		text-align: left;
	}
	.caption.txt-process h1 {
		font-size: 40px
	}
	.box-banner {
		float: right;
		width: 75%;
	}
	.box-banner-book {
		float: right;
		width: 100%;
	}
	.box-form {
		position: relative;
		top: 0;
		left: 0;
		margin-top: 30px;
	}
	.line-top {
		height: 47px;
	}
	/*	font*/
	.caption {
		text-align: right;
		right: 0;
		top: -145px;
		padding-right: 30px;
	}
	.caption h1,
	.caption.txt-how h1 {
		font-size: 43px;
	}
	.caption h2,
	.caption.txt-how h2 {
		font-size: 22px;
	}
	.footer-left {
		float: none;
		width: 100%;
		text-align: center
	}
	.footer-right {
		float: none;
		width: 100%;
		text-align: center
	}
	.footer-left .box-share table {
		width: 38%;
		margin: 0 auto
	}
	.footer-right-bk {
		float: none;
		width: 100%;
		text-align: left
	}
	.box-content-line iframe {
		width: 100%;
	}
	.owl-prev {
		top: -190px!important;
	}
	.owl-next {
		top: -190px!important;
	}
}

@media screen and (max-width:986px) {
	.banner-index {
		margin-top: -0.5%;
	}
	.text-topup {
		text-align: left !important;
	}

	.border-frame {
		max-width: 285px;
	}
}

@media screen and (max-width:980px) {
	.head {
		padding: 20px 0;
	}
	.box-lead-v-ab {
		margin: 3em auto;
		max-width: 600px;
	}
	/* .box-form {width: 200px;} */
	/* .banner-index {margin-top: 85px} */
	/* .menu-pc {display: none} */
	/* .menu-mn {display: block; width: 300px; margin: 0 auto}
.menu-mobile {  height: 100vh; width: 300px; vertical-align: middle; display: table-cell;}
ul.menu {margin: 0 0 10px 0; padding: 0; text-align: center}
ul.menu li { margin: 6px auto; padding: 0; list-style: none; display:block; width: 90%}
ul.menu li a {width: 100% ;display: block; padding: 2px 0; border: 2px solid #f5f5f5;
 text-align: center; font-size: 24px; color: #f5f5f5;  font-family: 'psl_kandabold';}
ul.menu li a:hover { color: #01703f; border: 2px solid #01703f; box-shadow: 0 0 7px #01703f}
ul.menu li a.select {color: #01703f; border: 2px solid #01703f; box-shadow: 0 0 7px #01703f} */
	/* #click-menu { display: block;font-size:18px; border: 2px solid #01703f; background: #01703f;  float: left;padding: 4px 10px; color: #fff; box-shadow: 0 0 5px #01703f; font-family: 'psl_kandabold'; } */
	/* #click-close { font-size:18px; border: 2px solid #01703f; background: #01703f;  position: absolute; top: 20px; left: 0; padding: 4px 10px; color: #fff; box-shadow: 0 0 5px #01703f; font-family: 'psl_kandabold'; z-index: 9999 } */
	/* .icn-close { float:right; margin-top:15px; margin-bottom:20px;font-size:18px;}
 */
	/* .bg-menu { display: none; background: #01021a; position: fixed; width: 100%; height: 100%; z-index: 9999; top: 0;} */
	.logo {
		width: 12%;
	}
	.box-click {
		margin-top: 0
	}
	.box-content-line {
		width: 96%
	}
	.box-content-title {
		width: 96%
	}
	.box-content-book {
		width: 70%
	}
	.box-promotion {
		width: 98%;
	}
	.box-line-1 {
		background: none;
	}
	.box-line-2 {
		background: none
	}
	.box-line-3 {
		background: none
	}
	.box-line-4 {
		background: none;
		display: none
	}
	.khow-tvi {
		border: 2px solid #00a251;
		margin: 40px 20px 0 20px;
		box-shadow: 0 0 3px #00a251;
		padding: 5px 0 0 0;
	}
	.box-txt-know {
		margin-top: 60px;
		background: #ebebeb;
		display: inline-block;
		padding: 0 40px;
		margin-bottom: 40px;
		position: relative;
	}
	.box-txt-book {
		margin-top: -80px;
		background: #ebebeb;
		display: inline-block;
		padding: 0 40px;
		margin-bottom: 40px;
		position: relative;
	}
	.box-content-line {
		text-align: center
	}
	.box-content-title {
		text-align: center
	}
	.box-content-book {
		text-align: center
	}
	h1.txt-know {
		font-size: 43px
	}
	h1.txt-know span {
		font-size: 33px
	}
	.box-txt-why p {
		font-size: 22px;
		line-height: 35px;
	}
	.box-txt-why h2,
	.box-txt-all h3,
	.box-txt-green h2 {
		font-size: 22px;
	}
	.box-txt-why h2 span {
		font-size: 28px;
	}
	.box-txt-all {
		font-size: 22px;
		line-height: 35px;
	}
	.footer-left .box-share table {
		width: 50%
	}
	.box-txt-know:before {
		content: "3";
		float: left;
		margin: 38px 0 0 -47px;
		box-shadow: 0 0 3px #00a251;
		color: #00a251;
		text-indent: -9999;
		background: #00a251;
		width: 20px;
		height: 20px;
		border-radius: 100%;
	}
	.box-txt-know:after {
		content: "3";
		position: absolute;
		right: 0;
		margin: 0 0 0 -47px;
		box-shadow: 0 0 3px #00a251;
		color: #00a251;
		text-indent: -9999;
		background: #00a251;
		width: 20px;
		height: 20px;
		border-radius: 100%;
		top: 38px
	}
	.box-txt-book:before {
		content: "3";
		float: left;
		margin: 25px 0 0 -47px;
		box-shadow: 0 0 3px #00a251;
		color: #00a251;
		text-indent: -9999;
		background: #00a251;
		width: 20px;
		height: 20px;
		border-radius: 100%;
	}
	.box-txt-book:after {
		content: "3";
		position: absolute;
		right: 0;
		margin: -12px 0 0 -47px;
		box-shadow: 0 0 3px #00a251;
		color: #00a251;
		text-indent: -9999;
		background: #00a251;
		width: 20px;
		height: 20px;
		border-radius: 100%;
		top: 38px
	}
	.khow-tvi {
		margin-bottom: 30px
	}
	.icon-plus {
		left: -21px
	}
	.box-content-bg-compare,
	.box-content-bg-gray,
	.box-content-bg-green {
		width: 100%;
		background-size: cover
	}
	.banner-step-how {
		width: 80%;
		margin: 0 auto
	}
	.banner-step-how img {
		width: 100%
	}
	.box-content-title {
		margin-top: -35px;
	}
	.pack-select label {
		margin: 0 20px;
	}
}

@media screen and (max-width: 931px) {
	/* .tx-head1 {
		font-size: 3.4em;
	}
	.tx-head2{
		font-size: 2.5em;
	} */
	.form-insert {
		padding-left: 10%;
		padding-right: 10%;
		background-size: 100% 380px;
	}
	.box-type-ppu {
		padding-left: 15%;
		padding-right: 12%;
	}
}

@media screen and (max-width:834px) {
	.bg-thank-action {
		width: 90%;
		height: 500px;
	}
	.banner-index {
		margin-top: -0.2%;
	}
	.tx-head1 {
		font-size: 3.4em;
	}
	.tx-head2 {
		font-size: 2.5em;
	}
	.box-form-ppu {
		margin-top: 10%;
		margin-left: 5%;
	}
	.form-insert {
		padding-left: 15%;
		padding-right: 15%;
		background-size: 100% 370px;
	}
	.box-type-ppu {
		padding-left: 15%;
		padding-right: 15%;
	}
}

@media screen and (max-width:800px) {
	.bg-thank-action {
		width: 100%;
		height: 500px;
	}
	.logo {
		width: 13%;
	}
	.box-click {
		font-size: 18px;
	}
	.head {
		padding: 22px 0;
	}
	.landing-btn {
		bottom: -35px;
		width: 200px;
	}
	.landing-btn-index {
		bottom: -35px;
		width: 200px;
	}
	.caption_form {
		width: 100%;
		float: none;
	}
	.box-banner {
		float: none;
		width: 100%;
	}
	.box-banner-book {
		float: none;
		width: 100%;
	}
	.box-form {
		width: 100%;
		margin: 0 auto;
		padding: 20px 0;
	}
	ul.form li {
		display: inline-block;
		width: 32%;
	}
	.box-form h3 {
		font-size: 24px;
	}
	.box-form h3 span {
		display: inline;
		font-size: 24px;
	}
	.caption.txt-process {
		padding: 20px 0 0 0;
	}
	.caption.txt-process h1 {
		font-size: 36px
	}
	.caption h1,
	.caption.txt-how h1 {
		font-size: 32px;
	}
	.box-share img {
		width: 37px
	}
	ul.list-faq>li:before {
		background-image: none;
		color: #fff;
		border-radius: 100%;
		font-size: 1px;
		width: 13px;
		height: 13px;
		float: left;
		content: " ";
		margin-top: 4px;
		border: 1px solid #fff
	}
	ul.list-faq li .faq {
		background: none;
		padding: 0 0 7px 24px;
	}
	ul.list-faq li .faq-de {
		background: none;
		padding: 0 0 7px 24px;
	}
	.box-content-book {
		width: 90%;
	}
	.current-pack p {
		padding-left: 80px;
	}
}

@media screen and (max-width:768px) {

	.nav-justified>li>a{
		width: 100%;
		text-align: left;
	}
	body{
		font-size: 14px;
	}

	.form-insert .panel {}
	.banner-index {
		margin-top: -0.2%;
	}
	.tx-head1 {
		font-size: 3.4em;
	}
	.tx-head2 {
		font-size: 2.5em;
	}
	.box-form-ppu {
		padding-top: 0px;
		margin-top: 10%;
		margin-left: 3%;
	}
	.form-insert {
		padding-left: 10%;
		padding-right: 10%;
		background-size: 100% 380px !important;
	}
	.box-type-ppu {
		padding-left: 12%;
		padding-right: 12%;
	}
}

@media screen and (max-width:740px) {
	.landing-btn-regis {
		position: absolute;
		bottom: -35px;
		right: 3%;
		width: 185px;
		z-index: 1000;
	}
	.landing-btn {
		bottom: -34px;
	}
	.landing-btn-index {
		bottom: -34px;
	}
	.logo {
		width: 17%
	}
	.footer-left .box-share table {
		width: 55%
	}
	.img-process {
		width: 100%;
	}
	.table {
		width: 90%;
		overflow: auto;
		margin: 0 auto
	}
	.box-txt-why h4 {
		width: 200px;
		font-size: 22px;
	}
	.box-txt-why h4 span {
		font-size: 18px;
		line-height: 26px;
	}
	.current-pack p {
		padding-left: 50px;
	}
	.pack-select label {
		margin: 0 20px;
	}
	.box-book-thank p {
		font-size: 22px;
	}
	#owl-promo .owl-controls {
		margin-top: 15px !important;
	}
	#owl-promo .owl-page span {
		width: 5px;
		height: 5px;
	}
	.owl-prev,
	.owl-next {
		width: 30px!important;
	}
	.owl-prev {
		left: 20px!important;
	}
	.owl-next {
		right: 20px!important;
	}
}

@media screen and (max-width:680px) {
	/* #click-menu {display: inline-block; float: none; margin-right: 10px;} */

	.display-flex {
		display: block;
	}

	.mobile-width-30 {
		max-width: 35%;
		margin: 16px auto 12px;
	}

	.mobile-width-50 {
		max-width: 50%;
		margin: 16px auto 12px;
	}

	.mobile-text-center {
		text-align: center;
	}

	.tab-content {
		padding: 1em 2em 2em;
	}

	.frame {
		padding: 4em 2% 2em 2%;
	}
	.frame_vs {
		padding: 1.3em 2% 1.3em 2%;
	}
	.head {
		width: 100%;
	}
	.landing-btn {
		bottom: 70px;
	}
	.landing-btn-regis {
		bottom: 93px;
		width: 165px;
	}
	.box-click {
		margin-top: 20px;
		text-align: center;
		display: none
	}
	.logo {
		width: 17%
	}
	.btn-click {
		font-family: 'psl_kandabold';
		font-size: 16px;
	}
	.img-how-step {
		width: 80%;
	}
	.footer-left .box-share table {
		width: 62%;
		margin: 0 auto
	}
	/* ul.menu li a { font-size: 20px; padding: 4px 0;} */
	.hide-pc {
		display: inline-block
	}
	.caption_re,
	.caption_re.page-savemore,
	.caption_re.page-compare,
	.caption_re.page-process {
		width: 100%;
		background: #01703f;
		padding: 20px 0 15px 0;
		color: #fff;
		float: none
	}
	.caption,
	.caption.txt-savemore,
	.caption.txt-how,
	.caption.txt-process {
		position: relative;
		text-align: center;
		padding: 0;
		top: 0;
		color: #fff;
	}
	.caption.txt-savemore,
	.caption.txt-how {
		left: 0;
		padding: 0;
		margin: 0;
		top: 0;
		background: none;
		color: #fff;
	}
	.caption h1 {
		font-size: 36px;
		line-height: 28px;
	}
	.caption.txt-how h1 {
		color: #fff;
		font-size: 36px;
		line-height: 28px;
	}
	.caption.txt-how h2 {
		color: #fff;
	}
	.caption.txt-process h1 {
		color: #fff
	}
	.caption.txt-process {
		left: 0;
	}
	.caption.txt-process h1 span {
		color: #fff;
		text-shadow: 0 0 2px #fff;
	}
	.caption.txt-process h2 {
		color: #fff
	}
	.icon-plus {
		left: -12px
	}
	h1.txt-know {
		font-size: 40px
	}
	h1.txt-know span {
		font-size: 30px
	}
	.box-txt-why p {
		font-size: 20px;
		line-height: 32px;
	}
	.box-txt-why h2,
	.box-txt-all h3,
	.box-txt-green h2 {
		font-size: 20px;
	}
	.box-txt-why h2 span {
		font-size: 26px;
	}
	.box-txt-all {
		font-size: 20px;
		line-height: 32px;
	}
	a.view-more {
		font-size: 20px
	}
	.box-faq {
		padding: 0 20px
	}
	ul.list-faq li .faq,
	ul.list-faq li .faq-de {
		font-size: 20px;
		line-height: 24px;
	}
	.content-faq ol.txtdetail {
		margin-left: 20px !important
	}
	.content-faq ol.txtdetail,
	.content-faq ul.txtdetail {
		margin-left: 20px;
	}
	.box-txt-why h3 {
		font-size: 20px;
		line-height: 26px;
	}
	.current-pack p {
		padding-left: 20px;
	}
	.pack-select label {
		margin: 0 15px;
	}
	.social-tvv {
		font-size: 20px;
	}
	.current-pack p {
		font-size: 20px;
	}
}

@media screen and (max-width:640px) {
	.pack-select label {
		margin: 0 10px;
	}
	.box-book-thank p {
		font-size: 20px;
	}
	.owl-prev,
	.owl-next {
		top: -180px !important;
	}
	.txt-check {
		font-size: 15px;
		width: 60px;
	}
	.bg-header-save-more {
		width: 100%;
		height: 550px;
		background-image: url(../images/m_ppu3.jpg) !important;
	}
	.box-form-ppu-more {
		margin-top: 3% !important;
	}
}

@media screen and (max-width:600px) {
	.thk_page {
		padding: 50px 0 0 0;
	}
	.bg-thank-action {
		width: 100%;
		height: 400px;
	}
	.banner-index {
		margin-top: -0.2%;
	}
	.tx-head1 {
		font-size: 3.4em;
	}
	.tx-head2 {
		font-size: 2.5em;
	}
	.box-form-ppu {
		margin-top: 10%;
		margin-left: 3%;
	}
	.form-insert {
		padding-left: 10%;
		padding-right: 10%;
		background-size: 100% 390px;
	}
	.box-type-ppu {
		padding-left: 0%;
		padding-right: 0%;
	}
}

@media screen and (max-width:568px) {
	.form-insert {
		padding-left: 5%;
		padding-right: 5%;
	}
	.box-banner {
		overflow: hidden;
	}
	.box-banner-book {
		overflow: hidden;
	}
	.landing-btn {
		bottom: 70px;
		right: -20px;
	}
	.box-txt-all {
		padding: 15px
	}
	.box-txt-why p,
	.box-txt-all {
		font-size: 18px;
		line-height: 28px;
	}
	.box-txt-why h2,
	.box-txt-all h3,
	.box-txt-green h2 {
		font-size: 22px;
	}
	.box-txt-why h2 span {
		font-size: 24px;
	}
	.box-txt-green h2 span.per {
		font-size: 32px;
	}
	.landing-btn-regis {
		bottom: 95px;
		width: 165px;
		left: -3%;
	}
	.box-content-bg-compare,
	.box-content-bg-gray,
	.box-content-bg-green {
		background-size: unset
	}
	ul.form-load-book {
		width: 480px;
	}
	.current-pack p {
		padding-left: 0;
	}
	ul.form-load-book li label {
		width: 25%;
		font-size: 20px;
	}
	ul.form-load-book li .txtbox {
		padding: 2px 15px;
		font-size: 18px;
	}
	.current-pack p {
		font-size: 18px;
	}
	.pack-select label {
		margin: 0 4px;
	}
	.social-tvv {
		font-size: 18px;
	}
	.social-tvv .box-share {
		font-size: 14px;
	}
	.box-book-thank p {
		font-size: 24px;
	}
	.current-pack p span {
		padding-right: 180px;
	}
	.owl-prev,
	.owl-next {
		top: -110px !important;
	}
	.txt-check {
		font-size: 12px;
		width: 50px;
	}
}

@media screen and (max-width:483px) {
	body{
		font-size: 13px !important;
	}
	.form-input {
		position: inherit;
	}
	.box-type-ppu {
		padding-left: 0%;
		padding-right: 0%;
	}
	ul.form li {
		display: block;
		width: 60%;
		margin: 0 auto 6px auto
	}
	.logo {
		width: 110px
	}
	.img-how-step {
		width: 100%;
	}
	.hide-mobile {
		display: none
	}
	.landing-btn {
		bottom: 73px;
		right: -20px;
		width: 185px;
	}
	.landing-btn-regis {
		bottom: 65px;
		width: 165px;
		left: -3%;
	}
	ul.form-load {
		width: 83%;
	}
	ul.form-load li label {
		float: none;
		text-align: left;
		width: 100%;
		display: block
	}
	ul.form-load li .txtbox {
		float: none;
		width: 90%;
		margin: 0 auto
	}
	.caption.txt-process h1 {
		font-size: 24px;
		line-height: 32px
	}
	.caption.txt-process h2 {
		font-size: 20px;
		line-height: 22px;
	}
	.box-txt-green {
		position: relative;
		top: 0;
		text-align: center;
		right: 0;
		margin: 40px auto 0 auto
	}
	.box-txt-green h2 {
		margin-right: 0;
	}
	.box-txt-why h2.txt-process {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	.box-txt-why h2.txt-process span {
		font-size: 38px
	}
	.box-step-process {
		font-size: 20px;
		padding: 4px 28px;
	}
	.footer-left .box-share table td:nth-child(2) {
		display: none
	}
	.footer-left .box-share table td:nth-child(4) {
		display: none
	}
	.footer-left .box-share table {
		width: 60px;
	}
	ul.list-faq li .faq,
	ul.list-faq li .faq-de {
		font-size: 18px;
		line-height: 22px;
	}
	ul.form-load-book {
		width: 400px;
	}
	ul.form-load-book li .txtbox {
		width: 50%;
	}
	ul.form-load-book li label {
		width: 30%;
	}
	.current-pack p span {
		padding-right: 130px;
	}
	.current-pack p {
		line-height: 45px;
		margin-top: 0!important;
	}
	.pack-select {
		width: 80%;
		margin: 0 auto;
	}
	.pack-select label {
		margin: 10px;
	}
	.social-tvv {
		font-size: 15px;
	}
	.social-tvv p {
		margin-top: 20px;
	}
	.social-tvv .box-share {
		font-size: 12px;
	}
	.box-book-thank p {
		font-size: 20px!important;
	}
}

@media screen and (max-width: 456px) {
	.tx-head1 {
		font-size: 3.4em;
	}
	.tx-head1-more {
		font-size: 3em !important;
	}
	.tx-head2 {
		font-size: 2.5em;
	}
	.box-form-ppu {
		margin-top: 5%;
		margin-left: 37%;
	}
	.form-insert {
		padding-left: 0%;
		padding-right: 0%;
		background-size: 100% 200px;
	}
	.box-type-ppu {
		padding-left: 0%;
		padding-right: 0%;
	}
}

@media screen and (max-width: 451px) {
	.tx-head1-more {
		font-size: 2.8em !important;
	}
}

@media screen and (max-width:424px) {
	.tx-head1-more {
		font-size: 2.7em !important;
	}
	.box-txt-all br,
	.box-txt-why p br {
		display: none !important
	}
	h1.txt-know span {
		font-size: 24px;
	}
	a.view-process {
		margin: 20px 0 0 0;
		font-size: 20px;
		line-height: 20px;
		padding: 10px 15px
	}
	h1.txt-know.process {
		font-size: 30px
	}
	.box-txt-why h3 {
		font-size: 18px;
		line-height: 26px;
	}
	.landing-btn {
		bottom: 73px;
		right: -15px;
		width: 180px;
	}
	ul.save-more li {
		width: 100%;
	}
	.range-labels {
		margin: 18px 0 0 0 !important
	}
	.box-txt-book {
		margin-top: -30px;
	}
	h1.txt-book {
		font-size: 30px;
	}
	.box-txt-book::before {
		margin: 15px 0 0 -47px;
	}
	.box-txt-book::after {
		margin: -24px 0 0 -50px;
	}
	ul.form-load-book {
		width: 335px;
	}
	ul.form-load-book li .txtbox {
		width: 45%;
	}
	ul.form-load-book li label {
		width: 35%;
	}
	.current-pack p span {
		padding-right: 70px;
	}
	.social-tvv {
		font-size: 13px;
	}
	.social-tvv .box-share {
		margin-left: -15px;
	}
	.social-tvv .box-share table {
		width: 105%;
	}
	.box-share img {
		margin: 0;
	}
	.owl-prev,
	.owl-next {
		width: 25px !important;
	}
	.txt-check {
		font-size: 10px;
		width: 45px;
		padding: 1px 1px;
		margin: 5px 0;
	}
}


/* === start: iphone  7 8 === */

@media screen and (max-width: 414px) {
	.box-form-panel {
		margin-bottom: 13%;
	}
	.box-form-panel-h {
		margin-bottom: 35% !important;
	}
	.khow-tvi {
		padding-top: 10px;
	}
	.box-type-ppu {
		padding-top: 0px;
	}
	.thk_page h2 {
		line-height: 1.3;
	}
	.btn-action, .btn-action-outline {
		font-size: 1.1em;
		width: 100%;
		margin-bottom: 8px;
		margin-right: 0px;
	}
	.bg-thank-action {
		width: 100%;
		height: 270px;
	}
	.bg-header {
		width: 100%;
		height: 420px;
		background-image: url(../images/m_ppu1.jpg) !important;
	}
	.bg-header-htu {
		width: 100%;
		height: 550px;
		background-image: url(../images/m_ppu2.jpg) !important;
	}
	.bg-header-save-more {
		width: 100%;
		height: 550px;
		background-image: url(../images/m_ppu3.jpg) !important;
	}
	.banner-index {
		margin-top: -0.2%;
	}
	.tx-head1 {
		font-size: 3.4em;
	}
	.tx-head1-more {
		font-size: 3em;
	}
	.tx-head2 {
		font-size: 2.5em;
	}
	.box-form-ppu {
		margin-top: 5%;
		margin-left: 30%;
	}
	.form-insert {
		padding-left: 0%;
		padding-right: 0%;
		background-size: 100% 350px;
	}
	.box-type-ppu {
		padding-left: 0%;
		padding-right: 0%;
	}
}

@media screen and (max-width: 412px) {
	.thk_page h2 {
		line-height: 1.3;
	}
	.btn-action {
		font-size: 1.5em;
	}
	.bg-thank-action {
		width: 100%;
		height: 270px;
	}
}

@media screen and (max-width:385px) {
	.khow-tvi {
		padding-top: 3px !important;
	}
	.thk_page h2 {
		line-height: 1.3;
	}
	.btn-action {
		font-size: 1.5em;
	}
	.bg-thank-action {
		width: 100%;
		height: 250px;
	}
	.tx-head1 {
		font-size: 3em;
	}
	.tx-head2 {
		font-size: 2.2em;
	}
	.box-form-ppu {
		margin-top: 5%;
		margin-left: 30%;
	}
	.btn-click {
		font-family: 'psl_kandabold';
		font-size: 14px;
	}
	/* #click-menu, #click-close {font-size: 16px;} */
	.logo {
		width: 25%
	}
	.head {
		padding: 18px 0
	}
	/* .banner-index {margin-top: 75px} */
	h1.txt-know {
		font-size: 36px;
		line-height: 43px;
	}
	.caption h1 {
		font-size: 28px;
		line-height: 24px;
	}
	.caption h2 {
		font-size: 20px;
		line-height: 24px;
	}
	.box-txt-why h2 {
		line-height: 26px;
		margin-bottom: 20px;
	}
	.box-form h3,
	.box-form h3 span {
		font-size: 20px;
	}
	ul.form li {
		width: 90%;
	}
	.box-txt-why h2 span {
		display: block
	}
	a.view-more {
		font-size: 16px;
	}
	.box-txt-know.index:before {
		margin: 9px 0 0 -47px;
	}
	.box-txt-know.index:after {
		top: 9px
	}
	.box-txt-book.index:before {
		margin: 9px 0 0 -47px;
	}
	.box-txt-book::after {
		margin: -30px 0 0 -50px;
	}
	.khow-tvi {
		padding: 30px 0 0 0
	}
	.box-time {
		width: 100%;
		margin: 10px auto 10px auto;
		border: 2px solid #00a450;
		border-radius: 6px;
		color: #00a450;
		text-align: center;
	}
	.box-time ul li {
		margin: 0 auto;
		font-size: 16px;
		padding: 0;
		padding-top: 0px;
		list-style: none;
		display: block;
		float: none;
		width: 65%;
	}
	.box-txt-all {
		padding: 15px;
	}
	.icon-plus {
		left: -8px
	}
	.caption.txt-how h1 {
		color: #fff;
		font-size: 28px;
		line-height: 28px;
	}
	.caption.txt-how h2 {
		color: #fff;
		font-size: 16px;
	}
	.box-txt-why p,
	.box-txt-all {
		font-size: 16px;
	}
	.landing-btn {
		bottom: 56px;
		right: -25px;
		overflow: hidden;
	}
	h1.txt-book {
		font-size: 25px;
	}
	ul.form-load-book li label {
		width: 33%;
		font-size: 15px;
		padding-right: 10px;
	}
	ul.form-load-book li .txtbox {
		font-size: 15px;
	}
	.current-pack p span {
		padding-right: 30px;
	}
	.pack-select {
		width: 100%;
		margin: 0 auto;
	}
	.social-tvv .box-share img {
		width: 30px;
	}
	.social-tvv .box-share {
		font-size: 6px;
	}
	.backhome {
		width: 200px;
	}
	ul.form-load-book {
		width: 100%;
		overflow: hidden;
	}
	.box-book-thank p {
		font-size: 18px !important;
	}
	.social-tvv {
		font-size: 11px;
	}
	.footer-right-bk p {
		font-size: 13px;
	}
	.owl-prev,
	.owl-next {
		top: -100px !important;
	}
	.owl-prev {
		left: 15px!important;
	}
	.owl-next {
		right: 15px!important;
	}
}


/* iphone 6 */

@media screen and (max-width: 375px) {
	.thk_page h2 {
		line-height: 1.3;
	}
	.btn-action {
		font-size: 1.5em;
	}
	.bg-thank-action {
		width: 100%;
		height: 250px;
	}
}

@media screen and (max-width:360px) {
	.thk_page h2 {
		line-height: 1.3;
		font-size: 25px !important;
	}
	.btn-action {
		font-size: 1.5em;
	}
	.bg-thank-action {
		width: 100%;
		height: 220px;
	}
}

@media screen and (max-width: 320px) {
	.thk_page {
		padding: 20px 0 0 0;
	}
	.thk_page h2 {
		line-height: 1.3;
		font-size: 22px !important;
	}
	.btn-action {
		font-size: 1.2em;
	}
	.bg-thank-action {
		width: 100%;
		height: 200px;
	}
	.tx-head1 {
		font-size: 2.5em;
	}
	.tx-head2 {
		font-size: 2em;
	}
	.tx-head3 {
		font-size: 2.4em;
	}
	.box-form-ppu {
		margin-top: 5%;
		margin-left: 30%;
	}
}


/* === end: iphone === */


/* ========== end : media screen ========== */

.caption.txt-process h1 {
	font-size: 22px;
	line-height: 30px
}

.caption.txt-process h2 {
	font-size: 18px;
	line-height: 20px;
}

h1.txt-know.process {
	font-size: 24px
}

.box-txt-why h2.txt-process {
	font-size: 22px;
	line-height: 30px
}

ul.list-faq li .faq,
ul.list-faq li .faq-de {
	font-size: 16px;
	line-height: 20px;
}

.content-faq ol.txtdetail {
	margin-left: 10px !important
}

.content-faq ol.txtdetail,
.content-faq ul.txtdetail {
	margin-left: 10px;
}

.landing-btn {
	width: 165px;
}

.landing-btn-regis {
	bottom: 60px;
	width: 160px;
	left: -5%;
}

h1.txt-book {
	font-size: 20px;
}

.box-txt-book {
	padding: 0 47px;
}

ul.form-load-book li label {
	width: 36%;
}

.current-pack p span {
	padding-right: 0;
}

.pack-select label {
	margin: 5px;
}

.social-tvv .box-share img {
	width: 22px;
	margin: 0;
}

.social-tvv .box-share {
	font-size: 9px;
	margin-left: -10px;
}

.box-share table {
	margin: 0 auto;
	margin-left: -23px;
	width: 105%;
}

.box-book-thank p {
	font-size: 18px !important;
}

.box-book-thank img {
	margin: 0!important;
}

.current-pack p {
	font-size: 16px;
}

.social-tvv {
	font-size: 10px;
}

.box-txt-book.index::before {
	margin: 3px 0 0 -47px;
}

.box-txt-book::after {
	margin: -35px 0 0 -50px;
}

.txt-check {
	width: 38px;
	padding: 0px 1px;
	margin: 5px 0;
	font-size: 10px;
}

.owl-prev,
.owl-next {
	top: -95px !important;
}


h5 {
	margin-bottom: 6px !important;
}

/*******************************
* ACCORDION WITH TOGGLE ICONS
* Does not work properly if "in" is added after "collapse".
*******************************/
.panel-group .panel {
	box-shadow: none;
	border-color: #EEEEEE;
	margin-bottom: 16px;
	border-radius: 6px;
	background: #FFFFFF;
}

.faq-mobile > .panel.active > .panel-heading > h4 > a{
	background: #006029;
	color: white;
}
.faq-desktop > div > .panel-group .panel.active{
	border: 2px solid #009640;
}

.panel.active > .panel-heading > h4 > a,  .glyphicon-minus{
	color: #009640;
}

.panel-default > .panel-heading {
	padding: 0;
	border-radius: 7px;
	color: #323232;
	background-color: transparent;
}

.panel-title {
	font-size: 14px;
}

.panel-title > a {
	display: block;
	padding: 15px;
	text-decoration: none;
	font-size: 1.14em;
}

.panel-body{
	padding-top: 0px;
}

.more-less {
	float: right;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top: none;
}

.promotions > div > a > img{
	border-radius: 8px;
}
.promotions > div > a > h5{
	color: #323232;
	margin-top: 16px !important;
	margin-bottom: 24px !important;
}
.nav-tabs{
	border: none;
}