body {
	font-family: '微軟正黑體', Microsoft JhengHei ,sans-serif;
	font-size: 1.14286rem;
	font-weight: 500;
	color: #333333;
	background: #f0f0f0;
	word-break: break-all;
}

ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

/*201911月-新增
----------------------------------*/
#owl-demo .item {
	margin: 3px;
	display: flex;
	align-items: center;
	height: 200px;
}

#owl-demo .item img {
	display: block;
	width: 100%;
	height: auto;
}

#owl-demo .item img:hover {
	opacity: 0.8;
}

.align_items_center {
	align-items: center;
}

.justify_content {
	justify-content: center;
}

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

.flex-direction-column-reverse {
	flex-direction: column-reverse;
}

.only_one_line {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.only_two_line {
	overflow: hidden;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.only_one_line {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.only_three_line {
	overflow: hidden;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.only_four_line {
	overflow: hidden;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.only_five_line {
	overflow: hidden;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

#page-start {
	width: 100%;
	max-width: 1150px;
	margin: auto;
	padding: 0 20px;
}

.hd_left>a {
	padding: 4px;
}

.hot_commodity_hover:hover {
	border: 2px #4e88c1 outset;
}

.news_hover:hover {
	color: rgb(243, 177, 24);
	transition: 0.3s;
}

.news2_hover:hover {
	color: #ffa382;
	transition: 0.3s;
}

.category_hover:hover {
	/* border: 1px rgb(134, 134, 134) solid; */
}

.news_2_bg {
	/* background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../images/news_1.jpg);
	background-repeat: no-repeat;
    background-position: center center; */
	margin: 0 auto;
	height: 150px;
	max-width: 1140px;
	width: 100%;
	position: relative;
}

.news_2_title {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 50px;
	/* text-shadow: 0.1em 0.1em 0.05em #333; */
	color: rgb(197, 17, 17);
	/* font-weight: 700; */
}

.news_more {
	display: flex;
	align-items: center;
}

.news_more img {
	width: 100%;
	max-width: 350px;
	padding: 10px;
}

.news_more>div {
	justify-content: space-between;
	width: 100%;
}

.return {
	text-align: center;
	background: rgb(177, 11, 11);
	color: #fff;
	padding: 6px;
	width: 100px;
	margin: auto;
	border-radius: 4px;
	font-size: 16px;
	transition: .5s;
}

.return:hover {
	background: rgb(243, 177, 24);
	transition: .5s;
}

.seller_1_1_title {
	font-size: 22.8571px;
}

.seller_1_7_flex {
	display: flex;
	flex-wrap: wrap;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.storeadmin {
	overflow-x: hidden;
	overflow-y: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 300px;
}

.storeadmin_input input {
	display: block;
	margin: 4px 0;
	padding: 6px;
}

.storeadmin_authcode {
	position: absolute;
	right: 5px;
	top: 3px;
}

.storeadmin_signin {
	padding: 4px 20px;
	background: #cc2f19;
	border-radius: 4px;
	color: #fff;
}

.storeadmin_signin:hover,
.reply_botton:hover,
.registered_botton:hover {
	color: #fff;
}

.reply {
	padding-bottom: 100px;
}

.reply>div {
	padding: 4px 24px 0 8px;
}

.reply input {
	font-size: 18px;
}

.reply_title {
	width: 80px;
	text-align: end;
}

.reply_authcode {
	position: absolute;
	right: 5px;
	top: 0px;
}

.reply_botton {
	background: #3bb18f;
}

.registered_botton {
	/* background: #eb960e; */
	background: #1784FF;
}

.reply_botton,
.registered_botton {
	padding: 4px 10px;
	margin: 0 5px;
	color: #fff;
	border-radius: 4px;
	border: 0;
}

.registered_2_box {
	height: auto;
	background: #FFF;
	transition: .3s;
	position: relative;
}

.registered_2_box:hover {
	transform: scale(1.05);
	transform: .3s;
}

.decide_scheme {
	text-align: center;
	padding: 10px 0;
	color: #fff;
}

.decide_scheme_more {
	position: absolute;
	bottom: -32px;
	left: 50%;
	transform: translate(-50%, 0);
	background: #fff;
	text-align: center;
	padding: 4px 10px;
	font-size: 16px;
	width: 100%;
}

.registered_2_title {
	/* width: 180px; */
	height: 70px;
	line-height: 70px;
	font-size: 22px;
	border-radius: 50px;
	color: #fff;
	text-align: center;
	margin: auto;
	position: relative;
	top: -35px;
	margin-bottom: -25px;
}

.bg_gray_2 {
	background: rgb(166, 164, 164);
}

.bg_green_2 {
	background: rgb(114, 202, 26);
}

.bg_blue_2 {
	background: #587ebf;
}

.bg_orange_2 {
	background: rgb(246, 135, 32);
}

.bg_pink_2 {
	background: #f88c89;
}

.brd_gray {
	border: 1px #ced4da solid;
}

.program {
	padding: 0 50px;
}

.registered_2_box>div>div>span {
	display: block;
}

.registered_3_input {
	padding: .375rem .75rem;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	width: 100%;
	/* max-width: 780px; */
}

.registered_3_input_all {
	max-width: 900px;
	margin: auto;
}

.authcode {
	position: absolute;
	right: 36px;
	top: 8px;
}

.authcode2 {
	position: absolute;
	right: 8px;
	bottom: 8px;
}

.registered_4_all {
	max-width: 900px;
	margin: auto;
	padding: 10px;
	background: #fff;
	display: flex;
}

.registered_4_flex {
	display: flex;
	flex-direction: column;
}

.seller_order_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #3bb18f;
	transition: opacity .5s;
	opacity: 1;
}

.seller_order_text_1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	display: none;
	height: 35px;
	line-height: 35px;
}

.seller_order_text_2 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	display: none;
	height: 35px;
	line-height: 35px;
}

.seller_order_all:hover>.seller_order_bg {
	opacity: 0;
}

.seller_order_all:hover>.seller_order_text_1 {
	display: block;
}

.seller_order_all:hover>.seller_order_text_2 {
	display: block;
}

.seller_order_border {
	border: 1px #b8b8b8 solid;
}

.seller_order_ul {
	display: flex;
	/* margin-top: 10px;
	border: 1px #000 solid; */
}

.classification_li1 {
	padding: 4px 0;
}

.seller_li_brd {
	border-right: 1px #000 solid;
}

.seller_buy {
	padding: 6px 10px;
	border-radius: 4px;
	margin: auto;
	background-color: rgb(246, 216, 47);
	transition: 0.5s;
	color: #000;
}

.seller_buy:hover {
	background-color: rgb(177, 11, 11);
	color: #fff;
	transition: 0.5s;
}

.page-link-2 {
	border: 1px solid rgb(34, 34, 34);
	padding: 3px 10px 3px 10px;
	margin-right: 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #fff;
	text-decoration: none;
	color: rgb(34, 34, 34);
}

.page_one {
	border: 1px solid #31ACE2;
	background: #F0FDFF;
	color: #31ACE2;
}

.remove {
	padding: 2px 8px;
	border-radius: 4px;
	background: rgb(197, 10, 48);
	color: #fff;
}

.order_detail,
.order_detail_btm {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.order_detail>div>div {
	padding: 4px 0;
}

.order_detail input {
	width: 50px;
}

.order_detail_btm {
	justify-content: space-between;
	padding: 0 50px;
}

.order_detail_btm_a_all>div {
	padding: 10px 0;
}

.order_detail_btm_a {
	border: 1px #333333 solid;
	padding: 4px 10px;
	border-radius: 4px;
	margin: 5px 0;
	display: inline-block;
}

.seller_checkout {
	display: flex;
	flex-wrap: wrap;
	max-width: 600px;
	margin: auto;
}

.seller_checkout_text {
	/* width: 110px; */
	text-align: end;
}

.g-width-270 {
	width: 270px;
}

.seller_menu_btm {
	position: relative;
	/* border: 1px #3bb18f solid; */
	border-radius: 10px;
	max-width: 250px;
	margin: auto;
}

.seller_menu_btm:hover {
	box-shadow: 5px 5px 5px 0px #cccccc;
}

.seller_menu_btm_title_1,
.seller_menu_btm_title_2 {
	position: relative;
	top: -54px;
	margin: auto;
	background: #fff;
}

.seller_menu_btm_title_1 {
	width: 110px;
}

.seller_menu_btm_title_2 {
	width: 130px;
}

.seller_menu_btm_content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.font-family-initial {
	font-family: initial;
}

.g_none__md,
.g_none__lg {
	display: none;
}

.g_block__md,
.g_block__lg {
	display: block;
}

.index_date {
	width: 100%;
	max-width: 122px;
}

/* 20191003-RWD版本
----------------------------------*/
.w361_h147 {
	max-width: 361px;
	width: 100%;
	height: 147px;
}

.w270_h120 {
	width: 100%;
	height: 120px;
}

.w352_h142 {
	width: 100%;
	height: 142px;
}

.max_h_217 {
	max-height: 217px;
}

#h_margin_auto {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.h_margin_auto_img {
	position: absolute;
	top: 0;
	width: 100%;
}

.h_margin_auto_aft::after {
	content: '';
	display: block;
	margin-top: 100%;
}

.text-align-start {
	text-align: start;
}

.text-align-center {
	text-align: center;
}

.text-align-end {
	text-align: end;
}

.account_rpassword_input {
	padding: 0px 6px;
	width: 180px;
	margin-bottom: 10px;
}

hr.hr_1 {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


.img_carousel {
	padding: 20px;
}

.img_carousel img {
	width: 250px;
}

.img_carousel img:hover {
	border: 2px #e64b3b dashed;
}

.classification_li1 {
	position: relative;
	width: 100%;
	text-align: center;
	cursor: pointer;
	font-size: 16px;

	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

.classification_li2 {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 32px;
	font-size: 16px;
	z-index: 99;
	/* border: 1px rgb(160, 160, 160) solid; */
	margin-top: 4px;
}

.classification_li2>a>li {
	width: 100%;
	height: auto;
	z-index: 99;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #fff;
	background-color: #858585;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: 0.5s;
}

.classification_li2>a>li:hover {
	background: #a5a5a5;
	transition: 0.5s;
}

.classification_li1:hover>ul {
	display: block;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.color_f {
	color: #fff;
}

.color_0 {
	color: #000;
}

.color_gray {
	color: rgb(166, 164, 164);
}

.color_green {
	color: rgb(114, 202, 26);
}

.color_blue {
	color: #587ebf;
}

.color_orange {
	color: rgb(246, 135, 32);
}

.color_pink {
	color: #f88c89;
}

.color_r {
	color: #f44336;
}


.bg_green {
	background: #3bb18f;
}

.bg_greenimg {
	background-image: url(../images/2.gif);
}

.bg_f {
	background: #fff;
}

.bg_f_05 {
	background: rgb(255, 255, 255, 0.5);
}

.bg_e7 {
	background: #e7e7e7;
}

.bg_f5 {
	background: #f5f5f5;
}

.bg_blue {
	background: #4e88c1;
}

.bg_orange {
	background: rgb(243, 177, 24);
}

.brd_blue {
	border: 4px#4e88c1 solid;
}

.brd_color_f {
	border-color: #fff !important;
}

.brd_btm {
	border-bottom: 1px rgb(243, 177, 24) solid;
}

.latestnews {
	position: relative;
}

.latestnews::before {
	content: '';
	width: 30%;
	height: 1px;
	background: #000;
	position: absolute;
	left: 10px;
	top: 50%;
}

.latestnews::after {
	content: '';
	width: 30%;
	height: 1px;
	background: #000;
	position: absolute;
	right: 10px;
	top: 50%;
}

.g-width-430 {
	width: 430px;
}

.discuss_bdr {
	border: 1px #e7e7e7 solid;
}

.arrow {
	width: 26px;
	text-align: center;
	color: red;
	border-radius: 6px;
}

.w_84 {
	width: 84px;
	text-align: end;
}

.registered_ul>li {
	list-style-image: url(../images/hook.png);
	margin-left: 25px;
}

.index_news {
	display: flex;
}

/*--------------------------------*/


/*20200204*/
.enrollment_select select {
	border-radius: 4px;
	border: 1px #ced4da solid;
	font-size: 16px;
	padding: 6px 10px;
	margin-right: 6px;
}

.enrollment_city_input {
	width: 100%;
	max-width: 548px;
	padding: .375rem .75rem;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

.g-ml-4px {
	margin-left: 4px;
}

.enrollment_lion_data {
	display: block;
}

@media (max-width:991px) {
	.authcode {
		right: 20px;
		top: 42px;
	}

	.registered_4_all {
		display: block;
	}

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

	.registered_4_label>label {
		padding: 0 20px;
	}

	.g_none__lg {
		display: block;
	}

	.g_block__lg {
		display: none;
	}

	.w270_h120 {
		height: auto;
	}
}

@media (max-width:768px) {
	.news_more {
		display: block;
		text-align: center;
	}

	.seller_1_7_flex {
		display: block;
	}

	/* .seller_1_7_flex>div{
		padding: 4px 0;
	} */
}

@media (max-width:767px) {
	.reply_title {
		width: auto;
	}

	.program {
		padding: 0 20px;
	}

	.registered_4_label {
		display: block;
	}

	.seller_order_ul {
		display: block;
		padding: 0;
	}

	.seller_order_ul>li {
		padding: 6px 0;
	}

	.only_one_line {
		white-space: normal;
	}

	.display_block_md {
		display: block;
	}

	.order_detail_btm {
		padding: 0 10px;
	}

	.seller_checkout {
		display: block;
	}

	.seller_checkout_text {
		width: auto;
		text-align: start;
	}

	.seller_li_brd {
		border-bottom: 1px #000 solid;
		border-right: 0;
	}

	.g_none__md {
		display: block;
	}

	.g_block__md {
		display: none;
	}
}

@media (max-width:320px) {
	.hd_left>a {
		padding: 1px;
	}

	.seller_1_1_title {
		font-size: 26px;
	}

	.seller_buy {
		padding: 6px 5px;
	}
}


/*動畫開始-------------------------------*/
.animation_top {
	-webkit-animation-name: animation_top;
	-webkit-animation-duration: 1s;
	animation-name: animation_top;
	animation-duration: 1s;
}

@-webkit-keyframes animation_top {
	from {
		margin-top: 100%;
		width: 100%
	}

	to {
		margin-top: 0%;
		width: 100%;
	}
}

/* Standard syntax */
@keyframes animation_top {
	from {
		margin-top: 100%;
		width: 100%
	}

	to {
		margin-top: 0%;
		width: 100%
	}
}




.animation_bottom_2 {
	-webkit-animation-name: animation_bottom_2;
	-webkit-animation-duration: 0.3s;
	animation-name: animation_bottom_2;
	animation-duration: 0.3s;
}

@-webkit-keyframes animation_bottom_2 {
	from {
		margin-bottom: -5%;
		width: 100%
	}

	to {
		margin-bottom: 0%;
		width: 100%;
	}
}

/* Standard syntax */
@keyframes animation_bottom_2 {
	from {
		margin-bottom: -5%;
		width: 100%
	}

	to {
		margin-bottom: 0%;
		width: 100%;
	}
}




.animation_left {
	-webkit-animation-name: animation_left;
	-webkit-animation-duration: 1s;
	animation-name: animation_left;
	animation-duration: 1s;
}

@-webkit-keyframes animation_left {
	from {
		margin-left: 100%;
		width: 100%
	}

	to {
		margin-left: 0%;
		width: 100%;
	}
}

/* Standard syntax */
@keyframes animation_left {
	from {
		margin-left: 100%;
		width: 100%
	}

	to {
		margin-left: 0%;
		width: 100%;
	}
}




.animation_right {
	-webkit-animation-name: animation_right;
	-webkit-animation-duration: 1s;
	animation-name: animation_right;
	animation-duration: 1s;
}

@-webkit-keyframes animation_right {
	from {
		margin-left: -100%;
		width: 100%
	}

	to {
		margin-left: 0%;
		width: 100%;
	}
}

/* Standard syntax */
@keyframes animation_right {
	from {
		margin-left: -100%;
		width: 100%
	}

	to {
		margin-left: 0%;
		width: 100%;
	}
}




.animation_appear_bottom {
	-webkit-animation-name: animation_appear_bottom;
	-webkit-animation-duration: 1s;
	animation-name: animation_appear_bottom;
	animation-duration: 1s;
}

@-webkit-keyframes animation_appear_bottom {
	from {
		opacity: 0;
		margin-top: 10%;
	}

	to {
		opacity: 1;
		margin-top: 0%;
	}
}

/* Standard syntax */
@keyframes animation_appear_bottom {
	from {
		opacity: 0;
		margin-top: 10%;
	}

	to {
		opacity: 1;
		margin-top: 0%;
	}
}





.animation_appear_left {
	-webkit-animation-name: animation_appear_left;
	-webkit-animation-duration: 1s;
	animation-name: animation_appear_left;
	animation-duration: 1s;
}

@-webkit-keyframes animation_appear_left {
	from {
		opacity: 0;
		margin-left: 10%;
	}

	to {
		opacity: 1;
		margin-left: 0%;
	}
}

/* Standard syntax */
@keyframes animation_appear_left {
	from {
		opacity: 0;
		margin-left: 10%;
	}

	to {
		opacity: 1;
		margin-left: 0%;
	}
}

/*----------------------------------*/


/*20200828新增店家搜尋&分享按鈕-------*/
.all_share {
	position: fixed;
	right: 10px;
	bottom: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background: #f6f6f6;
	padding: 5px;
	border-radius: 6px 6px 0 0;
	border: 1px #ccc solid;
}

.all_share>div {
	padding: 0 5px;
	display: flex;
	align-items: center;
}

.store_seach {
	position: absolute;
	right: 6px;
	bottom: 3px;
	padding-left: 5px;
	background: #ffffff;
}

.store_seach>div {
	display: flex;
	align-items: center;
	padding: 4px 6px;
	border: 1px #ccc solid;
	font-size: 14px;
	border-radius: .25rem;
	cursor: pointer;
	background: #fafafa;
}

/*----------------------------------*/


/*20200901新增訂單資訊、狀態------------*/
.w-100x-70 {
	width: calc(100% - 70px);
}

@media (min-width: 768px) {
	.w-100x-100--md {
		width: calc(100% - 100px);
	}
}

/*----------------------------------*/


/*20200903調整訂單紀錄頁面------------*/
.consumption_bg_1 {
	background: #fff0f0;
}

.consumption_bg_2 {
	background: #ffe5d9;
}

.consumption_bg_3 {
	background: #d0fff9;
}

.consumption_bg_4 {
	background: #d9ffd5;
}

.consumption_bg_5 {
	background: #eeeeee;
}

.consumption_date {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.brd-darkred {
	border: 2px #a10f2b solid;
}

.consumption_detail {
	padding: 5px 0;
	border-radius: 6px;
	width: calc(100% - 97.78px);
	font-size: 17px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.member_inform {
	text-align: center;
	margin: 0 12px;
	background: #cf2c3c;
	color: #fff;
	display: block;
	transition: .3s;
	border-radius: 4px;
	font-size: 16px;
}

.member_inform:hover {
	color: #fff;
	background: #b31c2b;
	transition: .3s;
}

.member_inform>div {
	margin: 0 10px;
	padding: 10px 20px;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
	position: relative;
}

.member_inform>div::before {
	content: '';
	position: absolute;
	top: 0;
	left: 5px;
	height: 100%;
	border: 1px #fff solid;
}

.member_inform>div::after {
	content: '';
	position: absolute;
	top: 0;
	right: 5px;
	height: 100%;
	border: 1px #fff solid;
}

.member_inform>div>div {
	position: absolute;
	width: 80%;
	height: 2px;
	background: #fff;
}

.member_inform_top_style {
	left: -12px;
	top: 6px;
}

.member_inform_bottom_style {
	right: -12px;
	bottom: 6px;
}

.inform_on {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.people-img {
	height: 12rem;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
	background-position: center;
}

@media (max-width:576px) {
	.people-img {
		height: 15rem;
	}
}

@media (max-width:375px) {
	.people-img {
		height: 10rem;
	}
}


@media (min-width:768px) {
	.w-100x-80--md {
		width: calc(100% - 80px);
	}

	.w-100x-140--md {
		width: calc(100% - 140px);
	}
}

/*----------------------------------*/


#kkpager>div>span.pageBtnWrap>span.disabled {
	display: inline-block;
	padding: 4px 8px;
	margin: 0 10px 5px 10px;
	background: #f3b118;
	border-radius: 6px;
}




/*簽名板&合約----------------------------*/
.signature_pad_btn {
	padding: 4px 10px;
	font-size: 16px;
	border-radius: 6px;
	color: #fff;
	cursor: pointer;
	margin-right: 10px;
	background: rgb(241, 131, 6);
	border-top: 0;
	border-left: 0;
	border-right: 2px rgb(170, 98, 16) solid;
	border-bottom: 2px rgb(170, 98, 16) solid;
}

.contract,
.contract th,
.contract td {
	border: 1px solid black;
}

/*---------------------------------*/


/*調整輸入框提示文字 開始*/
input::-webkit-input-placeholder {
	/* WebKit browsers */
	font-size: 14px;
	font-weight: 400;
}

input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	font-size: 14px;
	font-weight: 400;
}

input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	font-size: 14px;
	font-weight: 400;
}

input :-ms-input-placeholder {
	/* Internet Explorer 10+ */
	font-size: 14px;
	font-weight: 400;
}

a {
	color: #333333;
}

a:hover {
	color: #555;
	text-decoration: none;
}

.group_show_all {
	height: 0px;
}

.opacity-blue {
	background-color: rgb(0, 82, 156);
}

.opacity-blue a {
	transition: opacity .5s;
	opacity: 0.6;
}

.opacity-blue a:hover {
	opacity: 0.4;
}

@media (min-width: 992px) {
	.text-left--lg {
		text-align: left !important;
	}

	.flex-lg-direction-row {
		flex-direction: row;
	}
}



/*google 翻譯*/
/* #google_translate_element,.skiptranslate{
	display:none;
} */
body {
	top: 0 !important;
}

/* @media (max-width: 1199.99px){
.responsive-width{
	width:1000px;
}
} */
@media (min-width: 1199.99px) {
	.text-right-xl {
		text-align: right !important;
	}
}

.g-min-width-100 {
	min-width: 100px;
}

/*調整輸入框提示文字 結束*/
.g-bg-yellow-2 {
	background-color: #FFCF03;
}

.g-bg-yellow-3 {
	background-color: #fff7d5;
}

.g-bg-blue-2 {
	background-color: #00529C;
}

.g-color-blue-2 {
	color: #00529C !important;
}

.g-color-facebook {
	color: #4267B2 !important;
}

.g-color-line {
	color: #00B900 !important;
}

.g-color-instagram {
	color: #DA2F7B !important;
}

.g-brd-top-yellow {
	border-top: 20px solid #FFCF03;
}

.g-brd-top-blue {
	border-top: 20px solid #00529C;
}

.box-shadow-1 {
	box-shadow: 0px 0px 5px #bdbdbd !important;
}

.box-shadow-2 {
	box-shadow: 0px 0px 15px #bdbdbd !important;
}

.btn-white-1 {
	font-weight: 400;
	color: #00529C;
	background-color: #fff;
	border-color: #fff;
}

.only-one-line {
	overflow: hidden;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.only-two-line {
	overflow: hidden;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.mid-banner {
	background-repeat: repeat-y;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

.g-min-height-100 {
	min-height: 100px;
}

.g-min-height-120 {
	min-height: 120px;
}

.g-mr-15px {
	margin-right: 15px;
}

.g-pr-15px {
	padding-right: 15px;
}

@media (min-width: 992px) {
	.g-pr-15px--lg {
		padding-right: 15px !important;
	}

	.text-lg-left {
		text-align: left !important;
	}
}

.member-steps.active {
	background-color: #e64b3b !important;
}

.member-steps.active h3 {
	color: #fff;
}

/*手機版右上按鈕*/
.navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, .8);
	border-color: rgba(0, 0, 0, 1);
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
	position: absolute;
	width: 24px;
	height: 2px;
	transition-timing-function: ease;
	transition-duration: .15s;
	transition-property: transform;
	border-radius: 0px;
	background-color: #000;
}

.hamburger {
	padding-top: 20px;
}

/*上橫幅修改*/
@media (min-width: 1200px) {
	.g-bg-header {
		background-color: #3A56AA;
	}

	.navbar-light .navbar-nav .nav-link {
		color: #fff;
	}

	.navbar-light .navbar-nav .nav-link:focus,
	.navbar-light .navbar-nav .nav-link:hover {
		color: #b6d9f7;
	}

	.navbar-light .navbar-nav .show>.nav-link {
		color: #b6d9f7;
	}
}

@media (max-width: 1199px) {
	.g-bg-header {
		background-color: #fff;
	}

	.navbar-light .navbar-nav .nav-link {
		color: rgb(54, 54, 54);
	}
}

@media (min-width: 1200px) {
	.navbar-expand-xl .navbar-nav .nav-link {
		font-size: 17px;
		padding-right: .95rem;
		padding-left: .95rem;
	}
}

.dropdown-toggle::after {
	margin-left: 0.05em;
}

/*手機版 logo限制寬度*/
@media (max-width: 1400px) {
	.navbar-brand img {
		width: 240px;
	}
}

@media (max-width: 576px) {
	.navbar-brand img {
		width: 190px;
	}
}

/*產品內頁 更改滑鼠指標*/
/* .image-link{
	cursor: zoom-in;
} */

/*input勾選框調整*/
.u-check-icon-checkbox-v4 {
	background-color: #fff;
}

.u-link-v5 {
	text-decoration: none;
	transition: all .2s;
}

.u-check {
	position: relative;
	cursor: pointer;
}

.g-hidden-xs-up {
	display: none !important;
}

.u-check-icon-checkbox-v4 {
	background-color: #fff;
}

.g-absolute-centered--y {
	position: absolute !important;
	top: 50% !important;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-backface-visibility: hidden;
}

.u-check-icon-checkbox-v4,
.u-check-icon-radio-v4 {
	width: 18px;
	height: 18px;
	font-size: 12px;
	border: solid 1px #ccc;
}

.g-absolute-centered--y {
	position: absolute !important;
	top: 50% !important;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-backface-visibility: hidden;
}

.u-block-hover:hover .g-color-primary--hover,
.g-color-primary--hover:hover {
	color: #3bb18f !important;
}

.u-link-v5:hover,
.u-link-v5:focus {
	text-decoration: none;
}

.u-check input[type="checkbox"]:checked+.u-check-icon-checkbox-v4,
.u-check input[type="checkbox"]:checked+.u-check-icon-radio-v4,
.u-check input[type="checkbox"]:checked+* .u-check-icon-checkbox-v4,
.u-check input[type="checkbox"]:checked+* .u-check-icon-radio-v4,
.u-check input[type="radio"]:checked+.u-check-icon-checkbox-v4,
.u-check input[type="radio"]:checked+.u-check-icon-radio-v4,
.u-check input[type="radio"]:checked+* .u-check-icon-checkbox-v4,
.u-check input[type="radio"]:checked+* .u-check-icon-radio-v4 {
	color: #3bb18f;
	border-color: #3bb18f;
}

.u-check input[type="checkbox"]:checked+.u-check-icon-checkbox-v4 i::before,
.u-check input[type="checkbox"]:checked+.u-check-icon-radio-v4 i::before,
.u-check input[type="checkbox"]:checked+* .u-check-icon-checkbox-v4 i::before,
.u-check input[type="checkbox"]:checked+* .u-check-icon-radio-v4 i::before,
.u-check input[type="radio"]:checked+.u-check-icon-checkbox-v4 i::before,
.u-check input[type="radio"]:checked+.u-check-icon-radio-v4 i::before,
.u-check input[type="radio"]:checked+* .u-check-icon-checkbox-v4 i::before,
.u-check input[type="radio"]:checked+* .u-check-icon-radio-v4 i::before {
	content: attr(data-check-icon);
}

.u-check-icon-checkbox-v4 i::before,
.u-check-icon-radio-v4 i::before {
	content: attr(data-uncheck-icon);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*購物車*/
.dropdown-toggle-cart::after {
	content: "";
	position: relative;
	top: 0.21429rem;
	font-family: "";
	font-size: 10px;
	display: block;
	border: none;
	margin-left: 0.5rem;
}

/*end*/
/*
 * youtube跳窗
 */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

/*------------------------------------
  Tabs v5
------------------------------------*/
/* @media (min-width: 768px) { */
[class*="u-nav-v5"] .nav-item {
	margin-bottom: -1px;
}

[class*="u-nav-v5"] .nav-link {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: transparent;
}

[class*="u-nav-v5"] .nav-link.active {
	border-color: #ccc;
}

/* [class*="u-nav-v5"].u-nav-primary .nav-link.active {
	  border-color: #3bb18f;
	  color: #3bb18f;
	} */
[class*="u-nav-v5"].u-nav-dark .nav-link.active {
	border-color: #333;
	color: #333;
}

[class*="u-nav-v5"].u-nav-light .nav-link {
	color: #fff;
}

[class*="u-nav-v5"].u-nav-light .nav-link.active {
	color: #fff;
	border-color: #fff;
}

.u-nav-v5-2 .nav-link {
	border-bottom-width: 2px;
}

.u-nav-v5-3 .nav-link {
	border-bottom-width: 5px;
}

/* } */


@media (max-width:576px) {
	#page-start {
		padding: 0;
	}
}

@media (max-width:414px) {
	.img_carousel img {
		width: 180px;
	}

	.index_news {
		display: block;
	}

	.index_date {
		padding-top: 6px;
		max-width: 100%;
		text-align: right;
	}
}

@media (max-width:375px) {
	.img_carousel img {
		width: 160px;
	}
}

@media (max-width:320px) {
	.img_carousel img {
		width: 134px;
	}

}

/* -----TOGGLE----- */
.toggle_all {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 34px;
}

.toggle_all input {
	display: none;
}

.slider_toggle {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ca2222;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider_toggle:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider_toggle {
	background-color: #2ab934;
}

input:focus+.slider_toggle {
	-webkit-box-shadow: 0 0 1px #2196F3;
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider_toggle:before {
	-webkit-transform: translateX(55px);
	transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.on_toggle {
	display: none;
}

.on_toggle,
.off_toggle {
	color: white;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	font-size: 10px;
	font-family: Verdana, sans-serif;
}

input:checked+.slider_toggle .on_toggle {
	display: block;
}

input:checked+.slider_toggle .off_toggle {
	display: none;
}

/*--------- END --------*/
/* Rounded sliders */
.slider_toggle.round {
	border-radius: 34px;
}

.slider_toggle.round:before {
	border-radius: 50%;
}

/* --------TOGGLE END------------ */

/* --------08/20 新增----------- */
.swal2-modal {
	word-break: keep-all;
}

/* 語言切換 */
.switch {
	position: relative;
	cursor: pointer;
	display: inline-block;
}

.current {
	text-transform: uppercase;
	height: 42px;
	position: relative;
	z-index: 1;
	font-size: 1rem;
	text-align: center;
	line-height: 42px;
	display: flex;
	background-color: rgba(0, 0, 0, 0);
	transition: all 0.2s ease-out;
	border-radius: 3px;
	padding: 0 0.2em 0 0.7em;
}

.current span {
	display: inline-block;
	line-height: 1;
	padding: 0.7em 0.2em 0 0;
	color: #fff;
}

.current .arrow {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.current:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.options {
	position: absolute;
	right: 0;
	top: 0.6em;
	z-index: 0;
	opacity: 0;
	transition: all 0.36s ease-out;
	display: none;
	overflow: hidden;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.switch.show-options .options {
	display: block;
	z-index: 5;
}

.switch.anim-options .options {
	opacity: 1;
}

.switch.show-shadow .options {
	box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.4);
}

.options-list {
	color: #313436;
	margin: 0;
	padding: 0.4rem 0.8em;
	position: relative;
	z-index: 5;
}

.options-list li {
	list-style: none;
	padding: 0;
	margin: 0;
	padding: 0.75em;
	border-bottom: 1px solid #E1E4E6;
	transform: translateX(10px);
	transition: all 0.24s ease-out;
	transition-delay: 0.1s;
	opacity: 0;
	font-size: 1rem;
	line-height: 1.3;
	white-space: nowrap;
}

.options-list li:last-child {
	border-bottom: none;
}

.options-list li:nth-child(1) {
	transition-delay: 0.1s;
}

.options-list li:nth-child(2) {
	transition-delay: 0.15s;
}

.options-list li:nth-child(3) {
	transition-delay: 0.2s;
}

.options-list li:nth-child(4) {
	transition-delay: 0.25s;
}

.options-list li:nth-child(5) {
	transition-delay: 0.3s;
}

.options-list li.selected {
	color: #3498DB;
}

.switch.anim-options .options-list li {
	transform: translateX(0);
	opacity: 1;
}

#trans-circle {
	width: 80px;
	height: 80px;
	position: absolute;
	top: -80px;
	right: -80px;
	padding: 0;
	margin: 0;
	border: none;
	z-index: 1;
	transition: all 0.4s ease-out;
	transform: scale(0.5);
	overflow: hidden;
}

#trans-circle svg {
	max-width: 100%;
	max-height: 100%;
}

.switch.anim-options #trans-circle {
	transform: scale(9);
}