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

/*banneLink*/
.banneLink{ display:block; position:relative; overflow: hidden;}
.banneLink .outerouterouter{position:absolute; z-index:1; top:20%; width: auto; left: 41%; color:#FFF;}
.banneLink h2{ font-size:52px; font-family:Arial, "微軟正黑體"; font-weight:900; text-shadow: 0 0 5px #555555;}
.banneLink p{ font-size:28px; font-family:Arial, "微軟正黑體"; text-shadow: 0 0 5px #555555;}
.banneLink div.go{ letter-spacing:2px; font-size:15px; font-weight:900; background:#ff5454; padding:8px 100px; display:table; margin:15px 0 0 0; transition:all 0.4s;}
.banneLink:hover div.go{ background:#26bec9; transition:all 0.4s;}
.indexbox{position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
	color:#ffffff;
	width:100%;}
@media screen and (max-width:1200px){
	.banneLink .outerouterouter{ top:5%;}
}
@media screen and (max-width:1000px){
	.banneLink .outerouterouter{ top:10%; left:0; text-align:center; width:100%;}
	.banneLink h2{ font-size:42px;}
	.banneLink div.go{ margin:15px auto 0 auto;}
	.banneLink img{ width:150%;}
}

@media screen and (max-width:700px){
	.banneLink h2{ font-size:30px;}
	.banneLink p{ font-size:15px;}
	.banneLink img{ width:180%;}
	.banneLink div.go{padding: 8px 20px;}
}

@media screen and (max-width:500px){
	.banneLink h2{ font-size:20px;}
	.banneLink p{ font-size:13px;}
	.banneLink img{ width:200%;}
}