.co-showcase-card-tab{position:relative;max-width:1440px;margin:0 auto;box-sizing:border-box;font-size:0;z-index:500}
.co-showcase-card-tab__headline{text-align:center;font-weight:bold;font-family:'SamsungSharpSans',arial,sans-serif;line-height:1.2}
@media only screen and (min-width:1440px){.co-showcase-card-tab__headline{font-size:48px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__headline{font-size:3.33333333vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__headline{font-size:8.88888889vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__headline{padding:40px 260px 0 260px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__headline{padding:2.77777778vw 18.05555556vw 0vw 18.05555556vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__headline{padding:8.88888889vw 6.66666667vw 0vw 6.66666667vw}
}
.co-showcase-card-tab__sub-headline{text-align:center;font-weight:normal;font-family:'SamsungOne',arial,sans-serif;line-height:1.33}
@media only screen and (min-width:1440px){.co-showcase-card-tab__sub-headline{font-size:18px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__sub-headline{font-size:1.25vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__sub-headline{font-size:3.88888889vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__sub-headline{padding:8px 260px 0 260px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__sub-headline{padding:.55555556vw 18.05555556vw 0vw 18.05555556vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__sub-headline{padding:0vw 6.66666667vw 0vw 6.66666667vw}
}
.co-showcase-card-tab__tabs{text-align:center}
@media only screen and (min-width:1440px){.co-showcase-card-tab__tabs{padding:16px 260px 20px 260px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__tabs{padding:1.11111111vw 18.05555556vw 1.38888889vw 18.05555556vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__tabs{padding:2.22222222vw 6.66666667vw 2.22222222vw 6.66666667vw}
}
.co-showcase-card-tab__tab{box-sizing:border-box;font-weight:normal;font-family:'SamsungOne',arial,sans-serif;line-height:1.33;border:1px solid rgba(0,0,0,0.15);transition:all .2s}
@media only screen and (min-width:1440px){.co-showcase-card-tab__tab{font-size:12px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__tab{font-size:.83333333vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__tab{font-size:2.77777778vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__tab{padding:8px 16px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__tab{padding:.55555556vw 1.11111111vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__tab{padding:2.22222222vw 4.44444444vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__tab{margin:0 4px 4px 4px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__tab{margin:0vw .27777778vw .27777778vw .27777778vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__tab{margin:0vw 1.11111111vw 1.11111111vw 1.11111111vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__tab{border-radius:16px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__tab{border-radius:1.11111111vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__tab{border-radius:4.16666667vw}
}
.co-showcase-card-tab__tab:hover,.co-showcase-card-tab__tab:focus{background:rgba(0,0,0,0.05)}
.co-showcase-card-tab__tab:focus{outline:0;box-shadow:0 0 1pt 1pt #005fcc;-webkit-box-shadow:0 0 1pt 1pt #005fcc;-moz-box-shadow:0 0 1pt 1pt #005fcc}
.co-showcase-card-tab__tab--disabled{color:#bbb}
.co-showcase-card-tab__tab--selected{font-weight:bold;border:1px solid #2189ff}
.co-showcase-card-tab__wrap{display:block;width:1440px}
@media only screen and (min-width:1440px){.co-showcase-card-tab__wrap{height:572px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__wrap{height:39.72222222vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__wrap{height:143.33333333vw}
}
.co-showcase-card-tab__container-inner{position:relative;display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;width:100%;height:100%}
@media only screen and (min-width:1440px){.co-showcase-card-tab__container-inner{padding:0 130px 28px 130px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__container-inner{padding:0vw 9.02777778vw 1.94444444vw 9.02777778vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__container-inner{padding:0vw 4.44444444vw 6.66666667vw 4.44444444vw}
}
.co-showcase-card-tab__cta{display:inline-block;box-sizing:border-box;text-align:center;text-decoration:none;text-overflow:ellipsis;overflow:hidden;letter-spacing:0;cursor:pointer;font-family:'SamsungOne',arial,sans-serif;font-weight:bold;transition-property:background-color,border,color;transition-duration:.2s,.2s,.2s}
@media only screen and (min-width:1440px){.co-showcase-card-tab__cta{height:40px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__cta{height:2.77777778vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__cta{height:11.11111111vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__cta{padding:0 50px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__cta{padding:0vw 3.47222222vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__cta{padding:0vw 13.88888889vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__cta{font-size:14px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__cta{font-size:.97222222vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__cta{font-size:3.88888889vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__cta{line-height:38px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__cta{line-height:2.63888889vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__cta{line-height:10.55555556vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__cta{border-radius:20px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__cta{border-radius:1.38888889vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__cta{border-radius:5.55555556vw}
}
.co-showcase-card-tab__card{position:relative;display:flex}
@media only screen and (min-width:1440px){.co-showcase-card-tab__card{padding:12px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__card{padding:.83333333vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__card{padding:2.22222222vw}
}
.co-showcase-card-tab__card img{transition:transform .3s linear;border-radius:20px}
.co-showcase-card-tab__card--hero{width:70%;height:100%}
.co-showcase-card-tab__card--hero img{width:100%;height:100%;border-radius:20px}
.co-showcase-card-tab__card--hero .co-showcase-card-tab__card-headline{font-family:'SamsungSharpSans',arial,sans-serif;line-height:1.33;font-weight:bold}
@media only screen and (min-width:1440px){.co-showcase-card-tab__card--hero .co-showcase-card-tab__card-headline{font-size:24px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__card--hero .co-showcase-card-tab__card-headline{font-size:1.66666667vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__card--hero .co-showcase-card-tab__card-headline{font-size:7.22222222vw}
}
.co-showcase-card-tab__card--hero .co-showcase-card-tab__card-sub-headline{font-family:'SamsungOne',arial,sans-serif;line-height:1.33;font-weight:normal}
@media only screen and (min-width:1440px){.co-showcase-card-tab__card--hero .co-showcase-card-tab__card-sub-headline{margin-top:8px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__card--hero .co-showcase-card-tab__card-sub-headline{margin-top:.55555556vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__card--hero .co-showcase-card-tab__card-sub-headline{margin-top:0vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__card--hero .co-showcase-card-tab__card-sub-headline{font-size:14px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__card--hero .co-showcase-card-tab__card-sub-headline{font-size:.97222222vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__card--hero .co-showcase-card-tab__card-sub-headline{font-size:3.33333333vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__card--hero .co-showcase-card-tab__cta{margin-top:16px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__card--hero .co-showcase-card-tab__cta{margin-top:1.11111111vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__card--hero .co-showcase-card-tab__cta{margin-top:2.22222222vw}
}
.co-showcase-card-tab__card--small{width:30%;height:50%}
.co-showcase-card-tab__card--small img{position:absolute;left:50% !important;border-radius:20px;transform:translateX(-50%);top:24px !important}
@media only screen and (min-width:1440px){.co-showcase-card-tab__card--small img{top:24px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__card--small img{top:1.66666667vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__card--small img{top:4.44444444vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__card--small img{width:128px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__card--small img{width:8.88888889vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__card--small img{width:20vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__card--small img{height:128px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__card--small img{height:8.88888889vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__card--small img{height:20vw}
}
.co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{position:absolute;display:flex;justify-content:center;align-items:center;left:50%;transform:translateX(-50%);font-family:'SamsungOne',arial,sans-serif;line-height:1.33;font-weight:bold;color:#000}
@media only screen and (min-width:1440px){.co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{font-size:18px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{font-size:1.25vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{font-size:3.33333333vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{bottom:24px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{bottom:1.66666667vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{bottom:3.33333333vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{width:274px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{width:19.02777778vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{width:36.66666667vw}
}
@media only screen and (min-width:1440px){.co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{height:40px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{height:2.77777778vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{height:8.88888889vw}
}
.co-showcase-card-tab__card--hero img:hover,.co-showcase-card-tab__card--hero img:focus{transform:scale(1.1)}
.co-showcase-card-tab__card--small img:hover,.co-showcase-card-tab__card--small img:focus{transform:translateX(-50%) scale(1.1)}
.co-showcase-card-tab__card-inner{position:relative;background-color:#f7f7f7;overflow:hidden;text-align:center;width:100%}
@media only screen and (min-width:1440px){.co-showcase-card-tab__card-inner{border-radius:20px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__card-inner{border-radius:1.38888889vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__card-inner{border-radius:5.55555556vw}
}
.co-showcase-card-tab__card-inner figure,.co-showcase-card-tab__card-inner .figure,.co-showcase-card-tab__card-inner .picture{height:100%}
.co-showcase-card-tab__text{position:absolute}
@media only screen and (min-width:1440px){.co-showcase-card-tab__text{width:398px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__text{width:27.63888889vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__text{width:77.77777778vw}
}
.co-showcase-card-tab .co-showcase-card-tab__card--hero .co-showcase-card-tab__card-inner:focus img{transform:scale(1.1)}
.co-showcase-card-tab .co-showcase-card-tab__card--small .co-showcase-card-tab__card-inner:focus img{transform:translateX(-50%) scale(1.1)}
.co-showcase-card-tab .co-showcase-card-tab__card--hero .co-showcase-card-tab__card-inner:focus{outline:0;box-shadow:0 0 1pt 1pt #005fcc;-webkit-box-shadow:0 0 1pt 1pt #005fcc;-moz-box-shadow:0 0 1pt 1pt #005fcc}
.co-showcase-card-tab .co-showcase-card-tab__card--small .co-showcase-card-tab__card-inner:focus{outline:0;box-shadow:0 0 1pt 1pt #005fcc;-webkit-box-shadow:0 0 1pt 1pt #005fcc;-moz-box-shadow:0 0 1pt 1pt #005fcc}
.co-showcase-card-tab__container-top-left .co-showcase-card-tab__card--hero{order:0}
.co-showcase-card-tab__container-top-left .co-showcase-card-tab__card--small{order:1}
.co-showcase-card-tab__container-bottom-right .co-showcase-card-tab__card--hero{order:1}
.co-showcase-card-tab__container-bottom-right .co-showcase-card-tab__card--small{order:0}
.co-showcase-card-tab__text-bottom-center{text-align:center;left:50%;transform:translateX(-50%)}
@media only screen and (min-width:1440px){.co-showcase-card-tab__text-bottom-center{bottom:48px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__text-bottom-center{bottom:3.33333333vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__text-bottom-center{bottom:4.44444444vw}
}
.co-showcase-card-tab__text-top-center{text-align:center;left:50%;transform:translateX(-50%)}
@media only screen and (min-width:1440px){.co-showcase-card-tab__text-top-center{top:48px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__text-top-center{top:3.33333333vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__text-top-center{top:4.44444444vw}
}
.co-showcase-card-tab__text-middle-center{text-align:center;left:50%;top:50%;transform:translate(-50%,-50%)}
.co-showcase-card-tab__text-middle-left{text-align:left;top:50%;transform:translateY(-50%)}
@media only screen and (min-width:1440px){.co-showcase-card-tab__text-middle-left{left:32px}
}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab__text-middle-left{left:2.22222222vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab__text-middle-left{left:4.44444444vw}
}
.co-showcase-card-tab__theme-dark .co-showcase-card-tab__card-headline,.co-showcase-card-tab__theme-dark .co-showcase-card-tab__card-sub-headline{color:#fff;word-wrap:break-word}
.co-showcase-card-tab__theme-dark .co-showcase-card-tab__cta{color:#000;background-color:#fff;border:1px solid #fff}
.co-showcase-card-tab__theme-white .co-showcase-card-tab__card-headline,.co-showcase-card-tab__theme-white .co-showcase-card-tab__card-sub-headline{color:#000;word-wrap:break-word}
.co-showcase-card-tab__theme-white .co-showcase-card-tab__cta{color:#fff;background-color:#000;border:1px solid #000}
.co-showcase-card-tab__theme-dark .co-showcase-card-tab__cta:hover,.co-showcase-card-tab__theme-white .co-showcase-card-tab__cta:hover,.co-showcase-card-tab__theme-dark .co-showcase-card-tab__cta:focus,.co-showcase-card-tab__theme-white .co-showcase-card-tab__cta:focus{background-color:#eee}
@media only screen and (min-width:768px) and (max-width:1440px){.co-showcase-card-tab{width:100%}
.co-showcase-card-tab__wrap{width:100vw}
}
@media only screen and (max-width:767px){.co-showcase-card-tab{position:relative;width:100%}
.co-showcase-card-tab__headline{line-height:1.33;font-size:6.66666667vw}
.co-showcase-card-tab__tab{margin:0vw 2.22222222vw 2.22222222vw 2.22222222vw}
.co-showcase-card-tab__wrap{width:100vw}
.co-showcase-card-tab__container-inner{width:100%;flex-direction:row;justify-content:center}
.co-showcase-card-tab__card--hero{width:100%;height:66.66666667%}
.co-showcase-card-tab__card--small{width:50%;height:33.33333333%}
.co-showcase-card-tab .co-showcase-card-tab__cta{overflow:auto}
}
html[lang^="th"] .co-showcase-card-tab__headline{font-family:'Kittithada','SamsungSharpSans',arial,sans-serif;line-height:.9;font-size:64.8px}
html[lang^="th"] .co-showcase-card-tab__sub-headline{font-family:'Kittithada','SamsungOne',arial,sans-serif;line-height:.9975;font-size:24.3px}
html[lang^="th"] .co-showcase-card-tab__tab{font-family:'Kittithada','SamsungOne',arial,sans-serif;font-size:16.2px}
html[lang^="th"] .co-showcase-card-tab__cta{font-family:'Kittithada','SamsungOne',arial,sans-serif;font-size:18.9px}
html[lang^="th"] .co-showcase-card-tab__card--hero .co-showcase-card-tab__card-headline{font-family:'Kittithada','SamsungSharpSans',arial,sans-serif;line-height:.9975;font-size:32.4px}
html[lang^="th"] .co-showcase-card-tab__card--hero .co-showcase-card-tab__card-sub-headline{font-family:'Kittithada','SamsungOne',arial,sans-serif;line-height:.9975;font-size:18.9px}
html[lang^="th"] .co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{font-family:'Kittithada','SamsungOne',arial,sans-serif;line-height:.9975;font-size:24.3px}
@media only screen and (min-width:768px) and (max-width:1440px){html[lang^="th"] .co-showcase-card-tab__headline{font-size:4.5vw}
html[lang^="th"] .co-showcase-card-tab__sub-headline{font-size:1.6875vw}
html[lang^="th"] .co-showcase-card-tab__tab{font-size:1.125vw}
html[lang^="th"] .co-showcase-card-tab__cta{font-size:1.3125vw}
html[lang^="th"] .co-showcase-card-tab__card--hero .co-showcase-card-tab__card-headline{font-size:2.25vw}
html[lang^="th"] .co-showcase-card-tab__card--hero .co-showcase-card-tab__card-sub-headline{font-size:1.3125vw}
html[lang^="th"] .co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{font-size:1.6875vw}
}
@media only screen and (max-width:767px){html[lang^="th"] .co-showcase-card-tab__headline{font-size:12vw;line-height:.9975}
html[lang^="th"] .co-showcase-card-tab__sub-headline{font-size:5.25vw}
html[lang^="th"] .co-showcase-card-tab__tab{font-size:3.75vw}
html[lang^="th"] .co-showcase-card-tab__cta{font-size:5.25vw}
html[lang^="th"] .co-showcase-card-tab__card--hero .co-showcase-card-tab__card-headline{font-size:9.75vw}
html[lang^="th"] .co-showcase-card-tab__card--hero .co-showcase-card-tab__card-sub-headline{font-size:4.5vw}
html[lang^="th"] .co-showcase-card-tab__card--small .co-showcase-card-tab__card-headline{font-size:4.5vw}
}