
h1{
	font-size: 4.5vw;
}
section{
	min-height: 100vh;
}
.swiper-pagination-bullet-active{
	background: var(--Green);
}
.afterShow{
	width: 200%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.afterShowPhoto{
	width: 100%;
}
.afterShowPhoto div{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}
.lightBox{
	width: 20%
}
.afterShowPhoto img{
	width: 100%;
}
.afterShowPhoto:first-child{
	animation: marquee2 30s linear infinite;
    animation-delay: -15s;
}
.afterShowPhoto:last-child{
    animation: marquee3 30s linear infinite;
}
@keyframes marquee2 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes marquee3 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}

.brief a{
	color: var(--Green);
	transition: .3s;
}
.brief a:hover{
	color: var(--White);
	transition: .3s;
}
.brief i{
	font-size: 24px;
}

/*////RWD////*/
@media screen and (max-width:1660px) {
	
}
@media screen and (max-width:1440px) {
	
}
@media screen and (max-width:1366px) {

}
@media screen and (max-width:1280px) {
	
}
@media (orientation:landscape) and (max-height: 800px) {
	
}
@media screen and (max-width:1024px) {
	
}
@media (orientation:landscape) and (max-height: 768px) {

}
@media (orientation:portrait) and (max-height: 1180px) {
	h1 {
    	font-size: 6vw;
	}
	.afterShow {
    	width: 300%;
	}
	.brief i {
    	font-size: 23px;
	}
}
@media (orientation:portrait) and (max-height: 1024px) {
	
}
@media (orientation:portrait) and (max-width: 480px) {
	.afterShow {
    	width: 800%;
	}

	
}
/*Iphone XR 414*896 */
@media (orientation: portrait) and (max-height: 896px) {
  
}
/*Iphone 12Pro 390*844 */
@media (orientation: portrait) and (max-height: 844px) {
	
}
/*Iphone 10 375*812 */
@media (orientation: portrait) and (max-height: 812px) {
  
}

/*Iphone 8Plus 414*736 */
@media (orientation: portrait) and (max-height: 736px) {
  
}
/*Iphone 8 375*667 */
@media (orientation: portrait) and (max-height: 667px) {
	
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}
