*{
	font-family: "GenJyuuGothic-Normal";
}
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-color:#fcfcfc;
}
@font-face {
	font-family: "GenJyuuGothic-Normal";
	src:url("../fonts/GenJyuuGothic-Normal.ttf") format("truetype"); /* chrome firefox opera Safari, Android, iOS 4.2+*/
}

.navigation {
  display: flex;
  align-items: center;
  padding: 0px 20px;
  background-color: #fffffff2;
  border-bottom: 3px solid #a1a1a1;
  min-height: 93px;
}

.navigation .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.logo {
  margin-right: auto;
  list-style: none;
  padding-right: 10px;
}

.navbar-nav {
  display: flex;
  #justify-content: center;
  flex-grow: 1;
}

.navbar-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.navbar-client {
  display: flex;
  justify-content: center;
  flex-grow: 1;
}

.navbar-client ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.nav-item {
  margin-left: 20px;
  margin: 0 30px;
  position: relative; /* 確保子元素的絕對定位相對於父元素 */
}

.nav-item a {
  text-decoration: none;
  color: #333;
  font-size: 16px;
}

.nav-item a:hover {
  color: #007BFF;
}

.nav-language .language-menu {
  display: none; /* 隱藏選單 */
  position: absolute; /* 絕對定位 */
  top: 100%; /* 確保選單顯示在父元素下方 */
  left: 0; /* 左對齊 */
  background-color: #fff; /* 設置選單背景色 */
  padding: 20px; /* 添加內邊距 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加陰影 */
  list-style: none; /* 移除列表項的點 */
  margin: 0; /* 移除外邊距 */
  z-index: 1000; /* 確保選單顯示在其他元素之上 */
}

.nav-language:hover .language-menu {
  display: block; /* 當滑鼠懸停時顯示選單 */
}

.language-menu li {
  margin-bottom: 10px; /* 添加底部間距 */
}

.language-menu li a {
  text-decoration: none; /* 移除底線 */
  color: #333; /* 設置文字顏色 */
}

.language-menu li a:hover {
  color: #007BFF; /* 當滑鼠懸停時改變文字顏色 */
}

.footer-top {
  display: flex;
  align-items: center;
  border-top: 1px solid #ccc; /* 添加頂部邊框 */
}

.footer-info {
  flex-grow: 1;
  padding: 20px;
}

.footer-icon a {
  font-size: 30px; /* 設置圖標大小 */
  margin-right: 10px; /* 添加右邊距離 */
  color: #808080; /* 設置圖標顏色 */
  text-decoration: none; /* 移除底線 */
  margin-top: 15px;
}

.footer-services {
  flex-grow: 1;
  padding: 20px;
}

.footer-services ul {
  list-style: none; /* 移除列表項的點 */
  padding: 0; /* 移除內邊距 */
}

.footer-services li {
  margin-bottom: 10px; /* 添加底部間距 */
}

.footer-services a {
  color: #000;
  text-decoration: none; /* 移除底線 */
}

.footer-contact {
  flex-grow: 1;
  padding: 20px;
}

.footer-contact ul {
  list-style: none; /* 移除列表項的點 */
  padding: 0; /* 移除內邊距 */
}

.footer-contact li {
  margin-bottom: 10px; /* 添加底部間距 */
}

.footer-contact a {
  color: #000;
  text-decoration: none; /* 移除底線 */
}

.footer-product {
  flex-grow: 1;
  padding: 20px;
}

.footer-product ul {
  list-style: none; /* 移除列表項的點 */
  padding: 0; /* 移除內邊距 */
}

.footer-product li {
  margin-bottom: 10px; /* 添加底部間距 */
}

.footer-product a {
  color: #000;
  text-decoration: none; /* 移除底線 */
}

