CSSCSSCSSassass.illta{}illtailltailltailltaillta@charset "utf-8";
/* CSS Document */

@charset "utf-8";

html{
  scroll-behavior: smooth;
}
  
   body {
	background-color: #f4c68b;
	background-image: url("../EDM/2023-0219-BK.jpg");

	
	
	
	
}

/**************************************************************************************/
 .container.custom-container-width {
	overflow: hidden;
	max-width: 100%;
	margin-top: 20px;
	
	
	
	
	
}



/************************************影片CSSS********************************************/
.divboxA{
	  height: 200px;
      height:auto;
      margin-bottom: 5px;
}


.videobox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.videobox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videobox embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**************************************************************************************/
.smail-name {
	
    width: 90%;
    font-size: 17px;
    line-height: 30px;
    height: auto;
    
    color: #ffffff;
    text-align: center;
    /* margin-bottom: 5px; */
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 18px;
    background-color: #cc8e63;
    /* padding-top: 5px; */
    /* padding-bottom: 8px; */
    font-family: Microsoft JhengHei;
    text-decoration: none;
}


/************************************************************************************************************************/

	
/**************************************E**********************************************/	

.Flexdiv{
	width: 100%;
	
	
	
}	
	


/**************************************************************************************/

 .swiper-container {

	
    }
/************************************************************************************************/






/************************************************************************************************/
.header{
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:41.27%;
	position: relative;
	
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
	z-index
	
	
	}
	







	
.headerA {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:173.33%;
	position: relative;
	
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
	
}

.headerA1{
  background-image: url("../EDM/EDM-2023-0219_01.jpg");        
	}

.headerA2{
  background-image: url("../EDM/EDM-2023-0219_02.jpg");
	}

.headerA3{
  background-image: url("../EDM/EDM-2023-0219_03.jpg");
	}
.headerA4{
  background-image: url("../EDM/EDM-2023-0219_04.jpg");
	}




/**********************************************************************************************/


.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 1;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 1;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 1;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 1;	
	}			
}

/*



/**********************************************************************************************/
#myDIVBOXA{
	width: 35.5%;
    height: auto;
    margin: 0px;
    margin-top: 1.5%;
    float: left;
    left: 18.9%;
    position: absolute;
    Z-INDEX: 666;
	
	}

#myDIV
{
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:56%;
	position: relative;
	background-image: url("../EDM/title-2023-02-19.png");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
	
    
	
}

@keyframes fadeIn{
  0% { 
    opacity: 0; 
    filter: brightness(1) blur(20px);
  }
  50% { 
    opacity: 1; 
    filter: brightness(1) blur(0px);
  }
  100% { 
    opacity: 1; 
    filter: brightness(1) blur(0);
  }
}




/***********************************左按鈕*********************************************/
/***********************************左按鈕*********************************************/
.buttonall{
	width: 100%;
    margin-left: auto;
    margin-right: auto;
	
	}
	

.buttonallB{
	width: 100%;
    margin-left: auto;
    margin-right: auto;
	
	}

.text {
    width: 100%;
    height: auto;
    display: none;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
	overflow:hidden;

}

.button{
width: 100%;
    height: auto;
    margin: 5px;
    background-color: #286e89;
    
    
    margin-left: auto;
    margin-right: auto;
	border-radius: 20px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: #ffffff 0px solid;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
	padding-bottom: 0px;
	
}



.button a{
   
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    text-decoration: none;
    /* display: block; */
    background-image: url("../EDM/BTN-2022-test-3-2.png");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 25px;
	padding-left: 9%;
}







.topdiv{
	width: 100%;
	height: auto;
    margin: 5px;
    background-color: #286e89;
    
    border-radius: 20px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: #ffffff 0px solid;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
    
	
	
	
	
	}
	
