@charset "utf-8";

/* 以下是修正研華網站header CSS的衝突，請勿刪除 */
#advan-header .row-maxwidth-100pct {
    padding: 0 !important;
}

#advan-content .row-maxwidth-98pct {
    width: 100% !important;
    max-width: unset !important;
}
#imart-single-page .row-maxwidth-95pct{
	  width: 100% !important;
      max-width: unset !important;
}
#imart-single-page .row-fluid{
	clear: none!important;
}


#Site_A-Products a{
	text-decoration: none;
/*	color: #ffffff;*/
}
#Site_A-Products img{
	max-width: 100%; 
	height: auto;
}
#Site_A-Products   *{
	line-height: 1.3;
	font-family:"Microsoft JhengHei", Arial, sans-serif;
	transition: 0.3s ease;
}
#Site_A-Products   *,
#Site_A-Products   ::after,
#Site_A-Products   ::before {
    box-sizing: border-box;
	}

/* 此處設定所有的文字大小 */
#Site_A-Products   h1 {
    font-size: 36px!important;
}

#Site_A-Products   h2 {
    font-size: 26px!important;
	font-weight: bold!important;
}

#Site_A-Products   h3 {
    font-size: 18px!important;
}

#Site_A-Products   h4 {
    font-size: 16px !important;

}

#Site_A-Products   h5 {
    font-size: 14px !important;
	font-weight: normal;
}

#Site_A-Products   p {  
    line-height: 1.3 !important;
}

#Site_A-Products  li{
	line-height: 1.3!important;
	list-style: disc!important;
}

.clearfix {
    clear: none;
}

 .js_scrollTop {
    position: fixed;
    z-index:1000;
    bottom: 0px;
    right: 20px;
    width: 42px;
    height: 42px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    border: 1px solid #FFF;
    opacity: 0;
    transition: .7s;
    cursor: pointer;
}

.js_scrollTop::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 50%;
    height: 50%;
    margin: -11px 0 0 -11px;
    background: url(css-img/arrow_white.svg) center center no-repeat;
    background: url(css-img/arrow_white.png) center center no-repeat;
    background-size: contain;
    transform: translateY(-1px) rotate(-180deg);
}

.js_scrollTop.show {
    z-index: 99;
    opacity: 1;
    bottom: 75px;
}



/*----------------------------------------
kv
----------------------------------------*/

#Site_A-Products .Site-bg{	
	background: #150c3b url("css-img/A-Products_kv_1920.png") top center no-repeat;
	background-size: 100% auto;
	object-fit: cover;
}


#Site_A-Products .kv{
	padding: 100px 20px 20px;
	min-height: 450px;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	
}


#Site_A-Products .kv .t1{
	max-width: 100%;
	padding: 0 20px;
	margin: 0 auto;

}

#Site_A-Products .kv .t2{	
	max-width: 100%;
	padding: 0 20px;
	margin: 0 auto;
}

#Site_A-Products .kv  h1{
	font-size: 36px;
	color: #00ffd2;
	padding: 20px 10px;
	font-weight: bold;
	text-shadow:
	1px 1px 0 #043c70,
    2px 2px 0 #043c70,
    3px 3px 0 #043c70,
    4px 4px 0 #043c70,
    5px 5px 0 #043c70,
    5px 5px 0 #043c70,
    5px 5px 0 #043c70,
    5px 5px 0 #043c70;  
}
@media screen and (max-width:991px){
	#Site_A-Products .Site-bg{
	background: #150c3b url("css-img/A-Products_kv_1920.png") top center no-repeat;
/*	background-size:contain;*/
	object-fit: cover;
}
}
@media screen and (max-width:768px){
	#Site_A-Products .kv{
		padding: 80px 20px  50px;
		min-height: auto;
	}
	#Site_A-Products .kv .t1{
		max-width: 350px;
		padding: 0 0 10px;
	}


}








/*----------------------------------------
 menu tab#Site_A-Products .content03 .tables
----------------------------------------*/
/* 隱藏所有內容區塊 */
#Site_A-Products #tab-carousel .content {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* 顯示並淡入 */
#Site_A-Products #tab-carousel .content.active {
  display: block;
  opacity: 1;
}
#Site_A-Products #horizontal-tab{
	margin: 0 auto;
	text-align: center;
}

