.narrow-query {
	max-width: 600px;
	/* Adjust the value as needed*/
	margin: 0 auto;
	/* Center the block horizontally*/

}
.wp-block-categories-list.news_button {
	display: flex;
	flex-direction: row;
	justify-content: center
}
.wp-block-categories-list.news_button .cat-item {
	margin: 0 10px
}
.wp-block-categories-list.news_button .cat-item a {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-decoration: none;
	color: #fff
}
.cat-item-635611819 a {
	background-color: #3498db
}
.cat-item-318559450 a {
	background-color: #e74c3c
}
.cat-item-675242537 a {
	background-color: #2ecc71
}
.cat-item a:hover {
	opacity: .8
}
ul {
	list-style-type: none
}
.year {
	font-size: 36px;
	color: silver;
	cursor: pointer;
	position: relative
}
.year::after {
	content: '+';
	font-size: 20px;
	color: #fff;
	background-color: #656874;
	border-radius: 50%;
	padding: 8px;
	position: absolute;
	top: 50%;
	right: -30px;
	transform: translateY(-50%);
	cursor: pointer
}
.milestone_block {
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s ease-out
}
:target .milestone_block {
	max-height: 1000px;
	transition: max-height .3s ease-in
}
.month {
	font-weight: 700;
	margin-top: 10px;
	cursor: pointer
}


