/*.index .sopt{ margin-bottom:80px; }*/
.index .sopt{ margin-bottom:64px; z-index:2;}
.index .sopt .mainMenu{ display:flex; /*flex-direction:column;*/ justify-content:center; align-items:center; gap:24px; }
.index .sopt .mainMenu > li:has(.subMenu){ position:relative; font-size:2.4rem; }
.index .sopt .mainMenu li:has(.subMenu):after{ content:'\e904'; position:absolute; top:1.5em; right:-1.5em; font-size:.5em; color:#3D3935; transform:translateY(-50%); transition:transform .6s ease; }
.index .sopt .mainMenu > li .subMenu{ transition:all .4s; position:relative; transform:translateY(0); width:100%; height:0; overflow:hidden; }
.index .sopt .mainMenu > li .subMenu ul{ width:auto; margin:20px auto; display:flex; flex-direction:column; justify-content:center; font-size:clamp(1.6rem, 4.1vw, 1.8rem); opacity:0; transform:translateY(-10px); transition:all 1s ease; }
.index .sopt .mainMenu > li .subMenu ul > li{ letter-spacing:.1em; font-weight:400; border-bottom:solid 1px #d7d97f; }
.index .sopt .mainMenu > li .subMenu ul > li a{ display:flex; align-items:center; justify-content:center; padding:10px 15px; width:100%; }
.index .sopt .mainMenu > li.active{ transition:all .6s ease;}
.index .sopt .mainMenu > li.active:after{ transform:translateY(-50%) rotateX(180deg); } 
.index .sopt .mainMenu > li.active .subMenu{ height:auto;}
.index .sopt .mainMenu > li.active .subMenu > ul{ opacity:1; transform:translateY(0);}

.index .sopt .mainMenu > li{ display:none; }
.index .sopt .mainMenu > li:nth-last-of-type(-n+2){ display:block; }

.index .info{ margin-bottom:100px; }
.index .info .title h2{ font-size:clamp(2.8em, 8vw, 4.8rem); }
.index .info .text_block{ text-align:left; /*padding:0 20px;*/ width:100%; margin:0 auto;}
.index .info .images_block{ max-width:1400px; margin:0 auto 36px; }
.index .info p.big{ text-align:left; }

.index .introduction_list{ counter-reset:section; margin-bottom:100px; }
.index .introduction_list figure + figure{ margin-top:24px; }
.index .introduction_list .slidegroup{ width:calc(100% - 24px); }
.index .introduction_list .slidegroup .banner_sliderbox img{ height:auto; }
.index .introduction_list figcaption{ padding:8px 30px 36px 20px; text-align:left; }
.index .introduction_list figcaption .btn{ margin-top:16px; }
.index .introduction_list .title{ margin-bottom:24px; }
.index .introduction_list .title .num:before{ font-size:6.4rem; color:#D6D97E; font-weight:300; line-height:1; margin-bottom:4px;  counter-increment:section 1; content:"0" counters(section, ". ") ; }
.index .introduction_list .title h3{ font-size:clamp(3.4rem, 7vw, 3.4rem); line-height:1.4; margin:.4em 0 .4em; }
.index .introduction_list .title h4{ font-weight:500; font-size:clamp(1.8rem, 5.3vw, 2rem); line-height:1.2; margin-bottom:unset; } 
.index .introduction_list figure:nth-of-type(even) .slidegroup{ margin-left:24px; }

.index .news_box{ position:relative; /*width:calc(100% - 32px);*/ max-width:900px; margin:0 auto; text-align:left;}
.index .news_box .title{ margin-bottom:0; }
.index .news_box h4{ font-size:clamp(1.6rem, 4.8vw, 2.2rem); font-weight:500; margin-bottom:4px; line-height:1.6; }
.index .news_box .news_list{ display:flex; flex-direction:column; gap:8px; }
.index .news_box .news_list li{ padding:0; }
.index .news_box .news_list li:before{ height:1px; }
.index .news_box .news_list li:after{ height:2px; }
.index .news_box .news_list li a{ width:100%; padding:.2em 0;}
.index .news_box .btn_group{ position:absolute; top:2px; right:0; }

.index .marquee{ overflow-x:clip; width:100%; margin-top:80px; }
.index .marquee .text_block{ font-size:clamp(3.2rem, 12vw, 4.8rem); color:#EBEBEA; font-weight:900; white-space:nowrap; }


.index .laboratory_bg{ background:#F8F5F2; display:flex; }
.index .laboratory_bg .laboratory{ padding:48px 0; width:calc(100% - 44px); display:block; margin:0 auto;} 
.index .laboratory_bg .laboratory .title{ width:100%; text-align:left; }
.index .laboratory_bg .laboratory_list{ display:flex; flex-wrap:wrap; gap:36px 28px; }
.index .laboratory_bg .laboratory_list figure{ display:flex; flex-direction:column; gap:16px; align-items:center; }
.index .laboratory_bg .laboratory_list figure figcaption{ display:flex; flex-direction:column; gap:24px; align-items:flex-start; text-align:left; }
.index .laboratory_bg .laboratory_list figure figcaption h3{ font-size:2.2rem; }
.index .laboratory_bg .laboratory_list figure .text_block{ display:flex; flex-direction:column; gap:16px; align-items:flex-start; text-align:left;  }

.index .social_IG-container{ position:relative; overflow:clip;}
.index .social_IG-container .link_box{ position:absolute; top:0; left:0; width:100%; height:100%;  }
.index .social_IG-container .snapwidget-widget{ width:200%; max-width:1000px;  border:none; overflow:hidden; }

.index .contactInformation_bg{ background:#403E3B; color:#fff; text-align:left; padding:48px 22px 48px;}
.index .contactInformation{ display:flex; flex-direction:column; gap:24px; } 
.index .contactInformation .images_block{ width:80%; max-width:360px; margin:auto; } 
.index .contactInformation .text_block{ padding-right:12px; }
.index .contactInformation .text_block h3{ font-size:clamp(2.3rem, 6vw, 3.2rem); text-align:center; }
.index .contactInformation .text_block p{ font-size:clamp(1.4rem, 4.1vw, 1.8rem); }
.index .contactInformation .text_block p.small{ font-size:clamp(1.2rem, 3.2vw, 1.4rem);  color:ffffff8c; }
.index .contactInformation .text_block p + p.small{ margin-top:-.4em; }
.index .contactInformation .text_block span{ display:inline-block; }
.index .contactInformation p{ margin-bottom:.2em; }
.index .contactInformation .btn.underline{ padding:0; letter-spacing:unset; color:#fff; } 
.index .contactInformation .btn.underline:after{ height:1px; mix-blend-mode:unset; transition:width .4s ease;}
.index .contactInformation a.map:after{ font-size:1.4em; color:#D6D97E; }
.index .contactInformation .followUs{ display:flex; font-size:1.8rem; gap:16px; align-items:center; margin-top:12px;}
.index .contactInformation .followUs:before{ content:'更多消息關注'; font-weight:500; color:#D6D97E; font-size:clamp(1.4rem, 4.1vw, 1.8rem);}
.index .contactInformation .followUs .btn.icon{ border-color:#D6D97E; }
.index .contactInformation .followUs .btn.icon.app:before{ font-size:1.2em; }



/* 直式 */
@media (orientation:portrait){


}

/* 橫式 */
@media (orientation:landscape){




}
/* lg applies to medium devices (tablets, less than 992px) */
@media (min-width:991.98px) { 
.index .sopt .mainMenu{ flex-direction:row; align-items:flex-start; justify-content:center; gap:64px; }
.index .sopt .mainMenu li:has(.subMenu):after{ display:none; }
.index .sopt .mainMenu > li:has(.subMenu):hover .subMenu{ height:auto; background:#fff;}
.index .sopt .mainMenu > li:has(.subMenu):hover .subMenu > ul{ opacity:1; transform:translateY(0);}
.index .sopt .mainMenu > li .subMenu{ position:absolute; }
.index .sopt .mainMenu > li .subMenu ul > li:hover{ letter-spacing:.1em; font-weight:400; border-bottom:solid 1px #976d3f;}
.index .info .images_block{ margin-bottom:48px; }
.index .info .text_block{ max-width:940px; box-sizing:content-box; }

.index .introduction_list{ margin-bottom:130px; }
.index .introduction_list .title:before{ margin-bottom:16px; }

.index .news_box .news_list li:nth-last-of-type(1):before{ height:0; }
.index .news_box .btn_group{ position:relative; text-align:right; }
.index .news_box .btn.more:before{ content:'了解更多'; font-size:inherit; }

.index .marquee{ margin-top:36px; }

.index .laboratory_bg .laboratory_list{ gap:36px 60px; }
.index .laboratory_bg .laboratory_list figure{ flex-direction:row; align-items:stretch; }
.index .laboratory_bg .laboratory_list figure figcaption{ justify-content:space-between; }

.index .social_IG-container{ padding:24px 0;}
.index .social_IG-container .snapwidget-widget{ width:100%; }

.index .contactInformation .text_block{ display:flex; flex-direction:column; align-items:center; } 
.index .contactInformation .text_block p{ margin-bottom:.4em; } 

}

/* xl applies to large devices (desktops, less than 1200px) */
@media (min-width:1199.98px) { 
.index .sopt .mainMenu > li{ display:block;}
.index .sopt .mainMenu > li:nth-last-of-type(-n+2){ display:none; }


.index .introduction_list figure{display:flex; align-items:center; gap:36px; }
.index .introduction_list figure .slidegroup{ width:62%; }
.index .introduction_list figure figcaption{ width:400px; }
.index .introduction_list figure:nth-of-type(even){ flex-direction:row-reverse; }
.index .introduction_list figure:nth-of-type(even) .slidegroup{ margin-left:unset; }

.index .laboratory_bg .laboratory_list { flex-direction:row; flex-wrap:nowrap; }

.index .social_IG-container{ padding:120px 0;}

.index .contactInformation_bg{ background:#403E3B no-repeat 94% bottom image-set(url("../images/index/contactInformation_qrcode.png") 1x, url("../images/index/contactInformation_qrcode@2x.png") 2x); }
.index .contactInformation{ flex-direction:row; align-items:center; max-width:1200px; margin:auto; gap:100px;  } 
.index .contactInformation .images_block{ margin:unset; }
.index .contactInformation .text_block h3{ text-align:left; }
.index .contactInformation .text_block{ align-items:flex-start; } 
.index .contactInformation .followUs .btn.icon.app{ display:none; }


}

/* xxl applies to x-large devices (large desktops, less than 1400px) */
@media (min-width: 1399.98px) { ... }

/* XX-Large devices (larger desktops, 1400px and up)  */
@media (min-width: 1400px) { 
 }