@charset "utf-8";
   
	   

	   
	   

/*按鈕樣式*/
.btn-ad {
	/*align-self: flex-start;*/
	background: linear-gradient(360deg, #28AEFF, #228cff);
	color: white;
	border: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: background 0.3s ease;
	letter-spacing: 1px;
    }
	

    .btn-ad::before {

	content: "";
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.3);
	transform: skewX(-20deg);
	transition: left 0.5s;
	letter-spacing: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

    }

    .btn-ad:hover::before {

	left: 100%;
	letter-spacing: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

    }

    .btn-ad:hover {

	background: linear-gradient(90deg, #0056b3, #003d7a);
	letter-spacing: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

    }

 
.btn-ad:focus {
	outline: none;
	box-shadow: none;
	color: #FFF;
}



.btn-ad:focus-visible {
  outline: 2px solid #ffffff; /* 你可以換成任何你想要的顏色或樣式 */
}



/*02*/
.btn-ad02 {
	/*align-self: flex-start;*/
	background: linear-gradient(360deg, #2eb0ff, #2eb0ff);
	color: white;
	border: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: background 0.3s ease;
	letter-spacing: 1px;
    }
	

    .btn-ad02::before {

	content: "";
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.3);
	transform: skewX(-20deg);
	transition: left 0.5s;
	letter-spacing: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

    }

    .btn-ad02:hover::before {

	left: 100%;
	letter-spacing: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

    }

    .btn-ad02:hover {

	background: linear-gradient(90deg, #0056b3, #003d7a);
	letter-spacing: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

    }

 
.btn-ad02:focus {
	outline: none;
	box-shadow: none;
	color: #FFF;
}



.btn-ad02:focus-visible {
  outline: 2px solid #ffffff; /* 你可以換成任何你想要的顏色或樣式 */
}


/*03*/
.btn-ad03 {
	/*align-self: flex-start
	background: linear-gradient(360deg, #2eb0ff, #2eb0ff);;*/
	color: white;
	border: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: background 0.3s ease;
	letter-spacing: 1px;
    }
	

    .btn-ad03::before {

	content: "";
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.3);
	transform: skewX(-20deg);
	transition: left 0.5s;
	letter-spacing: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

    }

    .btn-ad03:hover::before {

	left: 100%;
	letter-spacing: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

    }

    .btn-ad03:hover {

	background: linear-gradient(90deg, #bdecff, #bdecff);
	letter-spacing: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

    }

 
.btn-ad03:focus {
	outline: none;
	box-shadow: none;
	color: #FFF;
}



.btn-ad03:focus-visible {
  outline: 2px solid #ffffff; /* 你可以換成任何你想要的顏色或樣式 */
}