#Site_A-Products #horizontal-tab .mw-1200{
/*	padding: 0 20px;	*/
/*	max-width:100%!important;*/
}
#Site_A-Products #tab-Navs{
	justify-content: center;
/*	margin: 0 auto;*/
	margin: 0 0;
}
#Site_A-Products #horizontal-tab .adv-jumbotron-carousel-nav{
	padding-left: 22px;
}
#Site_A-Products #horizontal-tab .adv-jumbotron-carousel-nav h3, #Site_A-Products #horizontal-nav .adv-jumbotron-carousel-nav h3{
	max-width: 350px!important;
	background-color: #1f0d5a!important;
	color: #ffffff;
	font-size: 24px;
	border: solid 1px #41288f;
}
#Site_A-Products #horizontal-tab .adv-jumbotron-carousel-nav.active h3, 
#Site_A-Products #horizontal-tab .adv-jumbotron-carousel-nav h3:hover{
	background-color: #6846cb!important;
	color: #00ffd2!important;
}

@media (min-width: 768px) {
    .adv-jumbotron .adv-jumbotron-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95%;
        flex: 0 0 95%;
        max-width: 95%;
    }
 }
/*----------------------------------------
content01
----------------------------------------*/

#Site_A-Products .application .content01 .intro{
	font-size: 16px;
	color: #ffffff;
	max-width: 860px;
	margin: 0 auto;
	text-align: center;
	padding:30px 0 20px;
	line-height: 1.5;
}
#Site_A-Products .application .content01 .line{
	border: solid 1px #6846cb;
	max-width: 860px;
	margin: 0 auto;
}
#Site_A-Products .application .content01 .subtitle{
	color: #00ffd2;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding: 20px 10px;
}

#Site_A-Products .application .content01 .img{
	text-align: center;
	padding: 0 0 20px;
}
#Site_A-Products .application .content01  .mall-p{
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	line-height: 1.5;
}

#Site_A-Products .application .content01 .intro-banner{
	background:  url("../images/A-Products_01_intro-banner-bg.jpg") center bottom no-repeat;
	background-size: contain;
	height: 200px;
	display: flex;
	justify-content: space-between;
	max-width: 900px;
	width: 100%;
	margin: 150px auto 0;
	line-height: 1.5;
}


#Site_A-Products .application .content01 .intro-banner .txt{
	width: 55%;
	padding: 0 20px 30px 40px;
}
#Site_A-Products .application .content01 .intro-banner .txt .title{
	color: #f39a00;
	font-size: 72px;
	font-weight:bold;
	margin-top: -55px;
	padding: 0 10px;
	text-align: left;                            
}
#Site_A-Products .application .content01 .intro-banner .txt p{
	color: #23262d;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6!important;
	text-align: left;
}

#Site_A-Products .application .content01 .intro-banner .img{
	margin-top: -80px;
}

#Site_A-Products .application .content01 .mall-p-Green{
	font-size: 20px;
	color: #00ffd2;
	font-weight: bold;
	text-align: center;
	padding: 20px 20px;
}

#Site_A-Products .application .content .service a{
	max-width: 355px;
	width: 100%;
	background-color: #f39a00;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 65px;
	margin: 50px auto;
	padding: 10px 10px;
	
}
#Site_A-Products .application .content .service .img{
	padding: 0 0!important;
}
#Site_A-Products .application .content .service .img img{
	width: 50%;
	height: auto;
}
#Site_A-Products .application .content .service .txt{
	color: #1f0d5a;
	font-size: 24px;
	font-weight: bold;
	
}
@media screen and (max-width: 1023px){
	#Site_A-Products .application .content01 .intro-banner{
	    background-size: cover;
		height: auto;
	}
	#Site_A-Products .application .content01 .intro-banner .txt{
	width: 65%;
	
}
	#Site_A-Products .application .content01 .intro-banner .img{
		width: 35%;
		margin-top: -55px;
	}
}
@media screen and (max-width:768px){
#Site_A-Products .application	#horizontal-tab .adv-jumbotron, 
#Site_A-Products .application	#horizontal-nav .adv-jumbotron{
		background-color: transparent;
	}
