body,div,ul,li,a,img {
  margin: 0;
  padding: 0;
}

ul,li {
  list-style: none;
}

a {
  text-decoration: none;
}

.h1 {
  font-size: 10px;
}

.edm {
  white-space: normal;
  display: flex;
  justify-content: center;
  margin: auto;
  width: 1283.5px;
  height: 50px;
  top: 50px;
}

.edm img {
  width: 80%;
  height: initial;
}
.G01{
  height:50px;
}
.G03{
  height:125px
}

.G02{
  height: 40px;
}


 #DIV_all_ABUS { /* 背景 */
  background: url(../DTS/box_images/JPG/背景-01.jpg);
  background-attachment: fixed;
  background-size:100% ;
  width: 100%;
  height:1300px;
}

/* --------------------↓ TOP鈕 ↓-------------------- */
#button {
  background-color: #969696;
  display: inline-block;
  position: fixed;
  width: 50px;
  height: 50px;
  text-align: center;
  bottom: 30px;
  right: 30px;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  transition: background-color .3s, opacity .5s, visibility .5s;
}

#button::after {
  content: "TOP";
  font-family: "Gill Sans", sans-serif;
  font-weight: bold;
  font-style: sans-serif;
  font-size: 10px;
  line-height: 50px;
  color: #ffffff;
}

#button:hover {
  cursor: pointer;
  background-color: #FF9800;
}

#button:active {
  background-color: #555555;
}

#button.show {
  opacity: 1;
  visibility: visible;
}
/* --------------------↓ 語言選單 ↓-------------------- */
#lang-list {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: initial;
  top: 0px;
  left: 0px;
}

#language {
  position: relative;
  width: 75%;
  height: 25px;
  margin: auto;
  top: 20px;
}


/* --------------------↓ 下畫線 ↓-------------------- */
hr.style-one {
  background: linear-gradient(to right, #ffffff00, #ffffffbf, #00000000);
  margin: 1% auto;
  border: 0;
  width: 42%;
  height: 2px;
}

/* --------------------↓ 頭文 ↓-------------------- */
 .AW{
margin: auto;
  width: 600px;
  height: 400px;

 }

.AWD{
  letter-spacing:-0.5px;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 20px;
color: #3f3f3f;
line-height: 28px;
margin: auto;
font-weight: 500;
}

.AT , .SY ,.BT-1{
  display: block;
  width: auto;
  top: 50px;
  margin: auto;
  text-align: center;
}


.A-2{
  width: 1300PX;
  margin: auto;
  text-align: center;
}

.A-L,.A-R{

height: 600PX; 
margin: auto;
text-align: justify;

}

/* --------------------↓ 車架圖.文 ↓-------------------- */
.DIV_cp { 

  width:500px;
  height: 160px;
  margin: auto;
}


.DIV_cp2 { /* J.K的車架圖 */
  width: 300px;
  height: 150px;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size:47px ;
color: #ffffff;
  z-index: 20;
}


/* --------------------↓ 分頁鈕 ↓-------------------- */

/* --------------------↓ 分頁鈕 ↓-------------------- */




/* ----------↓ 產品內容 ↓---------- */
img {vertical-align: middle;}


.tabcontent {
  display: block;
  top: 50px;
  width: 1283.5px;
  height: 1000px;
  margin: auto;
  text-align: center;
}



#ABOUT-US{
background-color:#ffffffc5;
border-radius: 10px;
height: 850px;
width: 1283.5px;
}


/*----- STREAM -----*/

.STREAM {
  top: 50px;
  margin: auto;
  width: 500px; 
  transform: translate(-5%, 15%);
  height: 200px;
}

.S1{
  margin: auto;
  display: block;
  height: 350px;
  width: 700px;
  transform: translate(-25%, 0%);
  z-index: 10;
}
.H1{
  height: 450px;
  left: 100PX;
}

.H1-1 ,.H2-1,.H3-1{
  margin: auto;
  height: 100px;
  width: 800pX;
  transform: translate(10%, -325px);
  z-index: 20;
  float: left;
}

.H1-1-1{
  height:100px;
  width: 600px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: bold;
  word-break: break-all;
  font-size:12.5px ;
  line-height:14px;
  color:#505050 ;
  text-align:left;
  float: right;
}

.H2-1{
  transform: translate(34%, -300px);
}

.H3{
  transform: translate(40%, -250px);
}
.H3-1 {
  transform: translate(20%, -300px);
}

/*----- pc -----*/
.PC {
  top: 50px;
  margin: auto;
  width:1200px; 
  transform: translate(0%, 15%);
  height: 200px;
}


.P1 ,.P2 {
  position: relative;
  width: 100%; /* 佔總寬度的50%，也可以換成任何你想要的寬度 */
  padding-top: 52%;  /* 也是佔總寬度的50%，因此長寬一樣長 */
}

.P1 img ,.P2 img ,.P3 img{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; /* 將圖片固定在父層的大小 */
  width: 100%;
  height: 100%; /* 高和寬都填滿容器 */
  object-fit: cover; /* 和background-image設定background-size: cover一樣，圖片剛好填滿 */
  object-position: center;
}

