@charset "utf-8";
/* CSS Document */
*, body, html{ margin:0; padding:0;}
html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: "微軟正黑體",'Helvetica Neue',Helvetica,Arial,sans-serif;
	background:#FFF;
}
img{vertical-align: middle;}
.relative{position:relative;}
.conatinera{ position:relative; max-width:1000px; margin:0 auto; padding:0px; background:#FFFFFF; overflow:hidden;}
.img100 img{width:100%; height:auto}
.conatiner-1{ position:relative;}
.conatiner-2{ position:relative;}
.row {
	margin: 0px;
}
.row:after {
	content: '';
	display: table;
	clear: both;
}
.col-l {
	float: left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.col-r {
	float: left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.sec1-1{ position:absolute; width:33.5%; left:9.4%; top:8%;}
.sec1-2{ position:absolute; width:36.1%; right:19.4%; top:9%;}
.sec1-3{ position:absolute; width:100%; bottom:0%;}
.sec1-1 img, .sec1-2 img, .sec1-3 img{width:100%; height:auto;}

.bnr-1{ position:absolute; width:35%; bottom:0%; left:12%}
.bnr-2{ position:absolute; width:35%; bottom:0%; right:12%}
.bnr-1 img, .bnr-2 img{width:100%; height:auto;}

.sec2-1{ position:absolute; width:96.7%; left:1.5%; bottom:1%;}
.sec2-1 img{width:100%; height:auto;}

.sec3-1{ position:absolute; width:89%; left:6.6%; top:10%;}
.sec3-1 img{width:100%; height:auto;}

.sec4-1{ position:absolute; width:72.4%; left:13.5%; top:10%;}
.sec4-2{ position:absolute; width:78.4%; left:10.7%; bottom:5%;}
.sec4-1 img, .sec4-2 img{width:100%; height:auto;}

.sec5-1{ position:absolute; width:84%; left:9.8%; bottom:10%;}
.sec5-1 img{width:100%; height:auto;}

.sec6-1{ position:absolute; width:80.6%; left:10%; bottom:15%;}
.sec6-2{ position:absolute; width:95.8%; left:1.5%; top:1.5%;}
.sec6-1 img,.sec6-2 img{width:100%; height:auto;}

.sec7-1{ position:absolute; width:74.9%; left:12.4%; top:35%;}
.sec7-1 img{width:100%; height:auto;}

.sec8-1{ position:absolute; width:86.5%; left:6.7%; top:17%;}
.sec8-2{ position:absolute; width:86.5%; left:6.7%; top:1%;}
.sec8-3{ position:absolute; width:86.5%; left:6.7%; top:1%;}
.sec8-1 img,.sec8-2 img,.sec8-3 img{width:100%; height:auto;}

.sec9-1{ position:absolute; width:46.6%; left:26.7%; top:15%;}
.sec9-2{ position:absolute; width:45.5%; left:26.7%; top:0%;}
.sec9-3{ position:absolute; width:45.5%; left:26.7%; top:0%;}

.sec91-1{ position:absolute; width:50%; left:25%; top:42%;}
.sec91-2{ position:absolute; width:50%; left:25%; top:22%;}
.sec91-3{ position:absolute; width:50%; left:25%; top:22%;}

.sec9-1 img,.sec9-2 img,.sec9-3 img{width:100%; height:auto;}
.sec91-1 img,.sec91-2 img,.sec91-3 img{width:100%; height:auto;}




.sec10-1{ position:absolute; width:85.5%; right:0%; bottom:14%;}
.sec10-1 img{width:100%; height:auto;}

@media only screen and (max-width: 1100px) {
	.conatinera{ position:relative; max-width:1000px; margin:0 auto; padding:0px; border:none;}
}

/* Styles for Landscape screen 橫 */
@media all and (orientation:landscape) {

}


/*橫720*/
@media all and (orientation:landscape) and (max-width: 720px) {

}