#Site_A-Products .application #horizontal-tab .content01{
		padding: 0 0px;
	}
#Site_A-Products .application .content01 .intro-banner{
		display: block;			
	}
	
#Site_A-Products .application .content01 .intro-banner .txt{
		width: 100%;	
		padding: 0 20px 20px;
	}
#Site_A-Products .application .content01 .intro-banner .txt p{
		position: relative;
		top: -30px;	
	}
#Site_A-Products .application .content01 .intro-banner .txt .title{
		position: relative;
		top: -55px;
	}
#Site_A-Products .application .content01 .intro-banner .img{
		width: 70%;
		margin: 0 auto;
			
	}
#Site_A-Products .application .content01 .mall-p-Green{
		padding: 20px 0;
	}

}

/*----------------------------------------
conten02
----------------------------------------*/

#Site_A-Products .application .content02 .adv-jumbotron .adv-jumbotron-content{
	max-width: 100%!important;
	flex:0 0 100%; 
/*  設定背景寬度100%	 */
}


#Site_A-Products .application .content02 .img-box{
	margin: 50px 0 50px;
	display: flex;
	justify-content: center;
	gap:15px;

}

#Site_A-Products .application .content02 .img-box .img{
	position: relative;
   display: inline-block;	
	  background-color: rgba(0, 0, 0, 0);
}
#Site_A-Products .application .content02 .img-box .img::before {
	  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); /* 初始為透明 */
  transition: background-color 0.3s ease;
}

#Site_A-Products .application .content02 .img-box  .img:hover::before {
	  background-color: rgba(0, 0, 0, .5);
	
}

#Site_A-Products .application .content02 .img-box .img::after{
   content: "";
  position: absolute;
  bottom: 0;              
  left: 0;
  height: 5px;
  width: 0;
  background-color: #00ffd2;
  transition: width 0.5s ease;
}

#Site_A-Products .application .content02 .img-box a:hover  .img::after {
  width: 100%;
}


#Site_A-Products .application .content02 .img-box h3{
	padding: 20px 20px 0;
	transition: 0.3s ease;
}
#Site_A-Products .application .content02 .img-box .box a{
	color: #ffffff;
}

#Site_A-Products .application .content02 .img-box .box a:hover ,
#Site_A-Products .application .content02 .img-box .box a:active{
	color: #00ffd2;
}

#Site_A-Products .application .content02 .video{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}


#Site_A-Products .application .content02 .Advantages{
	background: #023c78 url("../images/A-Products_02_bg-3.png") bottom center no-repeat;
	background-size: cover;
	padding: 50px 20px;
	margin: 70px 0 0;
}

#Site_A-Products .application .content02 .Advantages .title{
	font-size: 36px;
	color: #ffffff;
	
}

#Site_A-Products .application .content02 .Advantages .line{
	background-color:  #00ffd2;
	width: 50px;
	height: 5px;
	margin: 5px auto 20px;
}

#Site_A-Products .application .content02 .Advantages .icons{
	max-width: 950px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 20px 0;
}
#Site_A-Products .application .content02 .Advantages .icons .icon{
	padding: 20px 20px;
	transition:0.3s ease;
}

#Site_A-Products .application .content02 .Advantages .icons .icon .txt{
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	padding: 10px 10px;
	max-width:100%;
	margin: 0 auto;
}
#Site_A-Products .application .content02 .Advantages-box{
	max-width: 1010px;
	margin: 0 auto;
}


#Site_A-Products .application .content02 .Advantages-box .box{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px 0px 30px;
	border-bottom: solid 1px #00ffd2;
}
#Site_A-Products .application .content02 .Advantages-box02 .box,
#Site_A-Products .application .content02 .Advantages-box04 .box{
	direction: rtl;
}

#Site_A-Products .application .content02 .Advantages-box.Advantages-box04 .box{
	border-bottom: none;
}


#Site_A-Products .application .content02 .Advantages-box .box .img{
	padding: 10px 10px;
	width: 50%;
}
#Site_A-Products .application .content02 .Advantages-box .box .conenter{
	padding: 10px 10px;
	width: 50%;
	direction: ltr;
}