.topdiv a{
font-size: 15px;
    color: #fff;
    line-height: 30px;
    text-decoration: none;
    /* display: block; */
    background-image: url("../EDM/BTN-2022-test-3-3.png");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 30px;
	padding-left: 9%;

}

.buttonA0{
width: 100%;
    height: auto;
    margin: 5px;
	margin-bottom: 13px;
    background-color: #286e89;
    
    border-radius: 20px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: #ffffff 0px solid;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
	padding-bottom: 0px;
}


.buttonA0 a{
    width: 100%;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
	text-decoration: none;
	display: block;
    
}


/**************************************************************************************/

.illustrateBOX{
	width: 98%;
    height: auto;
    overflow: hidden;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 38px;
	background-color: #f3ece6;
	
	
	
	
	
	}
	

.illustrateA {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 55%;
	position: relative;
	
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;

	
}

.illustrateA1{
	
	background-image: url("../EDM/EDM-2023-0219_05.jpg");
	}

.illustrateB1{
	
	background-image: url("../EDM/EDM-2023-0219_05-2.jpg");
	}

.illustrateC {
	margin-top: 8px;
    margin-bottom: 12px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
	
}







	


/**************************************************************************************/

.contentBOXAZ{
	width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #efebe8;
    padding-left: 5px;
    padding-right: 5px;
	margin-bottom: 34px;
	
	
	
}

.contentBOXAZB{
	width: 100%;
    height: auto;
    overflow: hidden;
    
    padding-left: 5px;
    padding-right: 5px;
	margin-bottom: 34px;
	
	
	
}

.contentBOXtype{
	font-size: 15px;
	line-height: 24px;
	
	
	
	
}






	


/**************************************************************************************/
	


/**************************************************************************************/


.titleBOX {
	width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 8.16%;
    position: relative;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    margin-bottom: 0px;
    margin-top: -2px;
    Z-INDEX: 1;
}


.titleA {background-image: url("../EDM/title-2023-0219-01.png");}

.titleB {background-image: url("../EDM/title-2023-0219-01.png");}

.titleC {background-image: url("../EDM/title-2023-0219-02.png");}

.titleD {background-image: url("../EDM/title-2023-0219-03.png");}







/**************************************E**********************************************/	

.containerA{
	width: 97%;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
	
	}
	
	
.contentABOX{
	width: 100%;
	height:auto;
	overflow:hidden;
	
}



	

.contentA{
	width:95%;
	height: auto;
	overflow: hidden;
   padding-top: 50px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 8px;
    margin-left:auto;
    margin-right: auto;
    margin-bottom: 80px;
    margin-top: -4%;
    background-color: #FFF;
   
    border-radius: 20px 20px 20px 20px;
    position: relative;
    box-shadow: 2px 6px 6px #6e6b6b;
    -webkit-box-shadow: 2px 6px 6px #6e6b6b;
    -moz-box-shadow: 2px 6px 6px #6E6B6B;
	background-image: url("../EDM/2023-0219-BK2.jpg");
	background-repeat: repeat-x;
   
}

.contentB{
	width:95%;
   padding-top: 50px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 8px;
    margin-left:auto;
    margin-right: auto;
    margin-bottom: 80px;
    margin-top: -4%;
    background-color: #efebe8;
   
    border-radius: 20px 20px 20px 20px;
    position: relative;
    box-shadow: 2px 6px 6px #6e6b6b;
    -webkit-box-shadow: 2px 6px 6px #6e6b6b;
    -moz-box-shadow: 2px 6px 6px #6E6B6B;
   
}




	

/************************************************************************************************************************/




	

/**************************************E**********************************************/	
	

	
/************************************************************************************/	




/************************************************************************************/	



/**************************************E**********************************************/






/**************************************E**********************************************/
.footerAA{
	width:100%;
	
	background-color: #1a617c;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
	position: relative;
    z-index: 9999;
	
	}

.footer {
	margin-left:auto;
	margin-right:auto;
    width: 960px;
    height: auto;
    
}