.footer-bottom h5 {
  text-align: center; /* 置中對齊 */
  padding: 10px 0; /* 添加上下內邊距 */
  background-color: #f8f8f8; /* 設置背景顏色 */
  border-top: 1px solid #ccc; /* 添加頂部邊框 */
  margin: 0; /* 移除外邊距 */
}
.top_news_wrap
{
	margin-top:96px;
	width: 100%;
	position: absolute;
	top: 0px;
}
.top_news
{
	font-size: 14px;
    font-weight: 500;
    color: #707070;
    background: #eee;
    padding: 12px 80px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.nav-btn
{
	display:none;
}
.nav-btn-service {
    display: none;
    position: absolute;
    left: -1000px;
    top: 0px;
    width: 0px;
    height: 0px;
    z-index: 1000;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
    text-decoration: none;
    background-color: #fff;
}
.nav-link img
{
	width:400px;
}
.footer-info img
{
	width:300px;
}
@media (max-width:1024px)
{
	.nav-item {
		margin-left: 0px;
		margin: 0px;
		position: relative;
	}
	.nav-link img 
	{
		width: 280px;
	}
	.product-list-intel,.product-list-amd
	{
		display: flex;
		align-items: center;
		padding: 0px 20px;
		margin-inline-end: auto;
		margin-inline-start: auto;
		width: unset;
		flex-direction: column;
	}
	.footer-top 
	{
		display: flex;
		align-items: center;
		border-top: 1px solid #ccc;
		flex-direction: column-reverse;
	}
	.footer-top div
	{
		padding:0px;
	}
	.footer-product ul 
	{
		list-style: none;
		padding: 0;
		display: flex;
	}
	.footer-product li 
	{
		margin-bottom: unset;
		padding: 0px 10px 0px 10px;
	}
	.footer-contact ul {
		list-style: none;
		padding: 0;
		display: flex;
	}
	.footer-contact li 
	{
		margin-bottom: unset;
		padding: 0px 10px 0px 10px;
	}
	.footer-services ul 
	{
		list-style: none;
		padding: 0;
		display: flex;
	}
	.footer-services li 
	{
		margin-bottom: unset;
		padding: 0px 10px 0px 10px;
	}
	.footer-info 
	{
		flex-grow: 1;
		padding: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.navigation 
	{
		display: flex;
		align-items: center;
		padding: 10px 20px;
		background-color: #f8f8f8;
		border-bottom: 3px solid #a1a1a1;
		height: 50px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
	}
    .nav-btn {
        position: relative;
        right: 40px;
        top: 0;
        width: auto;
        height: 100%;
        cursor: pointer;
        z-index: 100;
        border-radius: 50%;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .nav-btn i 
	{
        display: block;
        width: 30px;
        height: 4px;
        background-color: #000;
        border-radius: 2px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }
    .nav-btn i:nth-child(2)
	{
        margin-top: 7px;
        opacity: 1;
    }
    .nav-btn i:nth-child(3)
	{
        margin-top: 7px;
        opacity: 1;
    }

    .nav-btn-service 
	{
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: auto;
    }
    .nav-btn-service-list 
	{
        width: 70%;
        height: auto;
        position: absolute;
        top: 72px;
        left: 36px;
        display: flex;
        flex-direction: column;
    }
    .service_title 
	{
        border-bottom: 1px;
        border: 3px;
        border-bottom-style: solid;
        border-color: #409eff;
        width: 100%;
        padding: 20 10 20 10;
        font-size: 30px;
        font-weight: 600;
        letter-spacing: 1px;
    }
    .service_sub 
	{
        display: flex;
        padding: 10px;
        font-size: 28px;
        align-items: flex-start;
        flex-direction: column;
        color: dimgray;
    }
    .service_div 
	{
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: flex-start;
    }
    .service_sub div 
	{
        padding: 10px;
    }
    .nav_service_close 
	{
        position: absolute;
        top: 36px;
        right: 36px;
        width: 40px;
    }
	.navbar-nav ul 
	{
		list-style: none;
		margin: 0;
		padding: 0;
		display: none;
	}
	.top_news_wrap 
	{
		margin-top: 115px;
		width: 100%;
		position: absolute;
		top: 0px;
	}
	.top_news 
	{
		font-size: 16px;
		font-weight: 500;
		color: #707070;
		background: #eee;
		padding: 12px 30px;
		display: flex;
		gap: 10px;
		align-items: center;
	}
}