@media screen and (min-width: 768px) {
	/* Underline From Left 藍字連結的底線 往右
	-------------------------------------------------------*/
	.hvr-underline {
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		position: relative;		overflow: hidden;
	}

	.hvr-underline:before {
		content: "";
		position: absolute;
		z-index: 1;
		left: 0;	right: 100%;	bottom: 6px;	background: #0078d7;
		height: 1px;
		-webkit-transition-property: right;
		transition-property: right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	/*** hover*/
	.hvr-underline:hover:before, 
	.hvr-underline:focus:before, 
	.hvr-underline:active:before {
	  right: 0;
	}
	
	/* 藍字連結的 >>
	------------------------------------------------------*/
	.iconMove:after{
		content: ">>";
		display: block;
		position: absolute;
		top: 0;	right:0.25em;
		width: 1.5em;	height: auto;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		z-index: 1;
	}
	/*** hover*/
	.iconMove:hover:after,
	.iconMove:focus:after,
	.iconMove:active:after{
		right: 0em;
	}

	
	/* Sweep To Right 框框按鈕的背景 往右 
	--------------------------------------------------------*/
	.hvr-sweep {
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-sweep:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;  left: 0;  right: 0;  bottom: 0;
	/*  background: #2098D1;*/
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 0 50%;
	  transform-origin: 0 50%;
	  -webkit-transition-property: transform;
	  -webkit-transition-property: -webkit-transform;
	  transition-property: -webkit-transform;
	  transition-property: transform;
	  transition-property: transform, -webkit-transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	/*** 個按鈕的背景顏色 */
	.btn1 .hvr-sweep:before{	background: #ffcd1a;}
	.btn2 .hvr-sweep:before{	background: #d94b18;}
	.btn3 .hvr-sweep:before{	background: #ff8c9d;}
	.kv_btn.hvr-sweep:before{	background: #ffcd1a;}
	/*** hover */
	.hvr-sweep:hover:before, 
	.hvr-sweep:focus:before, 
	.hvr-sweep:active:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}

	/* 框框按鈕的背景 >
	----------------------------------------------------------*/
	.iconRight{	position: relative;}
	.iconRight:after{
		content: "";
		display: block;
		position: absolute;
		width:12px;	height:21px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		z-index: 1;
	} 
	
	.kv_btn.iconRight:after{
		content: ">";
		top: -5%;	right:1.5em;
	}
	.kv_btn.iconRight:hover:after,
	.kv_btn.iconRight:focus:after,
	.kv_btn.iconRight:active:after{	right:1em;}

	.btn1 .iconRight:after{
		top: 29%;	right:22%;
		background-image: url(../img/toRight_blue.svg);
	}
	.btn1 .iconRight:hover:after,
	.btn1 .iconRight:focus:after,
	.btn1 .iconRight:active:after{	right: 18.5%;}

	.btn2 .iconRight:after{
		top: 29%;	right:18%;
		background-image: url(../img/toRight_white.svg);
	}
	.btn2 .iconRight:hover:after,
	.btn2 .iconRight:focus:after,
	.btn2 .iconRight:active:after{	right: 14.5%;}

	.btn3 .iconRight:after{
		top: 29%;	right:22%;
		background-image: url(../img/toRight_white.svg);
	}
	.btn3 .iconRight:hover:after,
	.btn3 .iconRight:focus:after,
	.btn3 .iconRight:active:after{	right: 18.5%;}
}



@media screen and (max-width: 768px) {
	
	/* Underline From Left 藍字連結的底線 往右，無hover
	-------------------------------------------------------*/
	.hvr-underline {
		position: relative;		overflow: hidden;
	}

	.hvr-underline:before {
		content: "";
		position: absolute;
		z-index: 1;
		left: 0;	right: 0;	bottom: 6px;	background: #0078d7;
		height: 1px;
	}
	
	/* 藍字連結的 >> ，無hover
	------------------------------------------------------*/
	.iconMove:after{
		content: ">>";
		display: block;
		position: absolute;
		top: 0;	right:0.25em;
		width: 1.5em;	height: auto;
		z-index: 1;
	}
	
	/* Sweep To Right 框框按鈕的背景 往右 ，無hover
	--------------------------------------------------------*/
	.hvr-sweep {
	  position: relative;
	}
	.hvr-sweep:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;  left: 0;  right: 0;  bottom: 0;
	}

	/* 框框按鈕的背景 >
	----------------------------------------------------------*/
	.iconRight{	position: relative;}
	.iconRight:after{
		content: "";
		display: block;
		position: absolute;
		width:12px;	height:21px;
		z-index: 1;
	} 
	
	.kv_btn.iconRight:after{
		content: ">";
		top: -5%;	right:1.5em;
	}
	.kv_btn.iconRight:hover:after,
	.kv_btn.iconRight:focus:after,
	.kv_btn.iconRight:active:after{	right:1em;}

	.btn1 .iconRight:after{
		top: 29%;	right:22%;
		background-image: url(../img/toRight_blue.svg);
	}
	.btn1 .iconRight:hover:after,
	.btn1 .iconRight:focus:after,
	.btn1 .iconRight:active:after{	right: 18.5%;}

	.btn2 .iconRight:after{
		top: 29%;	right:18%;
		background-image: url(../img/toRight_white.svg);
	}
	.btn2 .iconRight:hover:after,
	.btn2 .iconRight:focus:after,
	.btn2 .iconRight:active:after{	right: 14.5%;}

	.btn3 .iconRight:after{
		top: 29%;	right:22%;
		background-image: url(../img/toRight_white.svg);
	}
	.btn3 .iconRight:hover:after,
	.btn3 .iconRight:focus:after,
	.btn3 .iconRight:active:after{	right: 18.5%;}

	
	/* 框框按鈕的背景 > ，調整距離
	------------------------------------------------------------*/
	.kv_btn.iconRight:after{	right:0.9em;	top: -3%}
	.kv_btn.iconRight:hover:after,
	.kv_btn.iconRight:focus:after,
	.kv_btn.iconRight:active:after{	right:0.4em;}
	
	
	
	
	}