/*--------------- 左下固定超連結(B) ---------------*/
.bottom-left {
	position: fixed;
	bottom: 18px;
	left: 0;
	z-index: 10;
}

.bottom-left > a {
	display: block;
	padding-top: 0.5em;
}

/*圖片尺寸基本為480px*200px(寬度固定，高度可任意調整)，螢幕尺寸會等比縮小顯示為240px*100px */
.bottom-left > a > img {
	width: 240px;
	-webkit-transition: width .3s ease;
	   -moz-transition: width .3s ease;
		-ms-transition: width .3s ease;
		 -o-transition: width .3s ease;
			transition: width .3s ease;
}

.bottom-left > a:hover > img {
	width: 250px;
	-webkit-transition: width .3s ease;
	   -moz-transition: width .3s ease;
		-ms-transition: width .3s ease;
		 -o-transition: width .3s ease;
			transition: width .3s ease;
}

@media screen and (max-width: 767px){
	.bottom-left > a > img { width: 120px; }
	.bottom-left > a:hover > img { width: 130px;}
}
/*--------------- 左下固定超連結(E) ---------------*/


/*--------------- 右下固定超連結(B) ---------------*/
.bottom-right {
	position: fixed;
	bottom: 20px;
	right: 115px;
	z-index: 150;
}

.bottom-right > a {
	display: block;
}

/*圖片尺寸基本為180px*160px(高度固定，寬度可任意調整)，螢幕尺寸會等比縮小顯示為90px*80px */
.bottom-right > a > img {
	height: 80px;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		 -o-transition: all .3s ease;
			transition: all .3s ease;
}

.bottom-right > a:hover > img {
	height: 85px;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		 -o-transition: all .3s ease;
			transition: all .3s ease;
}

/*視窗寬度小於1270以下切換*/
@media screen and (max-width: 1270px){
	.bottom-right { bottom: 20px; }
}

/*視窗寬度小於767以下切換*/
@media screen and (max-width: 767px){
	.bottom-right {
		bottom: 80px;
		right: 1%;
	}
}

/*--------------- 右下固定超連結(E) ---------------*/