/* =======vvv========   stiky contact area  ========================== */
.stickybox {
    position: fixed;
	width:97%;  /*避免超出框外*/
	
    bottom:0;

	text-align: center;
  
	padding-top:2px; 
	padding-bottom: 2px;
	
	font-size: 1.2em;

}			

.stb-btnwraper {  
  display: flex;
	align-items: stretch; 
  justify-content: center;
  background-color: DodgerBlue;
  height:48px;
  margin: 0px auto;
  padding-top: 3px; 
  padding-bottom: 3px;	
	
  
	}	
	
/* ---------電話 ------- */

.stb-square-phone {
    position: relative;
	width: 20%;
	height:43px;


	text-align: center;
  
	background-color: yellow;
	border: 2px lightgreen  solid;
	border-radius:5px;
}	
	
.stb-square-phone:hover {
	border: 2px red solid;
	}

  /* ------ Line ------------- */
.stb-square-line {
    position: relative;
	width:15%;
	
	height:33px;
	margin-bottom: 30px;
	margin-left:3px;

	padding-top: 10px;
	padding-bottom: 1px;
	
	
	background-color:yellow;
	border: 2px lightgreen  solid;
	border-radius:5px;
}
.stb-square-line:hover {
		border: 2px red solid;
	}


  /* --------------We Chat --------------*/
.stb-square-wechat {
    position: relative;
	width: 15%;
	/*height:43px ;*/
	height:33px;
    margin-bottom: 30px;
	margin-left:3px;
	
	padding-top: 10px;
	padding-bottom: 1px;
	
  
	background-color: yellow;
	border: 2px lightgreen  solid;
	border-radius:5px;
}
.stb-square-wechat:hover {
		border: 2px red solid;
	}

 /*  -------網路掛號-----   */	
.stb-square {
    position: relative;
	width: 42%;

	height:33px;
	font-size: 0.9em;
    margin-bottom: 30px;
	margin-left:3px;
	padding-top: 10px;
	
	text-align: center;
   
	border: 2px brown  solid;
	background-color: yellow;
	border-color: lightgreen;
	border-radius:5px;
}
	
.stb-square a{
	text-decoration: none;
	color: blue;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 15px;

	line-height:44px;
	}
	
.stb-square:hover{
	border: 2px red  solid;
	}
	
.stb-square a:hover{
		color: red;
	}


/* ------------------------  */
.stb-content {
    position: absolute;
/*	z-index: 1;  */    
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
	
	
.stb-text {
	text-shadow: 2px 2px 2px pink;
	
}	
	
.stb-blink {
  transition: 800ms ease;
}

@media screen and (min-width: 700px) {
	.stb-btnwraper {
		width: 45%;
      }

}

@media only screen and (orientation: landscape) {
 .stickybox {
    display: none;
  }
}


/*   =============== // end  stiky contact area  ==========================  *//* CSS Document */