.P3{
  position: relative;
  margin: auto;
  width: 80%; /* 佔總寬度的50%，也可以換成任何你想要的寬度 */
  padding-top: 48%;  /* 也是佔總寬度的50%，因此長寬一樣長 */
}


/*----- JUNIORS -----*/
.JUNIORS {
  top: 50px;
  margin: auto;
  width:1200px; 
  transform: translate(0%, 15%);
  height: 200px;
}


.J1 ,.J2 {
  position: relative;
  width: 100%; /* 佔總寬度的50%，也可以換成任何你想要的寬度 */
  padding-top: 52%;  /* 也是佔總寬度的50%，因此長寬一樣長 */
}

.J1 img ,.J2 img ,.J3 img{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; /* 將圖片固定在父層的大小 */
  width: 100%;
  height: 100%; /* 高和寬都填滿容器 */
  object-fit: cover; /* 和background-image設定background-size: cover一樣，圖片剛好填滿 */
  object-position: center;
}

.J3{
  position: relative;
  margin: auto;
  width: 80%; /* 佔總寬度的50%，也可以換成任何你想要的寬度 */
  padding-top: 48%;  /* 也是佔總寬度的50%，因此長寬一樣長 */
}


/*----- STARTLIGHT -----*/
.STARTLIGHT {
  top: 50px;
  margin: auto;
  width:1200px; 
  transform: translate(0%, 15%);
  height: 600px;
  
}

.SL {
  top: 100px; 
  margin: auto;
  height: 250px;
  width: 900px; 
 
}
.SL1 ,.SLW1{
  margin: auto;
  width: 300px; ;
  float:left;
}

.SL2 ,.SLW2{
  margin: auto;
  width: 300px; ;
  float:right;
}

.SL3 ,.SLW3{
  margin: auto;
  width: 300px; ;
  float:right;
}
.SLW{
  margin:auto ;
  height: 100PX;
  width: 900px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  font-size:20px ;
  color:#383838 ;
}
/*----- STARTLIGHT -----*/
.STARTLIGHT2 {
  top: 50px;
  margin: auto;
  width:1200px; 
  transform: translate(0%, 15%);
  height: 200px;
  
}


.SL01 ,.SL02 {
  position: relative;
  width: 100%; /* 佔總寬度的50%，也可以換成任何你想要的寬度 */
  padding-top: 52%;  /* 也是佔總寬度的50%，因此長寬一樣長 */
}

.SL01 img ,.SL02 img ,.SL03 img{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; /* 將圖片固定在父層的大小 */
  width: 100%;
  height: 100%; /* 高和寬都填滿容器 */
  object-fit: cover; /* 和background-image設定background-size: cover一樣，圖片剛好填滿 */
  object-position: center;
}

.SL03{
  position: relative;
  margin: auto;
  width: 80%; /* 佔總寬度的50%，也可以換成任何你想要的寬度 */
  padding-top: 48%;  /* 也是佔總寬度的50%，因此長寬一樣長 */
}



/*-------------------幻燈片---------------------*/

.slideshow-container {
  background-color:rgba(221, 55, 55, 0) ;
  width: 700px;
  height: 350px;
  position: relative;
  margin: auto;
}



/* --------------------↓ ALL 表格 ↓-------------------- */
.word {
  width: 700px;
  height: 70px;
  margin: auto;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: bold;
  word-break: break-all;
  text-transform: uppercase;
  font-size:40px ;
  color:#ffbe0b ;
}

.product,.product2,.product3,.product4 ,.product5{
background-color:#ffffffc5;
border-radius: 10px;
height: 500px;
width: 1283.5px;
}

.product2{
  height: 900px;
  }

.product3{
  height: 500px;  
  }

.product4{
  height: 430px;  
  }

.product5{
  height: 470px;  
  }

.G02{
  height: 40px;
}

table,.table2 { 
  border-collapse:separate;
  background-color: #ffbb0000;
  margin: auto;
  color: #ffffff;
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size:16px; 
  font-weight: bold;
  width:1000px;
  height: 300px;
  text-align:center;
  text-transform:uppercase;
  padding: 0px;
  border-spacing: 5px;
} 
.table2{height: 150px;}

.show{
  color: #4b4b4b;
}
td { 
  background-color: #858585;
  padding:5px;
  height: 30px;
} 

.td1{
  background-color: #4b4b4b;
  color: #ffffff;

}



.word2 {
  width: 700px;
  height: 20px;
  margin: auto;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 20px;
text-transform:uppercase;
font-size:14px ;
color:#ff7b00 ;
}


/* --------------------↓ Footer ↓-------------------- */

/* --------------------↓--------↓-------------------- */
@media screen and (max-width: 1280px) {
  
}
@media screen and (max-width: 980px) {
  
}
@media screen and (max-width: 736px) {
 
}
@media screen and (max-width: 480px) {
 
}