#wrapper {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

body {padding-right: 0 !important;}
h1,h2,h3,h4,h5,h6,p {line-height: 1.4; font-weight: normal;}
#wrapper a {text-decoration: none; }
a,a:active, a:hover, a:focus, a:visited {text-decoration: none !important;}
.t_inline {display: inline-block;}
.herobanner {text-align: center;}
.herobanner img {width: 100%;}
.showpc {display: block;}
.showmb {display: none;}
#onetrust-banner-sdk p, #onetrust-pc-sdk p, #ot-sdk-cookie-policy p {font-family: 'db_heavent_cond', Helvetica, sans-serif !important;}
#onetrust-banner-sdk .ot-sdk-button, #onetrust-banner-sdk button, #onetrust-pc-sdk .ot-sdk-button, #onetrust-pc-sdk button, #ot-sdk-cookie-policy .ot-sdk-button, #ot-sdk-cookie-policy button {font-family: 'db_heavent_cond', Helvetica, sans-serif !important;}
.primary-link-lv1 {font-family: 'db_heavent_cond', sans-serif; color:#fff;}

:root {
    --swiper-theme-color: #ffffff;
}

.txtblack {color:#000;}
.txtwhite {color:#fff;}

.herobanner .swiper-pagination .swiper-pagination-bullet { 
	/*display: block;*/
	width: 18px;
	height: 18px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: #fff;
	border-radius: 3px;
	opacity: 1;
}

.herobanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #b3d334;
}


.breadcrumb_sme {padding: 15px;}
.breadcrumb_sme ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.breadcrumb_sme li:nth-child(1) {width: 18px;opacity: .4;}

.breadcrumb_sme .breadcrumb-item {display: block; font-family: 'db_heaventbold_cond'; font-size: 15px; color: #97cd1f; line-height: 1; display: flex; align-items: center; justify-content: center;}
.breadcrumb_sme .breadcrumb-item a {
	font-family: 'db_heavent_cond';
	color:#666;
	line-height: 1;
	display: block;
	text-decoration: none;
}
.breadcrumb_sme .breadcrumb-item a:hover {color:#000;}
.breadcrumb_sme .breadcrumb-item:nth-child(1) a{width: 18px;}


.txt_headline {display: grid; grid-template-columns: 250px 1fr; grid-gap: 35px; align-items: center; justify-content: center;}
.txt_headline .bar {background: #c6db38; position: relative; height: 80%;}
.txt_headline .bar:after {content: ''; position: absolute; width: 20px; height: 100%; right:-20px; top:0; background: url(../images/bg_txthead_main.svg) center no-repeat; background-size: cover;}
.txt_headline .txt {
	font-size: 45px;
	color: #c6db38;
	font-family: 'akrobatbold','db_heaventbold_cond';
	line-height: 1;
	text-decoration: none;
}

.txtsme {font-size: 55px;}


.pad_section {
	padding: 45px 0;
}


#main_package {background: #f0f2f3; position: relative;}
#ontop_package {background: #9ca9af; position: relative;}
#fibre_package {background: #f0f2f3; position: relative;}
#solution_package {position: relative;background: #5b727d;}
#campaign_package {background: #f0f2f3; position: relative;}



.wrap_card {display: grid; grid-template-columns: 250px 1fr; grid-gap: 35px; align-items: center; justify-content: center; padding-top: 30px; }
.wrap_card .swiper-slide {display: grid; grid-template-rows: auto 1fr;}
.side_menu {background: #fefefe url(../images/bg_filter_nav.jpg); height: 100%;}
.side_menu_mobile {display: none; height: 60px; background: #eaeaea; padding: 7px 0; margin-top: 45px; position: relative;}
.side_menu_mobile .swiper-container {height: 100%;}
.side_menu_mobile .swiper-slide {display: block; transition: background 0.15s ease; color:#555; font-family: 'db_heaventmed_cond'; font-size: 20px; text-align: center; display: flex; align-items: center; justify-content: center;}
.side_menu_mobile .swiper-slide.swiper-slide-active {  background: linear-gradient(135deg, #d4ea44 0%,#a5c335 100%); border-radius: 8px; color: #455604; text-shadow: 1px 1px rgb(211 242 93);}
.side_menu_mobile:before {content: ''; position: absolute; pointer-events: none; width: 20%; height: 100%; background: linear-gradient(to right, #f0f2f3 0%,#f0f2f300 100%); left:0; top:0; z-index: 2;}
.side_menu_mobile:after {content: ''; position: absolute; pointer-events: none; width: 20%; height: 100%; background: linear-gradient(to left, #f0f2f3 0%,#f0f2f300 100%); right:0; top:0; z-index: 2;}
.side_menu_mobile .swiper-slide:nth-child(1){width: 40%;}


#main_package .content_card {padding-bottom: 100px;}
#main_package .wrap_card {padding-top: 50px;}

.content_card { max-width: 1280px; margin:0 auto; width: 100%; grid-gap: 15px; padding-bottom: 50px; display: grid; grid-template-columns: repeat(1,1fr); padding-right: 35px;}
.content_card .card-item {box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); border-radius: 10px; overflow: hidden; text-decoration: none; display: grid; grid-template-rows: auto 1fr; position: relative;}


#main_package .content_card {grid-template-columns: repeat(3,1fr);}
#ontop_package .swiper-container {padding:25px; margin-left: -25px; margin-right: -25px;}
#fibre_package .swiper-container {padding:25px; margin-left: -25px; margin-right: -25px;}
#solution_package .swiper-container {padding:25px; margin-left: -25px; margin-right: -25px;}
#campaign_package .swiper-container {padding:25px; margin-left: -25px; margin-right: -25px;}



.content_card .swiper-pagination {width: 100%; position: static;}
.content_card .swiper-pagination-bullet {background: #D6D6D6; width: 12px; height: 12px; outline: none; opacity: 1; margin: 0 4px;}
.content_card .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #c6db37 }


.txt_card_head h2 {
	font-family: 'akrobatregular','db_heaventlight_cond';
	margin-bottom: 20px;
	font-size: 32px;
	position: relative;
	padding-left: 15px;
}

.txt_card_head h2:before {
	position: absolute;
	content: '';
	width: 6px;
	height: 70%;
	background: #cde040;
	left: 0;
	top: 15%;
}



.card_txt {background: #fff; padding: 15px 15px 20px; position: relative; overflow: hidden; display: grid; align-content: space-between;}
.card_txt h2 {font-size: 20px; font-family: 'db_heavent_cond'; color: #000;}

.wrap_box_price {margin-top: 20px;}

.btn-more {
	padding: 7px 7px;
	padding-left: 20px;
	font-size: 20px;
	color: #fff;
	display: block;
	border-radius: 50px;
	background: #333;
	text-align: center;
	position: relative;
	transition: all 0.2s ease;
	width: 100%;
	font-family: 'db_heaventmed_cond';
	transition: all 0.15s ease;
}
.btn-register {
	padding: 7px 7px;
	padding-left: 20px;
	font-size: 20px;
	color: #fff;
	display: block;
	border-radius: 50px;
	background: #333;
	text-align: center;
	position: relative;
	transition: all 0.2s ease;
	width: 100%;
	font-family: 'db_heaventmed_cond';
	transition: all 0.15s ease;
}

.btn-register:before {content: ''; position: absolute; width: 21px; height: 100%; background: #f00;  top:0; left:12px; background: url(../images/main_btn_register.svg) center no-repeat; background-size: contain; transition: all 0.15s ease;}
.btn-more:before {content: ''; position: absolute; width: 21px; height: 100%; background: #f00; top:0; left:12px; background: url(../images/main_btn_more.svg) center no-repeat; background-size: contain;transition: all 0.15s ease;}

.btn-more:hover:before {left: calc(50% - 12px);}
.btn-more:hover span {opacity: 0;}
.btn-more:hover {    background: linear-gradient(135deg, #333 0%,#000 100%);}

.btn-register:hover:before {left: calc(50% - 12px);}
.btn-register:hover span {opacity: 0;}
.btn-register:hover {background: linear-gradient(135deg, #d4ea44 0%,#a5c335 100%);}

.box_price {display: grid; grid-template-columns: 60% 40%; align-items: center; justify-content: space-between;}
.box_price .box_price_in {display: flex; align-items: center; justify-content: flex-start;}

.txtstart {
	font-size: 20px;
	font-family: 'db_heaventbold_cond';
	color: #000;
	line-height: 1;
	margin-bottom: 5px;
}

.box_price h2 {
	font-size: 20px;
	font-family: 'db_heaventbold_cond';
	color: #000;
	line-height: 1;
}

.box_price h3{
	font-family: 'db_heaventbold_cond';
	color: #97cd1f;
	line-height: 1;
	font-size: 50px;
	margin-bottom: 0;
}

.box_price h4 {
	font-size: 17px;
	font-family: 'db_heaventmed_cond';
	color: #8e8e8e;
	padding-left: 5px;
	margin-bottom: 0;
}


.card_img {position: relative; overflow: hidden;}
.card_img img {pointer-events: none;}
.card_img:after {
	content: '';
	position: absolute;
	width: 217px;
	height: 700px;
	background: url(../images/light_card.png) center;
	background-size: 100%;
	z-index: 1;
	top: 30%;
	transform: rotate(-45deg);
	left: -50%;
}

.card-item:hover .card_img:after {
	left: 120%;
	top: -120%;
	opacity: 0;
	transition: all 0.5s ease-out;
}




.card_txt:after {
	content: '';
	position: absolute;
	height: 10px;
	width: 100%;
	background: #97cd1f;
	background: -moz-linear-gradient(left, #97cd1f 0%, #c8cf29 100%);
	background: -webkit-linear-gradient(left, #97cd1f 0%,#c8cf29 100%);
	background: linear-gradient(to right, #97cd1f 0%,#c8cf29 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97cd1f', endColorstr='#c8cf29',GradientType=1 );
	bottom: -10px;
	left: 0;
	transition: all 0.2s ease;
}

.card-item:hover .card_txt:after {
	bottom: 0;
}






.overlay_bg {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background: rgba(0,0,0,0.82);
	opacity: 0;
	transition: all 0.2s ease;
}



.txt_in_img {
	color: #fff;
	text-align: center;
	padding: 15px;
	opacity: 0;
	transition: all 0.2s ease;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	top:0;
	left: 0;
}

.txt_in_img h2 {
	color: #bfd631;
	font-family: 'akrobatbold','db_heavent_cond';
	font-size: 35px;
	transform: translateY(5px);
	transition: all 0.25s ease;
}




.txt_in_img p {
	font-family: 'akrobatbold','db_heavent_cond';
	font-size: 19px;
	transform: translateY(15px);
	transition: all 0.25s ease;
}

.btn_in_card {
	color: #bfd631;
	font-family: 'akrobatbold','db_heaventmed_cond';
	background: #000;
	font-size: 18px;
	width: 100%;
	max-width: 130px;
	margin: 25px auto 0;
	display: block;
	border: 2px solid #bfd631;
	padding: 10px 15px;
	border-radius: 10px;
	transform: translateY(25px);
	transition: all 0.25s ease;
	text-align: center;
}

.btn_in_card:hover {
	color: #000 !important;
	background: #bfd631;
}


.card-item:hover .overlay_bg {
	opacity: 1;backdrop-filter: blur(5px);
}

.card-item:hover .txt_in_img h2 {
	transform: translateY(0px);
}

.card-item:hover .txt_in_img p {
	transform: translateY(0px);
}

.card-item:hover .txt_in_img .btn_in_card {
	transform: translateY(0px);
}

.card-item:hover .txt_in_img {
	opacity: 1;
}


.txtgreen {color:#90c331;}




.filter_nav {width: 250px; float: left; position: relative; z-index: 6;}

.filter_nav_in {
	width: 100%;
	margin: auto;
	position: relative;
	cursor: pointer;
}

.filter_nav_in .item .heading {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	cursor: pointer;
	color: #000;
	position: relative;
	padding-left: 17px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
	background: rgb(255,255,255) url(../images/btn_filter_head_off.png) right center no-repeat;/* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	/*background-position: right 20px top -95px;*/
	font-family: 'db_heavent_cond';
	box-sizing: border-box;
}

.filter_nav_in .item {
	border-top: 1px solid #e6e6e6;
	cursor: pointer;
	position: relative;
}
.filter_nav_in .item:nth-child(1){border-top: 1px solid #f4f4f4;}


.filter_nav_in .item .heading:after {content: ''; position: absolute; width: 6px; height: 10px; background: url(../images/arr_filter_off.svg) center no-repeat; right: 23px; top:20px; transition: all 0.2s ease;}
.filter_nav_in .item.open .heading:after {content: ''; position: absolute; width: 6px; height: 10px; background: url(../images/arr_filter_on.svg) center no-repeat; right: 17px; top:20px; transform: rotate(90deg);}
.filter_nav_in .item .heading:before {content: ''; position: absolute; width: 60px; height: 50px; background: url(../images/btn_filter_head_off.png) center no-repeat; right: 0px; top:0px; background-size: 60px 50px;}
.filter_nav_in .item.open .heading:before {content: ''; position: absolute; width: 60px; height: 50px; background: url(../images/btn_filter_head_on.png) center no-repeat; right: 0px; top:0px; background-size: 60px 50px;}

.filter_nav_in .item .heading:hover:after {right: 17px; background: url(../images/arr_filter_on.svg) center no-repeat;}

.filter_nav_in .item .content {
	display: none;
	background: #fff;
	font-size: 17px;
}

.filter_nav_in .item.open .heading {
	color:#c0d532;
	background: #000;
}

.filter_nav_in:after {content: ''; position: absolute; height: 20px; width: 100%; left: 0; bottom: -20px; background: #bdd232; border-radius: 0 0 15px 0;}




.filter_sub {position: relative; height: 45px; width: 100%; text-decoration: none !important; font-family: 'db_heavent_cond'; background: #fff; display: block; line-height: 45px; color:#000; padding-left: 35px; padding-right: 10px; transition: all 0.1s ease;}
.filter_sub:hover {color:#000;}

.filter_sub:after {content: ''; position: absolute; background: #d8d8d8; width: 15px; height: 100%; left: 0; top:0; transition: all 0.2s ease-in-out;}
.filter_sub:hover:after {content: ''; position: absolute; width: 100%; background: #c6db38;}

.filter_sub:before {content: ''; position: absolute; background: #d8d8d8; width: 0; height: 100%; left: 0; top:0; transition: all 0.35s ease; z-index: 2;}
.filter_sub:hover:before {content: ''; position: absolute; width: 15px; background: #9eb30e; opacity: .8;}




.filter_sub span {position: relative; z-index: 1;}


.link_head {
	position: absolute;
	width: calc(100% - 50px);
	height: 50px;
	/*background: #ff000070;*/
	z-index: 9;
	top:0;
	left: 0;
	font-family: 'db_heavent_cond';
}


.wrap_content {background: #f0f2f3;}


.bar_packother { background: #151515; min-height: 60px; display: grid; grid-template-columns: 15% 1fr 15%; color:#fff; font-size: 23px; font-family: 'akrobatregular'; text-transform: uppercase; display: none;}
.back-allpack { display: flex;align-items: center; justify-content: flex-start; padding-left: 15px;}
.back-allpack a {color:#fff; display: flex;align-items: center; justify-content: center; text-decoration: none;}
.back-allpack a img {width: 22px; margin-right: 5px; transition: all 0.15s ease;}
.back-allpack a:hover img{transform: translateX(-5px);}
.back-allpack .txtbold {font-family: 'akrobatblack'; color: #b2d334;}

.menu-packother {max-width: 1280px; width: 100%; margin:0 auto;}
.menu-packother ul {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; height: 100%; margin:0;}
.menu-packother ul li {flex:0 0 30%; text-align: center; border-right:1px solid #333;  height: 100%;}
.menu-packother ul li:nth-last-child(1){border:0;}
.menu-packother ul li a {color:rgba(255 255 255 / 100%); text-decoration: none; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; height: 100%;}
.menu-packother ul li a span {font-family: 'akrobatblack'; margin-right: 5px;}
.menu-packother ul li.active a {background: linear-gradient(135deg, #d4ea44 0%,#a5c335 100%); color: #455604; text-shadow: 1px 1px rgb(211 242 93); font-family: 'akrobatbold'; pointer-events: none;}
.menu-packother ul li a:hover {color: #b2d334; background: #000;}

.content_sme.index .content_card {padding: 0 15px;}
.content_sme.index .content_card .card-item{height: 100%;}
.content_sme.index .content_card .row {row-gap:30px; justify-content:flex-start;}
.content_sme.index .content_card .row.center {justify-content: center;}

.content_sme.index .txthead h1 {font-size: 50px; font-family: 'db_heaventbold_cond';}

.content_sme {padding: 45px 0;}
.content_sme .txthead h1 {
    text-align: center;
    font-size: 40px;
    font-family: 'db_heaventmed_cond';
    color: #555;
}



.condition_sme {margin-top: 30px;}
.btn_condition {position: relative; color:#fff; background: #000; display: inline-block;padding:10px 15px 10px 25px; border-radius: 7px 0 0 7px; font-family: 'db_heaventmed_cond'; font-size: 17px;}
.btn_condition:hover {color:#b2d334;}
.btn_condition:focus {color:#fff;}
.btn_condition span {margin-left: 10px;}
.btn_condition img {width: 20px;}
.btn_condition:after {content: ''; position: absolute; width: 40px; height: 100%; right:-35px; top:0; background: url(../images/btn_condition_black.png) center no-repeat; background-size: contain;}
.btn_condition.active {color:#b2d334;}
.btn_condition.active img {transform: rotate(180deg); margin-top: -2px;}

.expand_condition {padding: 20px 0; display: none;}
.expand_condition h2 {font-size: 17px; color:#000; font-family: 'db_heaventmed_cond';}
.expand_condition ul {margin:0; list-style-type: disc; padding-left: 20px; padding-bottom: 30px;}
.expand_condition ul li {font-size: 15px; color:#333; font-family: 'db_heavent_cond';}
.expand_condition ul li a {color:#5c960b;}


.btn_condition_more {position: relative; color:#fff; background: #000; display: inline-block;padding:10px 15px 10px 25px; border-radius: 7px 0 0 7px; font-family: 'db_heaventmed_cond'; font-size: 17px;}
.btn_condition_more:hover {color:#b2d334;}
.btn_condition_more:focus {color:#fff;}
.btn_condition_more span {margin-left: 10px;}
.btn_condition_more img {width: 20px;}
.btn_condition_more:after {content: ''; position: absolute; width: 40px; height: 100%; right:-35px; top:0; background: url(../images/btn_condition_black.png) center no-repeat; background-size: contain;}
.btn_condition_more.active {color:#b2d334;}
.btn_condition_more.active img {transform: rotate(180deg); margin-top: -2px;}

.expand_condition_more {padding: 20px 0; display: none;}
.expand_condition_more h2 {font-size: 17px; color:#000; font-family: 'db_heaventmed_cond';}
.expand_condition_more ul {margin:0; list-style-type: disc; padding-left: 20px; padding-bottom: 30px;}
.expand_condition_more ul li {font-size: 15px; color:#333; font-family: 'db_heavent_cond';}
.expand_condition_more ul li a {color:#5c960b;}





.btn_condition_more.flip {border-radius: 0 7px 7px 0; margin-left: 50px; padding:10px 25px 10px 15px;}
.btn_condition_more.flip:after {content: ''; position: absolute; width: 40px; height: 100%; left:-35px; top:0; -webkit-transform: scaleX(-1) scaleY(-1); transform: scaleX(-1) scaleY(-1);  background: url(../images/btn_condition_black.png) center no-repeat; background-size: contain;}






.cardmain_sme {padding: 0;  margin-left: -25px; margin-right: -25px; /*background: #f00;*/ text-align: center; position: relative;}
.cardmain_sme .swiper-wrapper {display: grid;}
.cardmain_sme .swiper-wrapper.center {justify-content: center;}
.cardmain_sme .swiper-slide {padding: 25px;}

.content_main {padding: 0;  margin-left: -25px; margin-right: -25px; /*background: #f00;*/ text-align: center; position: relative;}
.content_main .swiper-wrapper {display: grid;}
.content_main .swiper-wrapper.center {justify-content: center;}
.content_main .swiper-slide {padding: 25px;}

.content_extension {padding: 0;  margin-left: -25px; margin-right: -25px; /*background: #f00;*/ text-align: center; position: relative;}
.content_extension .swiper-wrapper {display: grid;}
.content_extension .swiper-wrapper.center {justify-content: center;}
.content_extension .swiper-slide {padding: 25px;}




.card_item {background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); height: 100%; position: relative;}
.card_in {padding: 12px 10px; font-family: 'db_heaventmed_cond'; border-bottom: 1px solid #d7d7d7; position: relative; min-height: 80px;}
.card_in:nth-last-child(1){border-bottom: 0;}
.card_in h1,
.card_in h2,
.card_in h3,
.card_in h4,
.card_in h5,
.card_in h6,
.card_in p {margin:0 auto;}

.card_in.price {padding: 20px 10px; border-bottom: 0;}
.card_in.price h1{color: #fff; font-size: 20px; font-family: 'db_heaventmed_cond'; margin-bottom: 0px;}
.card_in.price h2 {color: #fff; font-size: 60px; font-family: 'db_heaventbold_cond'; line-height: 1; text-shadow: 2px 2px 1px rgba(0,0,0,0.25);}
.card_in.price h2 span {font-size: 32px;}

.card_in h1 {color: #555; font-size: 20px; font-family: 'db_heaventmed_cond'; margin:3px 0;}
.card_in h2 {color: #555; font-size: 35px; font-family: 'db_heaventbold_cond'; line-height: 1; }
.card_in h3 {color: #555; font-size: 20px; font-family: 'db_heaventbold_cond'; margin:3px 0;}
.card_in h4 {color: #555; font-size: 17px; font-family: 'db_heavent_cond'; margin:3px 0;}
.card_in h2 small {color:#555; font-size: 55%;}

.card_in ul {padding: 10px 0;}
.card_in ul li {text-align: left; color: #555; font-size: 20px; font-family: 'db_heaventmed_cond'; padding-left: 50px; position: relative;}
.card_in ul li.disable {text-align: left; color: #ccc; font-size: 20px; font-family: 'db_heaventmed_cond';}

.card_in ul li:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 100%;
    background: url(../images/check.png) center 8px no-repeat;
    left: 20px;
    background-size: 20px;
}

.card_in ul li.disable:before {display: none;}


.card_in .label {position: absolute; top:0; left:0; padding: 0; text-align: left;}
.card_in .label img {width: 50%;}
.card_in.flex {display: flex; align-items: center; justify-content: center;}
.card_in .logo_nextg {width: 100px; margin-right: 10px;}
.card_in .logo_superwifi {width: 59px; margin-right:10px;}
.card_in .logo_buzzeebee {width: 200px; margin-right:10px;}


.btn_seenumber {
    border: 2px solid #a1d322;
    display: inline-block;
    padding: 5px 20px;
    font-size: 16px;
    border-radius: 500px;
    font-family: 'db_heavent_cond';
    background: #fff;
    transition: all 0.15s ease;
    color:#000;
    margin-top: 10px;
    }

    .btn_seenumber:hover, .btn_seenumber:active, .btn_seenumber:focus {
    background: #a1d322;
    color:#fff;
}



.theme_green .price {background: linear-gradient(135deg,#89d83f 0,#50a500 100%)}
.theme_green:after {content: ''; position: absolute; width: 100%; height: 10px; bottom:0; left:0; background: linear-gradient(135deg,#89d83f 0,#50a500 100%)}

.theme_blue .price { background: linear-gradient(135deg, #4293c6 0%,#04397c 100%);}
.theme_blue:after {content: ''; position: absolute; width: 100%; height: 10px; bottom:0; left:0;  background: linear-gradient(135deg, #4293c6 0%,#04397c 100%);}

.theme_pink .price { background: linear-gradient(135deg, #ff67b9 0%,#D6117C 100%);}
.theme_pink:after {content: ''; position: absolute; width: 100%; height: 10px; bottom:0; left:0;  background: linear-gradient(135deg, #ff67b9 0%,#D6117C 100%);}

.theme_darkblue .price { background: linear-gradient(135deg, #0E48A5 0%,#051F4A 100%);}
.theme_darkblue:after {content: ''; position: absolute; width: 100%; height: 10px; bottom:0; left:0;  background: linear-gradient(135deg, #0E48A5 0%,#051F4A 100%);}

.theme_yellow .price { background: linear-gradient(135deg, rgba(252,207,57,1) 0%, rgba(246,147,32,1) 100%);}
.theme_yellow:after {content: ''; position: absolute; width: 100%; height: 10px; bottom:0; left:0;  background: linear-gradient(135deg, rgba(252,207,57,1) 0%, rgba(246,147,32,1) 100%);}

.theme_purple .price {background: linear-gradient(135deg,rgba(198,107,228,1) 0,rgba(131,82,159,1) 100%);}
.theme_purple:after {content: ''; position: absolute; width: 100%; height: 10px; bottom:0; left:0; background: linear-gradient(135deg,rgba(198,107,228,1) 0,rgba(131,82,159,1) 100%);}

 .theme_darkpurple .price {background: linear-gradient(135deg,rgba(179,133,214,1) 0,rgba(109,46,156,1) 100%);}
.theme_darkpurple:after {content: ''; position: absolute; width: 100%; height: 10px; bottom:0; left:0; background: linear-gradient(135deg,rgba(179,133,214,1) 0,rgba(109,46,156,1) 100%);}
   
   .theme_sureinbox .price {background: #ea3496;}
.theme_sureinbox:after {content: ''; position: absolute; width: 100%; height: 10px; bottom:0; left:0; background: #ea3496;}
            
.theme_socialamaze .price {background: #34AD61;}
.theme_socialamaze:after {content: ''; position: absolute; width: 100%; height: 10px; bottom:0; left:0; background: #34AD61;}


.card_in.mycloud {background: #50a403; padding: 20px 10px; cursor: pointer; border-bottom: 0;}
.card_in.mycloud h1 {color:#fff;}
.card_in.mycloud h2 {color:#fff;}
.card_in.mycloud h2 small {color:#fff;}
.card_in.mycloud .logo_mycloud {width: 150px; padding-bottom: 5px;}
.card_in.mycloud:hover {background: #4a9803}

.card_in.facebook {background: linear-gradient(135deg, rgb(91, 171, 232) 0%, rgb(10, 94, 160) 100%); padding: 20px 10px; cursor: pointer; border-bottom: 0;}
.card_in.facebook h1 {color:#fff; text-shadow: 1px 1px 0px rgba(0,0,0,0.3);}
.card_in.facebook h2 {color: #b3e851; margin-top: 10px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3);}
.card_in.facebook h2 small {color: #b3e851; font-size: 75%;}
.card_in.facebook:hover {    filter: brightness(0.95);}

.card_in.yellowdiy {background: linear-gradient(135deg, rgb(240, 117, 150) 0%, rgb(63, 70, 169) 100%); padding: 20px 10px; cursor: pointer; border-bottom: 0;}
.card_in.yellowdiy h1 {color:#fff; text-shadow: 1px 1px 0px rgba(0,0,0,0.3);}
.card_in.yellowdiy h2 {color: #b3e851; margin-top: 10px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3);}
.card_in.yellowdiy h2 small {color: #b3e851; font-size: 75%;}
.card_in.yellowdiy:hover {    filter: brightness(0.95);}

.card_in.iswhere {/*background: linear-gradient(135deg, rgb(196 100 245) 0%, rgb(129 16 187) 100%);*/ background: #f7ffe7; padding: 20px 10px; cursor: pointer; /*border-bottom: 0;*/}
/*.card_in.iswhere h1 { text-shadow: 1px 1px 0px rgba(0,0,0,0.3);}*/
.card_in.iswhere h2 {color: #90c331; margin-top: 10px; /*text-shadow: 1px 1px 0px rgba(0,0,0,0.3);*/}
.card_in.iswhere h2 small {color: #90c331; font-size: 75%;}
/*.card_in.iswhere:hover {    filter: brightness(0.95);}*/

.card_in.webfreemium {/*background: linear-gradient(135deg, rgb(248 229 70) 0%, rgb(204 153 0) 100%);*/ background: #f7ffe7; padding: 20px 10px; cursor: pointer; /*border-bottom: 0;*/}
/*.card_in.webfreemium h1 { text-shadow: 1px 1px 0px rgba(0,0,0,0.3);}*/
.card_in.webfreemium h2 {color: #90c331; margin-top: 10px; /*text-shadow: 1px 1px 0px rgba(0,0,0,0.3);*/}
.card_in.webfreemium h2 small {color: #90c331; font-size: 75%;}
/*.card_in.webfreemium:hover {    filter: brightness(0.95);}*/

.card_in.tipinsurance {/*background: linear-gradient(135deg, rgb(65 110 222) 0%, rgb(2 38 130) 100%);*/ background: #f7ffe7; padding: 20px 10px; cursor: pointer; /*border-bottom: 0;*/}
/*.card_in.tipinsurance h1 { text-shadow: 1px 1px 0px rgba(0,0,0,0.3);}*/
.card_in.tipinsurance h2 {color: #90c331; margin-top: 10px; /*text-shadow: 1px 1px 0px rgba(0,0,0,0.3);*/}
.card_in.tipinsurance h2 small {color: #90c331; font-size: 75%;}
/*.card_in.tipinsurance:hover {    filter: brightness(0.95);}*/


.card_in.diynet {background: linear-gradient(to bottom,rgba(137,216,63,1) 0,rgba(80,165,0,1) 100%); padding: 20px 10px; cursor: pointer; border-bottom: 0;}
.card_in.diynet h1 {color:#fff; text-shadow: 1px 1px 0px rgba(0,0,0,0.3);}
.card_in.diynet h2 {color: #b3e851; margin-top: 10px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3);}
.card_in.diynet h2 small {color: #b3e851; font-size: 75%;}
.card_in.diynet:hover {    filter: brightness(0.95);}







.info-none {pointer-events: none;}
.info-none > * { visibility: hidden; }
.info-none:before {content: '-'; position: absolute; height: 100%; width: 100%; top:0; left:0;display: flex; align-items: center; justify-content: center; font-size: 30px; font-family: 'db_heaventbold_cond';}



.card_in.question {cursor: pointer;}
.card_in.question h1 { display: flex; align-items: center; justify-content: center; position: relative; }
.card_in.question .question_in {display: inline-block;}
.card_in .question_white {width: 25px; margin-left: 7px; position: absolute; right:-30px; top:4px;}

.card_in.changepack {background-color: #acd83d; padding: 20px 10px;}
.card_in.changepack h1 {color:#fff;}
.card_in.changepack h2 {color:#fff; display: flex; align-items: center; justify-content: center;}
.card_in.changepack h2 small {color:#fff; font-size: 45%; margin: 7px 0; display: block;}

.card_in.register {padding: 20px 10px 30px;}
.card_in.register h1 {color:#000; font-family: 'db_heavent_cond';}
.card_in.register h1 .txtbold{color:#000; font-family: 'db_heaventbold_cond';}
/*.card_in.register .box {margin-top: 15px; position: relative;}*/
.card_in.register .box h1 {font-family: 'db_heavent_cond';}

.card_in.register .btn-register {width: 50%; display: inline-block; margin-top: 3px; color:#fff;}




.cardmain_sme .swiper-button-next.swiper-button-disabled, 
.cardmain_sme .swiper-button-prev.swiper-button-disabled {opacity: 0;}
.cardmain_sme .swiper-button-next:after, 
.cardmain_sme .swiper-button-prev:after {font-size: 25px;}

.cardmain_sme .swiper-button-next { width: 50px; height: 100px; background: #D6D6D6; border-radius: 7px; right:-33px;}
.cardmain_sme .swiper-button-next:hover {background:#c8c8c8;}
.cardmain_sme .swiper-button-prev { width: 50px; height: 100px; background: #D6D6D6; border-radius: 7px; left:-33px;}
.cardmain_sme .swiper-button-prev:hover {background:#c8c8c8;}


.content_main .swiper-button-next.swiper-button-disabled, 
.content_main .swiper-button-prev.swiper-button-disabled {opacity: 0;}
.content_main .swiper-button-next:after, 
.content_main .swiper-button-prev:after {font-size: 25px;}

.content_main .swiper-button-next { width: 50px; height: 100px; background: #D6D6D6; border-radius: 7px; right:-33px;}
.content_main .swiper-button-next:hover {background:#c8c8c8;}
.content_main .swiper-button-prev { width: 50px; height: 100px; background: #D6D6D6; border-radius: 7px; left:-33px;}
.content_main .swiper-button-prev:hover {background:#c8c8c8;}


.content_extension .swiper-button-next.swiper-button-disabled, 
.content_extension .swiper-button-prev.swiper-button-disabled {opacity: 0;}
.content_extension .swiper-button-next:after, 
.content_extension .swiper-button-prev:after {font-size: 25px;}

.content_extension .swiper-button-next { width: 50px; height: 100px; background: #D6D6D6; border-radius: 7px; right:-33px;}
.content_extension .swiper-button-next:hover {background:#c8c8c8;}
.content_extension .swiper-button-prev { width: 50px; height: 100px; background: #D6D6D6; border-radius: 7px; left:-33px;}
.content_extension .swiper-button-prev:hover {background:#c8c8c8;}







.addon_sme {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; padding: 50px 0;}
.addon_sme .post {margin:7px; position: relative; cursor: pointer;}


.addon_sme .post .btn-more {position: absolute; bottom:10px;right:5%; width: 50%; font-size: 15px; background: rgba(0 0 0 / 15%)}
	.addon_sme .post:hover .btn-more:before {left: calc(50% - 10px);}
	.addon_sme .post:hover .btn-more > span {opacity: 0;}



/*popup*/
.remodal {border: 6px solid #88bf22; overflow: hidden; border-radius: 12px; max-width: 1280px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: left;}
.remodal-close {left:auto; right:15px; top:15px; width: 40px; height: 40px; background: url(../images/popup_close.svg) center no-repeat; background-size: cover; transition: all 0.3s ease;}
.remodal-close:hover {transform: rotate(180deg);}
.remodal-close:before {display: none;}

.remodal-in h1 {
    font-size: 30px;
    color:rgb(85, 85, 85);
    font-family: 'db_heaventbold_cond';
}

/* new css lnw shop */
.remodal-in h3 { font-size: 19px; color: #95D200; font-family: 'db_heaventbold_cond'; }

.remodal-in p {
	font-size: 17px;
	color:rgb(85, 85, 85);;
    font-family: 'db_heaventmed_cond';
}

.remodal-in .box-detail .txt h2 {
    font-size: 20px;
    margin-top: 15px;
    color:#fff;
    font-family: 'db_heaventmed_cond';
    background: #88bf22;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 8px;
}


.remodal-in .box-detail .txt ul {list-style-type: disc; padding-left: 20px;}
.remodal-in .box-detail .txt li {
	font-size: 17px;
    font-family: 'db_heavent_cond';
}


.remodal-in .box-detail {display: grid; grid-template-columns: 2fr 1fr; align-items: center;}
.remodal-in .box-detail .logo {display: flex; align-items: center; justify-content: center; padding: 15px;}


.remodal[data-remodal-id="post_facebook"] .logo img {max-width: 204px}
.remodal[data-remodal-id="post_yellowpagediy"] .logo img {max-width: 200px}

.remodal.numberfree {padding: 0; border-width: 0; overflow: hidden; max-width: 900px;}
.remodal.numberfree .header{    background: #0b986b; text-align: center; padding: 15px 60px; }

.remodal.numberfree .header h2 {
    font-size: 30px;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    font-family: 'db_heaventbold_cond';
    margin: 0 auto;
    width: 100%;
}

.remodal.numberfree .body {padding: 30px 15px;}
.remodal.numberfree .body h2 {
    font-size: 25px;
    margin-bottom: 30px;
    text-align: center;
    font-family: 'db_heaventmed_cond';
}


.box-select-number {
	display: grid;
	grid-template-columns: repeat(4,1fr);
    text-align: center;
    column-gap: 25px;
    justify-content: center;
    align-items: stretch;
	max-width: 700px;
	margin: 0 auto;
}

.box-select-number a {transition: all 0.15s ease; font-size: 15px;font-family: 'db_heaventmed_cond'; color:#000; opacity: 0.55; margin-bottom: 30px;}
.box-select-number a img{transition: all 0.1s ease; margin-bottom: 15px;}
.box-select-number a:hover {opacity: 1;}
.box-select-number a.active img {transform: scale(1.15);}
.box-select-number a.active {opacity: 1;}


.remodal.numberfree .number {padding: 0 15px 30px;}
.remodal.numberfree table {border:1px solid #ccc; border-radius: 12px; overflow: hidden; background: #e0e0e0;}
.remodal.numberfree .table_head {
    background: #0b986b;
    color: #fff;
    font-size: 20px;
    font-family: 'db_heavent_cond';
}
.remodal.numberfree tr th {

    border:1px solid #ccc;
    text-align: center;
}
.remodal.numberfree tr td {
    font-size: 17px;
    border:1px solid #ccc;
    text-align: center;
    font-family: 'db_heavent_cond';
}

.remodal.numberfree tr:nth-child(even){
	background: #eee;
}


.remodal.numberfree tr td:nth-child(1) {
    text-align: left;
    width: 75%;
}





















.table_diy.table {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.2);
    /* margin-bottom: 30px; */
    /* table-layout: auto; */
}

.table_diy.table thead {
    background: rgba(137,216,63,1);
    background: -moz-linear-gradient(top,rgba(109, 109, 109) 0,rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(109, 109, 109)),color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,rgba(109, 109, 109) 0,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,rgba(109, 109, 109) 0,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,rgba(109, 109, 109) 0,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,rgba(109, 109, 109) 0,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89d83f', endColorstr='#50a500', GradientType=0 );
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table_diy.table tbody tr:nth-child(even) {
    background: #efefef;
}

.table_diy.table th {
    border: 1px solid #ccc !important;
    font-size: 20px;
    font-family: 'db_heaventbold_cond';
    text-shadow: 1px 1px 1px rgba(0,0,0,0.20);
    font-weight: normal;
    color: #fff;
    vertical-align: middle;
}

.table_diy.table tbody {
    background: #fff;
}

.table_diy.table td {
    border: 1px solid #ccc !important;
    font-size: 21px;
    font-family: 'db_heaventmed_cond';
    font-weight: normal;
    vertical-align: middle;
}

.table_diy.table tr td:nth-child(1) {
    padding: 8px;
    text-align: center;
}





.remark {text-align: left; width: 100%;margin-top: 5px;}
.remark p {font-family: 'db_heavent_cond'; font-size: 17px;}



@media(max-width: 1440px){
	.bar_packother {font-size: 21px;}
	.txt_card_head h2 {font-size: 27px;}
}

@media(max-width: 1366px){
	.card_txt h2 {font-size: 17px;}
	.box_price h3 {font-size: 40px;}
	.box_price h4 {font-size: 15px;}
	.btn-more {font-size: 17px;}
	.btn-register {font-size: 17px;}
	.txtstart {font-size: 17px; margin-bottom: 3px;}
	
}



@media(max-width: 1280px){
	.wrap_card { grid-gap: 25px; }
	.content_card {padding-right: 25px; grid-gap: 15px;}
	.btn-more:before {width: 18px;}
	.btn-register:before {width: 18px;}
	.btn-more:hover:before {left: calc(50% - 10px);}
	.box_price {grid-template-columns: 55% 45%;}

	.txt_card_head h2 {font-size: 25px;}
}



@media(max-width: 1199px){
	#main_package .content_card {grid-template-columns: repeat(2,1fr);}
	.pad_section {padding: 30px 0;}
	.back-allpack .txt{display: none;}
	.bar_packother {grid-template-columns: 4.5% 1fr;}
	.menu-packother ul li {flex: 0 0 33.33%;}
	.bar_packother {font-size: 22px;}

	.condition_sme {max-width: 750px; margin: 30px auto 0;}
	.cardmain_sme {max-width: 800px; margin: 0 auto;}
	.content_main {max-width: 800px; margin: 0 auto;}
	.content_extension {max-width: 800px; margin: 0 auto;}

}

@media(max-width: 991px){
	.txt_headline .txt {font-size: 38px;}
	.txt_headline .txt .txtsme {font-size: 45px;}
	#main_package .content_card {grid-template-columns: repeat(1,1fr);}
	.content_card .card-item {max-width: 350px;margin: 0 auto;}
	.wrap_card {grid-template-columns: 230px 1fr; padding-top: 0;}
	.txt_card_head {max-width: 350px; margin:0 auto; width: 100%;}
	.txt_card_head h2 {font-size: 30px; margin-bottom: 10px;}
	.bar_packother {font-size: 19px; min-height: 50px;}
	.back-allpack {padding-left: 5px;}
	.back-allpack a:hover img {transform: translateX(-3px);}
	.content_sme .txthead h1 {font-size: 38px;}

	.condition_sme {max-width: 640px;}

	.addon_sme {padding: 25px 18px;}
	.addon_sme .post { margin: 5px; flex: 0 0 calc(50% - 10px);}
	.mb-hide {display: none}
	.addon_sme .post .btn-more {font-size: 12px; padding: 4px; width: 45%;}
	.addon_sme .post .btn-more:before {left: 6px;}
	.addon_sme .post .btn-more > span {padding-left: 10px;}

	.remodal-in h1 {font-size: 25px;}
	.remodal-in p {font-size: 15px;}
	.remodal-in .box-detail .txt h2 {font-size: 17px;}
	.remodal-in .box-detail .txt li {font-size: 15px;}

	.content_sme.index .txthead h1 {font-size: 40px;}

}

@media(max-width: 767px){
	.showpc {display: none;}
	.showmb {display: block;}


	.txt_headline {grid-template-columns: 5% 1fr;}
	.txt_headline .txt {font-size: 35px;}
	.txt_headline .txt .txtsme {font-size: 40px;}

	.side_menu {display: none;}
	.side_menu_mobile {display: block;}
	.wrap_card {grid-template-columns: 1fr;}

	#ontop_package .swiper-container { margin-left: 0;margin-right: 0; padding:25px 15px;}
	#fibre_package .swiper-container { margin-left: 0;margin-right: 0; padding:25px 15px;}
	#solution_package .swiper-container { margin-left: 0;margin-right: 0; padding:25px 15px;}
	#campaign_package .swiper-container { margin-left: 0;margin-right: 0; padding:25px 15px;}
	#main_package .wrap_card {padding-top: 25px;}
	#main_package {padding-top: 10px;}
	#main_package .content_card {padding-right: 0; grid-gap: 15px;}
	.content_card {padding-right: 0; grid-gap: 0;}

	.menu-packother ul li {flex:0 0 100%; min-height: 50px; height: auto; border-right: 0; border-bottom: 1px solid #333; }
	.menu-packother ul li:nth-last-child(1){border: 0;}
	.menu-packother ul {align-items: stretch;}
	.bar_packother {grid-template-columns: 17% 1fr;}
	.back-allpack {justify-content: center; background: #363636; padding: 0;}
	.back-allpack a {flex-direction: column; width: 100%; height: 100%;}
	.back-allpack .txt {display: block;}
	.back-allpack .txtbold {display: block;text-align: center;}
	.back-allpack a:hover img {transform: translateX(0px);}



	.content_sme .txthead h1 {font-size: 35px;}
	.cardmain_sme {max-width: 350px;}
	.content_main {max-width: 350px;}
	.content_extension {max-width: 350px;}


	.addon_sme {padding: 10px 18px 5px; max-width: 450px; margin:0 auto;}
	.addon_sme .post { margin: 5px; flex: 0 0 calc(100% - 10px);}
	.addon_sme .post .btn-more {right:7%; bottom: 7px;}

	.remodal-in .box-detail {display: block;}
	.remodal-in h1 {font-size: 20px;}
	.remodal {padding: 15px;}
	.remodal-in .box-detail .txt li {font-size: 13px;}
	.remodal-in .box-detail .txt li ol {padding-left: 15px;}
	.remodal-in .box-detail .logo {padding: 5% 25%;}

.remodal.numberfree .header {padding-left: 15px; text-align: left;}
.remodal.numberfree .header h2 {font-size: 20px; text-align: left;}

}

@media(max-width: 575px){
	.txt_headline {grid-template-columns: 3% 1fr;}
	.txt_headline .txt {font-size: 25px;}
	.txt_headline .txt .txtsme {font-size: 30px;}
	.txt_card_head h2 {font-size: 22px;}
	.card_txt h2 {font-size: 15px;}
	.box_price h3 {font-size: 35px;}
	.box_price h4 {font-size: 12px;}
	.txtstart {margin-bottom: 0;}
	.content_card {padding-bottom: 0;}
	.content_card .card-item {max-width: 300px;}

	.txt_in_img h2 {font-size: 23px;}
	.txt_in_img p {font-size: 15px;}
	.btn_in_card {margin-top: 12px; font-size: 15px; padding: 7px 10px; border-radius: 8px; max-width: 120px;}


	.bar_packother {grid-template-columns: 20% 1fr;}
	.back-allpack a {font-size: 15px;}
	.menu-packother ul li {min-height: 45px;}

	.content_sme {padding: 25px 0;}
	.content_sme .txthead h1 {font-size: 23px;}

	.cardmain_sme .swiper-button-next {width: 40px; right: -8px; box-shadow: -5px 0 5px rgba(0 0 0 / 10%);}
	.cardmain_sme .swiper-button-prev {width: 40px; left: -8px; box-shadow: 5px 0 5px rgba(0 0 0 / 10%);}

	.content_main .swiper-button-next {width: 40px; right: -8px; box-shadow: -5px 0 5px rgba(0 0 0 / 10%);}
	.content_main .swiper-button-prev {width: 40px; left: -8px; box-shadow: 5px 0 5px rgba(0 0 0 / 10%);}

	.content_extension .swiper-button-next {width: 40px; right: -8px; box-shadow: -5px 0 5px rgba(0 0 0 / 10%);}
	.content_extension .swiper-button-prev {width: 40px; left: -8px; box-shadow: 5px 0 5px rgba(0 0 0 / 10%);}

	.table_diy.table th {font-size: 15px;}
	.table_diy.table td {font-size: 15px;}

	.addon_sme {padding: 10px 0px 5px;}
	.remark p {font-size: 15px;}

	/*.content_sme.index .content_card {grid-template-columns: repeat(1,1fr);     grid-gap: 15px;}*/

	.content_sme.index .content_card .row {row-gap:25px;}
	.content_sme.index .txthead h1 {font-size: 32px;}


.remodal.numberfree .header {padding-left: 15px; text-align: left;}
.remodal.numberfree .header h2 {font-size: 18px; text-align: left;}
.box-select-number {flex-wrap: wrap; column-gap: 5px;  grid-template-columns: repeat(3,1fr);}
.box-select-number a {flex:0 0 calc(50% - 30px); font-size: 12px;}
.remodal.numberfree .body {padding: 15px 15px;}
.box-select-number a img {margin-bottom: 7px; width: 75%;}
.remodal.numberfree .body h2 {margin-bottom: 15px; font-size: 20px;}



}

@media(max-width: 360px){
	.breadcrumb_sme .breadcrumb-item {font-size: 12px;}
}