/* ------------------ */
.breadcrumb.catpos{font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;background-color:transparent;border-bottom: 1px solid #ccc;padding: 10px 0;font-size: var(--font-size-13);margin:78px 0 40px;border-radius: 0;}
.breadcrumb.catpos li a{color:#51516C;}
.breadcrumb.catpos li:last-child a{font-family: 'PlusJakartaSans-Regular', sans-serif;font-weight:400;}
.left-block{position: relative;z-index: 10;}
.left-block .panel-group{color: #51516C;position: relative;}
.left-block .panel-group ul.left-pills>li{padding: 4px 10px;border-left: 1px solid #ccc;position: relative;cursor: pointer;}
.left-block .panel-group ul.left-pills>li.active{font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;}
.left-block .panel-group ul.left-pills>li.active::before{content: '';height: 20px;width: 1px;background: #333;position: absolute;left: -1px;top: 50%;transform: translateY(-50%);}
.left-block .panel-group ul.left-pills>li span,.left-block .panel-group ul.left-pills>li a{display: inline-block;}
.left-block .panel-group ul.left-pills>li ul{margin-left: 15px;margin-top: 2px;line-height: 1.7;}
.left-block .panel-group ul.left-pills>li ul li{list-style: disc;}
.left-block .panel-group .item-default{background-color: var(--body-bg);}
.left-block .panel-group .item-default .item-heading{background: var(--green);display: flex;align-items: center;justify-content: space-between;padding: 5px 15px;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.left-block .panel-group .item-default .item-heading h4{color: var(--body-bg);display: flex;align-items: center;}
.left-block .panel-group .item-default .item-heading h4 i{background: url(https://cdn.biocytogen.com/web/frontend/Public/Images/24company10-26-3.png) no-repeat center center;background-size: cover;display: inline-block;height: 16px;width: 16px;margin-left: 5px;}
.left-block .panel-group .item-default .item-heading a{color: var(--body-bg);font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: var(--font-size-13);}
.left-block .panel-group .item-default .item-body{border: 1px solid var(--border-default);padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.left-block .panel-group .item-default .item-body ul li{margin-bottom: 20px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;font-size: var(--font-size-15);}
.left-block .panel-group .item-default .item-body ul li span{font-family: 'PlusJakartaSans-Regular', sans-serif;font-weight: 400;font-size: var(--font-size-14);display: inline-block;margin-bottom: 3px;color: #59657C;}
.left-block .panel-group .item-default .item-body ul li a{font-size: var(--font-size-15);}
.left-block .panel-group .item-default .item-body ul li a.linkTo {display: grid;grid-template-columns: 12fr 1fr;column-gap: 10px;align-items: end;}
.left-block .panel-group .item-default .item-body ul li a.linkTo i {background: url(https://cdn.biocytogen.com/web/frontend/Public/Images/24aboutus10-26-3.png) no-repeat center center;background-size: cover;height: 16px;width: 16px;display: inline-block;}
.left-block .panel-group .item-default .item-body ul li a.linkTo b{font-weight: 400!important;}
.left-block .panel-group .item-default .item-body ul li a.linkTo b strong{font-weight: 400!important;}
.theme-group{position: relative;}
.theme-group .theme-up,.theme-group .theme-down{padding-right: 50px;}
.theme-group .theme-up h4,.theme-group .theme-up h1,.theme-group .theme-part h1{line-height: 1.5;margin: 0;}
.theme-group .theme-up ul.numCount {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);gap: 20px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 16px 0;}
.theme-group .theme-up ul.numCount li .numU .numCX {margin: 0;color: #51516C;}
.theme-group .theme-up ul.numCount li .indc {font-size: var(--font-size-12);}
.theme-group .theme-up ul.numCount li .numU .unitC {font-family: 'Kanit-Light', sans-serif;font-size: var(--font-size-24);font-weight: 300;}
.theme-group .theme-up ul.numCount li .numU .unitD{font-size: var(--font-size-16);font-family: 'Kanit-Medium', sans-serif;font-weight: 500;margin-left: 4px;}
.theme-group .theme-part{margin: 125px 0;}
.theme-group .banner-part{position: absolute;top: 0;right: 0;width: 50%;height: 100%;padding-left: 48px;}
.theme-group .banner-part .areaItem{position: relative;height: 100%;}
.theme-group .banner-part .banner-text{background-color: #fff;padding: 40px 30px 30px;position: absolute;bottom: 0;right: 0;width: 80%;}
.theme-group .banner-part .banner-text p>span.icon-quote-left {display: block;margin-bottom: 10px;}
.theme-group .banner-part .banner-text .autor-part{display: flex;align-items: center;}
.theme-group .banner-part .banner-text .autor-part .head{width: 75px;}
.theme-group .banner-part .banner-text .autor-part .title{width: 100%;}
.theme-group .banner-part .banner-text .autor-part .head,.theme-group .banner-part .banner-text .autor-part .title{float: left;margin-right: 10px;}
.theme-group .banner-part .banner-text .autor-part .title h6{margin:0 0 4px;}
.theme-group .banner-part .banner-text .autor-part .title p{margin: 0;}
.theme-group .theme-down{margin-top: 88px;}
.theme-group .theme-down ul {border-top: 1px solid #999;}
.theme-group .theme-down ul li {border-bottom: 1px solid #999;padding: 4px 0;}
.theme-group .theme-down ul li a{padding: 10px 0;display: flex;align-items: center;justify-content: space-between;}
.theme-group .theme-down ul li a i{background: url(https://cdn.biocytogen.com/web/frontend/Public/Images/24aboutus10-26-3.png) no-repeat center center;background-size: cover;height: 18px;width: 18px;display: inline-block;}
.content-box>div{margin-bottom: 50px;}
.content-box .loading-text{text-align: center;font-size: var(--font-size-18);padding: 35px 0;}
.content-box .error-text{font-size: var(--font-size-18);padding: 35px 0;}
.content-box .empty-text{height: 100px;font-size: var(--font-size-18);display: flex;flex-direction: column;align-items: center;justify-content: center;color: #ccc;}
#maskLayer2 {position: absolute;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.85);z-index: 100;}
#loading2 {position: absolute;left: 50%;transform: translateX(-50%);font-size: 20px;color: var(--body-light);z-index: 1000;padding: 70px 20px 20px;}

/*-------investor-relations-------*/
.investor-relations-part h5{margin-top: 0;line-height: 1.5;}
.investor-relations-part h5.felxbetween{display: flex;align-items: end;justify-content: space-between;}
.investor-relations-part .theme-group{padding-top:50px;}
.investor-relations-part .theme-group .theme-title{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-12);}
.investor-relations-part .theme-group .theme-title h1{line-height:1.5;margin:0;}
.investor-relations-part .theme-group .theme-title div.toptext{width: 48%;}
.investor-relations-part .theme-group .theme-banner img{width: 100%;}
.investor-relations-part .content-box .asset-quantity-part ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;text-align: center;padding-bottom: 5px;}
.investor-relations-part .content-box .asset-quantity-part ul .numCX{margin: 0;}
.investor-relations-part .content-box .asset-quantity-part ul .numCX a{background: linear-gradient( 90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0;}
.investor-relations-part .content-box .asset-quantity-part ul .unitC {font-family: 'Kanit-Light', sans-serif;font-size: var(--font-size-32);color: rgba(35, 35, 47, 0.3);font-weight: 400;}
.investor-relations-part .content-box .basetel {position: relative;}
.investor-relations-part .content-box .base_telst {display: grid;grid-template-columns: 50% 50%;background: #C5C5D333;height: 55px;align-items: center;border-radius: 50px;font-size: var(--font-size-14);font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;}
.investor-relations-part .content-box .base_telst li {text-align: center;cursor: pointer;position: relative;z-index: 10;}
.investor-relations-part .content-box .base_telst li.baseon a{background: linear-gradient( 90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;}
.investor-relations-part .content-box .basetel .sliderPart {position: absolute;top: 0;left:0;width: 50%;overflow: hidden;height: 55px;padding: 7px;}
.investor-relations-part .content-box .basetel .sliderPart span{border: 1px solid #fff;border-radius: 50px;height: 100%;display: block;background-color: #fff;}
.investor-relations-part .content-box .base_lst {display: none;padding: 24px 0 0;}
.investor-relations-part .content-box .base_lst .groupImgbox{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 20px;}
.investor-relations-part .content-box .list-group{margin-bottom: 0;}
.investor-relations-part .content-box .list-group a.datasheet-box{color:#23232F;font-size: var(--font-size-12);border: 1px solid rgba(35, 35, 47, 0.15);border-radius: 10px;padding: 15px;display: grid;grid-template-columns: 1fr 18fr;grid-gap: 15px;background-color: #fff;}
.investor-relations-part .content-box .list-group a.datasheet-box .item-group p{font-family: 'Kanit-Regular';font-size: var(--font-size-18);margin: 8px 0;}
.investor-relations-part .content-box .list-group a.datasheet-box img{max-height: 45px;}
.investor-relations-part .content-box .list-group a.datasheet-box .item-group{display: flex;align-items: center;justify-content: space-between;}
.investor-relations-part .content-box .list-group a.datasheet-box .item-group i{color: #fff;font-size: 18px;}
.investor-relations-part .content-box .list-group a.datasheet-box:hover{box-shadow: 0px 0px 80px 0px rgba(90, 96, 125, 0.15);border-color: #fff;}
.investor-relations-part .content-box .list-group a.datasheet-box:hover p{background: linear-gradient(90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.investor-relations-part .content-box .list-group a.datasheet-box:hover .item-group i{color: #999;}
.investor-relations-part .content-box .group-card{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 15px 30px;}
.investor-relations-part .content-box .group-card .item{display: flex;flex-direction: column;justify-content: space-between;border: 1px solid rgba(35, 35, 47, 0.15);border-radius: 10px;padding: 45px 24px 24px;}
.investor-relations-part .content-box .group-card .item .icon{text-align: right;}
.investor-relations-part .content-box .group-card .item:hover{box-shadow: 0px 0px 80px 0px rgba(90, 96, 125, 0.15);border-color: #fff;}
.investor-relations-part .content-box .group-card .item .icon span {display: inline-block;background-repeat: no-repeat;background-position: center;background-size: contain;}
.investor-relations-part .content-box .group-card .item .icon-team {width: 128px;height: 94px;background-image: url("https://cdn.biocytogen.com/web/frontend/Public/Images/20260703investor-relations-04.png");}
.investor-relations-part .content-box .group-card .item:hover .icon-team {background-image: url("https://cdn.biocytogen.com/web/frontend/Public/Images/20260703investor-relations-05.png");}
.investor-relations-part .content-box .group-card .item .icon-governance {width: 94px;height: 94px;background-image: url("https://cdn.biocytogen.com/web/frontend/Public/Images/20260703investor-relations-06.png");}
.investor-relations-part .content-box .group-card .item:hover .icon-governance {background-image: url("https://cdn.biocytogen.com/web/frontend/Public/Images/20260703investor-relations-07.png");}
.investor-relations-part .content-box .group-card a.empty{background-color: #ffffff;color: var(--green-darker);display: inline-block;border: 1px solid var(--green-darker);text-align: center;border-radius: 20px;padding: 4px 20px;font-size: var(--font-size-13);font-family: 'PlusJakartaSans-Medium',sans-serif;font-weight: 500;}
.investor-relations-part .content-box .group-card .item:hover a.empty {background-color: var(--green-darker);color: #fff !important;border: 1px solid var(--green-darker);}

.investor-relations-part .content-box .list-card{position: relative;margin-bottom: 0;min-height: 135px;}
.investor-relations-part .content-box .list-card a.datasheet-box{color:#23232F;font-size: var(--font-size-12);border: 1px solid #23232F26;border-radius: 10px;padding: 15px;display: grid;grid-template-columns: 1fr 18fr;grid-gap: 15px;background-color: #fff;}
.investor-relations-part .content-box .list-card a.datasheet-box .item-group p{font-family: 'Kanit-Regular';font-size: var(--font-size-18);margin: 0 0 8px;}
.investor-relations-part .content-box .list-card a.datasheet-box img{max-height: 45px;}
.investor-relations-part .content-box .list-card a.datasheet-box .item-group{display: flex;align-items: center;justify-content: space-between;}
.investor-relations-part .content-box .list-card a.datasheet-box .item-group i{color: #fff;font-size: 18px;}
.investor-relations-part .content-box .list-card a.datasheet-box:hover{box-shadow: 0px 0px 80px 0px #5a607d26;border-color: #fff;}
.investor-relations-part .content-box .list-card a.datasheet-box:hover p{background: linear-gradient(90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.investor-relations-part .content-box .list-card a.datasheet-box:hover .item-group i{color: #999;}
.investor-relations-part .content-box .calendar-card{background: url("https://cdn.biocytogen.com/web/frontend/Public/Images/20260703investor-relations-09.png")no-repeat center right;background-size: contain;background-color: #FFFAF7;border-radius: 15px;}
.investor-relations-part .content-box .calendar-card .calendar-item{padding: 50px 35px;width: 60%;}
.investor-relations-part .content-box .calendar-card .calendar-item-time{font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;color: var(--body-reg);font-size: var(--font-size-14);}
.investor-relations-part .content-box .reports-list{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px 24px;padding: 0 32px;}
.investor-relations-part .content-box .reports-list .item{position: relative;text-align: center;max-width: 320px; margin: 0 auto;}
.investor-relations-part .content-box .reports-list .item .img{ max-width:320px; width:100%; border-radius: 10px; overflow: hidden;}
.investor-relations-part .content-box .reports-list .item .name{color: #51516C;line-height: 1.5;padding: 12px 5px 8px;}
.investor-relations-part .content-box .reports-list .item .btn-group{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 5px;}
.investor-relations-part .content-box .reports-list .item .btn-group a{display: inline-block;border-radius: 35px;text-align: center;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;padding: 5px;font-size: var(--font-size-13);}
.investor-relations-part .content-box .reports-list .item .btn-group a.bg-white {background-color: #fff!important;border: 1px solid #007A72!important;color: #007A72!important;}
.investor-relations-part .content-box .reports-list .item .btn-group {visibility: hidden;opacity: 0;transform: translateY(8px);transition: all 0.25s ease-out;margin-top: 10px;}
.investor-relations-part .content-box .reports-list .item:hover .btn-group {visibility: visible;opacity: 1;transform: translateY(0);}


.investor-relations-part .stock-card-wrap {background: #fff;border-radius: 16px;box-shadow: 0 0 18px #5A607D1A;width: 100%;box-sizing: border-box;}
.investor-relations-part .stock-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;padding: 24px 24px 0;}
.investor-relations-part .stock-title h2 {font-family: 'Kanit-Medium', sans-serif;font-weight: 500;font-size: var(--font-size-24);color: #23232F;margin: 0 0 6px 0;}
.investor-relations-part .stock-title div {font-size: var(--font-size-13);color: #51516C;}
.investor-relations-part .stock-price-box {text-align: right;}
.investor-relations-part .stock-price-box > div {font-family: 'Kanit-Medium', sans-serif;font-weight: 500;font-size: var(--font-size-24);color: #23232F;}
.investor-relations-part .stock-up {color: #099642;}
.investor-relations-part .stock-down {color: #f53f3f;}
.investor-relations-part .stock-price-box > div span{margin-left: 10px;}
.investor-relations-part .chart-container {width: 100%;height: 360px;position: relative;padding: 20px 24px;}
.investor-relations-part .stock-tooltip {position: absolute;background: #23232F;color: #fff;padding: 15px 20px 10px;border-radius: 10px;min-width: 185px;display: none;z-index: 99;font-size: 13px;pointer-events: none;}
.investor-relations-part .stock-tooltip .date-title {margin-bottom: 10px;font-family: 'Kanit-Light', sans-serif;font-weight: 300;font-size: 14px;color: #0AFFEF;border-bottom: 1px solid #C5C5D3;padding-bottom: 7px;}
.investor-relations-part .stock-tooltip .item {display: flex;justify-content: space-between;margin: 6px 0;color: #C5C5D3;font-size: 13px;}
.investor-relations-part .stock-tooltip .item.quantity{border-top: 1px solid #C5C5D3;padding-top: 7px;margin-top: 12px;}
.investor-relations-part .stock-tooltip .item span:nth-child(2){color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;}
.investor-relations-part .bottom-desc {font-size: var(--font-size-13);color: #51516C;display: flex;gap: 10px 50px;border-top: 1px solid #ccc;padding: 15px 24px 24px;}
@media screen and (max-width:1199px){
    .investor-relations-part .content-box .base_telst,
    .investor-relations-part .content-box .basetel .sliderPart{height: 48px;}
}
@media screen and (max-width:991px){
  .investor-relations-part .content-box .reports-list{grid-template-columns: repeat(2, 1fr);padding: 0 16px;}
  .investor-relations-part .content-box .group-card{grid-template-columns: minmax(0, 1fr);}
  .investor-relations-part .chart-container {height: 300px;}
}
@media screen and (max-width:767px){
  .investor-relations-part .theme-group .theme-title{display: block;}
  .investor-relations-part .theme-group .theme-title h1{margin-bottom: 20px;}
  .investor-relations-part .theme-group .theme-title div.toptext{width: 100%;}
  .investor-relations-part .content-box .asset-quantity-part ul {grid-template-columns: repeat(2, 1fr);}
  .investor-relations-part .content-box .base_telst {grid-template-columns: 100%;height: auto;border-radius: 12px;padding: 8px 0;gap:8px 0;}
  .investor-relations-part .content-box .basetel .sliderPart {display: none;}
  .investor-relations-part .content-box .base_lst .groupImgbox{grid-template-columns: minmax(0, 1fr);}
  .investor-relations-part .content-box .reports-list{grid-template-columns: 1fr;padding: 0;}
  .investor-relations-part .content-box .list-card a.datasheet-box,
  .investor-relations-part .content-box .list-group a.datasheet-box{grid-template-columns: 1fr;}
  .investor-relations-part .content-box .calendar-card{border-radius: 10px;}
  .investor-relations-part .content-box .calendar-card .calendar-item{width: 100%;padding: 30px 20px;}
  .investor-relations-part .chart-container {height: 260px;padding: 15px;}
  .investor-relations-part .stock-header{padding: 16px 16px 0;flex-direction: column;align-items: flex-start;gap:12px;}
  .investor-relations-part .stock-price-box{text-align: left;}
  .investor-relations-part .bottom-desc{padding: 12px 16px 16px;flex-direction: column;gap:8px;}
  .investor-relations-part .stock-card-wrap{border-radius: 10px;}
}

/*-------announcements-and-notices-------*/
.announcements-and-notices-part h5{margin-top: 0;line-height: 1.5;}
.announcements-and-notices-part h5.felxbetween{display: flex;align-items: end;justify-content: space-between;}
.announcements-and-notices-part .theme-group .banner-part .areaItem{background: url(https://cdn.biocytogen.com/web/frontend/Public/Images/20260807investor-relations-3.png) no-repeat top center;background-size: cover;}
.announcements-and-notices-part .content-box .basetel {position: relative;}
.announcements-and-notices-part .content-box .base_telst {display: grid;grid-template-columns: 50% 50%;background: #C5C5D333;height: 55px;align-items: center;border-radius: 50px;font-size: var(--font-size-14);font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;}
.announcements-and-notices-part .content-box .base_telst li {text-align: center;cursor: pointer;position: relative;z-index: 10;}
.announcements-and-notices-part .content-box .base_telst li.baseon a{background: linear-gradient( 90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;}
.announcements-and-notices-part .content-box .basetel .sliderPart {position: absolute;top: 0;left:0;width: 50%;overflow: hidden;height: 55px;padding: 7px;}
.announcements-and-notices-part .content-box .basetel .sliderPart span{border: 1px solid #fff;border-radius: 50px;height: 100%;display: block;background-color: #fff;}
.announcements-and-notices-part .content-box .base_lst {display: none;padding: 24px 0 0;}

.announcements-and-notices-part .content-box .base_con{position: relative;}
.announcements-and-notices-part .content-box .notices{margin-bottom: 0;}
.announcements-and-notices-part .content-box .notices a.datasheet-box{color:#23232F;font-size: var(--font-size-12);border: 1px solid #23232F26;border-radius: 10px;padding: 15px;display: grid;grid-template-columns: 1fr 18fr;grid-gap: 15px;background-color: #fff;}
.announcements-and-notices-part .content-box .notices a.datasheet-box .item-group p{font-family: 'Kanit-Regular';font-size: var(--font-size-18);margin: 0 0 8px;}
.announcements-and-notices-part .content-box .notices a.datasheet-box img{max-height: 45px;}
.announcements-and-notices-part .content-box .notices a.datasheet-box .item-group{display: flex;align-items: center;justify-content: space-between;}
.announcements-and-notices-part .content-box .notices a.datasheet-box .item-group i{color: #fff;font-size: 18px;}
.announcements-and-notices-part .content-box .notices a.datasheet-box:hover{box-shadow: 0px 0px 80px 0px #5a607d26;border-color: #fff;}
.announcements-and-notices-part .content-box .notices a.datasheet-box:hover p{background: linear-gradient(90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.announcements-and-notices-part .content-box .notices a.datasheet-box:hover .item-group i{color: #999;}
.announcements-and-notices-part .content-box .select-group{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 15px;margin: 32px 0 0;}
.announcements-and-notices-part .content-box .select-group .search-wrap{    display: flex;align-items: center;border: 1px solid #23232F26;border-radius: 30px;padding: 3px 15px;padding-right: 5px;}
.announcements-and-notices-part .content-box .select-group .keyword-input{border: none;box-shadow: none;height: 30px;flex: 1;}
.announcements-and-notices-part .content-box .select-group .search-icon{color: #007A72;width: 30px;height: 30px;line-height: 30px;text-align: center;cursor: pointer;}
.announcements-and-notices-part .content-box .select-group .select-mod a.dropdown-toggle{border: 1px solid #23232F26;padding: 8px 15px 8px 20px;display: flex;align-items: center;justify-content: space-between;border-radius: 30px;}
.announcements-and-notices-part .content-box .select-group .select-mod a.dropdown-toggle .type-box {display: flex;align-items: center;}
.announcements-and-notices-part .content-box .select-group .select-mod a.dropdown-toggle .type-box span{max-width: 85px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-right: 5px;}
.announcements-and-notices-part .content-box .select-group .select-mod .dropdown-menu{width: 100%;}
.announcements-and-notices-part .content-box .test_report-list{position: relative;}
.announcements-and-notices-part .content-box #dataBox{position: relative;}
.announcements-and-notices-part .content-box #dataBox .datepicker-dropdown{top: 0!important;left: 0!important;}
.announcements-and-notices-part .content-box #dataBox .datepicker-dropdown table.table-condensed{width: 100%;}

.announcements-and-notices-part .time-trigger{display: flex;align-items: center;gap: 5px;background: #fff;cursor: pointer;width: 100%;}
.announcements-and-notices-part .time-trigger .label {max-width: 85px;flex-shrink: 0;}
.announcements-and-notices-part .time-trigger .value {padding-left: 8px;flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: right;}
.announcements-and-notices-part .time-trigger .calendar-icon {flex-shrink: 0;}
.announcements-and-notices-part .time-trigger .icon-calendar{color: #007A72;}
.announcements-and-notices-part .date-popup {position: absolute;right: 0;z-index: 9;width: 615px;background: #fff;border-radius: 10px;box-shadow: 0 4px 16px rgba(0,0,0,0.12);padding: 20px;display: none;}
.announcements-and-notices-part .date-header {display: flex;justify-content: space-between;margin-bottom: 16px;}
.announcements-and-notices-part .date-col {width: 48%;}
.announcements-and-notices-part .year-month-select {display: flex;gap: 8px;margin-bottom: 12px;align-items: center;}
.announcements-and-notices-part .year-month-select select {border: none;font-size: 15px;color: #333;}
.announcements-and-notices-part .calendar-week {display: grid;grid-template-columns: repeat(7, 1fr);text-align: center;font-size: 13px;color: #666;margin-bottom: 6px;}
.announcements-and-notices-part .calendar-days {display: grid;grid-template-columns: repeat(7, 1fr);gap: 4px;}
.announcements-and-notices-part .day-item {height: 36px;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;font-size: 14px;}
.announcements-and-notices-part .day-item.active {background: #008870;color: #fff;}
.announcements-and-notices-part .day-item:hover:not(.active) {background: #eee;}
.announcements-and-notices-part .date-footer {margin-top: 16px;display: flex;align-items: center;justify-content: space-between;font-size: 13px;}
.announcements-and-notices-part .btn-confirm {background: #008870;color: white;border: none;padding: 5px 24px;border-radius: 8px;cursor: pointer;}
.announcements-and-notices-part .quick-buttons {display: flex;gap: 10px;}
.announcements-and-notices-part .quick-btn {border: 1px solid #008870;color: #008870;background: transparent;padding: 3px 16px;border-radius: 8px;cursor: pointer;}
.announcements-and-notices-part .search-clear {width: 16px;height: 30px;line-height: 30px;text-align: center;cursor: pointer;color: #999;display: none;}
.announcements-and-notices-part .search-clear:hover{color: #333;}
.announcements-and-notices-part .search-wrap.has-value .search-clear {display: inline-block;}

@media screen and (max-width:1199px){
    .announcements-and-notices-part .content-box .base_telst,
    .announcements-and-notices-part .content-box .basetel .sliderPart{height: 48px;}
}
@media screen and (max-width:991px){
    .announcements-and-notices-part .date-popup {width: 520px;}
    .announcements-and-notices-part .date-col {width: 100%;}
    .announcements-and-notices-part .date-header {gap:12px;}
    .announcements-and-notices-part .btn-confirm{padding: 5px 10px;border-radius: 5px;}
    .announcements-and-notices-part .quick-btn{padding: 3px 10px;border-radius: 5px;}
    .announcements-and-notices-part .day-item {height: 29px;}
}
@media screen and (max-width:767px){
    .announcements-and-notices-part .content-box .select-group{grid-template-columns: 1fr;gap:12px;}
    .announcements-and-notices-part .date-header {flex-direction: column;}
    .announcements-and-notices-part .calendar-week, .announcements-and-notices-part .calendar-days {gap:2px;}
    .announcements-and-notices-part .btn-confirm{padding: 5px;}
    .announcements-and-notices-part .quick-btn{padding: 3px 5px;}
    .announcements-and-notices-part .day-item {height: 39px;font-size:12px;}
    .announcements-and-notices-part .content-box .notices a.datasheet-box{grid-template-columns: 1fr;}
    .announcements-and-notices-part .quick-buttons {flex-wrap: wrap;}
    .announcements-and-notices-part .content-box .basetel .sliderPart {display: none;}
    .announcements-and-notices-part .date-popup {width: 320px;left: 0 !important;right: auto;padding:16px;}

}

/*-------corporate-governance-------*/
.corporate-governance-part h5{margin-top: 0;line-height: 1.5;}
.corporate-governance-part h5.felxbetween{display: flex;align-items: end;justify-content: space-between;}
.corporate-governance-part .theme-group .banner-part .areaItem{background: url(https://cdn.biocytogen.com/web/frontend/Public/Images/20260807investor-relations-4.png) no-repeat top center;background-size: cover;}
.corporate-governance-part .content-box .list-card{position: relative;}
.corporate-governance-part .content-box #governanceDocWrap{margin-bottom: 0;}
.corporate-governance-part .content-box #governanceDocWrap a.datasheet-box{color:#23232F;font-size: var(--font-size-12);border: 1px solid #23232F26;border-radius: 10px;padding: 15px;display: grid;grid-template-columns: 1fr 18fr;grid-gap: 15px;background-color: #fff;}
.corporate-governance-part .content-box #governanceDocWrap a.datasheet-box .item-group p{font-family: 'Kanit-Regular';font-size: var(--font-size-18);margin: 0 0 8px;}
.corporate-governance-part .content-box #governanceDocWrap a.datasheet-box img{max-height: 45px;}
.corporate-governance-part .content-box #governanceDocWrap a.datasheet-box .item-group{display: flex;align-items: center;justify-content: space-between;}
.corporate-governance-part .content-box #governanceDocWrap a.datasheet-box .item-group i{color: #fff;font-size: 18px;}
.corporate-governance-part .content-box #governanceDocWrap a.datasheet-box:hover{box-shadow: 0px 0px 80px 0px #5a607d26;border-color: #fff;}
.corporate-governance-part .content-box #governanceDocWrap a.datasheet-box:hover p{background: linear-gradient(90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.corporate-governance-part .content-box #governanceDocWrap a.datasheet-box:hover .item-group i{color: #999;}
.corporate-governance-part .content-box .select-group{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 15px;margin-bottom: 25px;}
.corporate-governance-part .content-box .select-group .select-mod a.dropdown-toggle{border: 1px solid #23232F26;padding: 8px 15px 8px 20px;display: flex;align-items: center;justify-content: space-between;border-radius: 30px;}
.corporate-governance-part .content-box .select-group .select-mod a.dropdown-toggle .type-box {display: flex;align-items: center;}
.corporate-governance-part .content-box .select-group .select-mod a.dropdown-toggle .type-box span{max-width: 85px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-right: 5px;}
.corporate-governance-part .content-box .select-group .select-mod .dropdown-menu{width: 100%;}
.corporate-governance-part .content-box .test_report-list{position: relative;}
.corporate-governance-part .content-box #dataBox{position: relative;}
.corporate-governance-part .content-box #dataBox .datepicker-dropdown{top: 0!important;left: 0!important;}
.corporate-governance-part .content-box #dataBox .datepicker-dropdown table.table-condensed{width: 100%;}

.corporate-governance-part .content-box .board-grid,
.corporate-governance-part .content-box .committees-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;line-height: 1.3;}
.corporate-governance-part .content-box .corporatebox{background: #fff;padding: 24px;border-radius: 10px;min-height: 150px;}
.corporate-governance-part .content-box .corporatebox .title{font-family: 'Kanit-Light', sans-serif;font-weight: 300;color: var(--title-dark);font-size: var(--font-size-18);display: flex;align-items: center;gap: 16px;margin-bottom: 16px;}
.corporate-governance-part .content-box .corporatebox .title .dot-mark{height: 8px;width: 8px;display: inline-block;}
.corporate-governance-part .content-box .corporatebox .title span:last-child{flex: 1;}
.corporate-governance-part .content-box .corporatebox ul.corporate-ul{margin-left: 20px;}
.corporate-governance-part .content-box .corporatebox ul.corporate-ul li{list-style: disc;margin-bottom: 7px;}
.corporate-governance-part .content-box .corporatebox:nth-child(odd){background: linear-gradient(to bottom, #f4f5ff, #fff);}
.corporate-governance-part .content-box .corporatebox:nth-child(even){background: linear-gradient(to bottom, #F4FFFB, #fff);}
.corporate-governance-part .content-box .corporatebox:nth-child(odd) .title .dot-mark{background-color: #6B76EA;}
.corporate-governance-part .content-box .corporatebox:nth-child(even) .title .dot-mark{background-color: #1CCBA8;}

.corporate-governance-part .time-trigger{display: flex;align-items: center;gap: 5px;background: #fff;cursor: pointer;width: 100%;}
.corporate-governance-part .time-trigger .label {max-width: 85px;flex-shrink: 0;}
.corporate-governance-part .time-trigger .value {padding-left: 8px;flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: right;}
.corporate-governance-part .time-trigger .calendar-icon {flex-shrink: 0;}
.corporate-governance-part .date-popup {position: absolute;z-index: 9;width: 615px;background: #fff;border-radius: 10px;box-shadow: 0 4px 16px rgba(0,0,0,0.12);padding: 20px;display: none;}
.corporate-governance-part .date-header {display: flex;justify-content: space-between;margin-bottom: 16px;}
.corporate-governance-part .date-col {width: 48%;}
.corporate-governance-part .year-month-select {display: flex;gap: 8px;margin-bottom: 12px;align-items: center;}
.corporate-governance-part .year-month-select select {border: none;font-size: 15px;color: #333;}
.corporate-governance-part .calendar-week {display: grid;grid-template-columns: repeat(7, 1fr);text-align: center;font-size: 13px;color: #666;margin-bottom: 6px;}
.corporate-governance-part .calendar-days {display: grid;grid-template-columns: repeat(7, 1fr);gap: 4px;}
.corporate-governance-part .day-item {height: 36px;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;font-size: 14px;}
.corporate-governance-part .day-item.active {background: #008870;color: #fff;}
.corporate-governance-part .day-item:hover:not(.active) {background: #eee;}
.corporate-governance-part .date-footer {margin-top: 16px;display: flex;align-items: center;justify-content: space-between;font-size: 13px;}
.corporate-governance-part .btn-confirm {background: #008870;color: white;border: none;padding: 5px 24px;border-radius: 8px;cursor: pointer;}
.corporate-governance-part .quick-buttons {display: flex;gap: 10px;}
.corporate-governance-part .quick-btn {border: 1px solid #008870;color: #008870;background: transparent;padding: 3px 16px;border-radius: 8px;cursor: pointer;}

@media screen and (max-width:991px){
    .corporate-governance-part .date-popup {width: 520px;}
    .corporate-governance-part .date-col {width: 100%;}
    .corporate-governance-part .date-header {gap:12px;}
    .corporate-governance-part .btn-confirm{padding: 5px 10px;border-radius: 5px;}
    .corporate-governance-part .quick-btn{padding: 3px 10px;border-radius: 5px;}
    .corporate-governance-part .day-item {height: 29px;}
}
@media screen and (max-width:767px){
    .corporate-governance-part .content-box .select-group{grid-template-columns: 1fr;gap:12px;}
    .corporate-governance-part .date-header {flex-direction: column;}
    .corporate-governance-part .calendar-week, .corporate-governance-part .calendar-days {gap:2px;}
    .corporate-governance-part .btn-confirm{padding: 5px;}
    .corporate-governance-part .quick-btn{padding: 3px 5px;}
    .corporate-governance-part .day-item {height: 39px;font-size:12px;}
    .corporate-governance-part .content-box .notices a.datasheet-box{grid-template-columns: 1fr;}
    .corporate-governance-part .quick-buttons {flex-wrap: wrap;}
    .corporate-governance-part .date-popup {width: 320px;left: 0 !important;right: auto;padding:16px;}
    .corporate-governance-part .content-box .board-grid,
    .corporate-governance-part .content-box .committees-grid{grid-template-columns: 1fr;}

}

/*-------email-aerts-------*/
.email-aerts-part h5{margin-top: 0;line-height: 1.5;}
.email-aerts-part h5.felxbetween{display: flex;align-items: end;justify-content: space-between;}
.email-aerts-part .theme-group .banner-part .areaItem{background: url(https://cdn.biocytogen.com/web/frontend/Public/Images/20260807investor-relations-6.png) no-repeat top center;background-size: cover;}
.email-aerts-part .news-check-group{display:grid;grid-template-columns:1fr 1fr;gap: 8px 16px;}
.email-aerts-part .news-check-item{font-weight: 400;border: 1px solid #C5C5D31A;border-radius: 8px;padding: 12px 16px;display: flex;align-items: center;gap: 8px;cursor: pointer;user-select: none;-webkit-user-select: none;-moz-user-select: none;background-color: #C5C5D31A;margin: 0;}
.email-aerts-part .news-check-item.active{border-color:#00ACA1;background:#F3FFF6;}
.email-aerts-part .news-check-item input[type="checkbox"] {display: none;}
.email-aerts-part .news-check-item .check-empty {color: #51516C;display: block;font-size: var(--font-size-16);}
.email-aerts-part .news-check-item .check-filled {color: #007A72;display: none;font-size: var(--font-size-16);}
.email-aerts-part .news-check-item input[type="checkbox"]:checked ~ .checkbox-icon .check-empty {display: none;}
.email-aerts-part .news-check-item input[type="checkbox"]:checked ~ .checkbox-icon .check-filled {display: block;}
.email-aerts-part #email_alerts_web_form .form-group>label{font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;}
.email-aerts-part #email_alerts_web_form .input-text{border-radius: 20px;}
.email-aerts-part #email_alerts_web_form .select-container {position: relative;}
.email-aerts-part #email_alerts_web_form .select-container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-right: 25px;}
.email-aerts-part #email_alerts_web_form .custom-arrow {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);pointer-events: none;font-size: var(--font-size-15);}
.email-aerts-part #email_alerts_web_form button{border-radius: 20px;padding-left: 30px;padding-right: 30px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;width: 100%;}
.email-aerts-part .tips-box{background:#C5C5D31A;border-radius:8px;padding:30px;position:relative;}
.email-aerts-part .tips-icon{width:50px;height:50px;border-radius:50%;background:#C5C5D34D;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size: var(--font-size-20);color:#51516C;}
.email-aerts-part .tips-list{padding-left:20px;}
.email-aerts-part .tips-list li{list-style: disc;margin-bottom:12px;}
.email-aerts-part .tips-list li a{color:#007A72;text-decoration:underline;}

@media screen and (max-width:767px){
    .email-aerts-part .news-check-group{grid-template-columns: 1fr;}
}

/*-------financial-reports---------*/
.financial-reports-part h5{margin-top: 0;line-height: 1.5;}
.financial-reports-part h5.felxbetween{display: flex;align-items: end;justify-content: space-between;}
.financial-reports-part .theme-group .banner-part .areaItem{background: url(https://cdn.biocytogen.com/web/frontend/Public/Images/20260807investor-relations-2.png) no-repeat top center;background-size: cover;}
.financial-reports-part .content-box .basetel {position: relative;}
.financial-reports-part .content-box .base_telst {display: grid;grid-template-columns: 50% 50%;background: #C5C5D333;height: 55px;align-items: center;border-radius: 50px;font-size: var(--font-size-14);font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;}
.financial-reports-part .content-box .base_telst li {text-align: center;cursor: pointer;position: relative;z-index: 10;}
.financial-reports-part .content-box .base_telst li.baseon a{background: linear-gradient( 90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;}
.financial-reports-part .content-box .basetel .sliderPart {position: absolute;top: 0;left:0;width: 50%;overflow: hidden;height: 55px;padding: 7px;}
.financial-reports-part .content-box .basetel .sliderPart span{border: 1px solid #fff;border-radius: 50px;height: 100%;display: block;background-color: #fff;}
.financial-reports-part .content-box .base_lst {display: none;padding: 24px 0 0;}

.financial-reports-part .reports-list {display:grid;grid-template-columns:1fr 1fr;gap: 16px 24px;padding: 0 32px;}
.financial-reports-part .reports-list .item {text-align:center;}
.financial-reports-part .reports-list .img img {width:100%;max-width:420px;border-radius:10px;}
.financial-reports-part .reports-list .name {color: #51516C;line-height: 1.5;padding: 16px 5px;}
.financial-reports-part .year-slider-wrap{position: relative;margin: 48px 100px 24px;}
.financial-reports-part .button {position: absolute;cursor: pointer;top: 50%;color: #23232F;z-index:9;transform: translateY(-50%);}
.financial-reports-part .prev {left: -32px;}
.financial-reports-part .next {right: -32px;}
.financial-reports-part .slide_wrap {overflow: hidden;position: relative;color:#51516C;width: 100%;}
.financial-reports-part .slide_wrap ul {position: relative;left: 0px;display: flex;gap: 24px;width: max-content;align-items: center;}
.financial-reports-part .slide_wrap ul::before,.slide_wrap ul::after{display: none;}
.financial-reports-part .slide_items li{float: none;text-align: center;white-space:nowrap;cursor:pointer;}
.financial-reports-part .slide_items li.dot-sep i{color: #C5C5D3;}
.financial-reports-part .slide_items li.on {font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: var(--font-size-20);}
.financial-reports-part .btn-group{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px;}
.financial-reports-part .btn-group a{display: inline-block;border-radius: 35px;text-align: center;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;padding: 5px;font-size: var(--font-size-13);}
.financial-reports-part .btn-group a.bg-white {background-color: #fff!important;border: 1px solid #007A72!important;color: #007A72!important;}
.financial-reports-part .reports-list .item .btn-group {visibility: hidden;opacity: 0;transform: translateY(8px);transition: all 0.25s ease-out;margin-top: 10px;}
.financial-reports-part .reports-list .item:hover .btn-group {visibility: visible;opacity: 1;transform: translateY(0);}

@media screen and (max-width:1199px){
    .financial-reports-part .year-slider-wrap{margin: 48px 60px 24px;}
    .financial-reports-part .content-box .base_telst,
    .financial-reports-part .content-box .basetel .sliderPart{height: 48px;}
}
@media screen and (max-width:991px){
    .financial-reports-part .reports-list {padding: 0 16px;}
    .financial-reports-part .year-slider-wrap{margin: 40px 40px 24px;}
}
@media screen and (max-width:767px){
    .financial-reports-part .reports-list {grid-template-columns: 1fr;}
    .financial-reports-part .year-slider-wrap{margin: 32px 24px 20px;}
    .financial-reports-part .prev {left: -12px;}
    .financial-reports-part .next {right: -12px;}
    .financial-reports-part .btn-group{gap:5px;}
    .financial-reports-part .content-box .basetel .sliderPart {display: none;}
}

/*-------investor-calendar-------*/
.investor-calendar-part h5{margin-top: 0;line-height: 1.5;}
.investor-calendar-part h5.felxbetween{display: flex;align-items: end;justify-content: space-between;}
.investor-calendar-part .theme-group .banner-part .areaItem{background: url(https://cdn.biocytogen.com/web/frontend/Public/Images/20260807investor-relations-5.png) no-repeat top center;background-size: cover;}
.investor-calendar-part .content-box .list-card{position: relative;margin-bottom: 0;min-height: 135px;}
.investor-calendar-part .content-box .list-card a.datasheet-box{color:#23232F;font-size: var(--font-size-12);border: 1px solid #23232F26;border-radius: 10px;padding: 15px;display: grid;grid-template-columns: 1fr 18fr;grid-gap: 15px;background-color: #fff;}
.investor-calendar-part .content-box .list-card a.datasheet-box .item-group p{font-family: 'Kanit-Regular';font-size: var(--font-size-18);margin: 0 0 8px;}
.investor-calendar-part .content-box .list-card a.datasheet-box img{max-height: 45px;}
.investor-calendar-part .content-box .list-card a.datasheet-box .item-group{display: flex;align-items: center;justify-content: space-between;}
.investor-calendar-part .content-box .list-card a.datasheet-box .item-group i{color: #fff;font-size: 18px;}
.investor-calendar-part .content-box .list-card a.datasheet-box:hover{box-shadow: 0px 0px 80px 0px #5a607d26;border-color: #fff;}
.investor-calendar-part .content-box .list-card a.datasheet-box:hover p{background: linear-gradient(90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.investor-calendar-part .content-box .list-card a.datasheet-box:hover .item-group i{color: #999;}
.investor-calendar-part .content-box .select-group{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 15px;margin-bottom: 25px;}
.investor-calendar-part .content-box .select-group .select-mod a.dropdown-toggle{border: 1px solid #23232F26;padding: 8px 15px 8px 20px;display: flex;align-items: center;justify-content: space-between;border-radius: 30px;}
.investor-calendar-part .content-box .select-group .select-mod a.dropdown-toggle .type-box {display: flex;align-items: center;}
.investor-calendar-part .content-box .select-group .select-mod a.dropdown-toggle .type-box span{max-width: 85px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-right: 5px;}
.investor-calendar-part .content-box .select-group .select-mod .dropdown-menu{width: 100%;}
.investor-calendar-part .content-box .test_report-list{position: relative;}
.investor-calendar-part .content-box #dataBox{position: relative;}
.investor-calendar-part .content-box #dataBox .datepicker-dropdown{top: 0!important;left: 0!important;}
.investor-calendar-part .content-box #dataBox .datepicker-dropdown table.table-condensed{width: 100%;}

.investor-calendar-part .content-box .board-grid,
.investor-calendar-part .content-box .committees-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;line-height: 1.3;}
.investor-calendar-part .content-box .corporatebox{background: #fff;padding: 24px;border-radius: 10px;min-height: 150px;}
.investor-calendar-part .content-box .corporatebox .title{font-family: 'Kanit-Light', sans-serif;font-weight: 300;color: var(--title-dark);font-size: var(--font-size-18);display: flex;align-items: center;gap: 16px;margin-bottom: 16px;}
.investor-calendar-part .content-box .corporatebox .title .dot-mark{height: 8px;width: 8px;display: inline-block;}
.investor-calendar-part .content-box .corporatebox .title span:last-child{flex: 1;}
.investor-calendar-part .content-box .corporatebox ul.corporate-ul{margin-left: 20px;}
.investor-calendar-part .content-box .corporatebox ul.corporate-ul li{list-style: disc;margin-bottom: 7px;}
.investor-calendar-part .content-box .corporatebox:nth-child(odd){background: linear-gradient(to bottom, #f4f5ff, #fff);}
.investor-calendar-part .content-box .corporatebox:nth-child(even){background: linear-gradient(to bottom, #F4FFFB, #fff);}
.investor-calendar-part .content-box .corporatebox:nth-child(odd) .title .dot-mark{background-color: #6B76EA;}
.investor-calendar-part .content-box .corporatebox:nth-child(even) .title .dot-mark{background-color: #1CCBA8;}

.investor-calendar-part .time-trigger{display: flex;align-items: center;gap: 5px;background: #fff;cursor: pointer;width: 100%;}
.investor-calendar-part .time-trigger .label {max-width: 85px;flex-shrink: 0;}
.investor-calendar-part .time-trigger .value {padding-left: 8px;flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: right;}
.investor-calendar-part .time-trigger .calendar-icon {flex-shrink: 0;}
.investor-calendar-part .date-popup {position: absolute;z-index: 9;width: 615px;background: #fff;border-radius: 10px;box-shadow: 0 4px 16px rgba(0,0,0,0.12);padding: 20px;display: none;}
.investor-calendar-part .date-header {display: flex;justify-content: space-between;margin-bottom: 16px;}
.investor-calendar-part .date-col {width: 48%;}
.investor-calendar-part .year-month-select {display: flex;gap: 8px;margin-bottom: 12px;align-items: center;}
.investor-calendar-part .year-month-select select {border: none;font-size: 15px;color: #333;}
.investor-calendar-part .calendar-week {display: grid;grid-template-columns: repeat(7, 1fr);text-align: center;font-size: 13px;color: #666;margin-bottom: 6px;}
.investor-calendar-part .calendar-days {display: grid;grid-template-columns: repeat(7, 1fr);gap: 4px;}
.investor-calendar-part .day-item {height: 36px;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;font-size: 14px;}
.investor-calendar-part .day-item.active {background: #008870;color: #fff;}
.investor-calendar-part .day-item:hover:not(.active) {background: #eee;}
.investor-calendar-part .date-footer {margin-top: 16px;display: flex;align-items: center;justify-content: space-between;font-size: 13px;}
.investor-calendar-part .btn-confirm {background: #008870;color: white;border: none;padding: 5px 24px;border-radius: 8px;cursor: pointer;}
.investor-calendar-part .quick-buttons {display: flex;gap: 10px;}
.investor-calendar-part .quick-btn {border: 1px solid #008870;color: #008870;background: transparent;padding: 3px 16px;border-radius: 8px;cursor: pointer;}

.investor-calendar-part .content-box .calendar-card{background: url("https://cdn.biocytogen.com/web/frontend/Public/Images/20260703investor-relations-09.png")no-repeat center right;background-size: contain;background-color: #FFFAF7;border-radius: 15px;}
.investor-calendar-part .content-box .calendar-card .calendar-item{padding: 50px 35px;width: 60%;}
.investor-calendar-part .content-box .calendar-card .calendar-item-time{font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;color: var(--body-reg);font-size: var(--font-size-14);}

@media screen and (max-width:991px){
    .investor-calendar-part .date-popup {width: 520px;left: -30%;}
    .investor-calendar-part .date-col {width: 100%;}
    .investor-calendar-part .date-header {gap:12px;}
    .investor-calendar-part .btn-confirm{padding: 5px 10px;border-radius: 5px;}
    .investor-calendar-part .quick-btn{padding: 3px 10px;border-radius: 5px;}
    .investor-calendar-part .day-item {height: 29px;}
}
@media screen and (max-width:767px){
    .investor-calendar-part .content-box .select-group{grid-template-columns: 1fr;gap:12px;}
    .investor-calendar-part .date-header {flex-direction: column;}
    .investor-calendar-part .calendar-week,.investor-calendar-part .calendar-days {gap:2px;}
    .investor-calendar-part .btn-confirm{padding: 5px;}
    .investor-calendar-part .quick-btn{padding: 3px 5px;}
    .investor-calendar-part .day-item {height: 39px;font-size:12px;}
    .investor-calendar-part .content-box .list-card a.datasheet-box{grid-template-columns: 1fr;}
    .investor-calendar-part .quick-buttons {flex-wrap: wrap;}
    .investor-calendar-part .date-popup {width: 320px;left: 0 !important;right: auto;padding:16px;}
    .investor-calendar-part .content-box .calendar-card{border-radius: 10px;}
    .investor-calendar-part .content-box .calendar-card .calendar-item{width: 100%;padding: 30px 20px;}
}

/*-------investor-relations-contact-------*/
.investor-relations-contact-part h5{line-height: 1.5;}
.investor-relations-contact-part .theme-group .banner-part .areaItem{background: url(https://cdn.biocytogen.com/web/frontend/Public/Images/20260807investor-relations-7.png) no-repeat top center;background-size: cover;}
.investor-relations-contact-part .banner-wrap {position: relative;border-radius: 16px;overflow: hidden;margin-bottom: 32px;}
.investor-relations-contact-part .banner-wrap img {width: 100%;display: block;}
.investor-relations-contact-part .banner-text {position: absolute;left: 0;bottom: 0;width: 100%;padding: 40px;background: linear-gradient(to top, rgba(0,0,0,0.45), transparent 60%);color: #fff;}
.investor-relations-contact-part .grid-box {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;}
.investor-relations-contact-part .card {background: #f8fafc;border-radius: 16px;padding: 32px;}
.investor-relations-contact-part .icon {font-size: var(--font-size-20);color: #007A72;margin-bottom: 12px;display: block;}
.investor-relations-contact-part .card a {color: #007A72;text-decoration: underline;}
.investor-relations-contact-part .title-text {display: flex;align-items: center;}

@media screen and (max-width:767px){
    .investor-relations-contact-part .banner-text{padding: 40px 20px;}
    .investor-relations-contact-part .grid-box{grid-template-columns: 1fr;}
}

/*-------stock-information-------*/
.stock-information-part h5{margin-top: 0;line-height: 1.5;}
.stock-information-part h5.felxbetween{display: flex;align-items: end;justify-content: space-between;}
.stock-information-part .theme-group .banner-part .areaItem{background: url(https://cdn.biocytogen.com/web/frontend/Public/Images/20260807investor-relations-1.png?t=2026) no-repeat top center;background-size: cover;}
.stock-information-part .content-box .basetel {position: relative;}
.stock-information-part .content-box .base_telst {display: grid;grid-template-columns: 50% 50%;background: #C5C5D333;height: 55px;align-items: center;border-radius: 50px;font-size: var(--font-size-14);font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;}
.stock-information-part .content-box .base_telst li {text-align: center;cursor: pointer;position: relative;z-index: 10;}
.stock-information-part .content-box .base_telst li.baseon a{background: linear-gradient( 90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;}
.stock-information-part .content-box .basetel .sliderPart {position: absolute;top: 0;left:0;width: 50%;overflow: hidden;height: 55px;padding: 7px;}
.stock-information-part .content-box .basetel .sliderPart span{border: 1px solid #fff;border-radius: 50px;height: 100%;display: block;background-color: #fff;}
.stock-information-part .content-box .base_lst {display: none;padding: 24px 0 0;}

.stock-information-part .base-card {background: #fff;border-radius: 16px;box-shadow: 0 0 18px #5a607d1a;width: 100%;box-sizing: border-box;}
.stock-information-part .card-title{padding: 24px 24px 16px;border-bottom: 1px solid #ccc;}
.stock-information-part .stock-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;padding: 24px 24px 0;}
.stock-information-part .stock-title h2 {font-family: 'Kanit-Medium', sans-serif;font-weight: 500;font-size: var(--font-size-24);color: #23232F;margin: 0 0 6px 0;}
.stock-information-part .stock-title div {font-size: var(--font-size-13);color: #51516C;}
.stock-information-part .stock-price-box {text-align: right;}
.stock-information-part .stock-price-box > div {font-family: 'Kanit-Medium', sans-serif;font-weight: 500;font-size: var(--font-size-24);color: #23232F;}
.stock-information-part .up-text {color: #099642!important;}
.stock-information-part .down-text {color: #C00C09!important;}
.stock-information-part .stock-price-box > div span{margin-left: 10px;}
.stock-information-part .card-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 16px 48px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 30px 24px;position: relative;}
.stock-information-part .card-grid::before{position: absolute;left: 50%;transform: translateX(-50%);content: '';width: 0.5px;height: 100%;background: #ccc;}
.stock-information-part .card-grid .grid-col .title-widget {margin: 0 0 16px;}
.stock-information-part .card-grid .grid-item {display: flex;justify-content: space-between;margin-top: 12px;color: #51516C;}
.stock-information-part .card-grid .grid-item .val{font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;}
.stock-information-part .card-footer {font-size: var(--font-size-13);color: #51516C;display: flex;gap: 10px 50px;padding: 24px;}

.stock-information-part .chart-card{margin-top: 24px;}
.stock-information-part .chart-card .cardtitle {color: #23232F;display: flex;justify-content: space-between;align-items: center;padding: 24px 24px 16px;border-bottom: 1px solid #ccc;}
.stock-information-part .chart-control-wrapper .uk-button {background: transparent;border: none;color: #51516C;cursor: pointer;font-size: var(--font-size-13);}
.stock-information-part .chart-control-wrapper .uk-button.active {color: #23232F;font-family: 'Kanit-Medium', sans-serif;font-weight: 500;}
.stock-information-part #chart-a,.stock-information-part  #chart-h {width: 100%;height: 460px;}
.stock-information-part .chart-card .chart-tabs{display:flex;gap:16px;justify-content:flex-end;}
.stock-information-part .stockchart {width:100%;height:460px;padding: 24px;}

.stock-information-part .trade-card{margin-top: 24px;}
.stock-information-part .trade-card .cardtitle{border-bottom:none;}
.stock-information-part .trade-card table{margin-bottom: 0!important;}
.stock-information-part .trade-card table.table-card-td{border-collapse: inherit;font-size: var(--font-size-14);overflow: hidden;}
.stock-information-part .trade-card table.table-card-td thead tr{background: #00ACA1;color: #fff;}
.stock-information-part .trade-card table.table-card-td thead tr td{padding: 15px 30px;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: var(--font-size-14);}
.stock-information-part .trade-card table.table-card-td tbody tr td{padding: 12px 30px;font-size: var(--font-size-14);}
.stock-information-part .trade-card table.table-card-td tr td{border-right: 1px solid #ddd;}
.stock-information-part .trade-card table.table-card-td tr td:nth-child(n+2){text-align: center;}
.stock-information-part .trade-card table.table-card-td tr td:last-child{border-right: none;}
.stock-information-part .trade-card table.table-card-td tbody tr:nth-child(even) td{background: #00ACA112;}

.stock-information-part .history-card{margin-top: 24px;}
.stock-information-part .history-card .history-content{position: relative;display: grid;grid-template-columns: 1fr 1fr;gap: 16px 48px;padding: 24px;}
.stock-information-part .history-card .history-content::before {position: absolute;left: 50%;transform: translateX(-50%);content: '';width: 0.5px;height: 100%;background: #ccc;}
.stock-information-part .history-card .history-content .item {display: flex;justify-content: space-between;margin-top: 12px;color: #51516C;}
.stock-information-part .history-card .history-content .item .num{font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;}
.stock-information-part .history-card .history-content .title-widget{margin: 0 0 16px;}

@media screen and (max-width:1199px){
    .stock-information-part .stock-information-part .content-box .base_telst,
    .stock-information-part .content-box .basetel .sliderPart{height: 48px;}
    .stock-information-part .theme-group .theme-up ul.numCount {gap:12px;}
    .stock-information-part #chart-a, .stock-information-part #chart-h, .stock-information-part .stockchart {height: 380px;}
    .stock-information-part .trade-card table.table-card-td thead tr td,
    .stock-information-part .trade-card table.table-card-td tbody tr td {padding: 12px 20px;}
}
@media screen and (max-width:991px){
    .theme-group .theme-up,.theme-group .theme-down{padding-right:0;}
    .theme-group .theme-part{margin:60px 0;}
    .stock-information-part #chart-a, .stock-information-part #chart-h, .stock-information-part .stockchart {height: 320px;}
}
@media screen and (max-width:767px){
    .breadcrumb.catpos{margin: 60px 0 24px;}
    .theme-group .theme-up ul.numCount {grid-template-columns: repeat(2,1fr);}
    .stock-information-part .stock-header{padding: 16px 16px 0;flex-direction: column;align-items: flex-start;gap:12px;}
    .stock-information-part .stock-price-box{text-align: left;}
    .stock-information-part .card-title{padding:16px 16px 12px;}
    .stock-information-part .card-grid{padding:20px 16px;grid-template-columns: 1fr;gap:24px;}
    .stock-information-part .card-grid::before{display:none;}
    .stock-information-part .card-footer{padding:16px;flex-direction: column;gap:8px;}
    .stock-information-part .chart-card .cardtitle{padding:16px 16px 12px;flex-direction: column;align-items: flex-start;gap:10px;}
    .stock-information-part .stockchart {padding:16px;}
    .stock-information-part #chart-a, .stock-information-part #chart-h, .stock-information-part .stockchart {height: 260px;}
    .stock-information-part .history-card .history-content{padding:16px;grid-template-columns: 1fr;gap:24px;}
    .stock-information-part .history-card .history-content::before{display:none;}
    .stock-information-part .trade-card table.table-card-td thead tr td,
    .stock-information-part .trade-card table.table-card-td tbody tr td {padding: 10px 12px;}
    .stock-information-part .stock-information-part .content-box .basetel .sliderPart {display: none;}
    .stock-information-part .base-card{border-radius: 10px;}
    
}