#Site_A-Products .application .content02 .Advantages-box .box .title{
	color: #00ffd2;
	font-size: 30px;
	text-align: left;
	padding: 0 0 10px;
}

#Site_A-Products .application .content02 .Advantages-box .box ul{
	margin-left: 20px;
	color: #ffffff;
	font-size: 16px;
	text-align: left;
	max-width: 455px;
}
#Site_A-Products .application .content02 .Advantages-box .box .pic-box {
	display: flex;
	justify-content: space-between;
	max-width: 320px;
	
}
#Site_A-Products .application .content02 .Advantages-box .box .pic-box .pic .position-bg{
	position: relative;


}
#Site_A-Products .application .content02 .Advantages-box .box .pic .pic-bg{
		animation: spin 50s linear infinite;
}

	@keyframes spin {
      from { transform: rotate(0deg); }
      to   { transform: rotate(360deg); }
    }



#Site_A-Products .application .content02 .Advantages-box .box .pic .pic-img{
	position: absolute;
	top: 50%;	
	left: 0;
	right: 0;
	transform: translateY(-50%);
	
}
#Site_A-Products .application .content02 .Advantages-box .box .pic p{
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	padding: 10px 0 0;
}

#Site_A-Products .application .content02 .Advantages-box .adv-jumbotron-btns{
	text-align: left;
}

#Site_A-Products .application .content02 .Advantages-box .adv-jumbotron-btns a{
	color: #1f0d5a;
    background-color: #f39a00;
    border: 1px solid #f39a00;
    margin: 10px 10px 10px 0;
    font-size: 18px;
	font-weight: bold;
    padding: 10px 22px;
    line-height: 1.5;
    cursor: pointer;
	width: 180px;
}

#Site_A-Products .application .content02 .Advantages-box .adv-jumbotron-btns a:hover{
	color: #f39a00;
    background-color: #ffffff;
}

@media screen and (max-width:1240px){
	#Site_A-Products #horizontal-tab .adv-jumbotron-carousel-nav{
		padding: 0 10px;
	}
	#Site_A-Products .application .content02 .img-box{
		margin: 50px 20px 50px;
	}
	#Site_A-Products .application .content02 .video{
		padding: 0 20px;
	}
	#Site_A-Products .application .content02 .Advantages-box{
		padding: 0 20px;
	}
}
@media screen and (max-width:991px){
	#Site_A-Products .application .content02 .Advantages .icons{
		flex-wrap:wrap;
	}

}

@media screen and (max-width:768px){
#Site_A-Products .application .content01	.adv-jumbotron .adv-jumbotron-content{
		flex:0 0 100%;
	    padding: 0 20px;
	}
	#Site_A-Products .application .content02 .Advantages .icons .icon .txt{
		max-width: 100%;
	}
#Site_A-Products .application .content02 .video{
        position: relative;
        width: 90vw;
        height: 0;
        padding-bottom: 56.25%;
}
	#Site_A-Products .application .content02 .video iframe{
		position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
	}
	
}

@media screen and (max-width:680px){
	#Site_A-Products .application .content02 .img-box{
		flex-wrap: wrap;
	}
	#Site_A-Products .application .content02 .img-box .box{
		width: 45%;
		}
		

	#Site_A-Products .application .content02 .Advantages-box .box{
		display: block;
	}
	#Site_A-Products .application .content02 .Advantages-box .box .img{
		width: 100%;
	}
	#Site_A-Products .application .content02 .Advantages-box .box .conenter{
		width: 100%;
	}
	#Site_A-Products .application .content02 .Advantages-box .adv-jumbotron-btns{
		text-align: center;
	}

}

@media screen and (max-width:480px){
		#Site_A-Products #horizontal-tab .adv-jumbotron-carousel-nav{
		padding: 0 0px;
	}
	#Site_A-Products .application .content02 .Advantages .icons .icon{
		width: 45%;
		padding: 20px 10px;
	}	
	
}


/*----------------------------------------
conten03
----------------------------------------*/

