@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	font-family: "微軟正黑體", Calibri;
	color: #FFFFFF;
	font-size: 1.2em;
}

header{
	width: 100%;
	height: 65px;
}

#logo{
	width: 159px;
	height: 65px;
	margin: auto;
	background: url(../image/logo_s_159x65.png);
	background-size: contain;

}

section{
	width: 100%;
	height: auto;
}




footer{
	text-align: center;
	font-size: 0.6em;
	color: #808080;
	padding-top:2%;
	padding-bottom: 1%;
	margin-left: auto;
}


#ma{
	width: 100%;
	height: auto;
	border: 0;
  position: relative;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 1s;
}


#asean{
	width: 100%;
	height: auto;
	border: 0;
  position: relative;
  -webkit-animation-name: campus; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: campus;
  animation-duration: 1s;
}

img{
width: 100%;
height: auto;
	
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%   {right:250px;}
  100% {right:0px;}}

/* Standard syntax */
@keyframes example {
  0%   {right:250px;}
  100% {right:0px;}
}


@-webkit-keyframes campus {
  0%   { left:250px; bottom:0px;}
  100% { left:0px; bottom:0px;}
}

/* Standard syntax */
@keyframes campus {
  0%   {left:250px; bottom:0px;}
  100% {left:0px; bottom:0px;}
}




@media (min-width: 750px){
	#ma{
		width: 50%;
		height: auto;
		border: 0;
		float:left;
}
	
	#asean{
		width: 50%;
		height: auto;
		border: 0;
		float:left;
}

	header{
	width: 100%;
	height: 103px;
}
	
	
#logo{
	width: 292px;
	height: 103px;
	margin: auto;
	background: url(../image/logo_L.png);	
}



}