@charset "utf-8";

map *:focus {
	outline: none!important;
}

a,
button {
	outline: none!important;
	/* for Firefox Google Chrome  */
	behavior: expression(this.onFocus=this.blur());
	/* for IE */
}


.ipsa_main,
.ipsa_cnt {
	position: relative;
}

.ipsa_main {
	margin: 0 auto;
	width: 100%;
	max-width: 1450px;
}

.ipsa_main_1000 {
	max-width: 1000px;
}

.ipsa_main a {
	text-decoration: none;
}

.ipsa_cnt {
	display: flex;
	justify-content: center;
}

.ipsa_cnt>div {
	display: inline-block;
}

.ipsa_img {
	width: 100%;
	display: block;
}

.ipsa_img_100 img {
	width: 100%;
}

.ipsa_main img {
	display: block;
	max-width: 100%;
}

.ipsa_main h1 span,
.ipsa_main h2 span,
.ipsa_main h3 span,
.ipsa_main h4 span,
.ipsa_main h5 span,
.ipsa_main p span {
	display: inline-block;
}

.w-full {
	width: 100%;
}







/*文字*/

.ipsa_main h2,
.ipsa_main h3 {
	font-weight: 700;
	margin-top: 0;
}

.ipsa_main p {
	margin-top: 0;
	margin-bottom: 20px;
	/* font-size: 1rem; */
	line-height: 1.7;
}

.ipsa_main p:only-child,
.ipsa_main p:last-child {
	margin-bottom: 0px;
}

.text-xs {
	font-size: .75rem;
	line-height: 1rem
}

.text-sm {
	font-size: .875rem;
	line-height: 1.25rem
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem
}

.text-lg {
	font-size: 1.125rem
}

.text-xl {
	line-height: 1.75rem
}

.text-xl {
	font-size: 1.25rem
}

.text-2xl {
	font-size: 1.5rem;
}

.text-3xl {
	font-size: 1.875rem;
}

.text-4xl {
	font-size: 2.25rem;
}

.text-6xl {
	font-size: 3.75rem;
}

.font-normal {
	font-weight: 400
}

.font-medium {
	font-weight: 500
}

.font-bold,
.ipsa_main b {
	font-weight: 700
}

.c-bk {
	color: #000;
}

@media (min-width: 769px) {
	.mb {
		display: none!important;
	}
}

@media (max-width: 768px) {
	.ipsa_main {
		max-width: 750px;
		padding-right: 15px;
		padding-left: 15px;
		box-sizing: border-box;
	}
	.ipsa_main0 {
		max-width: 750px;
		padding-right: 0px;
		padding-left: 0px;
	}
	.pc {
		display: none!important;
	}
	.ipsa_main img {
	max-width: 100%!important;}
}






.m-auto,
.ipsa_main .m-auto {
	margin: auto;
}

.mx-0,
.ipsa_main .mx-0 {
	margin-left: 0!important;
	margin-right: 0!important;
}

.mx-4,
.ipsa_main .mx-4 {
	margin-left: 1rem;
	margin-right: 1rem;
}

.mx-12,
.ipsa_main .mx-12 {
	margin-left: 3rem;
	margin-right: 3rem;
}

