* {
font-family: "Sarabun", sans-serif;
}
.row {
display: inline-block;
width: 100%;
}
table {
margin-top: 60px;
width: 100%;
text-align: left;
}
.btn {
color: #666687;
background-color: #ffffff;
border: none !important;
padding: 10px 21px;
font-size: 14px;
font-weight: bolder;
border-radius: 21px;
margin: 4px 2px;
}
.btn-active {
color: #ffffff !important;
background-color: #4945ff !important;
}
.cloose-item {
margin: 0.25rem;
cursor: pointer;
background-color: #ffffff;
padding: 35px;
border-radius: 4px;
}
.active {
margin: 0.25rem;
cursor: pointer;
background-color: #4945ff;
padding: 35px;
border-radius: 4px;
}
.discount {
display: none;
}
.active>.icon-pack>i {
background-color: #ffffff;
}
.active .title {
color: #ffffff;
}
.active .sub-title {
color: #dcdce4;
}
.active .title-list {
color: #ffffff;
}
.active .text-price {
color: #ffffff;
}
.active .trial-btn {
border: 1px solid #4945ff;
}
.icon-pack {
display: inline-flex;
color: #4945ff;
margin-bottom: 1rem;
}
.icon-pack>i {
background-color: #d9d8ff;
font-size: 32px;
border-radius: 4px;
padding: 1rem 0;
width: 60px;
height: 60px;
text-align: center;
}
.icon-list {
display: inline-block;
color: #4945ff;
background-color: #f0f0ff;
font-weight: bold;
font-size: 18px;
border-radius: 50%;
width: 24px;
height: 24px;
text-align: center;
}
.title-list {
display: inline-block;
margin-left: 1rem;
margin-bottom: 0;
color: #666687;
}
.title-pack {
display: inline-block;
margin-left: 1rem
}
.title {
color: #32324d;
font-weight: bolder;
margin-bottom: 8px;
}
.sub-title {
color: #666687;
font-weight: bolder;
}
.text-price {
font-weight: bolder;
color: #32324d;
margin: 8px 0 28px 0;
}
a {
text-decoration: none !important;
}
a:hover {
color: #4945ff;
}
.cloose-btn {
color: #4945ff;
background-color: #ffffff;
border: 1px solid;
padding: 10px 21px;
font-size: 14px;
font-weight: bolder;
border-radius: 4px;
margin: 4px 2px;
}
.trial-btn {
color: red;
background-color: #ffffff;
border: 1px solid;
padding: 10px 21px;
font-size: 14px;
font-weight: bolder;
border-radius: 4px;
margin: 4px 2px;
}
.trial-btn:hover {
color: red;
}
hr {
height: 1px;
margin: 40px 0 !important;
opacity: 0.25 !important;
background-color: #EAEAFE !important;
}
s {
text-decoration: none;
position: relative;
}
s::before {
top: 50%;
background: red;
opacity: 0.7;
content: "";
width: 110%;
position: absolute;
height: 0.1em;
border-radius: 0.1em;
left: -5%;
white-space: nowrap;
display: block;
transform: rotate(-15deg);
}
.action-btn {
display: flex;
justify-content: space-between;
}
function activeType(id) {
if (id == "Monthly") {
document.getElementById('Monthly').classList.add('btn-active');
document.getElementById('Yearly').classList.remove('btn-active');
document.getElementById('price1').style.display = "block";
document.getElementById('price2').style.display = "block";
document.getElementById('price3').style.display = "block";
document.getElementById('trial1').style.display = "block";
document.getElementById('trial2').style.display = "block";
document.getElementById('trial3').style.display = "block";
document.getElementById('discount1').style.display = "none";
document.getElementById('discount2').style.display = "none";
document.getElementById('discount3').style.display = "none";
} else if (id == "Yearly") {
document.getElementById('Monthly').classList.remove('btn-active');
document.getElementById('Yearly').classList.add('btn-active');
document.getElementById('price1').style.display = "none";
document.getElementById('price2').style.display = "none";
document.getElementById('price3').style.display = "none";
document.getElementById('trial1').style.display = "none";
document.getElementById('trial2').style.display = "none";
document.getElementById('trial3').style.display = "none";
document.getElementById('discount1').style.display = "block";
document.getElementById('discount2').style.display = "block";
document.getElementById('discount3').style.display = "block";
}
}
function activeItem(id) {
if (id == "myCloose1") {
var element2 = document.getElementById("myCloose2");
var element3 = document.getElementById("myCloose3");
element2.classList.remove("active");
element3.classList.remove("active");
} else if (id == "myCloose2") {
var element1 = document.getElementById("myCloose1");
var element3 = document.getElementById("myCloose3");
element1.classList.remove("active");
element3.classList.remove("active");
} else if (id == "myCloose3") {
var element1 = document.getElementById("myCloose1");
var element2 = document.getElementById("myCloose2");
element1.classList.remove("active");
element2.classList.remove("active");
}
var element = document.getElementById(id);
element.classList.add("active");
}
แพ็กเกจ
เลือกแพ็คเกจที่เหมาะกับธุรกิจของคุณ ด้วยชุดซอฟต์แวร์สำหรับงานธุรกิจ เพื่อใช้งานอย่างประสบความสำเร็จที่ทรงพลังในระบบเดียว
Private
1 License
฿299.0
(Promotion ends 31.12.23)
฿3,588.00
฿599.00
Business
5 License
฿599.00
(Promotion ends 31.12.23)
฿7,188.00
฿2,999.00
Corporate
20 License
฿899.00
(Promotion ends 31.12.23)
฿10,788.00
฿9,709.00
