.tab.package-all-tab .tab-wrap a {font-size: 1.2rem; font-weight: bold;}
.tab.package-all-tab .tab-wrap a.active, .tab.package-all-tab .tab-wrap a.current {color: #209cff;}
.tab.package-all-tab .tab-wrap .owl-item::after {content:'｜'; display: inline-block;}
.tab.package-all-tab .tab-wrap .owl-item:last-child::after {content:'';}
.package-all-content .section-title-area {padding: 1rem 0 0 0!important; width: 100%; text-align: center;}
.package-all-content .mySwiper-mobile-service .mobile-category {margin-top: .4rem; margin-bottom: 1.2rem;}
.package-all-content .mySwiper-mobile-service .mobile-tab-title {align-items: center; justify-content: center;}
.package-all-content .mySwiper-mobile-service .mobile-tab-title li {background: #efefef; width: 20%; text-align: center; border: 4px solid #efefef; border-left: 0; border-right: 0; border-radius: 0;}
.package-all-content .mySwiper-mobile-service .mobile-tab-title li a {font-size: .8rem; color: #666; margin: 0; padding: .3rem 1.4rem; border-radius: 10px; /* border-bottom: 2px solid #d9d9d9; */  display: block;}
.package-all-content .mySwiper-mobile-service .mobile-tab-title li:first-child {border-left: 4px solid #efefef; border-radius: 10px 0 0 10px;}
.package-all-content .mySwiper-mobile-service .mobile-tab-title li:last-child {border-right: 4px solid #efefef; border-radius: 0 10px 10px 0;}
.package-all-content .mySwiper-mobile-service .mobile-tab-title li.active a, .package-all-content .mySwiper-mobile-service .mobile-tab-title li:hover a {color: #209cff; background-color: #fff; /* border-bottom: 4px solid #209cff; */}
.package-all-content .compare-table {padding: 0;}

.identity-btn-group {margin: 1.6rem 0 .6rem 0; text-align: center;}
.identity-btn-group .button {margin: 0; padding: .4rem .6rem; min-width: auto; cursor: pointer; box-shadow: none; border-radius: 6px; transition: all .4s;}
.identity-btn-group .button.active {color: #209cff; border: 1px solid #209cff;}
.identity-btn-group .button:hover {color: #209cff; border: 1px solid #209cff; transition: all .4s; transform: scale(1);}
.identity-btn-group .button:active {transform: scale(1);}
.phone-table-content.hide {display: none;}
.phone-table-content.show {animation: fadeIn 1s ease forwards; display: block;}
@keyframes fadeIn{ 
    0% {opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}
    100% {opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}
}

.compare-table {padding-bottom: 2.6rem;}
.compare-table h2 {font-size: 1.6rem; font-weight: bold; margin-bottom: .6rem; text-align: left;}
.phone-table-content {display: none;}
.phone-table-content.show {animation: fadeIn 1s ease forwards; display: block;}
@keyframes fadeIn{
    0% {opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}
    100% {opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}
}
.css-table-block {display: flex; flex-wrap: nowrap;}
.css-table-head {display: flex; flex-wrap: nowrap; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.css-table-body {flex-flow: row nowrap; display: flex; width: 10%; /*min-width: 24em;*/ margin: auto; /*border:2px solid gray;*/ /*font-size: 90%;*/ flex-grow: 1;}
.css-table-col {display: flex; flex-flow: column nowrap; justify-content: left; align-items: normal; flex-shrink: 0; width: 250px;}
.css-table-col .table-mh-apply {padding: .8rem 0;}

@media screen and (max-width: 767px) {
    .css-table-col {width: auto;}
}
.css-table-body .css-table-col {width: 100%; border-top: 1px solid #ccc;}
.css-table-col:not(:first-child) {border-left:1px solid #fff; }
.css-table-col.selected {outline: 3px solid #ff874d; outline-offset: -3px;}
.css-table-th, .css-table-td {display: flex; flex-direction: column; justify-content: center; align-items: center; color: #333; font-size: .8rem; font-weight: bold; height: 3.6rem; padding: 0 6px; border: 0; text-align: center;}
.css-table-th {background: #e5e5e5; color: #333;}
.css-table-th,
.css-table-td {
    border-bottom: 1px solid rgb(102 102 102 / 50%);
    border-right: 1px solid rgb(102 102 102 / 50%);
    padding: 0.4rem 1rem;
    min-height: 3.6rem;
}
.css-table-th.eshop-gift {background-color: #FBE6DD;}
.css-table-td.eshop-gift {background-color: #FFF3ED;}
.css-table-body .btn-apply {margin: 0.6rem 0; box-shadow: none; padding: .4rem 1.6rem; cursor: pointer;}

.compare-table .package-all-select-period {color: #209cff; border: 0; font-weight: bold;}
.compare-table .owl-theme .owl-nav .nav-circle-right, .compare-table .owl-theme .owl-nav .nav-circle-left {top: calc(50% - 12px);}

.card-content-info {position: relative; width: 16px; height: 16px; margin-left: 4px; vertical-align: middle; display: inline-block;}
.card-content-lightbox {position: absolute; bottom: 0; left: -160px; display: none;}
.card-content-info:hover .card-content-lightbox, .card-content-lightbox:hover {display: block;}
.card-content-lightbox .card {font-size: 0.65rem; padding: .5rem; margin-bottom: 25px; width: 200px; border: 0; line-height: 1.6;}
.card-content-lightbox .card ul {list-style: none; margin: 0; max-height: 108px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #cecece #f5f5f5; scrollbar-gutter: auto;}