.sec_table {padding: 0 15px; position: relative; overflow: hidden;}
.table_stage {max-width: 1320px; margin: -1px auto 30px; padding: 30px; background: #fff; border-radius: 8px; position: relative ; z-index: 12;}
.table_content { width: 100%; position: relative;border-radius: 5px; overflow: hidden;}
.label {position: absolute; top: 0; left: 0; width: 18%;} 
.label2 {position: absolute; top: 0; left: 0; width: 10%;} 
.label_exclusive {position: absolute; top: 0; left: 0; width: 30%;} 
.handscroll {display: none; background: url(../images/hand-scroll.png) 75% 50% no-repeat; background-size: 75px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; animation: handMove; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; pointer-events: none;}

@keyframes handMove {
	0% {background-position: 75% 50%;}
	50% {background-position: 70% 50%;}
	100% {background-position: 75% 50%;}
}

.table_stage .txt {margin-bottom: 15px; margin-top: -10px;}
.table_stage .txt h2 {font-size: 28px; font-family: 'db_heaventbold_cond';}
.table_stage .txt h3 {font-size: 20px; font-family: 'db_heaventmed_cond';}

.table_serenade table.table thead th{background: #6D2E88; font-family: "db_heaventbold_cond"; text-align: center; border: 1px solid #DDDDDD; padding: 12px 3px; position: relative; font-size: 20px; color: #fff;  border-bottom: 0; }
.table_serenade table.table tbody td{background: #fff; font-family: "db_heaventbold_cond"; text-align: center; border: 1px solid #DDDDDD; padding: 12px 3px; position: relative; font-size: 20px; color: #323232;  border-bottom: 0; }

.txthead_package {text-align: center; margin-bottom: 15px;}
.txthead_package h2 {font-size: 38px; font-family: 'db_heaventbold_cond'; color: #000;}
.txthead_package h2 .txtbig {font-size: 130%; font-family: 'akrobatextrabold' , 'db_heaventbold_cond';}
.txthead_package h3 {font-size: 30px; font-family: 'db_heaventmed_cond'; color: #000;}

.txthead_step {text-align: center;}
.txthead_step h2 {font-size: 38px; font-family: 'db_heaventbold_cond'; color: #000;}
.txthead_step h2 .txtbig {font-size: 130%; font-family: 'akrobatextrabold';}
.txthead_step h3 {font-size: 30px; font-family: 'db_heaventmed_cond'; color: #009b4d;}

.bgpink_gd {
	background: rgb(105,20,102);
	background: -moz-linear-gradient(90deg, rgba(105,20,102,1) 0%, rgba(208,60,112,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(105,20,102,1) 0%, rgba(208,60,112,1) 100%);
	background: linear-gradient(90deg, rgba(105,20,102,1) 0%, rgba(208,60,112,1) 100%);
}


.table_img .table {width: 100%; text-align: center; overflow: hidden;}
table.table {width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing:0; overflow: hidden;}
table.table thead th {text-align: center; border: 1px solid rgba(255 255 255 / 25%); padding: 12px 3px; position: relative; font-size: 14px; font-weight: normal; border-bottom: 0;}
table.table tbody td {text-align: center; border: 1px solid rgba(255 255 255 / 100%); padding: 8px 3px; position: relative; font-weight: normal; font-size: 16px; font-family: "db_heaventmed_cond";}
table.table tbody td small {display: block;}
table.table tbody { border-bottom: 2px solid #949494;}

.table1 {width: 30%;}
.table2 {width: 55%;}
.table3 {width: 15%;}


table.table thead th.trigreen:after {content: ''; position: absolute;width: 50px;height: 100%;right: -32px;top: 0;transform: skewX(25deg);background: #99c635; }
table.table thead th.triblack:after {content: ''; position: absolute;width: 50px;height: 100%;right: -32px;top: 0;transform: skewX(25deg);background: #000; }
table.table thead th.trigray:after {content: ''; position: absolute;width: 50px;height: 100%;right: -32px;top: 0;transform: skewX(25deg);background: #616365; }

table.table thead th.trigreen {border-right-color:#99c635;}
table.table thead th.triblack {border-right-color:#000;}
table.table thead th.trigray {border-right-color:#616365;}

table.table thead th.tbrand {text-align: left; padding-left: 15px; width: 30%; overflow: hidden;}
table.table thead th.tbrand img {filter: invert(1);}
table.table thead th.txthead {font-family: 'db_heaventmed_cond'; line-height: 1.2;}

table.table tbody td.txtmodel {font-family: 'db_heaventbold_cond'; font-size: 18px; line-height: 1.3;}
table.table tbody td.txtmodel small {font-family: db_heavent_cond; font-size: 60%; display: block;}

table.table tbody td.txttype {font-family: 'db_heaventbold_cond'; font-size: 18px; line-height: 1.3;}
table.table tbody td.txttype small {font-family: db_heaventmed_cond; font-size: 70%; display: block;}

table.table tbody td.txtnormalprice {font-family: 'db_heaventbold_cond'; font-size: 18px; line-height: 1;}
table.table tbody td.txtspecialprice {font-family: 'db_heaventmed_cond'; font-size: 18px; line-height: 1;}

table.table tbody td .txtold {display: inline-block; font-size: 80%; color: #666; position: relative; line-height: 1;}
table.table tbody td .txtold:before {content: '';position: absolute; height: 1px;width: 120%;background: #cc0000;top: 50%;left: -10%;transform: rotate(-8deg);}




table.table.clone {
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
}
table.table.clone th,
table.table.clone td {
	visibility:hidden;
	border-color:transparent;
}

table.table.clone th {
	visibility:hidden;
}
table.table.clone .fixed {
	border: 1px solid rgba(255 255 255 / 100%);
	visibility:visible;
}


table.table.clone thead th.trigreen {border-right-color:#99c635;}
table.table.clone thead th.triblack {border-right-color:#000;}
table.table.clone thead th.trigray {border-right-color:#616365;}



/*table.table thead th*/



.channelbuy {display: flex; align-items: center; justify-content: center;}
.channelbuy a img{width: 32px; margin: 0 4px; opacity: 0.9;}
.channelbuy a:hover img {opacity: 1;}
.channelbuy a small {color: #000; display: block; margin-top: 5px;}











.table_main {display: none;}
.table_main.active {display: block;}

.inc_section {display: none;}
.inc_section.active {display: block;}



.txt_footer_table {margin-top: 15px;}
.txt_footer_table p {font-size: 15px; font-family: 'db_heaventmed_cond'; color: #000;}

.wrap_condition2 {display: flex; justify-content: center;}




@media(max-width: 1439px){
	.txthead_package h2 {font-size: 34px;}
	.txthead_package h3 {font-size: 28px;}
}



@media(max-width: 1199px){
	table.table {width: 1200px;}
	.table_wrap {overflow: auto;}
	.handscroll {display: block;}
	.table_img .handscroll {display: none;}
	
	.table_stage {padding: 20px;}
	.table_stage .txt {margin-top: 0; margin-bottom: 12px;}

	.txthead_package h2 {font-size: 28px;}
	.txthead_package h3 {font-size: 24px;}

	.txthead_step h2 {font-size: 36px;}
	.txthead_step h3 {font-size: 28px;}

}



@media(max-width: 991px){
}



@media(max-width: 767px){
	.swiper-pagination-herobanner .swiper-pagination-bullet {width: 30px;}
	.swiper-pagination-herobanner .swiper-pagination-bullet-active {width: 60px;}
	.sec_table {padding: 0;}
	.table_stage {padding: 25px 8px; border-radius: 0;}
	.table_img .handscroll {display: block;}
	.table_img .table {width: 768px;}
	table.table {width: 768px;}
	table.table thead th {font-size: 10px;}
	table.table thead th.tbrand {width: 22%; padding-left: 8px;}
	table.table tbody td.txtmodel {font-size: 10px;}
	table.table tbody td.txttype {font-size: 10px;}
	table.table tbody td.txtnormalprice {font-size: 12px;}
	table.table tbody td.txtspecialprice {font-size: 12px;}
	table.table tbody td {font-size: 12px;}
	table.table thead th.tbrand img {height: 20px;}
	table.table thead th.trigreen:after {right: -36px;}
	table.table thead th.triblack:after {right: -36px;}
	table.table thead th.trigray:after {right: -36px;}
	.channelbuy a img {width: 20px;}
	.handscroll {background-size: 55px;}

	.table_stage .txt h2 {font-size: 24px;}
	.table_stage .txt h3 {font-size: 16px;}

	.txt_footer_table p {font-size: 14px;}


}



@media(max-width: 575px){
	.channelbuy a img {
		width: 30px;
	}
	.label {width: 30%;}
	.label {width: 25%;}
	.table_img .table {width: 700x;}
	table.table {width: 700px;}
	table.table tbody td.txtmodel {font-size: 15px;}
	table.table tbody td.txttype {font-size: 14px;}
	table.table tbody td.txtnormalprice {font-size: 20px;}
	table.table tbody td.txtspecialprice {font-size: 20px;}
	table.table tbody td {font-size: 20px;}

	.table_stage .txt h2 {font-size: 20px;} 
	.table_stage .txt h3 {font-size: 15px;}
	.txt_footer_table p {font-size: 12px;}

	.table_stage {margin-bottom: 15px;}
	.txthead_package h2 {font-size: 20px;}
	.txthead_package h2 .txtbig {font-size: 120%;}
	.txthead_package h3 {font-size: 16px;}

	.txthead_step h2 {font-size: 30px;}
	.txthead_step h3 {font-size: 22px;}
	table.table thead th { font-size: 16px;}
	table.table thead th.tbrand img {
			height: auto;
			width: 60%;
	}
	.table_serenade table.table tbody td {
		padding: 15px 8px !important;
		font-size: 14px;
	}
	.table_serenade table.table thead th {
		font-size: 16px;
	}
	
	.label_exclusive {width: 50%;} 

}