html{
	margin:0;
	padding:0;
	height:100%;
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative
}
body {
	font-family: Microsoft JhengHei, verdana, arial, helvetica, geneva, mingliu, taipei;
	margin:0;
	padding:0;
	height:100%;
	text-decoration:none;
	background-color: #fff;
}
a {
	text-decoration:none;
	color:#666;
}
a:active {
	text-decoration:none;
	color:#000;
}
a:hover {
	text-decoration:none;
	color:#000;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.logo01{ 
	border:0px solid red;
	margin:1vw auto;
	padding:0px 0 0 0;
	text-align:center;
	width:30vw;
	height: 23vw;
 }
 .logo01 img{ 
	border:0px solid red;
	margin:0px auto;
	padding:0px 0 0 0;
	text-align:center;
	width:30vw;
 }
 
.container01{
	border:0px solid red;
	margin:-15px auto;
	padding: 0;
	width:100%;
}
.container01 img{  
	width:100%;
	min-height:250px;
}
.container01 h1{  
	font-size:7vw;
}
.container01 h2{  
	font-size:5vw;
}
.container01 .port01{  
	text-align:left;
	font-size:3vw;
	margin:10px 20px 30px 10px;
}
.container01 .port01 span{  
	font-size:2vw;
	margin:0 6px;
	color:#aaa;
}
.container02 { 
	margin:-15px auto;
	background: #fff url("img/a0301_p001.jpg") no-repeat scroll;
	background-position:left top;
	background-size:cover;
} 
.t01 {  
	background-color: #000;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:100%;
	height:12vw;
	color:#fff;
	font-size:5vw;
	line-height:240%;
}
.t01 a{  
	color:#fff;
}
.ct01 {  
	background-color: #fff;
	margin:0px auto;
	padding:10px;
	text-align:left;
	width:100%;
	color:#000;
	font-size:2.5vw;
	line-height:300%;
}
.ct01 h2{  
	font-size:5vw;
	line-height:200%;
}
.menu01 {  
	float:right;
	position: relative;
	margin: 16vw 10px 0 0;
	font-size:2.5vw;
	font-style: bold;
}


.menu02{  
	margin:5vw auto;
	padding:0px 0 0 0;
	text-align:center;
	width:100vw;
	list-style: none;
	font-size:4vw;
	color:#fff;
}
.menu02 a{  
	list-style: none;
	color:#fff;
}
.menu02 a:hover{  
	list-style: none;
	color:#000;
}
.menu02 img{
 margin: 17px;
 padding: 0;
}

.menu02 li {
	padding: 6vw;
	list-style: none;
	display:inline;
}

.menu03 {  
	margin:0 auto;
	padding:6vw 0 0 2vw;
	width:100%;
	height:160vw;
	color:#fff;
	font-size:3.5vw;
	line-height:250%;
	text-align:left;
	border:0px solid red;
}
.menu03 h1{  
	color:#fff;
	font-size:3vw;
	line-height:250%;
}
.menu03 p{  
	color:#fff;
	font-size:3vw;
	line-height:250%;
}
.menu03 img{
 margin: 17px;
 padding: 0;
}
.menu03 li ul {
list-style: none;
}
.menu03 a {
	color:#fff;
}

.menu04{  
	margin:0 auto;
	padding:6vw 0 0 0;
	width:100%;
	height:160vw;
	list-style: none;
	color:#fff;
	text-align:center;
	 border:0px solid red;
	 background: #fff url("img/menu01_a01.jpg") no-repeat scroll center;
	 background-size:cover;
}
.menu04 a{  
	color:#fff;
}
.menu04 a:hover{  
	color:#000;
}
.menu04 p{  
	font-size:3vw;
	line-height:250%;
}
.menu05{  
	position:relative;
	top:-70vw;
	margin:0vw auto;
	padding:0;
	text-align:center;
	width:100vw;
	list-style: none;
	color:#fff;
	text-align:center;
	 border:0px solid red;
}
.menu05 a{  
	color:#fff;
}
.menu05 a:hover{  
	color:#000;
}

.slide01{ 
  	margin:0;
  	transform:translate(-100px,-100px);
}
iframe:focus { 
    outline: none;
}

iframe[seamless] { 
    display: block;
}
#iframe01{
	margin:0;
	padding:0;
	width:100%;
	height:50vw;
	overflow:hidden;
	border:0px solid red;
}
#iframe02{
	margin:0;
	padding:0;
	width:100%;
	height:150vw;
	overflow:hidden;
	border:0px solid red;
}
#iframe03{
	margin:0;
	padding:0;
	width:100%;
	height:150vw;
	overflow:hidden;
	border:0px solid red;
}
/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #333 url('images/loading.gif') no-repeat center center; }

.blank01{
	width:100%;
}
.blank02{
	width:100%;
	height:150vw;
	border:1px solid red;
}