#Site_A-Products .content03 {}
 #Site_A-Products .content03   .introduce-box {     
      background: url("../images/A-Products_03_bg-1.png") no-repeat center center;
       background-size:contain;  
      position: relative;
      font-family: sans-serif;
	   max-width: 725px;
	   height: 725px;
		margin: 50px auto 0;
	
    }


 #Site_A-Products .content03   .person {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;     
    }

 #Site_A-Products .content03   .floating {
    position: absolute;
    animation: floatLeftRight 2s ease-in-out infinite;
    }

    @keyframes floatLeftRight {
      0%, 100% { transform: translateX(0); }
      50% { transform: translateX(15px); }
    }

    /* 三個文字框 */
 #Site_A-Products .content03   .box1 {
      top: 10%;
      left:3%;     
    }

 #Site_A-Products .content03   .box2 {
      top: 13%;
      right: -3%;     
    }

 #Site_A-Products .content03   .box3 {
     top:35%;
      left:-8%;     
    }

    /* 四個 icon */
 #Site_A-Products .content03   .icon1 {
       top:5%;
      left:46%;      
    }

#Site_A-Products .content03    .icon2 {
      top:57%;
      left:0%;     
    }

 #Site_A-Products .content03   .icon3 {
      top:40%;
      right:10%;     
    }

 #Site_A-Products .content03   .icon4 {
     top:65%;
      right:-3%;     
 }

#Site_A-Products .content03   .txt{
	bottom: 50px;
	left: 20%;

}
#Site_A-Products .content03  .service{
	position: relative;
	
}
#Site_A-Products .content03  .service a{
	margin:-30px auto 50px!important;
	
}
@media screen and (max-width:800px){
#Site_A-Products .content03 .introduce-box img{
		max-width:50%;
	}	
	#Site_A-Products .content03 .introduce-box img.txt{
		max-width:70%!important;
		left: 13vw;
	}
	#Site_A-Products .content03 .box3{
	top:28%;
    left: 0%;
	}
	#Site_A-Products .content03 .icon4{
		right: 0;
	}
	#Site_A-Products .content03 .box2{
	top: 13%;
    right:0%;
	}
	
}
@media screen and (max-width:768px){
	#Site_A-Products .content03 .introduce-box{
		overflow: hidden;
	}

	#Site_A-Products .content03 .box1{
	top: 0%;
    left: 3%;
	}
	#Site_A-Products .content03 .icon1{
	top:1%;
    left:65%;
	max-width: 80px!important;
	}
	
	#Site_A-Products .content03 .box2{
	top: 13%;
    right: 0%;
	}
	
	#Site_A-Products .content03 .icon3{
	top: 30%;
    right: 7%;
	}
}

/*----------------------------------------
card
----------------------------------------*/
#Site_A-Products .content03 .cards .card-box{
	display: flex;
	justify-content: center;
	gap:30px;
}

#Site_A-Products .content03 .cards .card-box .card{
	position: relative;
	width: 300px;
	height : 300px;
	background:#1f0d5a; 
	border: solid 1px #4a359d;
	border-radius:8px;
	padding: 20px 20px;
	text-align: center;
	overflow:hidden;
	z-index: 2;
}
#Site_A-Products .content03 .cards .card-box .card .title{
	font-size: 26px;
	color: #ffffff;
	font-weight: bold;
}
#Site_A-Products .content03 .cards .card-box .card .subtitle{
	font-size:18px;
	color: #00ffd2;	
	font-weight: bold;
}


#Site_A-Products .content03 .cards .card-box .card::before{
content:"";
position: absolute;
bottom:0;
right:50%;
transform: translate(50%, 50%);
width:0;
height:0;
border-radius:50%;  
background: #6846cb;
transition:0.5s,bottom 0s,right 0s;  
 z-index: -1;
}

#Site_A-Products .content03 .cards .card-box .card:hover::before{
  width:1100px;
  height:1100px;
  z-index: -1;
}


#Site_A-Products .content03 .cards h4{
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	max-width:710px;
	margin: 0 auto;
	padding: 30px 20px 20px;
	line-height: 1.5;
}
#Site_A-Products .content03 .cards .line{
	border-bottom: solid 1px #00ffd2;
	max-width: 1010px;
	margin: 0 auto;
	
}


@media screen and (max-width:991px){
	#Site_A-Products .content03 .cards {
			padding: 0 20px;
		    max-width: 100vw;
	}
	#Site_A-Products .content03 .cards .card-box{
		flex-wrap: wrap;
	
	}	
}	 

