/*############### media screen #############*/

/* Large desktop */
@media screen and (min-width: 1200px) {
	
}

@media screen and (max-width: 1160px) {
	/*--------------- footer object ---------------*/
	.ft-contact{width:50%; text-align:center;} .contact-body{width:400px; text-align:left;}
	.ft-policy{width:49%; text-align:center}
	.ft-menu{width:50%; text-align:center;} .menu-body{flex: 0 0 400px; width:400px; text-align:left;}
	.ft-lddnet{width:49%; text-align:center}	
}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 1024px) {
	/*--------------- header object ---------------*/	
	/* position: mnu,topscreen margin top */
	.logo-body{padding-left:0px;padding-right:0px;} 
	.hd-mnu{position:inherit; width:100%;} 

	.hd-logo{height:34px;}
	.logo-imgs{display:none;}
	/* logo and text */
	.logo-body{margin-top:75px;text-align:center;width:100%;} 
	.logo-imgs{display:none} 
	.logo-text{display:none}
	.navbar-menu{background-color:#eaf5f9; /* background color of menu level 0 < 1024*/}
	.navbar-menu > button{margin-left:5px;}
	/* navigation */
	.navbar-nav > li > a{padding-left:15px;}
	/* slide */
	#slides-swiper{border-radius:5px; margin-top:10px;}
	#slides-swiper .title{font-size:70%;}
	/* hotbox */
	/*.hotbox-nest{width:350px;} .hotbox-item{width:340px;}*/
	/*--------------- footer object ---------------*/
	.bottom-validate{width:100%;text-align:center;}
	/*.accept-pdpa{height:auto;}*/
	
	/*--------------- pages object ---------------*/
	.content-row{text-align:center;}
	.content-row .pages-text{text-align:left;}
}

@media screen and (max-width: 979px) {
	/* slide */
	#slides-swiper{border-radius:5px;}
	#slides-swiper .title{font-size:80%;}
	/* footer */
	/*.accept-pdpa{height:auto;}*/
}

@media screen and (max-width: 715px) {
	/*--------------- footer object ---------------*/
	.ft-contact{width:100%;}
	.ft-policy{width:100%;} .policy-body{width:100%; max-width:220px; }
	.ft-menu{width:100%;} .menu-flex{height:auto;} .menu-body{flex: 0 0 100%; width:100%; max-width:400px;}
	.ft-lddnet{width:100%;}
}

@media screen and (max-width: 580px) {
	/*--------------- footer object ---------------*/
	.ft-contact{width:100%;text-align:center;}
	.ft-policy{width:100%;text-align:center;}
	.poweredby-body{width:100%;} .poweredby-body div{text-align:center;}
	.validate-body{width:100%;} .validate-body div{text-align:center;}
}

/* Landscape phones and down */
@media screen and (max-width: 480px) {
	/*------ header object -------*/	
	/* slide */
	#slides-swiper{border-radius:3px;}
	#slides-swiper .title{font-size:50%;}
	/* news object */
	.news-tab-menu{width:90%;}
	/* footer object */
	.menu-item{width:100%;}
	.menu-body{width:100%; max-width:220px;}
	.poweredby-txt{text-align:center;}
	/*.accept-pdpa{height:auto;}*/
	/* scrap object */
}

@media screen and (max-width: 430px) {
	/*--------------- footer object ---------------*/
	.contact-body{width:100%; }
	/*.accept-pdpa{height:auto;}*/
}

@media screen and (max-width: 340px) {
	/* footer object */
	/*.accept-pdpa{height:auto;}*/
}
/*-------------------- transition -------------------*/
.tran-all{
-webkit-transition:all 0.4s ease-out;
   -moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;
	 -o-transition:all 0.4s ease-out;
		transition:all 0.4s ease-out;
}
.tran-opacity{
	opacity:1;
-webkit-transition:opacity 0.5s ease-out;
   -moz-transition:opacity 0.5s ease-out;
	-ms-transition:opacity 0.5s ease-out;
	 -o-transition:opacity 0.5s ease-out;
		transition:opacity 0.5s ease-out;
}

@keyframes runner-text {0%{transform:translate(0, 0);} 100% {transform: translate(-100%, 0);}}