﻿@charset "UTF-8";h2{font-size:50px;}h3{font-size:36px;}h4{font-size:34px;}h5{font-size:32px;}h6{font-size:24px;}@media screen and (max-width:1536px){h2{font-size:40px;}h3{font-size:30px;}h4{font-size:28px;}h5{font-size:26px;}h6{font-size:22px;}}@media screen and (max-width:1200px){h2{font-size:40px;}h3{font-size:28px;}h4{font-size:24px;}h5{font-size:22px;}h6{font-size:20px;}}@media screen and (max-width:576px){h2{font-size:28px;}h3{font-size:26px;}h4{font-size:20px;}h5{font-size:20px;}h6{font-size:18px;}}*,body,h1,h2,h3,h4,h5,h6,p,div,span,li,a,input{font-family:"Segoe UI","微軟正黑體",Arial,Helvetica,sans-serif;}body{background-color:#212121;}.container{margin:0 auto;max-width:1400px;}@media screen and (max-width:1400px){.container{padding:0 30px;}}.case{background-color:#e2e1e0;width:100%;padding:80px 0;}@media screen and (max-width:992px){.case{padding:50px 0;}}@media screen and (max-width:576px){.case{padding:30px 0;}}.case h3{color:#212121;letter-spacing:10.8px;}.case h3 span:last-child{margin-top:30px;display:block;width:65px;height:3px;background-color:#666;}@media screen and (max-width:992px){.case h3 span:last-child{margin-top:15px;}}.case .case-content{margin-top:95px;display:flex;align-items:center;}@media screen and (max-width:992px){.case .case-content{margin-top:60px;flex-direction:column;justify-content:center;align-items:center;}}@media screen and (max-width:576px){.case .case-content{margin-top:30px;}}.case .case-content .case-image{flex:1;}.case .case-content .case-image img{width:100%;object-fit:contain;border-radius:8px;box-shadow:4px 4px 4px #bdbdbd;}.case .case-content .case-image .caseVideo{width:100%;object-fit:contain;}.case .case-content .case-text{flex:1;margin-left:80px;}@media screen and (max-width:992px){.case .case-content .case-text{width:100%;margin-left:0;margin-top:30px;flex:auto;height:150px;}}.case .case-content .case-text h4{color:#212121;letter-spacing:3.4px;border-left:5px solid #809eba;padding-left:23px;width:100%;}@media screen and (max-width:576px){.case .case-content .case-text h4{letter-spacing:2px;}}.case .case-content .case-text p{margin-top:35px;font-size:26px;letter-spacing:1.3px;color:#666;}@media screen and (max-width:1536px){.case .case-content .case-text p{font-size:24px;}}@media screen and (max-width:1200px){.case .case-content .case-text p{font-size:20px;}}@media screen and (max-width:992px){.case .case-content .case-text p{margin-top:20px;font-size:18px;}}@media screen and (max-width:576px){.case .case-content .case-text p{font-size:16px;}}@media screen and (max-width:376px){.case .case-content .case-text p{font-size:14px;}}.case .case-select{position:static;display:flex;width:300px;margin:0 auto;margin-top:95px;align-items:center;justify-content:space-around;}@media screen and (max-width:992px){.case .case-select{width:200px;margin-top:20px;}}@media screen and (max-width:576px){.case .case-select{width:150px;}}.case .case-select button.select-button{width:23px;height:23px;background-color:#606060;border-radius:50%;}@media screen and (max-width:992px){.case .case-select button.select-button{width:20px;height:20px;}}@media screen and (max-width:576px){.case .case-select button.select-button{width:13px;height:13px;}}.case .case-select button.select-button:hover{background-color:#9a9a9a;}.case .case-select button.active{background-color:transparent;border:2px solid #606060;}