.main_bar {
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5)
}
.wp-block-search__inside-wrapper {
	background: #ff921e;
	padding: 5px 10px;
	width: 100%;
	box-sizing: border-box
}
.wp-block-search__input {
	background: transparent;
	border: none;
	border-bottom: 1px solid #fff;
	color: #fff;
	width: calc(100% - 40px)
}
.wp-block-search__button {
	background: transparent;
	border: none;
	padding: 0 10px
}
.main_sidebar .main_button_group {
	width: 100%
}
.wp-block-columns.is-layout-flex.wp-container-4 {
	width: 100%
}
.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #ddd;
	border-radius: 50%;
	margin: 0 5px
}
.swiper-pagination-bullet-active {
	background: #333
}
.square_logo {
	text-align: center;
	background-color: #dfddd8;
	padding: 10px;
	width: auto;
	margin: auto
}
.main_sidebar {
	box-shadow: 5px 0 5px rgba(0, 0, 0, 0.3)
}
.main_button_group .wp-block-button__link {
	background: #fff;
	color: #4d4d4d;
	transition: all .3s;
	outline: none;
	border: none;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
	background-clip: padding-box
}
.main_button_group .wp-block-button__link.main_button_discount, .main_button_group .wp-block-button__link.main_button_service, .main_button_group .wp-block-button__link.main_button_payment, .main_button_group .wp-block-button__link.main_button_customer {
	box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1), 5px 0 5px rgba(0, 0, 0, 0.1)
}
.main_button_group .wp-block-button__link:hover {
	background: linear-gradient(to right, #e89619, #fff);
	color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}
.main_bar .main_bar_1, .minor_bar .main_bar_1, .main_bar .main_bar_3, .minor_bar .main_bar_3, .main_bar .main_bar_5, .minor_bar .main_bar_5, .main_bar .main_bar_7, .minor_bar .main_bar_7 {
	position: relative
}
.main_bar .main_bar_1::after, 
.minor_bar .main_bar_1::after, 
.main_bar .main_bar_3::after, 
.minor_bar .main_bar_3::after, 
.main_bar .main_bar_5::after, 
.minor_bar .main_bar_5::after, 
.main_bar .main_bar_7::after, 
.minor_bar .main_bar_7::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 4px;
	background-color: #ff921e;
	transition: width .3s ease, left .3s ease
}
.main_bar .main_bar_1:hover::after, 
.minor_bar .main_bar_1:hover::after, 
.main_bar .main_bar_3:hover::after, 
.minor_bar .main_bar_3:hover::after, 
.main_bar .main_bar_5:hover::after, 
.minor_bar .main_bar_5:hover::after, 
.main_bar .main_bar_7:hover::after, 
.minor_bar .main_bar_7:hover::after {
	width: 100%;
	left: 0
}
.main_bar .main_bar_2-1:hover, 
.minor_bar .main_bar_2-1:hover, 
.main_bar .main_bar_2-2:hover, 
.minor_bar .main_bar_2-2:hover, 
.main_bar .main_bar_2-3:hover, 
.minor_bar .main_bar_2-3:hover, 
.main_bar .main_bar_2-4:hover, 
.minor_bar .main_bar_2-4:hover, 
.main_bar .main_bar_2-5:hover, 
.minor_bar .main_bar_2-5:hover, 
.main_bar .main_bar_2-6:hover, 
.minor_bar .main_bar_2-6:hover, 
.main_bar .main_bar_2-7:hover, 
.minor_bar .main_bar_2-7:hover, 
.main_bar .main_bar_2-8:hover, 
.minor_bar .main_bar_2-8:hover, 
.main_bar .main_bar_2-9:hover, 
.minor_bar .main_bar_2-9:hover, 
.main_bar .main_bar_2-10:hover, 
.minor_bar .main_bar_2-10:hover, 
.main_bar .main_bar_2-11:hover, 
.minor_bar .main_bar_2-11:hover, 
.main_bar .main_bar_4-1:hover, 
.minor_bar .main_bar_4-1:hover, 
.main_bar .main_bar_4-2:hover, 
.minor_bar .main_bar_4-2:hover, 
.main_bar .main_bar_4-3-1:hover, 
.minor_bar .main_bar_4-3-1:hover, 
.main_bar .main_bar_4-3-2:hover, 
.minor_bar .main_bar_4-3-2:hover, 
.main_bar .main_bar_4-4:hover, 
.minor_bar .main_bar_4-4:hover, 
.main_bar .main_bar_4-5:hover, 
.minor_bar .main_bar_4-5:hover, 
.main_bar .main_bar_4-6:hover, 
.minor_bar .main_bar_4-6:hover, 
.main_bar .main_bar_4-7:hover, 
.minor_bar .main_bar_4-7:hover, 
.main_bar .main_bar_6-1:hover, 
.minor_bar .main_bar_6-1:hover, 
.main_bar .main_bar_6-2:hover, 
.minor_bar .main_bar_6-2:hover, 
.main_bar .main_bar_6-3:hover, 
.minor_bar .main_bar_6-3:hover, 
.main_bar .main_bar_6-4:hover, 
.minor_bar .main_bar_6-4:hover, 
.main_bar .main_bar_6-5:hover, 
.minor_bar .main_bar_6-5:hover {
	color: #ff6e00;
	transition: color .3s ease-in-out
}
.main_hottv a {
	text-decoration: none
}
.main_hotnet a {
	text-decoration: none
}
.main_rent a {
	text-decoration: none
}
.main_hottv a:hover {
	color: #fff;
	transition: color .3s ease
}
.main_hotnet a:hover {
	color: #fff;
	transition: color .3s ease
}
.main_rent a:hover {
	color: #fff;
	transition: color .3s ease
}
.main_service_about a {
	text-decoration: none;
	border-bottom: 4px solid transparent;
	position: relative
}
.main_service_about a:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -4px;
	left: 0;
	height: 4px;
	background: #fff;
	transition: left .3s ease-in-out
}
.main_service_about a:hover:after {
	left: 100%
}
.main_qa_about a {
	text-decoration: none;
	border-bottom: 4px solid #fff;
	position: relative
}
.main_qa_about a:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -4px;
	left: 0;
	height: 4px;
	background: #656874;
	transition: left .3s ease-in-out
}
.main_qa_about a:hover:after {
	left: 100%
}
.main_qa_1 a, .main_qa_2 a, .main_qa_3 a {
	text-decoration: none;
	font-family: 'Microsoft JhengHei', sans-serif;
	font-weight: 700
}
.main_qa_1 a:hover, .main_qa_2 a:hover, .main_qa_3 a:hover {
	color: #fa8c26;
	transition: color .3s ease
}
.ms_btn_download a, .ms_btn_channel a, .ms_btn_search a, .ms_btn_about a {
	text-decoration: none
}
.ms_btn_download a:hover, .ms_btn_channel a:hover, .ms_btn_search a:hover {
	color: #4d4d4d;
	transition: color .3s ease
}
.ms_btn_about a {
	border-bottom: 4px solid transparent;
	position: relative
}
.ms_btn_about a::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -4px;
	left: 0;
	height: 4px;
	background: #fff;
	transition: left .3s ease-in-out
}
.ms_btn_about a:hover::after {
	left: 100%
}
.main_discount {
	position: relative;
	border-radius: 10px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	transition: all .3s;
	will-change: transform, box-shadow;
}
.main_discount img {
	transition: transform .5s;
	will-change: transform;
}
.main_discount:hover {
	box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.7);
	transform: scale(1.05) translateY(-5px);
}
.main_discount:hover img {
	transform: scale(1.2);
}
.news_img, .wp-block-post-featured-image {
	position: relative;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	overflow: hidden
}
.news_img {
	transition: all .3s;
	display: inline-block;
	width: 100%;
	max-width: 300px
}
.news_img img {
	transition: transform .5s;
	width: 100%;
	height: auto
}
.news_img:hover {
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
	transform: scale(1.05) translateY(-5px)
}
.news_img:hover img {
	transform: scale(1.2)
}
@keyframes shining {
	from {
	text-shadow: 0 0 10px #FEE397, 0 0 20px #FDC88B, 0 0 30px #FCB975, 0 0 40px #FAAe5D, 0 0 50px #F9A246
}
to {
	text-shadow: 0 0 5px #FEE397, 0 0 10px #FDC88B, 0 0 15px #FCB975, 0 0 20px #FAAe5D, 0 0 25px #F9A246
}
} .readmore {
	animation: shining .5s alternate infinite
}
@media (max-width: 400px) {
	#main_div {
	display: flex
}
.wp-container-9.wp-container-9 {
	justify-content: flex-end
}
} .wp-block-navigation-submenu ul {
	width: auto
}
@media (min-width: 1024px) {
	.wp-block-navigation-submenu ul {
	width: 300px !important
}
} 
/*******導覽列圓角效果*******/
	/* 默认样式：适用于所有设备*/
	.wp-block-navigation__submenu-container {
	display: none;
	position: absolute;
	z-index: 1000;
	background-color: #fff;
	padding: 10px
}
.has-child:hover .wp-block-navigation__submenu-container {
	display: block
}
@media (min-width: 768px) {
	.wp-block-navigation__submenu-container {
	border-radius: 20px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3)
}
.wp-block-navigation__submenu-container li a:hover {
	background-color: #f0f0f0
}
.wp-block-navigation__submenu-container, .wp-block-navigation__submenu-container * {
	border-radius: 20px
}
.wp-block-heading.Cover-title.has-xxx-large-font-size {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5)
}
}.wp-block-column.main_sidebar.has-global-padding.is-layout-constrained {
	margin-right: -15px;
	/* 將右邊距設置為負值*/
}
.wp-block-column.is-layout-flow.wp-container-core-column-is-layout-22 {
	margin-left: -15px;
	/* 將左邊距設置為負值*/
}
/* 取消在手機模式下的 margin 設置*/
	@media (max-width: 768px) {
	.wp-block-column.main_sidebar.has-global-padding.is-layout-constrained, .wp-block-column.is-layout-flow.wp-container-core-column-is-layout-22 {
	margin-right: 0;
	/* 取消右邊距*/
	
}
}
/* 初始樣式：水平方向排列*/
	.wp-block-group.bonus_service {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
/* 手機模式下的樣式：垂直方向排列*/
	@media (max-width: 768px) {
	.wp-block-group.bonus_service {
	flex-direction: column;
	align-items: center;
}
.wp-block-group.line-tv, .wp-block-group.hbo-go {
	width: 100%;
	margin-bottom: 20px;
}
}

.s_top_bar {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
}