@charset "utf-8";
/* CSS Document */
body{font-family: 'Noto Sans TC', sans-serif;}
.home_bg{ background:url(../images/bg001.png) repeat; margin:0; padding:0; min-height:100vh; overflow:hidden;}

.home_div{  margin:0 auto; position:relative; transform-origin: top center;}
.home_div a img{transition: 0.5s ease;}
.home_div a img:hover{
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
	cursor:pointer;
}
.home_div .site01{
	position: absolute;
	left: 6px;
	top: 61px;
}
.home_div .site02{
	position: absolute;
	left: 50px;
	top: 328px;
}
.home_div .site03{
	position: absolute;
	left: 299px;
	top: 590px;
}
.home_div .site04{
	position: absolute;
	left: 595px;
	top: 779px;
}
.home_div .site05{
	position: absolute;
	left: 956px;
	top: 628px;
}
.mobile_div{ display:none; position:relative;transform-origin: top center;}
.mobile_div img{ width:100%;}
.mobile_div a{ display:inline-block; /*border:1px solid #f00;*/}
.mobile_div a.site01{
	position: absolute;
	left: 1vw;
    top: 74vw;
    width: 40vw;
    height: 27vw;
}
.mobile_div a.site02{
	position: absolute;
	left: 22vw;
    top: 103vw;
    width: 43vw;
    height: 27vw;
}
.mobile_div a.site03{
	position: absolute;
	right: 0;
    top: 79vw;
    width: 40vw;
    height: 26vw;
}
.mobile_div a.site04{
	position: absolute;
	left: 4vw;
    top: 134vw;
    width: 43vw;
    height: 28vw;
}
.mobile_div a.site05{
	position: absolute;
	right: 0;
    top: 128vw;
    width: 44vw;
    height: 26vw;
}
.company_info{ text-align:center; font-size:17px; position:fixed; left:0; width:100%;}
.company_info span{ display:inline-block; margin:5px 10px;}

.company_info_moile{ text-align:center; font-size:17px;  width:100%;}
.company_info_moile span{ display:inline-block; margin:5px 10px;}

@media (max-width: 1280px){
	.home_div{  margin:0 auto; position:relative; transform-origin: top left;}
}
@media (max-width: 768px){
	.company_info{ font-size:13px; }
	.company_info span{margin:1px 10px;}
	
	.company_info_moile{ font-size:13px; }
	.company_info_moile span{margin:1px 10px;}	
	
}
@media (max-width: 640px){
	.home_bg{ min-height:inherit; overflow-y:auto;}
	.home_div{ display:none!important;}
	.mobile_div{ display:block !important;}
	.company_info{ display:none!important;}
	.company_info_moile{ display:block!important;}
}