@charset "UTF-8";

/*首頁共同元素圖*/

.style-common .index-item-02{
	/*多元化拓展海外市場*/
	width: 16vw;
	height: 16vw;
/* 	background: url(../images/index-item-01-bg-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	left: 0vw;
	top: 3vw;

}


.style-common .index-item-02:hover{
	width: 18vw;
	height: 18vw;
/* 	background: url(../images/index-item-01-bg-hover-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	}


.style-common .index-item-03{
	/*產業人才需求與培訓*/
	width: 16vw;
	height: 16vw;
/* 	background: url(../images/index-item-02-bg-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0vw;
	left: 23vw;
}

.style-common .index-item-03:hover{
	width: 18vw;
	height: 18vw;
/* 	background: url(../images/index-item-02-bg-hover-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
}

.style-common .index-item-04{
	/*電力市場的多元化*/
	width: 16vw;
	height: 16vw;
/* 	background: url(../images/index-item-03-bg-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	top: 5vw;
	left: 50vw;
}


.style-common .index-item-04:hover{
	width: 18vw;
	height: 18vw;
/* 	background: url(../images/index-item-03-bg-hover-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
}

.style-common .index-item-07{
	/*我國業者跨境電子商務發展*/
	width: 16vw;
	height: 16vw;
/* 	background: url(../images/index-item-04-bg-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	top: 24vw;
	left: 2vw;
}

.style-common .index-item-07:hover{
	width: 18vw;
	height: 18vw;
/* 	background: url(../images/index-item-04-bg-hover-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
}


.style-common .index-item-01{
	/*氣象與產業用電*/
	width: 23vw;
	height: 23vw;
/* 	background: url(../images/index-item-05-bg-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	top: 18vw;
	left: 26vw;
}

.style-common .index-item-01:hover{
	width: 25vw;
	height: 25vw;
/* 	background: url(../images/index-item-05-bg-hover-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
}


.style-common .index-item-06{
	/*家用節能產品節電試算*/
	width: 16vw;
	height: 16vw;
/* 	background: url(../images/index-item-06-bg-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	left:17vw;
	top:39vw;
}

.style-common .index-item-06:hover{
	width: 18vw;
	height: 18vw;
/* 	background: url(../images/index-item-06-bg-hover-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
}


.style-common .index-item-05{
	/*綠色消費*/
	width: 16vw;
	height: 16vw;
/* 	background: url(../images/index-item-07-bg-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	left:50vw;
	top: 38vw;
}

.style-common .index-item-05:hover{
	width: 18vw;
	height: 18vw;
/* 	background: url(../images/index-item-07-bg-hover-common.png); */
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
}







@media screen and (max-width:1139px){

.style-common .index-item-01{
	width: 198px;
    height: 182px;
    left: 0px;
	top: 120px;}
.style-common .index-item-01:hover{
	width: 203px;
    height: 187px;
}

.style-common .index-item-02{
	width: 180px;
    height: 125px;
    top: 0;
    left: 300px;
}
.style-common .index-item-02:hover{
	width: 184px;
    height: 129px;
}


.style-common .index-item-03{
	width: 225px;
    height: 213px;
    top: 130px;
    left: 600px;
}
.style-common .index-item-03:hover{
	width: 232px;
    height: 220px;
}

.style-common .index-item-04{
	width: 180px;
    height: 132px;
    top: 395px;
    left: 50px;
}
.style-common .index-item-04:hover{
	width: 185px;
    height: 137px;
}

.style-common .index-item-05{
	width: 256px;
    height: 258px;
    left: 314px;
    top: 208px;
}
.style-common .index-item-05:hover{
	width: 265px;
    height: 267px;
}



.style-common .index-item-06{
	width: 180px;
    height: 127px;
    left: 344px;
    top: 531px;
}
.style-common .index-item-06:hover{
	width: 184px;
    height: 131px;
}


.style-common .index-item-07{
	width: 200px;
    height: 152px;
    left: 625px;
    top: 460px;
}
.style-common .index-item-07:hover{
	width: 205px;
    height: 157px;
}

}