.mx-auto,
.ipsa_main .mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.my-2,
.ipsa_main .my-2 {
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.my-3,
.ipsa_main .my-3 {
	margin-top: .75rem;
	margin-bottom: .75rem;
}

.my-4,
.ipsa_main .my-4 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.my-6,
.ipsa_main .my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.my-7,
.ipsa_main .my-7 {
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
}

.my-8,
.ipsa_main .my-8 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.my-10,
.ipsa_main .my-10 {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}

.my-16,
.ipsa_main .my-16 {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.my-20,
.ipsa_main .my-20 {
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.mt-0,
.ipsa_main .mt-0 {
	margin-top: 0!important;
}

.mt-2,
.ipsa_main .mt-2 {
	margin-top: .5rem;
}

.mt-3,
.ipsa_main .mt-3 {
	margin-top: .75rem;
}

.mt-4,
.ipsa_main .mt-4 {
	margin-top: 1rem;
}

.mt-5,
.ipsa_main .mt-5 {
	margin-top: 1.25rem;
}

.mt-6,
.ipsa_main .mt-6 {
	margin-top: 1.5rem;
}

.mt-7,
.ipsa_main .mt-7 {
	margin-top: 1.75rem;
}

.mt-8,
.ipsa_main .mt-8 {
	margin-top: 2rem;
}

.mt-10,
.ipsa_main .mt-10 {
	margin-top: 2.5rem;
}

.mt-16,
.ipsa_main .mt-16 {
	margin-top: 4rem;
}

.mt-2\.5,
.ipsa_main .mt-2\.5 {
	margin-top: .625rem;
}

.mr-0,
.ipsa_main .mr-0 {
	margin-right: 0;
}

.mr-2,
.ipsa_main .mr-2 {
	margin-right: .5rem;
}

.mr-3,
.ipsa_main .mr-3 {
	margin-right: .75rem;
}

.mr-5,
.ipsa_main .mr-5 {
	margin-right: 1.25rem;
}

.mb-0,
.ipsa_main .mb-0 {
	margin-bottom: 0!important;
}

.mb-1,
.ipsa_main .mb-1 {
	margin-bottom: .25rem;
}

.mb-2,
.ipsa_main .mb-2 {
	margin-bottom: .5rem;
}

.mb-3,
.ipsa_main .mb-3 {
	margin-bottom: .75rem;
}

.mb-4,
.ipsa_main .mb-4 {
	margin-bottom: 1rem;
}

.mb-5,
.ipsa_main .mb-5 {
	margin-bottom: 1.25rem;
}

.mb-6,
.ipsa_main .mb-6 {
	margin-bottom: 1.5rem;
}

.mb-7,
.ipsa_main .mb-7 {
	margin-bottom: 1.75rem;
}

.mb-8,
.ipsa_main .mb-8 {
	margin-bottom: 2rem;
}

.mb-10,
.ipsa_main .mb-10 {
	margin-bottom: 2.5rem;
}

.mb-16,
.ipsa_main .mb-16 {
	margin-bottom: 4rem;
}

.mb-20,
.ipsa_main .mb-20 {
	margin-bottom: 5rem;
}

.mb-24,
.ipsa_main .mb-24 {
	margin-bottom: 6rem;
}

.ml-4,
.ipsa_main .ml-4 {
	margin-left: 1rem;
}

.ml-6,
.ipsa_main .ml-6 {
	margin-left: 1.5rem;
}

.ml-auto,
.ipsa_main .ml-auto {
	margin-left: auto;
}







/*左右欄*/

.ipsa_flex-wrap {
	flex-wrap: wrap;
}

.ipsa_flex {
	display: flex;
}

.ipsa_flex img,
.ipsa_pc_flex_three img,
.ipsa_pc_flex_two img,
.ipsa_pc_flex img {
	width: 100%;
}







/*水平置中*/

.ipsa_flex_center {
	justify-content: center;
}

.ipsa_center {
	text-align: center;
}







/*置上*/

.ipsa_flex_top {
	align-items: flex-start;
}







/*垂直置中*/

.ipsa_flex_align_center {
	align-items: center;
}







/*齊頭尾*/

.ipsa_flex_between {
	justify-content: space-between;
}

.ipsa_flex_three,
.ipsa_flex_two {
	display: flex;
	justify-content: space-between;
}

.ipsa_pc_flex_three {
	text-align: center;
}

.ipsa_flex_two>div {
	width: 50%;
}

.ipsa_flex_two .ipsa_txt {
	padding-bottom: 1.25rem;
	padding-top: 1.25rem;
}

.ipsa_flex_two2>div {
	width: 48%;
}

.ipsa_flex_two3>div {
	width: 49%;
}

.ipsa_flex_three>div {
	width: 32%;
}

.ipsa_flex_three2>div {
	width: 33.33333333333%;
}







/*pc開頭只有pc才有效果*/

@media (min-width: 769px) {
	.ipsa_pc_flex,
	.ipsa_main .ipsa_pc_flex {
		display: flex;
	}

	.ipsa_pc_flex_three,
	.ipsa_main .ipsa_pc_flex_three,
	.ipsa_pc_flex_two,
	.ipsa_main .ipsa_pc_flex_two {
		display: flex;
		justify-content: space-between;
	}

	.ipsa_pc_flex_three,
	.ipsa_main .ipsa_pc_flex_three {
		align-items: flex-start;
	}

	.ipsa_pc_center,
	.ipsa_main .ipsa_pc_center {
		text-align: center;
	}

	.ipsa_pc_flex_two,
	.ipsa_main .ipsa_pc_flex_two {
		align-items: stretch;
	}

	.ipsa_flex_align_center,
	.ipsa_main .ipsa_flex_align_center {
		align-items: center;
	}

	.ipsa_pc_flex_two>div,
	.ipsa_main .ipsa_pc_flex_two>div {
		width: 50%;
	}

	.ipsa_pc_flex_two .ipsa_txt,
	.ipsa_main .ipsa_pc_flex_two .ipsa_txt {
		padding-bottom: 1.25rem;
		padding-top: 1.25rem;
	}

	.ipsa_pc_flex_two2>div,
	.ipsa_main .ipsa_pc_flex_two2>div {
		width: 48%;
	}

	.ipsa_pc_flex_two3>div,
	.ipsa_main .ipsa_pc_flex_two3>div {
		width: 49%;
	}

	.ipsa_pc_flex_two .ipsa_txt,
	.ipsa_main .ipsa_pc_flex_two .ipsa_txt {
		margin-bottom: 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
	}

	.ipsa_pc_flex_two .ipsa_txt>div,
	.ipsa_main .ipsa_pc_flex_two .ipsa_txt>div {
		width: 80%;
	}

	.ipsa_pc_flex_three>div,
	.ipsa_main .ipsa_pc_flex_three>div {
		width: 32%;
	}

	.ipsa_pc_flex_three2>div,
	.ipsa_main .ipsa_pc_flex_three2>div {
		width: 33.33333333333%;
	}

	.ipsa_pc_flex_imgR,
	.ipsa_main .ipsa_pc_flex_imgR {
		flex-direction: row-reverse;
	}

	.mb-6-pc,
	.ipsa_main .mb-6-pc {
		margin-bottom: 1.5rem;
	}

	.mb-7-pc,
	.ipsa_main .mb-7-pc {
		margin-bottom: 1.75rem;
	}

	.mb-8-pc,
	.ipsa_main .mb-8-pc {
		margin-bottom: 2rem;
	}

	.mb-10-pc,
	.ipsa_main .mb-10-pc {
		margin-bottom: 2.5rem;
	}

	.mb-16-pc,
	.ipsa_main .mb-16-pc {
		margin-bottom: 4rem;
	}

	.mb-20-pc,
	.ipsa_main .mb-20-pc {
		margin-bottom: 5rem;
	}

	.mb-24-pc,
	.ipsa_main .mb-24-pc {
		margin-bottom: 6rem;
	}
}

@media (max-width: 768px) {
	.mb-5-m,
	.ipsa_main .mb-5-m,
	.ipsa_main .ipsa_pc_flex_two>div:nth-of-type(1),
	.ipsa_main .ipsa_pc_flex_two2>div:nth-of-type(1),
	.ipsa_main .ipsa_pc_flex_three>div:nth-of-type(1),
	.ipsa_main .ipsa_pc_flex_three2>div:nth-of-type(1) {
		margin-bottom: 1.25rem;
	}

	.mb-6-m,
	.ipsa_main .mb-6-m {
		margin-bottom: 1.5rem;
	}

	.mb-7-m,
	.ipsa_main .mb-7-m {
		margin-bottom: 1.75rem;
	}

	.mb-8-m,
	.ipsa_main .mb-8-m {
		margin-bottom: 2rem;
	}

	.mb-10-m,
	.ipsa_main .mb-10-m {
		margin-bottom: 2.5rem;
	}

	.mb-16-m,
	.ipsa_main .mb-16-m {
		margin-bottom: 4rem;
	}

	.mb-20-m,
	.ipsa_main .mb-20-m {
		margin-bottom: 5rem;
	}

	.mb-24-m,
	.ipsa_main .mb-24-m {
		margin-bottom: 6rem;
	}
}







/*影片*/

.ipsa_video_box {
	position: absolute;
	width: 100%;
}

.ipsa_video {
	position: relative;
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.ipsa_video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.ipsa_video img,
.ipsa_video_box img {
	width: 100%;
	display: block;
}







/*event-o2o-page/lib/images/16x9.gif*/


/*輪播*/

.ipsa_Swiper {
	position: relative;
}

.ipsa_Swiper .swiper-wrapper {
	height: auto;
}

.ipsa_Swiper img {
	width: 100%;
}

.swiper-pagination-bullet-active {
	background-color: #000;
}

.ipsa_Swiper .swiper-button-next,
.ipsa_Swiper .swiper-button-prev {
	transform: scale(0.5);
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	color: #000;
}

@media (min-width: 768px) {
	.ipsa_Swiper .swiper-pagination {
		display: none;
	}
	.ipsa_list {
		text-align: center;
	}
}

@media (max-width :768px) {
	.ipsa_list {
		box-sizing: border-box;
		padding-bottom: 70px;
	}
	.ipsa_Swiper .swiper-button-next,
	.ipsa_Swiper .swiper-button-prev {
		top: auto;
		bottom: 0;
		z-index: 99;
	}
	.ipsa_Swiper .swiper-horizontal>.swiper-pagination-bullets,
	.ipsa_Swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
	.ipsa_Swiper .swiper-pagination-custom,
	.ipsa_Swiper .swiper-pagination-fraction {
		bottom: 15px;
	}
}







/*錨點*/

.ipsa_main .adjust {
	position: absolute;
	margin-top: -166px;
}


@media (max-width :768px) {
	.ipsa_main .adjust {
		margin-top: -124px;
	}
}

@media(max-width:550px) {
	.ipsa_main .adjust {
		margin-top: -110px;
	}
}







/*ul預設無點點*/

.ipsa_ul {
	margin-left: 0;
	padding-left: 0;
}

.ipsa_ul li {
	margin-bottom: 15px;
	list-style: none;
}



@media(max-width:600px) {
	.ipsa_ul li {
		margin-bottom: 15px;
	}
}


.ipsa_ul_decimal,
.ipsa_ul_disc,
.ipsa_ul_circle {
	margin-left: 18px;
}

.ipsa_ul>::marker {
	display: none;
}

.ipsa_ul_decimal li,
.ipsa_ul_disc li,
.ipsa_ul_circle li {
	display: list-item;
}




/*ul數字*/

.ipsa_ul_decimal li {
	list-style: decimal;
}






/*ul實心點*/

.ipsa_ul_disc li {
	list-style: disc;
}







/*ul中空點*/

.ipsa_ul_circle li {
	list-style: circle;
}

.ipsa_ul span {
	display: inline-block;
}







/*按鈕*/

.ipsa_main a.ipsa_btn,
.ipsa_btn {
	width: 100%;
	max-width: 183px;
	display: block;
	background: #333;
	color: #fff;
	padding: 10px;
	position: relative;
	text-align: center;
	border-radius: 6px;
	border: 1px solid #333;
	transition: 500ms;
	margin: 0 auto;
}

.ipsa_main a.ipsa_btn:hover,
.ipsa_btn:hover {
	opacity: 0.80;
	background: #333;
	color: #fff;
}

.ipsa_main a.ipsa_btn_txt {
	display: inline-block;
	color: #333;
}

.ipsa_main a.ipsa_btn_txt:hover {
	opacity: 0.80;
	color: #333;
}

@media (min-width: 768px) {
	.ipsa_btn {
		max-width: 193px;
	}
}





/*針對ie ios*/

.iosOK {
	display: none!important;
}

@supports(-webkit-touch-callout:none) {
	.iosOK {
		display: block!important;
	}
	.iosNO {
		display: none!important;
	}
}







/*bn圖左右字，手機板圖上字下*/

.ipsa_bn div {

	text-align: center;
}

@media (min-width: 769px) {
	.ipsa_bn {
		display: flex;
		align-items: center;
	}
	.ipsa_bn div {
		position: absolute;
		z-index: 1;
		right: 5%;
		width: 38%;
	}
}

@media (max-width: 768px) {
	.ipsa_bn div {
		padding: 8% 5%;
		background-color: #000;
	}
	.ipsa_bn h2,
	.ipsa_bn h3,
	.ipsa_bn p {
		color: #fff;
	}
	.ipsa_bn .ipsa_btn {
		color: #000;
		background-color: #fff;
	}
	.ipsa_bn .ipsa_btn:hover {
		background-color: #525252;
		border: 1px solid #525252;
	}
}





/*透明連結*/

.ipsa_main>div {
	position: relative;
}

.ipsa_main a {
	display: block;
}

.ipsa_main a.no {
	pointer-events: none;
	cursor: default;
}

.ipsa_main div.product2,
.ipsa_main div.product2-2,
.ipsa_main div.product1-3 {
	position: relative;
}

.ipsa_main div.product a,
.ipsa_main div.product2 a {
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 1;
	top: 0;
}



/*田字*/

.ipsa_main div.product2-2 a {
	position: absolute;
	width: 50%;
	height: 50%;
	z-index: 1;
	bottom: 0;
}



/*1大三小*/

.ipsa_main div.product1-3 a {
	position: absolute;
	bottom: 0;
	height: 60%;
	width: 33%;
}

.ipsa_main div.product1-3 a:nth-of-type(1) {
	width: 100%;
	left: 0;
	top: 0;
	bottom: auto;
	height: 38%;
}

.ipsa_main div.product1-3 a:nth-of-type(2) {
	left: 0;
}

.ipsa_main div.product1-3 a:nth-of-type(3) {
	left: 33%;
}

.ipsa_main div.product1-3 a:nth-of-type(4) {
	right: 0;
}



/*1大-1小*/

.ipsa_main div.product1-1 a {
	position: absolute;
	bottom: 0;
	height: 50%;
	width: 100%;
}

.ipsa_main div.product1-1 a:nth-of-type(1) {
	width: 100%;
	left: 0;
	top: 0;
	bottom: auto;
}



/*1大-二小*/

.ipsa_main div.product1-2 a {
	position: absolute;
	bottom: 0;
	height: 60%;
	width: 50%;
}

.ipsa_main div.product1-2 a:nth-of-type(1) {
	width: 100%;
	left: 0;
	top: 0;
	bottom: auto;
	height: 38%;
}

.ipsa_main div.product1-2 a:nth-of-type(2) {
	left: 0;
}

.ipsa_main div.product1-2 a:nth-of-type(3) {
	left: 50%;
}



/*1大-田字*/

.ipsa_main div.product1-2-2 a {
	position: absolute;
	bottom: 0;
	height: 25%;
	width: 50%;
}

.ipsa_main div.product1-2-2 a:nth-of-type(1) {
	width: 100%;
	left: 0;
	top: 0;
	bottom: auto;
	height: 50%;
}

.ipsa_main div.product1-2-2 a:nth-of-type(2),
.ipsa_main div.product1-2-2 a:nth-of-type(4) {
	left: 0;
}

.ipsa_main div.product1-2-2 a:nth-of-type(3),
.ipsa_main div.product1-2-2 a:nth-of-type(5) {
	left: 50%;
}

.ipsa_main div.product1-2-2 a:nth-of-type(2),
.ipsa_main div.product1-2-2 a:nth-of-type(3) {
	top: 50%;
}

.ipsa_main div.product1-2-2 a:nth-of-type(4),
.ipsa_main div.product1-2-2 a:nth-of-type(5) {
	bottom: 0;
}



/*1大-田字+1(product1-2-2 product1-2-2-1這兩個要同時放)*/


/*.ipsa_main div.product1-2-2-1 a {
	height: 30%;
}

.ipsa_main div.product1-2-2-1 a:nth-of-type(1) {
	height: 30%;
}

.ipsa_main div.product1-2-2-1 a:nth-of-type(2),
.ipsa_main div.product1-2-2-1 a:nth-of-type(3) {
	top: 30%;
}

.ipsa_main div.product1-2-2-1 a:nth-of-type(4),
.ipsa_main div.product1-2-2-1 a:nth-of-type(5) {
	bottom: 10%;
}

.ipsa_main div.product1-2-2-1 a:nth-of-type(6) {
	width: 100%;
	bottom: 0;
	height: 10%;
}
*/


/*1大-田字+1*/

.ipsa_main div.product2-2-1 a {
	height: 40%;
	width: 50%;
	position: absolute;
}

.ipsa_main div.product2-2-1 a:nth-of-type(1),
.ipsa_main div.product2-2-1 a:nth-of-type(2) {
	top: 9%;
	height: 39%;
}

.ipsa_main div.product2-2-1 a:nth-of-type(1),
.ipsa_main div.product2-2-1 a:nth-of-type(3) {
	left: 0;
}

.ipsa_main div.product2-2-1 a:nth-of-type(2),
.ipsa_main div.product2-2-1 a:nth-of-type(4) {
	right: 0;
}

.ipsa_main div.product2-2-1 a:nth-of-type(3),
.ipsa_main div.product2-2-1 a:nth-of-type(4) {
	top: 48%;
}



.ipsa_main div.product2-2-1 a:nth-of-type(5) {
	width: 100%;
	bottom: 0;
	height: 12%;
}


/*田*/

.ipsa_main div.product2-2 a:nth-of-type(1),
.ipsa_main div.product2-2 a:nth-of-type(2) {
	bottom: 50%;
}

.ipsa_main div.product a:nth-of-type(odd),
.ipsa_main div.product2-2 a:nth-of-type(odd) {
	left: 0;
}

.ipsa_main div.product a:nth-of-type(even),
.ipsa_main div.product2 a:nth-of-type(even),
.ipsa_main div.product2-2 a:nth-of-type(even) {
	right: 0;
}

.ipsa_main .product3 div,
.ipsa_main .product4 div {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.ipsa_main .product3 div a,
.ipsa_main .product4 div a {
	display: block;
	width: 33%;
	height: 100%;
}

.ipsa_main .product4 div a {
	width: 25%;
}




/*斜體備註*/

.ipsa_notes {
	padding-top: 5px;
	color: #666;
	display: block;
}




/*表格樣式*/

.ipsa_main .ipsa_table {
	width: 100%;
	border-collapse: collapse;
}

.ipsa_main .ipsa_table td,
.ipsa_main .ipsa_table th {
	padding: 5px;
	border: 1px solid #666;
}
.ipsa_main .ipsa_table td span,
.ipsa_main .ipsa_table th span{
	display: inline-block;
}
.ipsa_main .ipsa_table th {
	border: 1px solid #999;
	background-color: #333;
	color: #fff;
	text-align: center;
}





/*表單*/

.ipsa_main .O2O_from {
	position: relative;
}

.ipsa_main .O2O_from iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}




/*右側選單*/

.right_menu {
	position: fixed;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 7;
	width: 20%;
	max-width: 180px;
}

.right_menu img {
	width: 100%;
}





/*內容*/

.ipsa_main figure>img,
.ipsa_main figure {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
}

.ipsa_main figure {
	padding: 0;
	margin: 0;
	height: 100%;
}




/*閃光*/

.shinye_img {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	mask-size: 100%;
	mask-repeat: no-repeat;
	mask-position: top center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	-webkit-mask-position: top center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.shinye:before {
	content: '';
	background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	top: -50%;
	left: 0;
	width: 100%;
	height: 300%;
	-webkit-animation: shinye 7s ease infinite;
	animation: shinye 7s ease infinite;
	pointer-events: none;
}

.Star {
	animation: Star 2s ease infinite;
}

.Star2 {
	animation: Star2 2s ease infinite;
}

@keyframes Star {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: .5;
		transform: scale(0.8);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}


@keyframes Star2 {
	0% {
		opacity: 0.5;
		transform: scale(0.8);
	}
	50% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0.5;
		transform: scale(0.8);
	}
}

.Star {
	animation: Star 2s ease infinite;
}

.Star2 {
	animation: Star2 2s ease infinite;
}

.shinye1 {
	animation: shinye1 2s ease infinite;
}

.shinye2 {
	animation: shinye2 2s ease infinite;
}

@keyframes shinye1 {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


@keyframes shinye2 {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes shinye {
	0% {
		transform: translateX(-150%) skewX(-205deg);
		opacity: 1;
	}

	80% {
		transform: translateX(200%) skewX(-205deg);
		opacity: 1;
	}

	100% {
		transform: translateX(200%) skewX(-205deg);
		opacity: 0;
	}
}

@-webkit-keyframes shinye {
	0% {
		transform: translateX(-150%) skewX(-205deg);
		opacity: 1;
	}

	80% {
		transform: translateX(200%) skewX(-205deg);
		opacity: 1;
	}

	100% {
		transform: translateX(200%) skewX(-205deg);
		opacity: 0;
	}
}




/*文字顏色*/

.c-blue {
	color: #4471c4!important;
}

.c-r {
	color: #cc0000!important;
}




/*文字有底線*/

.txt_line {
	text-decoration: underline!important;
}




/*畫重點*/

.txt_highlight {
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #dfe0e0));
	background-image: -webkit-linear-gradient(transparent 0%, #dfe0e0 0%);
	background-image: linear-gradient(transparent 0%, #dfe0e0 0%);
	background-repeat: no-repeat;
	background-size: 100% 50%;
	background-position: left bottom;
	padding-left: .5rem;
	padding-right: .5rem;
}




/*圖片*/

.img-central {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
}




/*文章底for pc*/

.ipsa_main_blog h1 span,
.ipsa_main_blog h2 span,
.ipsa_main_blog h3 span,
.ipsa_main_blog h4 span,
.ipsa_main_blog p span {
	display: inline-block;
}
.ipsa_main_blog a{
	font-weight: bold;
} 
@media (min-width: 769px) {
	.ipsa_main_blog {
		width: 100%;
		max-width: 1000px;
		background-color: #f6f8f8;
		margin: 0 auto;
		padding: 4% 0;
	}
	.ipsa_main_blog .ipsa_main {
		max-width: 800px;
	}
}



/*有logo 標題*/

.ipsa_tit_logo {
	align-items: flex-end;
	line-height: 80%;
}

.ipsa_tit_logo img {
	margin-right: 10px;
	width: 50px;
}

.ipsa_main_blog a {
	display: inline-block;
	color: #505050;
}

.blog_tit {
	padding-left: 20px;
	border-left: 1px solid #000;
}


/*推薦閱讀*/

.ipsa_main .recommend {
	background-color: #ededed;
	padding: 2rem;
	margin-top: 4rem;
}

/*有產品輪播*/

.ipsa_main .product-slider .slick-arrow {
    position: absolute;
    width: 20px;
    height: 30px;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 99;
}

.ipsa_main .product-slider .slick-arrow img {
    margin: 0 auto
}

.ipsa_main .product-slider .slick-arrow {
    top: 180px;
}
.ipsa_main .product-slider .slick-arrow.slick-prev {
    left: 0px;
    background-image: url(../images/icon_arrow-left_large.svg)
}

.ipsa_main .product-slider .slick-arrow.slick-next {
    right: 0px;
    background-image: url(../images/icon_arrow-right_large.svg)
}

.ipsa_main .product-slider .slick-dots {
    margin: 0px 0 30px 0
}

.ipsa_main .product-slider .c-product-cards-list-item {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .ipsa_main .product-slider .slick-dots button {
        border-radius: 50%;
    }
    .ipsa_main .product-slider .c-product-cards-list-item {
        border-bottom: 1px none #000;
    }
}