@media screen and (max-width:480px){
	#Site_A-Products .content03 .cards .card-box .card{
		height: auto;
	}
}

/*----------------------------------------
table01
----------------------------------------*/
#Site_A-Products .content03 .tables{
	padding: 0 20px;
	padding-left: 20px;
	box-sizing: border-box!important;
	max-width:98vw; /*設定不超過100%，不會跑版*/
	margin: 0 auto;
	 overflow: hidden;
}
#Site_A-Products .content03 .tables-box{
/*		padding: 0 20px;*/
	max-width: 1010px;
/*	max-width:100vw;*/
	width: 100%;
	margin: 40px auto;
	overflow-x: hidden;
	
	
}
#Site_A-Products .content03 .tables-box .title{
	font-size: 40px;
	font-weight: bold;
	color: #f39a00;
	text-align: left;
	padding: 0 0 10px;
}
#Site_A-Products .content03 .tables-box .title span{
	font-size: 16px;
	text-align: left;
	color: #ffffff; 
	padding-left: 10px;
}

     #Site_A-Products .content03 .tables-box .table-wrapper {
      max-width:1010px;
/*	  max-width:100vw;*/
      width: 100%;
      margin: auto;
      overflow:hidden;
      position: relative;
		 
    }

    #Site_A-Products .content03 .tables-box .scroll-container {
      overflow-x: auto;
      margin-left: 120px; /* 給第一欄固定位置 */
		display: block;

    }
#Site_A-Products .content03 .tables-box .scroll-container table th:nth-child(1),
#Site_A-Products .content03 .tables-box .scroll-container table th:nth-child(2),
#Site_A-Products .content03 .tables-box .scroll-container table th:nth-child(3),
#Site_A-Products .content03 .tables-box .scroll-container table th:nth-child(4),
#Site_A-Products .content03 .tables-box .scroll-container table td:nth-child(2),
#Site_A-Products .content03 .tables-box .scroll-container table td:nth-child(3),
#Site_A-Products .content03 .tables-box .scroll-container table td:nth-child(4) {
  width: 222px;
  min-width: 222px;
  max-width: 222px;
}

    #Site_A-Products .content03 .tables-box .fixed-column table {
      border-collapse: collapse;
      width: 100%;
      min-width: 120px;
    }
   
	#Site_A-Products .content03 .tables-box .scroll-container table {
      border-collapse: collapse;
      width: 100%;
      min-width: 890px;
		overflow: hidden;
    }
	  
	   #Site_A-Products .content03 .table-wrapper th, 
 #Site_A-Products .content03 .table-wrapper td {
      border: 1px solid #e1e2e6;
      padding: 5px 5px;
      white-space: nowrap;
      text-align: center;
    }

	#Site_A-Products .content03 .tables-box td {
		font-size:14px;
		font-family: "Noto Sans TC", "Microsoft JhengHei", Arial,sans-serif;
	}

    #Site_A-Products .content03 .tables-box th {
      background-color: #00233f;
      color: #ffffff;
		font-size:16px;
		font-family: "Noto Sans TC", "Microsoft JhengHei", Arial,sans-serif;
    }

    #Site_A-Products .content03 .tables-box .fixed-column {
      position: absolute;
      top: 0;
      left: 0;
      width: 120px;
      background-color: #1A237E;
      color: white;
      border-right: 1px solid #ECEFF1;
    }


#Site_A-Products .content03 .tables-box .fixed-bg{
	  background-color: #003a79;
}

  #Site_A-Products .content03    tbody tr:nth-child(odd) td {
      background-color: #ffffff;
	  text-align: center;
    }
 #Site_A-Products .content03    tbody tr:nth-child(even) td{
      background-color: #eaf6fd;
	   text-align: center;
    }
    #Site_A-Products .content03 .tables-box .scroll-controls {
      text-align: center;
      margin-top: 10px;
    }

    #Site_A-Products .content03 .tables-box .scroll-btn {
      cursor: pointer;
      font-size: 24px;
      padding: 5px 10px;
      background-color: #1A237E;
      color: white;
      border: none;
      margin: 0 5px;
    }
