@charset "UTF-8";

@media screen and (max-width: 991px) {	
  body { 
    padding-top:50px; 
  }

  .inner { padding: 0px 0 200px 0;}
}


/* fixed icon button  *************************************************************************************/
.fixed-icon-btn ul li{
	width: 50%;
}

.fixed-icon-btn ul li a{
	font-size:18px;
}

.fixed-icon-btn ul li a span{
	bottom:8%;
}


@media screen and (min-width: 768px) and (max-width: 991px) {
	.fixed-icon-btn ul li{
		width:25%;
	}
	.fixed-icon-btn ul li a{
		font-size:18px;
	}
	.fixed-icon-btn ul li a span{
		bottom:20%;
	}
}

@media screen and (min-width: 992px) {
	.fixed-icon-btn ul{
		width: 100%;
	}

	.fixed-icon-btn ul li{
		float:none;
		width: 100%;
		border: 1px solid #FFFFFF;	
		border-bottom: none;
	}
	.fixed-icon-btn ul li:last-child{	
		border-bottom: 1px solid #FFFFFF;
	}
	
	.fixed-icon-btn ul li a{
		padding-bottom:100%;  /*寫100%代表跟寬度一樣大，形成正方形 */
		font-size:12px;
		background-size:70% 70%; /*把背景圖縮小一點點*/
	}

	.fixed-icon-btn ul li a span{
		bottom:10%;
	}
}



/* Portrait 手機拿直*/
@media screen and (max-device-width: 991px) and (orientation:portrait) {
	.fixed-icon-btn ul li{
		width:50%;
	}
}
@media screen and (min-width: 992px) and (orientation:portrait) {
	.fixed-icon-btn ul li{
		width:100%;
	}
}

/* Landscape 手機拿橫 */
@media screen and (max-device-width: 767px) and (orientation: landscape) {
	.fixed-icon-btn ul li{
		width:25%;
	}
	.fixed-icon-btn ul li a{
		padding-bottom:50%;  /*寫100%代表跟寬度一樣大，形成正方形 */
		font-size:15px;
		background-size:35% 70%; /*把背景圖縮小一點點*/
	}

	.fixed-icon-btn ul li a span{
		bottom:10%;
	}
}