/*.active-orange .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover{color:#6CACE4 !important;}
  .active-orange .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link {color:#6CACE4 !important;}
  .active-orange .navbar .navbar-collapse .navbar-nav .nav-item.show .nav-link:hover{color:#6CACE4 !important;}
  .active-orange .navbar .navbar-collapse .navbar-nav .nav-item .dropdown_menu_nav .dropdown-submenu .dropdown-item:hover{
		background-color:#6CACE4 !important;
		color:white !important; 
		border-radius:0px 20px 20px 20px;
		box-shadow:0px 5px 10px  rgba(0,0,0,0.3);
		padding:3px 25px;
		margin:3px 0;
		}
 .dropdown.show .dropdown-menu.single-drop{
		justify-content: center;
                display:flex;
		text-align:center;
		min-width:150px;
}
.bg-white:hover{
        background-color:#FFB06B !important;
        color:white !important;
		}
  .btn-social:hover{
        transform: translateY(-5px);
        filter:drop-shadow(0 5px 5px rgba(0,0,0,0.25));
		}
  .bottom-menu a:hover{
           color:white !important;
	   font-weight:600;
           filter:drop-shadow(0 5px 5px rgba(0,0,0,0.25));}

.section__stories .swip__stories .feature_strories .swiper-button-next:hover, .section__stories .swip__stories .feature_strories .swiper-button-prev:hover{
		filter:drop-shadow(0 15px 10px rgba(108, 172, 228,0.7));
		}
a:hover{
  	color:#6CACE4;
		}
.features_app_fitness .body_features .nav-pills .nav-link{
      padding: 10px;
      opacity: 0.66;
    }

    .nav-link .txt_feat h3 {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      max-height: 4em;
      line-height: 2em;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      border-radius: 30px;
      padding: 6px 6%;
      font-size: 19px !important;
    }

    .nav-link.active .txt_feat h3 {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      max-height: 6em;
      line-height: 1.3em;
      -webkit-line-clamp: 10;
      -webkit-box-orient: vertical;
      box-shadow: 0 0 10px #6CACE4;
      border-radius: 30px;
      padding: 6% 6%;
    }
.btn_sm_primary {
    padding: 0.5rem 1rem;
    font-size: 15px;
    text-align: center;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
    transition: 0.3s !important;
}
.dropdown .dropdown-menu {
    margin: 0;
    margin-top: -7px;
}*/

 body {
 	font-family: 'Noto Sans TC', sans-serif;
 	padding: 0;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	overflow: auto;
 	/* 確保可以滾動 */
 	scroll-behavior: smooth;
 }

 body [lang="en"] {
 	font-family: 'Exo 2', sans-serif;
 }

 /*.header-nav-center {
 	z-index: 20000;
 }*/

 .section {
 	height: 100vh;
 }

 .animate-box {
 	opacity: 0;
 	transform: translateY(30px);
 	transition: all 0.8s ease-in-out;
 }

 .animate-box.show {
 	opacity: 1;
 	transform: translateY(0);
 }

 .container2 {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin: 0 auto;
 	margin-top: 140px;
 	margin-left: 16%;
 	margin-right: 16%;
 }

 .text-content1 {
 	flex: 1;
 	padding: 60px;
 	font-family: 'Noto Sans TC', sans-serif;
 }

 .text-content1 [lang="en"] {
 	font-family: 'Exo 2', sans-serif;
 }

 .text-content1 h1 {
 	font-size: 32px;
 	font-weight: bold;
 	color: #1E1E1E;
 	letter-spacing: 7px;
 	margin-bottom: 0.9rem;
 	font-family: 'Noto Sans TC', sans-serif;
 	line-height: 130%;
 }

 .text-content1 p {
 	font-size: 16px;
 	color: #1E1E1E;
 	line-height: 130%;
 	letter-spacing: 2px;
 	padding-right: 52px;
 	font-family: 'Noto Sans TC', sans-serif;
 }

 .text-content2 {
 	flex: 1;
 	padding: 66px;
 	position: relative;
 	left: 5%;
 	font-family: 'Noto Sans TC', sans-serif;
 }

 .text-content2 [lang="en"] {
 	font-family: 'Exo 2', sans-serif;
 }

 .text-content2 h1 {
 	font-size: 32px;
 	font-weight: bold;
 	color: #1E1E1E;
 	letter-spacing: 2px;
 	margin-bottom: 0.9rem;
 }

 .text-content2 p {
 	font-size: 16px;
 	color: #1E1E1E;
 	line-height: 1.6;
 	letter-spacing: 2px;
 }

 .text-content3 h2 {
 	font-size: 32px;
 	font-weight: bold;
 	color: #1E1E1E;
 	letter-spacing: 2px;
 	margin-bottom: 0.9rem;
 }

 .text-content3 p {
 	font-size: 16px;
 	color: #1E1E1E;
 	line-height: 1.6;
 	letter-spacing: 3px;
 	margin-right: 24%;
 }

 .moresa {
 	position: relative;
 	font-size: 130%;
 	border-radius: 600px 900px 80px 600px;
 	letter-spacing: 4px;
 	padding: 5px 20px 10px 20px;
 	margin-left: 0%;
 	margin-right: 68%;
 	margin-top: 15px;
 	color: white;
 	background-color: #6CACE4;
 	overflow: hidden;
 	cursor: pointer;
 	transition: background 0.4s ease-out, transform 0.4s ease-out;
 	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
 	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
 	font-weight: bold;
 	text-align: center;

 }

 .moresa:hover {
 	color: white;
 	background-color: #6CACE4;
 }

 .moresa:hover::before {
 	content: "";
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	top: 0;
 	left: 0;
 	background:
 		linear-gradient(80deg, rgba(255, 255, 255, 0)50%, white),
 		linear-gradient(250deg, rgba(255, 255, 255, 0)50%, white);
 	opacity: 0.7;
 }

 .image-container {
 	width: 300px;
 	border-radius: 110px 25px 25px 25px;
 	overflow: hidden;
 	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
 	position: relative;
 	left: 55px;
 }

 .image-container img {
 	width: 100%;
 	display: block;
 	border-radius: 30px;
 }

 .image-size {
 	width: 100%;
 }

 .image-size2 {
 	width: 100%;
 }

 .timeline-header {
 	text-align: center;
 	font-size: 24px;
 	font-weight: bold;
 	color: white;
 	padding: 30px;
 	background: linear-gradient(to bottom, transparent, #3a8df5, transparent);
 	border-radius: 10px 10px 0 0;
 	letter-spacing: 25px;
 	top: 30px;
 	position: relative;

 }

 .timeline {
 	position: relative;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	width: 100%;
 	margin-bottom: 8%;
 	top: 30px;
 }

 .timeline-item {
 	display: flex;
 	width: 100%;
 	justify-content: space-between;
 	align-items: center;
 	position: relative;
 	margin-bottom: -45px;
 	opacity: 0;
 	transform: translateY(50px);
 	transition: all 0.8s ease-in-out;
 }

 .timeline-item.show {
 	opacity: 1;
 	transform: translateY(0);
 }

 .timeline-adjustment {
 	margin-left: -5%;
 	top: 1%;
 }

 .timeline-item:nth-child(even) {
 	flex-direction: row-reverse;
 }

 .timeline-contentodd {
 	width: 45%;
 	padding-left: 24%;
 	padding-top: 1.2%
 }

 .timeline-contenteven {
 	position: relative;
 	width: 45%;
 	padding-top: 3%;
 	padding-left: 0%;

 }

 .timeline::before {
 	content: "";
 	position: absolute;
 	top: -14%;
 	bottom: -18%;
 	left: 50%;
 	width: 4px;
 	background-color: #3a8df5;
 	transform: translateX(-50%);
 	background: linear-gradient(to bottom, transparent, #3a8df5, #3a8df5);
 }

 .timeline-item:nth-child(odd)::before {
 	content: "";
 	position: absolute;
 	left: 50%;
 	top: 42%;
 	width: 20px;
 	height: 20px;
 	background-color: #ffffff;
 	border: 2px solid #3a8df5;
 	border-radius: 50%;
 	transform: translateX(-50%);
 }

 .timeline-item:nth-child(even)::before {
 	content: "";
 	position: absolute;
 	left: 50%;
 	top: 47%;
 	width: 20px;
 	height: 20px;
 	background-color: #ffffff;
 	border: 2px solid #3a8df5;
 	border-radius: 50%;
 	transform: translateX(-50%);
 }

 .timeline-item:nth-child(odd)::after {
 	content: "";
 	position: absolute;
 	left: 50%;
 	top: 49%;
 	width: 13%;
 	height: 2px;
 	background-color: #3a8df5;
 	transform: translateX(-100%)
 }

 .timeline-item:nth-child(even)::after {
 	content: "";
 	position: absolute;
 	left: 50%;
 	top: 51%;
 	width: 15%;
 	height: 2px;
 	background-color: #3a8df5;
 	transform: translateX(0%);
 }

 .timeline::after {
 	content: "";
 	position: absolute;
 	bottom: -79px;
 	left: 50%;
 	width: 20px;
 	height: 20px;
 	background-color: #3a8df5;
 	border-radius: 50%;
 	transform: translateX(-50%);
 }

 .yearodd {
 	font-size: 16px;
 	font-weight: bold;
 	color: #3a8df5;
 	text-align: center;
 	width: 10%;
 	padding-left: 82%
 }

 .yeareven1 {
 	font-size: 16px;
 	font-weight: bold;
 	color: #3a8df5;
 	text-align: center;
 	width: 10%;
 	padding-right: 2%;
 	margin-top: -9%;
 }

 .yeareven2 {
 	font-size: 16px;
 	font-weight: bold;
 	color: #3a8df5;
 	text-align: center;
 	width: 10%;
 	padding-right: 2%;
 	margin-top: -14%;
 }

 .title {
 	font-size: 18px;
 	font-weight: bold;
 	color: #3a8df5;
 	text-align: right;
 	padding-right: 12px;
 	margin-top: -3%;
 }

 .titleeven {
 	font-size: 18px;
 	font-weight: bold;
 	color: #3a8df5;
 	text-align: right;
 	padding-right: 12px;
 	padding-right: 81%;
 }

 .descriptionodd {
 	font-size: 14px;
 	color: #666;
 	line-height: 1.6;
 	letter-spacing: 3px;
 	padding-left: 5%;
 	padding-top: 10px;
 }

 .descriptioneven {
 	font-size: 14px;
 	color: #666;
 	line-height: 1.6;
 	letter-spacing: 3på;
 	padding-right: 53%;
 	padding-left: 9px;
 	padding-top: 10px;
 }

 .container3 {
 	position: relative;
 	width: 600px;
 	height: 400px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	margin: 0 auto;
 }

 .center-ellipse {
 	position: absolute;
 	width: 435px;
 	height: 170px;
 	background: linear-gradient(to bottom right, #AFDAFF 15%, #6CACE4 100%);
 	border-radius: 50%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	text-align: center;
 	color: white;
 	font-size: 20px;
 	font-weight: bold;
 	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 	transform: rotate(0deg);
 	left: 15%;
 }

 .ellipse-word1 {
 	margin-top: -18%;
 	margin-right: -14%;
 }

 .ellipse-word2 {
 	margin-top: 18%;
 	margin-left: -14%;
 }

 .outer-ellipse {
 	position: absolute;
 	width: 640px;
 	height: 240px;
 	background: radial-gradient(ellipse,
 			rgba(200, 220, 255, 0.1) 64%,
 			/* 更淡 */
 			rgba(108, 172, 228, 44) 82%);
 	border-radius: 50%;
 	transform: rotate(8deg);
 	top: 33%;
 	z-index: -1;
 	/* 確保在主橢圓底下 */
 }

 .img1 {
 	position: absolute;
 	width: 50%;
 	height: 10%;
 	top: 30%;
 	left: 29%;
 	z-index: -1000;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 }

 .img2 {
 	position: absolute;
 	width: 50%;
 	height: 10%;
 	top: 40%;
 	left: 25%;
 	z-index: -1000;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 }

 .img3 {
 	position: absolute;
 	z-index: -1000;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	top: 51%;
 	left: 47%;
 	height: 0%;
 	width: 0%;
 }

 .img4 {
 	position: absolute;
 	z-index: -1000;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	top: 64%;
 	left: 51%;
 	height: 0%;
 	width: 0%;
 	margin-top: -155px;
 }

 .img5 {
 	position: absolute;
 	z-index: -1000;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	top: 82%;
 	left: 87%;
 	height: 0%;
 	width: 0%;
 }

 .img6 {
 	position: absolute;
 	z-index: -1000;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	top: 83%;
 	left: 7%;
 	height: 0%;
 	width: 0%;
 }

 .img7 {
 	position: absolute;
 	z-index: -1000;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	top: 89%;
 	left: 7%;
 	height: 0%;
 	width: 0%;
 	z-index: 10000;
 }

 .img8 {
 	position: absolute;
 	z-index: -1000;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	top: 89%;
 	left: 93%;
 	height: 0%;
 	width: 0%;
 	z-index: 10000;
 }

 .imgdetail1 {
 	width: 1600px;
 	height: 1300px;
 }

 .imgdetail2 {
 	width: 1600px;
 	height: 1000px;
 }

 .imgdetail3 {
 	width: 350px;
 	height: 700px;
 }

 .imgdetail4 {
 	width: 200px;
 	height: 750px;
 }

 .imgdetail5 {
 	width: 250px;
 	height: 420px;
 }

 .item3 {
 	position: absolute;
 	width: 105px;
 	height: 105px;
 	background: linear-gradient(to bottom right, #AFDAFF 15%, #6CACE4 100%);
 	/* 左上淺 → 右下深 */
 	border-radius: 50%;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	text-align: center;
 	font-size: 14px;
 	color: white;
 	padding: 10px;

 	/* 陰影調整：右下較深，增加立體感 */
 	box-shadow: 4px 4px 15px rgba(50, 100, 200, 0.6),
 		inset -1px -1px 5px rgba(70, 80, 180, 0.1);
 	/* 內部陰影加深右下 */
 }

 .icon3 {
 	width: 66%;
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 }

 .icon32 {
 	width: 80%;
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 }

 .top-left3 {
 	top: -40px;
 	left: -16px;
 	background-color: #78A7E0;
 	transform: rotate(-8deg);
 }

 .top-leftword3 {
 	top: -50%;
 	left: -9%;
 	position: absolute;
 	width: 149px;
 	height: 99px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	text-align: center;
 	font-size: 16px;
 	color: black;
 	transform: rotate(-8deg);
 }

 .top-right3 {
 	top: -39px;
 	right: 32px;
 	background-color: #78A7E0;
 	transform: rotate(-8deg);
 }

 .top-rightword3 {
 	top: -50%;
 	left: 73%;
 	position: absolute;
 	width: 149px;
 	height: 99px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	text-align: center;
 	font-size: 16px;
 	color: black;
 	transform: rotate(-8deg);
 }

 .bottom-left3 {
 	bottom: -34px;
 	left: 70px;
 	background-color: #78A7E0;
 	transform: rotate(-8deg);
 }

 .bottom-leftword3 {
 	top: 98%;
 	left: -4%;
 	position: absolute;
 	width: 149px;
 	height: 99px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	text-align: center;
 	font-size: 16px;
 	color: black;
 	transform: rotate(-8deg);
 }

 .bottom-right3 {
 	bottom: 12px;
 	right: -15px;
 	background-color: #78A7E0;
 	transform: rotate(-8deg);
 }

 .bottom-rightword3 {
 	top: 57%;
 	left: 99%;
 	position: absolute;
 	width: 149px;
 	height: 99px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
 	text-align: center;
 	font-size: 16px;
 	color: black;
 	transform: rotate(-8deg);
 }

 .center-ellipse span {
 	transform: rotate(-8deg);
 	display: inline-block;
 	font-size: 150%;
 	font-style: italic;
 	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
 	font-weight: bold;
 	letter-spacing: 9px;
 	left: 15%;
 }

 .container4 {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin: 0 auto;
 	padding-left: 17%;
 	padding-right: 10%;
 	position: relative;
 }

 .container5 {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin: 0 auto;
 }

 .content {
 	color: #6CACE4;
 	letter-spacing: 5px;
 }

 .content h2 {
 	font-size: 32px;
 }

 .carousel {
 	width: 711px;
 	height: 600px;
 	position: relative;
 	overflow: hidden;
 	margin: 0 auto;
 	padding-top: 40px;
 	padding-bottom: 40px;
 }

 /* 容器用於放置圖片 */
 .carousel__container {
 	width: 711px;
 	height: 400px;
 	position: relative;
 }

 /* 每一張圖片的樣式 */
 .carousel__figure {
 	position: absolute;
 	width: 80%;
 	height: 80%;
 	top: 0;
 	left: 50%;
 	transform: translateX(-50%) scale(0.9);
 	transition: transform 0.5s ease-in-out, z-index 0.5s;
 	border-radius: 15px;
 	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
 	z-index: 1;
 }

 .carousel__figure img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	border-radius: 15px;
 }

 /* 設定圖片的堆疊效果，使中間的圖片在最上層 */
 .carousel__figure.active {
 	transform: translateX(-50%) scale(1);
 	z-index: 3;
 }

 .carousel__figure.left {
 	transform: translateX(-28%) scale(0.8);
 	z-index: 2;
 }

 .carousel__figure.left .caroseltitle {
 	text-indent: -999999px;
 }

 .carousel__figure.right {
 	transform: translateX(-72%) scale(0.8);
 	z-index: 2;
 }

 .carousel__figure.right .caroseltitle {
 	text-indent: -999999px;
 }

 .caroseltitle {
 	margin-top: 10px;
 	font-size: 36px;
 	letter-spacing: 4px;
 	color: #4E9EE5;
 	font-weight: 700;
 }

 .marquee-container {
 	position: relative;
 	width: 90%;
 	height: 400px;
 	/* 4個單位高度 (90px*4 + 間隔) */
 	overflow: hidden;
 	background-color: #fff;
 	margin: 0% auto;
 	margin-top: 180px;
 	margin-bottom: 60px;
 }

 .marquee-track {
 	display: flex;
 	position: absolute;
 	height: 100%;
 	left: 0;
 	font-size: 0;
 	/* 消除內聯元素間的空白 */
 }

 .collage-group {
 	display: grid;
 	/* 設定每個單位的寬高比為 16:9 */
 	grid-template-columns: repeat(6, 160px);
 	grid-template-rows: repeat(4, 90px);
 	/* 固定為4行 */
 	gap: 5px;
 	height: 100%;
 	padding: 5px;
 	box-sizing: border-box;
 	grid-auto-flow: column;
 	/* 改為先填滿列，再換行 */
 	margin: 0;
 	/* 移除所有邊距 */
 	font-size: 16px;
 	/* 恢復字體大小 */
 }

 .collage-item {
 	position: relative;
 	overflow: hidden;
 	border-radius: 4px;
 	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
 	background-color: #fff;
 	cursor: pointer;
 	transition: transform 0.3s;
 	z-index: 1;
 }

 .collage-item:hover {
 	transform: translateY(-8px) scale(1.2);
 	z-index: 10;
 }

 .collage-item img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .collage-item.size-2x2 {
 	grid-column: span 2;
 	grid-row: span 2;
 }

 .collage-item.size-3x2 {
 	grid-column: span 3;
 	grid-row: span 2;
 }

 .collage-item.size-1x1 {
 	grid-column: span 1;
 	grid-row: span 1;
 }

 .achievement-label {
 	position: absolute;
 	left: 5px;
 	bottom: 5px;
 	background: rgba(0, 0, 0, 0.7);
 	color: #fff;
 	font-size: 12px;
 	padding: 2px 4px;
 	border-radius: 3px;
 	opacity: 0;
 	transition: opacity 0.3s;
 }

 .collage-item:hover .achievement-label {
 	opacity: 1;
 }

 .modal {
 	position: absolute;
 	/* 改為 absolute，置於 container 內 */
 	top: 0;
 	left: 0;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	background-color: rgba(0, 0, 0, 0.8);
 	z-index: 1000000;
 }

 .modal-content {
 	border: 2px solid #fff;
 	height: 100%;
 	width: 666px;
 	object-fit: cover;
 	border-radius: 0 !important;
 	padding: 1rem !important;
 }

 .modal-close {
 	position: absolute;
 	top: 20px;
 	right: 35px;
 	color: #fff;
 	font-size: 40px;
 	font-weight: bold;
 	cursor: pointer;
 }

 .media-adjustment1 {
 	padding-top: 1%;
 }

 .media-adjustment2 {
 	padding-top: 5%;
 }

 .media-adjustment5 {
 	position: relative;
 	left: 5%;
 }

 .media-adjustment6 {
 	position: relative;
 	left: 10%;
 }

 .media-adjustment7 {
 	position: relative;
 	left: -7%;
 }

 .media-adjustment8 {
 	position: relative;
 	left: -1%;
 }

 .media-adjustment9 {
 	position: relative;
 	top: 12%;
 }


 @media screen and (min-width: 1024px) {
 	.timeline-item:nth-child(odd)::before {
 		left: 50%;
 		transform: translateX(-50%);
 		background-color: #fff;
 		z-index: 10;
 	}

 	.timeline-item:nth-child(even)::before {
 		left: 50%;
 		transform: translateX(-50%);
 		background-color: #fff;
 		z-index: 10;
 	}

 	.timeline-item:nth-child(odd)::after {
 		left: 50%;
 		transform: translateX(-100%);
 		z-index: 9;
 	}

 	.timeline-contentodd {
 		position: relative;
 		left: 3%;
 	}

 	.timeline-item:nth-child(even)::after {
 		left: 50%;
 		transform: translateX(0%);
 		z-index: 9;
 	}

 	.timeline-contenteven {
 		position: relative;
 		left: -3%;
 	}

 	.imgdetail1 {
 		width: 1440px;
 		height: 1000px;
 	}

 	.imgdetail2 {
 		width: 1440px;
 		height: 1000px;
 	}

 	.timeline-item {
 		margin-left: 0%;
 	}

 	.img3 {
 		left: 50%;
 		top: 51%;
 	}

 	.img4 {
 		left: 50%
 	}

 	.img7 {
 		left: 10%;
 		top: 91.6%;
 	}

 	.img8 {
 		left: 90%;
 		top: 91.6%;
 	}

 	.media-adjustment1 {
 		position: relative;
 		padding-top: 1%;
 	}

 	.media-adjustment2 {
 		position: relative;
 		padding-top: 5%;
 	}
 }

 @media screen and (max-width: 1024px) {
 	.section {
 		height: 100vh;
 	}

 	.image-size {
 		width: 68%;
 	}

 	.img1 {
 		width: 37%;
 		height: 12%;
 		top: 1.3%;
 		left: 35%;
 	}

 	.timeline-header {
 		padding: 22px;
 		font-size: 20px;
 		top: 1px;
 	}

 	.timeline::before {
 		top: -28%;
 	}

 	.timeline::after {
 		bottom: -61px;
 		width: 18px;
 		height: 18px;
 	}

 	.container2 {
 		margin-left: 11%;
 		margin-right: 11%;
 	}

 	.container4 {
 		padding-left: 11%;
 		padding-right: 4%;
 		top: 13%;
 	}

 	.text-content1 {
 		flex: 1;
 		padding: 0px;
 	}

 	.text-content2 {
 		flex: 1;
 		padding: 0px;
 	}

 	.content {
 		letter-spacing: 0px;
 	}

 	.button {
 		margin-right: 70%;
 	}

 	.timeline {
 		padding-top: 0px;
 	}

 	.timeline-item:nth-child(odd)::before {
 		top: 38%;
 		width: 18px;
 		height: 18px;
 	}

 	.timeline-item:nth-child(odd)::after {
 		transform: translateX(-81%);
 		width: 16%;
 		top: 31%;
 	}

 	.timeline-item:nth-child(even)::before {
 		width: 18px;
 		height: 18px;
 		top: 39%;
 	}

 	.timeline-item:nth-child(even)::after {
 		transform: translateY(-50%) translateX(-1%);
 		top: 38%;

 	}

 	.descriptioneven {
 		padding-right: 40%;
 		font-size: 13px;
 		position: relative;
 		right: -3%;
 	}

 	.title {
 		padding-right: 12px;
 		font-size: 16px;
 	}

 	.titleeven {
 		font-size: 16px;
 		padding-right: 75%;
 	}

 	.timeline-contentodd {
 		padding-left: 19%;
 		top: -22px;
 	}

 	.yearodd {
 		padding-left: 81%;
 		font-size: 16px;
 	}

 	.yeareven1 {
 		padding-right: 0%;
 		right: -12px;
 		position: relative;
 	}

 	.yeareven2 {
 		padding-right: 1%;
 		right: -4%;
 		position: relative;
 	}

 	.descriptionodd {
 		font-size: 13px;
 		padding-left: 0%;
 	}

 	.timeline-contenteven {
 		padding-top: 0%;
 	}

 	.media-adjustment10 {
 		top: 22px;
 	}

 	.media-adjustment2 {
 		position: relative;
 		padding-top: 4.8%;
 	}

 	.center-ellipse {
 		width: 390px;
 		height: 150px;
 		font-size: 18px;
 		top: 28%;
 		left: 15%;
 	}

 	.outer-ellipse {
 		height: 180px;
 	}

 	.container3 {
 		top: 10px;
 	}

 	.item3 {
 		width: 90px;
 		height: 90px;
 	}

 	.top-left3 {
 		top: 75px;
 		left: -6px;
 	}

 	.top-right3 {
 		top: 121px;
 		right: 13px;
 	}

 	.bottom-left3 {
 		bottom: 73px;
 		left: 54px;
 	}

 	.bottom-right3 {
 		bottom: 30px;
 		right: -15px;
 	}

 	.top-leftword3 {
 		top: -1%;
 	}

 	.top-rightword3 {
 		top: 10%;
 		left: 78%;
 	}

 	.bottom-leftword3 {
 		top: 76%;
 	}

 	.bottom-rightword3 {
 		top: 87%;
 		left: 83%;
 	}

 	.imgdetail1 {
 		width: 1024px;
 		height: 800px;
 	}

 	.imgdetail2 {
 		width: 1024px;
 		height: 800px;
 	}

 	.imgdetail3 {
 		width: 241px;
 	}

 	.imgdetail4 {
 		width: 158px;
 	}

 	.img5 {
 		left: 87%;
 		top: 78%;
 	}

 	.img6 {
 		top: 79%;
 		left: 7%;
 	}

 	.img7 {
 		left: 14%;
 		top: 88.8%;
 	}

 	.img8 {
 		left: 86%;
 		top: 88.8%;
 	}

 	.img3 {
 		left: 50%;
 		top: 49.5%;
 	}

 	.imgdetail5 {
 		width: 250px;
 		height: 393px;
 	}

 	.media-adjustment11 {
 		top: 25%;
 	}

 	.carousel {
 		width: 544px;
 		height: 306px;
 		padding-top: 20px;
 		padding-bottom: 20px;
 	}

 	.content h2 {
 		font-size: 28px;
 	}

 	.media-adjustment9 {
 		top: 7%;
 	}
 }

 @media screen and (max-width: 768px) {
 	.image-size {
 		width: 66%;
 	}

 	.container2 {
 		margin-left: 8%;
 		margin-right: 8%;
 		margin-top: 80px;
 	}

 	.text-content1 h1 {
 		font-size: 22px;
 	}

 	.text-content1 p {
 		font-size: 13px;
 	}

 	.text-content2 h1 {
 		font-size: 20px;
 		margin-right: 1rem;
 	}

 	.text-content2 p {
 		font-size: 13px;
 	}

 	.more {
 		margin-right: 62%;
 		font-size: 96%;
 	}

 	.imgdetail1 {
 		width: 768px;
 		height: 800px;
 	}

 	.imgdetail2 {
 		width: 768px;
 		height: 400px;
 	}

 	.img1 {
 		left: 25%;
 		width: 34%;
 		height: 11%;
 		top: 0.3%;
 	}

 	.img2 {
 		width: 2%;
 		top: 6%;
 		left: 60%;
 	}

 	.img5 {
 		left: 77%;
 		top: 77%;
 	}

 	.img8 {
 		left: 83%;
 	}

 	.media-adjustment3 {
 		position: relative;
 		left: 23%;
 	}

 	.image-container {
 		margin-left: 6px;
 	}

 	.timeline::before {
 		top: -21%;
 		bottom: -30%;
 	}

 	.timeline::after {
 		bottom: -76px;
 	}

 	.timeline {
 		top: -18px;
 	}

 	.timeline-item:nth-child(odd)::before {
 		top: 49%;
 		width: 16px;
 		height: 16px;
 	}

 	.timeline-item:nth-child(2) .timeline-contenteven {
 		top: -10px !important;
 	}

 	.timeline-header {
 		letter-spacing: 16px;
 		top: -11px;
 	}

 	.timeline-contentodd {
 		padding-top: 5%;
 		padding-left: 11%;
 	}

 	.timeline-item:nth-child(odd)::after {
 		width: 19%;
 		top: 43%;
 		left: calc(49% - 28px);
 	}

 	.timeline-item:nth-child(3)::after {
 		top: 48%;
 	}

 	.yearodd {
 		padding-left: 82%;
 		font-size: 14px;
 	}

 	.title {
 		padding-right: 9px;
 		font-size: 14px;
 	}

 	.descriptionodd {
 		line-height: 1.3;
 		letter-spacing: 2px;
 		font-size: 12px;
 	}

 	.descriptioneven {
 		padding-right: 25%;
 		font-size: 12px;
 		line-height: 1.3;
 		letter-spacing: 2px;
 	}

 	.titleeven {
 		padding-right: 71%;
 		font-size: 14px;
 	}

 	.timeline-contenteven {
 		padding-top: 2%;
 	}

 	.media-adjustment2 {
 		padding-top: 7%;
 	}

 	.yeareven2 {
 		right: -4%;
 		font-size: 14px;
 	}

 	.yeareven1 {
 		right: -4%;
 		position: relative;
 		font-size: 14px;
 	}

 	.timeline-item:nth-child(even)::before {
 		width: 16px;
 		height: 16px;
 		top: 55%;
 	}

 	.timeline-item:nth-child(even)::after {
 		width: 18%;
 		transform: translateY(-50%) translateX(0%);
 		top: 54%;
 	}

 	.media-adjustment1 {
 		padding-top: 0%;
 	}

 	.container3 {
 		top: -10px;
 	}

 	.outer-ellipse {
 		width: 85%;
 		height: 33%;
 		top: 40%;
 	}

 	.center-ellipse {
 		width: 51%;
 		height: 33%;
 	}

 	.center-ellipse span {
 		font-size: 125%;
 	}

 	.item3 {
 		width: 85px;
 		height: 85px;
 	}

 	.icon3 {
 		width: 60px;
 		height: 60px;
 	}

 	.top-left3 {
 		top: 93px;
 		left: 52px;
 	}

 	.top-leftword3 {
 		top: 3%;
 		left: 3%;
 		font-size: 15px;
 	}

 	.top-right3 {
 		top: 143px;
 		right: 55px;
 	}

 	.top-rightword3 {
 		top: 17%;
 		left: 71%;
 		font-size: 15px;
 	}

 	.bottom-left3 {
 		bottom: 71px;
 		left: 100px;
 	}

 	.bottom-leftword3 {
 		top: 77%;
 		left: 11%;
 		font-size: 15px;
 	}

 	.bottom-right3 {
 		bottom: 47px;
 		right: 33px;
 	}

 	.bottom-rightword3 {
 		top: 86%;
 		left: 76%;
 		font-size: 15px;
 	}

 	.text-content3 h2 {
 		font-size: 30px;
 		left: -2px;
 		position: relative;
 	}

 	.text-content3 p {
 		font-size: 14px;
 	}

 	.img3 {
 		top: 45.5%;
 	}

 	.img4 {
 		top: 69.5%;
 	}

 	.content h2 {
 		font-size: 1.5rem;
 	}

 	.img5 {
 		left: 83%;
 		top: 74%;
 	}

 	.imgdetail3 {
 		width: 250px;
 		height: 600px;
 	}

 	.carousel {
 		height: 250px;
 	}

 	.img6 {
 		top: 74.5%;
 	}

 	.imgdetail4 {
 		width: 158px;
 	}

 	.img7 {
 		top: 84%;
 		left: 13%;
 	}

 	.imgdetail5 {
 		width: 130px;
 		height: 620px;
 	}

 	.img8 {
 		left: 87%;
 		top: 84%;
 	}
 }

 @media screen and (max-width: 425px) {
 	.media-adjustment3 {
 		position: relative;
 		left: 0%;
 	}

 	.more {
 		font-size: 66%;
 		margin-top: 2px;
 		margin-right: 45%;
 	}

 	.image-size {
 		width: 85%;
 	}

 	.imgdetail2 {
 		width: 425px;
 	}

 	.imgdetail1 {
 		width: 425px;
 	}

 	.img1 img {
 		width: 118%;
 	}

 	.img2 img {
 		width: 157%;
 	}

 	.img1 {
 		left: 34%;
 		top: 1.5%;
 		width: 36%;
 		height: 5%;
 	}

 	.img2 {
 		top: 5.5%;
 		left: 41%;
 		width: 46%;
 	}

 	.img5 {
 		left: 47%;
 	}

 	.img8 {
 		left: 75%;
 	}

 	.container3 {
 		width: 425px;
 	}

 	.bottom-rightword3 {
 		left: 60%;
 	}

 	.top-rightword3 {
 		left: 65%;
 	}

 	.footer-social {
 		width: 425px;
 	}

 	.button {
 		margin-right: 56%;
 		font-size: 9px;
 	}

 	.media-adjustment4 {
 		width: 41%;
 		left: 11%;
 		position: relative;
 	}

 	.container2 {
 		margin-left: 9%;
 		margin-right: 9%;
 		margin-top: 52px;
 	}

 	.text-content1 h1 {
 		font-size: 12px;
 	}

 	.text-content1 p {
 		font-size: 9px;
 		padding-right: 30px;
 	}

 	.text-content2 h1 {
 		font-size: 12px;
 		margin-right: -1rem;
 	}

 	.text-content2 p {
 		font-size: 9px;
 	}

 	.image-container {
 		margin-left: -24px;
 	}

 	.media-adjustment5 {
 		width: 49%;
 		left: 2%;
 		position: relative;
 	}

 	.timeline-header {
 		font-size: 12px;
 		letter-spacing: 11px;
 	}

 	.timeline::before {
 		top: -12%;
 	}

 	.timeline-contentodd {
 		padding-left: 7%;
 		left: 0%;
 		padding-top: 10%;
 	}

 	.media-adjustment10 {
 		top: -16px;
 	}

 	.media-adjustment12 {
 		padding-top: 8%;
 	}

 	.yearodd {
 		font-size: 12px;
 		padding-left: 79%;
 	}

 	.title {
 		font-size: 12px;
 		padding-right: 7px;
 	}

 	.descriptionodd {
 		font-size: 10px;
 	}

 	.timeline-contenteven {
 		padding-left: 3%;
 		width: 48%;
 		left: -1%;
 		top: -25px;
 	}

 	.yeareven1 {
 		font-size: 12px;
 		right: -4%;
 	}

 	.titleeven {
 		font-size: 12px;
 		padding-right: 56%;
 	}

 	.descriptioneven {
 		font-size: 10px;
 		padding-right: 7%;
 	}

 	.yeareven2 {
 		font-size: 12px;
 		right: -4%;
 	}

 	.timeline-item:nth-child(odd)::before {
 		width: 15px;
 		height: 15px;
 		top: 46px;
 	}

 	.timeline-item:nth-child(even)::before {
 		width: 15px;
 		height: 15px;
 		top: 29%;
 	}

 	.timeline-item:nth-child(4)::before {
 		width: 15px;
 		height: 15px;
 		top: 29%;
 		left: 52.5%;
 	}

 	.timeline-item:nth-child(odd)::after {
 		left: calc(50% - 20px);
 		width: 28%;
 	}

 	.timeline-item:nth-child(even)::after {
 		width: 27%;
 		transform: translateY(-50%) translateX(2%);
 		top: 29%;
 	}

 	.timeline-item:nth-child(4)::after {
 		width: 27%;
 		transform: translateY(-50%) translateX(8%);
 		top: 29%;
 	}

 	.media-adjustment1 {
 		padding-top: 6%;
 	}

 	.media-adjustment2 {
 		padding-top: 9.5%;
 	}

 	.timeline::after {
 		bottom: -81px;
 	}

 	.outer-ellipse {
 		width: 83%;
 		height: 29%;
 		top: 34%;
 	}

 	.center-ellipse {
 		width: 47%;
 		height: 26%;
 		right: 24%;
 	}

 	.center-ellipse span {
 		letter-spacing: 7px;
 		font-size: 85%;
 	}

 	.item3 {
 		width: 65px;
 		height: 65px;
 	}

 	.icon3 {
 		width: 30px;
 		height: 30px;
 	}

 	.top-right3 {
 		top: 139px;
 		right: 23px;
 	}

 	.bottom-left3 {
 		bottom: 146px;
 		left: 27px;
 	}

 	.bottom-right3 {
 		bottom: 105px;
 		right: 80px;
 	}

 	.top-left3 {
 		top: 87px;
 		left: 61px;
 	}

 	.top-leftword3 {
 		top: 4%;
 		left: 5%;
 		font-size: 12px;
 	}

 	.top-rightword3 {
 		left: 78%;
 		font-size: 12px;
 		top: 17%;
 		width: 18%;
 	}

 	.bottom-leftword3 {
 		top: 57%;
 		left: 4%;
 		font-size: 12px;
 		width: 18%;
 	}

 	.bottom-rightword3 {
 		left: 64.5%;
 		width: 18%;
 		font-size: 12px;
 		top: 67%;
 	}

 	.text-content3 p {
 		font-size: 10px;
 		letter-spacing: 3px;
 		margin-right: -2%;
 	}

 	.text-content3 h2 {
 		font-size: 14px;
 		letter-spacing: 0px;
 	}

 	.media-adjustment7 {
 		left: 0%;
 	}

 	.media-adjustment9 {
 		top: 17%;
 	}

 	.image-size2 {
 		width: 92%;
 	}

 	.container4 {
 		top: 25%;
 	}

 	.text-content h2 {
 		font-size: 14px;
 	}

 	.text-content p {
 		font-size: 10px;
 	}

 	.media-adjustment6 {
 		left: -5%;
 	}

 	.img3 {
 		top: 45%;
 	}

 	.img4 {
 		top: 69%;
 	}

 	.carousel {
 		height: 240px;
 	}

 	.content h2 {
 		font-size: 15px;
 	}

 	.carousel {
 		height: 180px;
 		width: 320px;
 	}

 	.img6 {
 		top: 72.5%;
 	}

 	.imgdetail4 {
 		width: 108px;
 	}

 	.img5 {
 		left: 82%;
 		top: 72%;
 	}

 	.imgdetail3 {
 		width: 155px;
 		height: 600px;
 	}

 	.img7 {
 		top: 83%;
 		left: 13%;
 	}

 	.img8 {
 		left: 84%;
 		top: 83%;
 	}

 	.imgdetail5 {
 		width: 130px;
 		height: 420px;
 	}

 	.timeline::after {
 		bottom: -77px;
 		width: 15px;
 		height: 15px;
 	}
 }

 @media screen and (max-width: 375px) {
 	.container2 {
 		margin-top: 24px;
 	}

 	.image-size {
 		width: 90%;
 	}

 	.image-container {
 		margin-left: -21px;
 	}

 	.more {
 		font-size: 60%;
 		margin-right: 40%;
 	}

 	.imgdetail1 {
 		width: 375px;
 	}

 	.imgdetail2 {
 		width: 375px;
 	}

 	.img5 {
 		left: 64%;
 		top: 68%;
 	}

 	.img8 {
 		left: 75%;
 	}

 	.container3 {
 		width: 375px;
 		top: 7px;
 	}

 	.footer-social {
 		width: 375px;
 	}

 	.text-content1 h1 {
 		letter-spacing: 3px;
 	}

 	.button {
 		margin-right: 48%;
 		font-size: 10px;
 	}

 	.img1 img {
 		width: 97%;
 	}

 	.img1 {
 		left: 36%;
 		top: 1%;
 	}

 	.text-content2 h1 {
 		margin-right: 3rem;
 	}

 	.timeline-header {
 		letter-spacing: 7px;
 	}

 	.timeline-contentodd {
 		padding-left: 6%;
 		padding-top: 12%;
 	}

 	.timeline-contenteven {
 		top: -45px;
 	}

 	.timeline::before {
 		bottom: -14%;
 	}

 	.timeline-item {
 		margin-bottom: -66px;
 	}

 	.yearodd {
 		padding-left: 76%;
 	}

 	.media-adjustment2 {
 		padding-top: 17%;
 	}

 	.media-adjustment1 {
 		padding-top: 12%;
 	}

 	.timeline::after {
 		bottom: -47px;
 	}

 	.center-ellipse {
 		width: 49%;
 		height: 23%;
 		right: 25%;
 		top: 30%;
 	}

 	.center-ellipse span {
 		letter-spacing: 7px;
 		font-size: 79%;
 	}

 	.outer-ellipse {
 		height: 27%;
 	}

 	.item3 {
 		width: 55px;
 		height: 55px;
 	}

 	.top-left3 {
 		top: 101px;
 		left: 40px;
 	}

 	.top-right3 {
 		top: 136px;
 		right: 30px;
 	}

 	.bottom-left3 {
 		bottom: 145px;
 		left: 81px;
 	}

 	.bottom-right3 {
 		bottom: 123px;
 		right: 48px;
 	}

 	.top-leftword3 {
 		top: 8%;
 		left: -2%;
 		font-size: 11px;
 	}

 	.top-rightword3 {
 		left: 76%;
 		font-size: 11px;
 		top: 16%;
 	}

 	.bottom-leftword3 {
 		top: 57%;
 		left: 20%;
 		font-size: 11px;
 	}

 	.bottom-rightword3 {
 		font-size: 11px;
 		top: 62%;
 		left: 71%;
 	}

 	.media-adjustment7 {
 		width: 95%;
 	}

 	.yeareven1 {
 		right: -7%;
 	}

 	.yeareven2 {
 		right: -8%;
 	}

 	.titleeven {
 		padding-right: 49%;
 	}

 	.img3 {
 		top: 44%;
 	}

 	.img4 {
 		top: 56%;
 	}

 	.text-content3 h2 {
 		margin-right: -29px;
 	}

 	.text-content3 p {
 		margin-right: -12%;
 	}

 	.content h2 {
 		font-size: 13px;
 	}

 	.carousel {
 		height: 190px;
 	}

 	.img5 {
 		left: 80%;
 		top: 72%;
 	}

 	.img6 {
 		top: 72.5%;
 	}

 	.imgdetail4 {
 		width: 107px;
 	}

 	.img7 {
 		top: 83%;
 		left: 17%;
 	}

 	.img8 {
 		left: 82%;
 		top: 83%;
 	}
 }

 @media screen and (max-width: 320px) {
 	.container3 {
 		width: 320px;
 	}

 	.imgdetail1 {
 		width: 320px;
 	}

 	.imgdetail2 {
 		width: 320px;
 	}

 	.media-adjustment9 {
 		top: 30%;
 	}

 	.footer-social {
 		width: 320px;
 	}

 	.img8 {
 		left: 79%;
 		top: 82.5%
 	}

 	.img7 {
 		top: 82.5%;
 	}

 	.text-content1 h1 {
 		letter-spacing: 1px;
 		margin-bottom: 0.3rem;
 		font-size: 10px;
 	}

 	.text-content1 p {
 		font-size: 8px;
 	}

 	.more {
 		font-size: 10px;
 		margin-right: 28%;
 	}

 	.button {
 		margin-right: 36%;
 		font-size: 9px;
 	}

 	.text-content2 h1 {
 		margin-right: 2rem;
 	}

 	.timeline-header {
 		letter-spacing: 4px;
 		top: 34px;
 	}

 	.timeline-contentodd {
 		padding-left: 6%;
 		padding-top: 14%;
 	}

 	.titleeven {
 		font-size: 11px;
 		padding-right: 46%;
 	}

 	.timeline-contenteven {
 		padding-top: 3%;
 	}

 	.media-adjustment2 {
 		padding-top: 31%;
 	}

 	.timeline-item:nth-child(odd)::after {
 		width: 34%;
 		top: 45%;
 	}

 	.timeline-item:nth-child(even)::before {
 		width: 13px;
 		height: 13px;
 	}

 	.media-adjustment1 {
 		padding-top: 15%;
 	}

 	.media-adjustment2 {
 		padding-top: 18%;
 	}

 	.timeline {
 		top: 10px;
 	}

 	.yearodd {
 		padding-left: 70%;
 		font-size: 11px;
 	}

 	.yeareven1 {
 		font-size: 11px;
 	}

 	.title {
 		padding-right: 9px;
 		font-size: 11px;
 	}

 	.descriptionodd {
 		font-size: 9px;
 	}

 	.descriptioneven {
 		font-size: 9px;
 	}

 	.timeline-item:nth-child(even)::after {
 		width: 32%;
 	}

 	.timeline::before {
 		bottom: -14%;
 		top: -2%;
 	}

 	.timeline-item:nth-child(odd)::before {
 		width: 13px;
 		height: 13px;
 	}

 	.center-ellipse span {
 		font-size: 62%;
 	}

 	.center-ellipse {
 		height: 20%;
 	}

 	.outer-ellipse {
 		height: 24%;
 	}

 	.item3 {
 		width: 45px;
 		height: 45px;
 	}

 	.icon3 {
 		width: 25px;
 		height: 25px;
 	}

 	.top-left3 {
 		top: 109px;
 		left: 37px;
 	}

 	.bottom-left3 {
 		bottom: 173px;
 		left: 23px;
 	}

 	.bottom-right3 {
 		bottom: 139px;
 		right: 58px;
 	}

 	.top-leftword3 {
 		top: 10%;
 		left: -4%;
 		font-size: 10px;
 	}

 	.top-rightword3 {
 		left: 74%;
 		font-size: 10px;
 		top: 17%;
 		width: 19%;
 	}

 	.bottom-leftword3 {
 		top: 49%;
 		left: 4%;
 		font-size: 10px;
 		width: 19%;
 	}

 	.bottom-rightword3 {
 		font-size: 10px;
 		top: 57%;
 		left: 66%;
 		width: 19%;
 	}

 	.text-content p {
 		font-size: 9px;
 	}

 	.text-content h2 {
 		font-size: 12px;
 	}

 	.image-size {
 		width: 83%;
 	}

 	.media-adjustment7 {
 		width: 89%;
 	}

 	.img3 {
 		top: 43.5%;
 	}

 	.img4 {
 		top: 65.5%;
 	}

 	.content h2 {
 		font-size: 11px;
 	}

 	.img5 {
 		left: 76%;
 		top: 73%;
 	}

 	.img6 {
 		top: 73%;
 	}

 	imgdetail3 {
 		width: 131px;
 	}

 	.imgdetail4 {
 		width: 92px;
 	}

 	.img2 {
 		top: 5.5%;
 		left: 36%;
 	}

 	.carousel {
 		width: 256px;
 		height: 144px;
 	}
 }

 .image-size666 {
 	height: 100%;
 }

 .brandsCarousel::before,
 .brandsCarousel::after {
 	content: "";
 	width: 200px;
 	height: 400px;
 	position: absolute;
 	z-index: 2;
 	background: linear-gradient(to right, rgb(250, 250, 240) 0%, rgba(250, 250, 240, 0) 100%);
 }

 .brandsCarousel::after {
 	top: 0px;
 	left: 50%;
 	margin-left: -50%;
 }

 .brandsCarousel::before {
 	top: 0px;
 	right: 50%;
 	margin-right: -50%;
 	transform: rotateZ(180deg);
 }

 .dg-container {
 	width: 100%;
 	height: 450px;
 	position: relative;
 }

 .dg-wrapper {
 	width: 481px;
 	height: 316px;
 	margin: 0 auto;
 	position: relative;
 	-webkit-transform-style: preserve-3d;
 	-moz-transform-style: preserve-3d;
 	-o-transform-style: preserve-3d;
 	-ms-transform-style: preserve-3d;
 	transform-style: preserve-3d;
 	-webkit-perspective: 1000px;
 	-moz-perspective: 1000px;
 	-o-perspective: 1000px;
 	-ms-perspective: 1000px;
 	perspective: 1000px;
 }

 .dg-wrapper a {
 	width: 482px;
 	height: 316px;
 	display: block;
 	position: absolute;
 	left: 0;
 	top: 0;
 }

 .dg-wrapper a.dg-transition {
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	-ms-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 }

 .dg-wrapper a img {
 	display: block;
 	width: 100%;
 }

 .dg-wrapper a div {
    font-family: "Noto Sans TC", sans-serif;
    text-align: center;
    line-height: 50px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    color: #6CACE4;
    font-size: 35px;
    width: 100%;
    font-weight: 700;
    bottom: -45px;
    display: none;
    position: absolute;
}

 .dg-wrapper a.dg-center div {
 	display: block;
 }

 .dg-container nav {
 	position: relative;
 	z-index: 1000;
 	top: -45%;
 	left: 50%;
 }

 .dg-container nav span {
 	text-indent: -9000px;
 	float: left;
 	cursor: pointer;
 	width: 85px;
 	height: 86px;
 }

 .dg-container nav span.dg-prev {
 	position: absolute;
 	margin-left: -580px;
 	background: transparent url(../img/L.png) no-repeat;
 }

 .dg-container nav span.dg-next {
 	position: absolute;
 	margin-left: 500px;
 	background: transparent url(../img/R.png) no-repeat;
 }

 .dg-container nav span:hover {
 	opacity: 1;
 }

 .dg-container nav span.dg-next {
 	background-position: top right;
 }