#Site_A-Products .content03 .tables-box  .h-54{
	height: 54px;
}
#Site_A-Products .content03 .tables-box .h-75{
	height: 65px;
}
#Site_A-Products .content03 .tables-box .fixed-bg{
	  background-color: #003a79;
	text-align: left;
}
	  
@media (max-width:600px) {
  #Site_A-Products .content03 .tables-box th, 
	#Site_A-Products .content03 .tables-box td {
    font-size:14px;
    padding: 6px;
  }

  #Site_A-Products .content03 .tables-box .fixed-column {
    width: 120px;
  }

  #Site_A-Products .content03 .tables-box .scroll-container {
    margin-left: 120px;
  }

  #Site_A-Products .content03 .tables-box .scroll-btn {
    font-size: 20px;
    padding: 4px 8px;
  }
}

@media (min-width: 601px) and (max-width: 1024px) {
   #Site_A-Products .content03 .tables-box th, 
	#Site_A-Products .content03 .tables-box td  {
    font-size: 14px;
    padding: 8px;
  }

  #Site_A-Products .content03 .tables-box .fixed-column {
    width: 120px;
  }

  #Site_A-Products .content03 .tables-box .scroll-container {
    margin-left: 120px;
  }

  #Site_A-Products .content03 .tables-box .scroll-btn {
    font-size: 22px;
    padding: 5px 10px;
  }
	#Site_A-Products .content03 .tables-box  .h-54{
	height: 54px;
}
#Site_A-Products .content03 .tables-box .scroll-container table {   
      min-width: 890px;	
    }
	
}

@media (max-width:1010px) {
	#Site_A-Products .content03 .tables{
		padding: 0 0 0 20px;
	}
#Site_A-Products .content03 .tables-box .scroll-container table th:nth-child(1),
#Site_A-Products .content03 .tables-box .scroll-container table th:nth-child(2),
#Site_A-Products .content03 .tables-box .scroll-container table th:nth-child(3),
#Site_A-Products .content03 .tables-box .scroll-container table th:nth-child(4),
#Site_A-Products .content03 .tables-box .scroll-container table td:nth-child(2),
#Site_A-Products .content03 .tables-box .scroll-container table td:nth-child(3),
#Site_A-Products .content03 .tables-box .scroll-container table td:nth-child(4) {
  width:unset;
  min-width: unset;
  max-width: 230px;
}
}
@media (max-width:760px){
	#Site_A-Products .content03 .tables-box .title span	{
		display: block;
		padding-left: 0;
	}
}


/*buy-car*/

#Site_A-Products .content03 .buy-car{
	padding: 0 0px 80px;
}

 #Site_A-Products .content03 .buy-car   .container {
      position: relative;
	  width: 100%;
      max-width: 829px;
      min-height:336px;
	  margin: 0 auto;
      background: url('../images/A-Products_03_bg-2.png') center center no-repeat;  
	 background-size: contain;
    display: flex;
	justify-content: space-around;
	align-items: center;
    }
#Site_A-Products .content03 .buy-car   .container .content-left{
	width: 70%;
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}
#Site_A-Products .content03 .buy-car .title{
	padding-top: 20px;
}

#Site_A-Products .content03 .buy-car    .product{
margin-top: -20px;
}
#Site_A-Products .content03 .buy-car  p{
	font-size: 16px;
	color: #ffffff;
}
#Site_A-Products .content03 .buy-car .buy{
	margin: 0 auto;
	text-align: center;
}


@media (max-width:991px){
		#Site_A-Products .content03 .buy-car   .container{
		max-width: 90%;
	}
		#Site_A-Products .content03 .buy-car p{
		max-width: 90%;
		margin: 0 auto;
	}
}
@media (max-width:580px){

	#Site_A-Products .content03 .buy-car  .buy .buy-button{
	    max-width: 80%;
		margin: 0 auto;	
	}

	#Site_A-Products .content03 .buy-car .title{
		
	}
	#Site_A-Products .content03 .buy-car    .product {
		  max-width: 85%;
		margin: 0 auto;	
	}
} 

#Site_A-Products  .form{
	height: 870px;
	width: 100%!important;
}
#Site_A-Products .form iframe{
	height: 870px;
}