.contentD {
    height: auto;
    margin-bottom: 5px;
	
}

.content4-boxA {
    height: auto;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif, Microsoft JhengHei;
    font-size: 15px;
}

.content4-boxA a {
    color: #fbff00;
    text-decoration: none;
}

.content4-boxB {
    height: auto;
    font-family: Arial, Helvetica, sans-serif, Microsoft JhengHei;
    color: #FFFFFF;
    font-size: 12px;
    overflow: hidden;
   
    overflow: hidden;
    margin-top: 8px;
}




	




	

.gotoTOPA{
	width: 9%;
    height: auto;
    padding-bottom: 0px;
    margin: 0 auto;
    position: fixed;
    
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 7px;
    clear: both;
    bottom: 5px;
    right:30px;
    background-color: none;
    top: 28px;
    border-width: 1px 1px 1px 1px;
	display: block;
	}


.img-fluidA {
    max-width: 100%;
    height: auto;
	margin-left: 0%;
	margin-bottom: 4px;
	}

.img-fluidB {
    max-width: 100%;
    height: auto;
	margin-bottom: 4px;
	}


.img-fluid {
    
	margin-bottom: 4px;
	}
	
.footerBTN-A {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 29.66%;
	position: relative;
	background-image: url("BTNA-2022-0509.png");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 10px;
}

.footerBTN-A a{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 29.66%;
    color: #F90;
    display: block;
    line-height: 100%;
    text-indent: -9999px;
    clip: rect(100px,auto,auto,auto);
}



.footerBTN-B {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 29.66%;
	position: relative;
	background-image: url("BTNB-2022-0509.png");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 10px;
}

.footerBTN-B a{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 29.66%;
    color: #F90;
    display: block;
    line-height: 100%;
    text-indent: -9999px;
    clip: rect(100px,auto,auto,auto);
}


