@charset "utf-8";
@import url("basic.css");

#sale_support .fui-card-caption .body { display: none;}
#card_2 { display: none;}

/* 499 KV 輪播
------------------------------------------------------ */
#kv .slick-track .slick-slide:nth-child(1) { order: 2;}

#card-4g-299 { display: none;}


/* 禮物盒_5 個
------------------------------------------------------ */
.x_giftbox {
	width: 50%;
	padding: 0 10px;
}
@media screen and (min-width: 768px) {
	.x_giftbox {
		width: 20%;
	}	
}


/* 好禮三選一
------------------------------------------------------ */
.x_giftInfo_KV {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: #d5212b;
	background-image: 
		url(/content/dam/fetnet/user_resource/cbu/images/estore/exclusive/other/2024/q1/06-15/gift_info_bg_layer_1.png),
		url(/content/dam/fetnet/user_resource/cbu/images/estore/exclusive/other/2024/q1/06-15/gift_info_bg_layer_2.png);
	background-repeat: no-repeat, no-repeat;
	background-position: bottom center, bottom center;
	background-size: cover, cover;
	height: 250px;
}
.x_gift3_Show {
	text-align: center;
    animation-duration: .5s;
    animation-name: gift3_Show;	
}
@keyframes gift3_Show {
    from { opacity: 0; transform:translateY(10px);}
    to   { opacity: 1; transform:translateY(0);}
}
.x_gift3_Show img {
	width: 100%;
	max-width: 200px; 
	/*max-height: 133px;*/
	margin: 0 auto 8px;	
}
@media screen and (min-width: 768px) {
	.x_giftInfo_KV { height: 280px;}
	.x_gift3_Show img {
		max-width: 240px; 
		/*max-height: 160px;*/
	}
}	


/* 改寫：is-label 再更小的樣式 */
.fui-button.is-label.x_is-label_small {
	color: #888888;
	font-size: 12px;
	font-weight: 600;
	min-width: 50px;
	height: 24px;
}
.fui-button.is-label.x_is-label_small:hover{ color: #202020;}


/* 網速
------------------------------------------------------ */
.x_webspeed_a {	
	width: 100%;
	max-height: 580px;
	margin: auto;
}
.x_webspeed_bb {}
.x_webspeed_b {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 8px;
	margin: 0 0 24px;
}
.x_webspeed_b-1 {	
	width: 50%;
	order: 1;
}
.x_webspeed_b-2 {
	text-align: left;
	width: 50%;
	order: 2;
}
.x_speed_icon {
	display: block;
	width: 100px;
	max-width: 100px !important;
	margin: auto;
}

@media screen and (min-width: 768px) {
	.x_webspeed_b {
		display: flex;
		flex-wrap: wrap;
		width: 19%;
		border-bottom: 8px solid #D9D9D9;
	}
	.x_webspeed_bb .x_webspeed_b:nth-child(1) {
		width: 24%;
	}	
	.x_webspeed_b-1 {		
		width: 100%;
		order: 2;
	}
	.x_webspeed_b-2 {
		text-align: center;
		width: 100%;
		margin-bottom: 16px;
		order: 1;
	}	
	.x_speed_icon { 
		width: 100%;
		max-width: 140px !important;
	}
}

/* 表格欄位固定
------------------------------------------------------ */
.x_table-sticky_x {
	position: sticky;
	left: -2px;
	z-index: 1;	
}

.x_table-sticky_5G_1 {
	position: sticky;
	left: -2px;
	z-index: 1;	
}
.x_table-sticky_5G_2 {
	position: sticky;
	left: 102px;
	z-index: 1;	
}