.footerBTN-C {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 29.66%;
	position: relative;
	background-image: url(https://www.sdgwbb.com/shin/EDM/BTNC-2022-0308.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 10px;
}

.footerBTN-C a{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 29.66%;
    color: #F90;
    display: block;
    line-height: 100%;
    text-indent: -9999px;
    clip: rect(100px,auto,auto,auto);
}

.footerBTN-D {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 29.66%;
	position: relative;
	background-image: url(https://www.sdgwbb.com/shin/EDM/BTND-2022-0308.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 10px;
}

.footerBTN-D a{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 29.66%;
    color: #F90;
    display: block;
    line-height: 100%;
    text-indent: -9999px;
    clip: rect(100px,auto,auto,auto);
}

.gotoTOPAZ{

	position:fixed;
	bottom:5px;
	right:200px;
	display:none;
	
	
	}
/************************************old****************************************/

@media screen and (max-width: 767px) {
	

body {
	   background-color:#f3be7a;
	   background-image: url(https://www.sdgwbb.com/shin/EDM/2023-0219-BK-M.jpg);
	
}
	
.smail-name {
	
    width: 88%;
    font-size: 14px;
    line-height: 23px;
    height: auto;
    
    color: #ffffff;
    text-align: center;
    /* margin-bottom: 5px; */
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 18px;
    background-color: #cc8e63;
    
    font-family: Microsoft JhengHei;
    text-decoration: none;
}

/************************************old****************************************/
 .container.custom-container-width {
	overflow: hidden;
	max-width: 100%;
	background-image:none;
	
	background-repeat: REPEAT-X;
    background-position: top;
	
	
	
	
}


/************************************old****************************************/


.swiper-container {
	width: 100%;
	height: auto;
	padding-bottom:70.31%;
	margin: 0 auto;
	padding-bottom: 0%;
	position: relative;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
    }
/************************************************************************************************/



.boxA{background-image: url(https://www.sdgwbb.com/shin/EDM/MOVE_01-M.jpg);}
.boxB{background-image: url(https://www.sdgwbb.com/shin/EDM/MOVE_01-M.jpg);}


/************************************************************************************************/
	
/******************************************************************************************************/

	
.header{
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:77%;
	position: relative;
	
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
	z-index
	
	
	}
	
	


.headerA {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:20.31%;
	position: relative;
	
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
	
}






	

.headerA1{background-image: url("../EDM/EDM-2023-0219-M_01.jpg");}
	
.headerA2{background-image: url("../EDM/EDM-2023-0219-M_02.jpg");}

.headerA3{background-image: url("../EDM/EDM-2023-0219-M_03.jpg");}
	
.headerA4{background-image: url("../EDM/EDM-2023-0219-M_04.jpg");}




/******************************************************************************************************/
#myDIVBOXA{
	width: 65%;
    height: auto;
    margin: 0px;
    margin-top: 1.2%;
    float: left;
    left: 5%;
    position: absolute;
    Z-INDEX: 5;
	
	}

#myDIV

	{
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:55.18%;
	position: relative;
	background-image: url("../EDM/title-2023-02-19.png");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
    
	
}


/****************************************************************************************************************************/


	


/******************************************************************************************************/

/***********************************左按鈕*********************************************/

.button{
  width: 93%;
    height: auto;
    margin: 5px;
    color: #fff;
    line-height: 20px;
    text-decoration: none;
    /* display: block; */
    
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 0px;
    padding-left: 0%;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #1a617c;
	 border: #ffffff 1px solid;
}



.button a{
   font-size: 18px;
    color: #fff;
    line-height: 20px;
    text-decoration: none;
    /* display: block; */
    background-image: url(https://www.sdgwbb.com/shin/EDM/BTN-2022-test-3-3.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 28px;
    padding-left: 15%;
   

}


.topdiv{
    width: 93%;
    height: auto;
    margin: 5px;
    color: #fff;
    line-height: 20px;
    text-decoration: none;
    /* display: block; */
    
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 28px;
    padding-left: 9%;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #1a617c;
	 border: #ffffff 1px solid;
	
}



.topdiv a{
   font-size: 18px;
    color: #fff;
    line-height: 20px;
    text-decoration: none;
    /* display: block; */
    
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 28px;
    padding-left: 15%;
   

}

.buttonA0{
width: 93%;
    height: auto;
    margin: 5px;
   background-color: #1a617c;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: #ffffff 1px solid;
    margin-left: auto;
    margin-right: auto;
}


.buttonA0 a{
    width: 100%;
    font-size: 17px;
    color: #fff;
    line-height: 30px;
	text-decoration: none;
	display: block;
    
}


/**************************************************************************************/

/**************************************************************************************/


	



/******************************************************************************/


/**************************************************************************************/
.illustrateBOX{
	width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
     margin-bottom: 20px;
    margin-top: 0px;
    background-color: #f3ece6;
   
    
	
	
	
	
	}


.illustrateA {
	width: 93%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 50%;
	position: relative;
	
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;

	
}

.illustrateA1{
	background-image: url("../EDM/EDM-2023-0219_05-M.jpg");
	
	}
	
.illustrateB1{
	background-image: url("../EDM/EDM-2023-0219_05-M.jpg");
	
	}



.illustrateC {
	margin-top: 8px;
    margin-bottom: 12px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
	
}

.illustrateDA {
	margin-top: 12px;
    margin-bottom: 12px;
   
	
}

/**************************************************************************************/
.movediv{
	
	width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 70%;
    position: relative;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    background-color: #f7ebda;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
	background-color:#000000;
	
	
	
	}




/**************************************************************************************/






.titleBOX {
	width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 11.16%;
    position: relative;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    margin-bottom: 0px;
    margin-top: -2px;
    Z-INDEX: 1;
}

.titleA{background-image: url(https://www.sdgwbb.com/shin/EDM/title-2023-0219-01-M.png);}

.titleB {background-image: url(https://www.sdgwbb.com/shin/EDM/title-2023-0219-01-M.png);}

.titleC {background-image: url(https://www.sdgwbb.com/shin/EDM/title-2023-0219-02-M.png);}

.titleD {background-image: url(https://www.sdgwbb.com/shin/EDM/title-2023-0219-03-M.png);}





/**********************************************************************************************************************/

/************************************************************************************************/

/**********************************************************************************************************************/




/**************************************************************************************/

.containerA{
	width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
	
	}
    
	




	
.contentA{
    width: 95%;
    padding-top: 32px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: -6%;
    background-color: #ffffff;
    border-radius: 10px 10px 10px 10px;
    position: relative;
    box-shadow: 2px 6px 6px #6e6b6b;
    -webkit-box-shadow: 2px 6px 6px #6e6b6b;
    -moz-box-shadow: 2px 6px 6px #6E6B6B;
    
}
	

.contentB{
   width: 95%;
    padding-top: 32px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: -6%;
    background-color: #efebe8;
    border-radius: 10px 10px 10px 10px;
    position: relative;
    box-shadow: 2px 6px 6px #6e6b6b;
    -webkit-box-shadow: 2px 6px 6px #6e6b6b;
    -moz-box-shadow: 2px 6px 6px #6E6B6B;
    
}








/************************************************************************************************/
	



/************************************************************************************************/



	


/************************************************************************************************/

.footerAA{
	width:100%;
	
	background-color:#1a617c;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 11%;
    margin-left: auto;
    margin-right: auto;
	
	}	
			

.footer {
        height: auto;
    width: 100%;
    overflow: hidden;
	padding-bottom: 10px;
	   
    
}

.gotoTOPA{
	width: 100%;
    height: auto;
	padding-bottom: 3px;
    display: scroll;
    position: fixed;
	background-image:none;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top:5px;
    clear: both;
    bottom: 0px;
    right: 0px;
	background-color: #1a617c;
	padding: 5px;
    top: auto;
	display: block;
	   /* border-width: 1px 0px 0px 0px; */
    /* border-color: #76a715 #76a715 #76a715 #76a715;*/
	Z-INDEX: 100;
	
	
	
	}	

.img-fluidA {
    max-width: 65%;
    height: auto;
	margin-left: 34%;
	}

.img-fluidB {
    max-width: 66%;
    height: auto;
	
	}
.img-fluid {
    
	margin-bottom: 0px;
	}	
.footerBTN-A {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 11%;
	position: relative;
	background-image: url(https://www.sdgwbb.com/shin/EDM/BTNA-2022-0509-2.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
}

.footerBTN-A a{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 50%;
    color: #F90;
    display: block;
    line-height: 100%;
    text-indent: -9999px;
    clip: rect(100px,auto,auto,auto);
}	


.footerBTN-B {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 11%;
	position: relative;
	background-image: url(https://www.sdgwbb.com/shin/EDM/BTNB-2022-0509-2.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
}

.footerBTN-B a{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 50%;
    color: #F90;
    display: block;
    line-height: 100%;
    text-indent: -9999px;
    clip: rect(100px,auto,auto,auto);
}

.footerBTN-C {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 13%;
	position: relative;
	background-image: url(https://www.sdgwbb.com/shin/EDM/BTNC-2022-0308-2.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
}

.footerBTN-C a{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 50%;
    color: #F90;
    display: block;
    line-height: 100%;
    text-indent: -9999px;
    clip: rect(100px,auto,auto,auto);
}

.footerBTN-D {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 13%;
	position: relative;
	background-image: url(https://www.sdgwbb.com/shin/EDM/BTND-2022-0308-2.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
}

.footerBTN-D a{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 50%;
    color: #F90;
    display: block;
    line-height: 100%;
    text-indent: -9999px;
    clip: rect(100px,auto,auto,auto);
}

.gotoTOPAZ{

	position:fixed;
	bottom:5px;
	right:200px;
	display:none;
	
	
	}
}

@media screen and (min-width: 768px) and (max-width: 1021px) {

.swiper-container {
	width: 100%;
	height: auto;
	padding-bottom:70.31%;
	margin: 0 auto;
	padding-bottom: 0%;
	position: relative;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
    }
/************************************************************************************************/



.boxA{background-image: url(https://www.sdgwbb.com/shin/EDM/MOVE_01-M.jpg);}
.boxB{background-image: url(https://www.sdgwbb.com/shin/EDM/MOVE_01-M.jpg);}


/************************************************************************************************/
.container.custom-container-width {
    overflow: hidden;
    max-width: 960px;
    margin-top: 13px;
}
/************************************************************************************************/
/************************************************************************************************/
.header{
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:59.37%;
	position: relative;
	
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
	z-index
	
	
	}
	
.headerimage{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 87%;
    position: absolute;
    
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    margin-bottom: 0px;
	z-index: 888;
	
	}
	
.headerBOX{
    width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:87%;
	position: relative;
	
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
	
	
	
	}

/**/


.headerimage{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 59.37%;
    position: absolute;
  
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    margin-bottom: 0px;
	background-color:#ffffff;
	z-index: 3;
	
	}
	

.headerBOXA{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 59.37%;
    
   
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    margin-bottom: 0px;
}

.headerBOXB{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 59.37%;
    
   
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    margin-bottom: 0px;
}		
/******************************************************************************************************/

	
.header{
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:77%;
	position: relative;
	
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
	z-index
	
	
	}
	
	


.headerA {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:20.31%;
	position: relative;
	
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
	
}






	

.headerA1{background-image: url("../EDM/EDM-2023-0219-M_01.jpg");}
	
.headerA2{background-image: url("../EDM/EDM-2023-0219-M_02.jpg");}

.headerA3{background-image: url("../EDM/EDM-2023-0219-M_03.jpg");}
	
.headerA4{background-image: url("../EDM/EDM-2023-0219-M_04.jpg");}


/******************************************************************************************************/
#myDIVBOXA{
	width: 65%;
    height: auto;
    margin: 0px;
    margin-top: 1.2%;
    float: left;
    left: 5%;
    position: absolute;
    Z-INDEX: 5;
	
	}

#myDIV
{
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:55.18%;
	position: relative;
	background-image: url("../EDM/title-2023-02-19.png";
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
    
	
}

/********************************************************************************/
body {
    background-color: #f7c280;

}

.illustrateA {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 70%;
	position: relative;
	
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
	margin-top: 13px;
	margin-left: 5px;
	
}


.containerA {
    width: 98%;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
}


.contentA{
   width: 95%;
    padding-top: 50px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    margin-top: -4%;
    background-color: #FFF;
    border-radius: 20px 20px 20px 20px;
    position: relative;
    box-shadow: 2px 6px 6px #6e6b6b;
    -webkit-box-shadow: 2px 6px 6px #6e6b6b;
    -moz-box-shadow: 2px 6px 6px #6E6B6B;
}




.contentB{
   width: 95%;
    padding-top: 50px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    margin-top: -4%;
    background-color: #efebe8;
    border-radius: 20px 20px 20px 20px;
    position: relative;
    box-shadow: 2px 6px 6px #6e6b6b;
    -webkit-box-shadow: 2px 6px 6px #6e6b6b;
    -moz-box-shadow: 2px 6px 6px #6E6B6B;
}
	



/********************************************************************************/


		
.footerAA{
	width:100%;
	
	background-color: #1a617c;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
	
	}	
			

.footer {
        height: auto;
    width: 100%;
    overflow: hidden;
	padding-bottom: 10px;
	   
    
}

.gotoTOPA{
	width: 100%;
    height: auto;
	padding-bottom: 8px;
   display: none;
    position: fixed;
	background-image:none;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top:5px;
    clear: both;
    bottom: 0px;
    right: 0px;
	background-color: #be944c;
    top: auto;
	   /* border-width: 1px 0px 0px 0px; */
    /* border-color: #76a715 #76a715 #76a715 #76a715;*/
	
	
	}	

.img-fluidA {
    max-width: 65%;
    height: auto;
	margin-left: 34%;
	}

.img-fluidB {
    max-width: 66%;
    height: auto;
	
	}
	
.footerBTN-A {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 13%;
	position: relative;
	background-image: url(https://www.sdgwbb.com/shin/EDM/BTNA-2021-0915-2.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
}

.footerBTN-A a{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 50%;
    color: #F90;
    display: block;
    line-height: 100%;
    text-indent: -9999px;
    clip: rect(100px,auto,auto,auto);
}	


.footerBTN-B {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 13%;
	position: relative;
	background-image: url(https://www.sdgwbb.com/shin/EDM/BTNB-2021-0915-2.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
}

.footerBTN-B a{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 50%;
    color: #F90;
    display: block;
    line-height: 100%;
    text-indent: -9999px;
    clip: rect(100px,auto,auto,auto);
}

.footerBTN-C {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 13%;
	position: relative;
	background-image: url(https://www.sdgwbb.com/shin/EDM/BTNC-2021-0915-2.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
}

.footerBTN-C a{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 50%;
    color: #F90;
    display: block;
    line-height: 100%;
    text-indent: -9999px;
    clip: rect(100px,auto,auto,auto);
}

.footerBTN-D {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 13%;
	position: relative;
	background-image: url(https://www.sdgwbb.com/shin/EDM/BTND-2021-0915-2.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
}

.footerBTN-D a{
    width: 100%;
    height: 0px;
    margin: 0 auto;
    padding-bottom: 50%;
    color: #F90;
    display: block;
    line-height: 100%;
    text-indent: -9999px;
    clip: rect(100px,auto,auto,auto);
}
	
.footerBTNBOX{
	margin-bottom: 0px;
	
	
	}		
		

.gotoTOPAZ{

	position:fixed;
	bottom:5px;
	right:2%;
	margin-bottom: 9%;
	display:block;
	
	
	}
	
	
	}
	
@media screen and (min-width: 1021px) and (max-width: 1199px) {
	
	.header{
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:77%;
	position: relative;
	
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
	z-index
	
	
	}
	
	


.headerA {
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:20.31%;
	position: relative;
	
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
	
}






	

.headerA1{background-image: url(https://www.sdgwbb.com/shin/EDM/EDM-2023-0219-M_01.jpg);}
	
.headerA2{background-image: url(https://www.sdgwbb.com/shin/EDM/EDM-2023-0219-M_02.jpg);}

.headerA3{background-image: url(https://www.sdgwbb.com/shin/EDM/EDM-2023-0219-M_03.jpg);}
	
.headerA4{background-image: url(https://www.sdgwbb.com/shin/EDM/EDM-2023-0219-M_04.jpg);}


/******************************************************************************************************/
#myDIVBOXA{
	width: 65%;
    height: auto;
    margin: 0px;
    margin-top: 1.2%;
    float: left;
    left: 5%;
    position: absolute;
    Z-INDEX: 5;
	
	}

#myDIV
{
	width: 100%;
	height: 0px;
	margin: 0 auto;
	padding-bottom:55.18%;
	position: relative;
	background-image: url(https://www.sdgwbb.com/shin/EDM/title-2023-02-19.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 0px;
    
	
}

	
	
	
	
	
	
	
	
	}

    @media (min-width: 690px) and (max-width:767px) {
        .footerAA {
            width: 100%;
            background-color: #1a617c;
            overflow: hidden;
            margin-top: 15px;
            margin-bottom: 6%;
            margin-left: auto;
            margin-right: auto;
        }
    
    
    
    }