@charset "utf-8";
html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@font-face {
	font-family: swiper-icons;
	src: url('../lib/swiper/swiper-icons.ttf') format('woff');
	font-weight: 400;
	font-style: normal
}


body {

	font-family: 'ar-yuanb5std', Arial, '微軟正黑體';
	font-style: normal;
	font-weight: 500;
	color: #45403f;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 170%;
	background-color: #f8f8f8;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
	letter-spacing: 1px;
	width: 100%;
}

body,
input,
select,
textarea {
	font-size: 20px;
}











/*提示語*/

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #999;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #999;
}

:-ms-input-placeholder {
	/* IE 10+ */
	color: #999;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #999;
}

a {
	color: #45403f;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: 500ms;
	transition: 500ms;
}

a:hover {
	/*filter: alpha(opacity=70);
	opacity:0.70;*/
	text-decoration: none;
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-webkit-transition: 500ms;
	transition: 500ms;
}

.index_share a:hover,
.mom_share a:hover,
a:hover p {
	color: #45403f;
}

img a:hover,
header img:hover,
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
#go:hover,#member_form #submit_btn:hover,.baby_add a:hover,.form_upload .btn:hover,.line_menu a:hover img {
	/*filter: alpha(opacity=70);
	opacity:0.70;*/
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	opacity: 1;
}

.index_kv a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: scale(1);
}

footer a:hover,
.index_news a:hover,
#XX:hover,
.crumbs a:hover,
.login_link a:hover,
.cart_txt:hover,
.cart_delete:hover,
.link_line:hover,
.about3Img  a:hover{
	filter: alpha(opacity=70);
	opacity: 0.70;
	-webkit-transform: scale(1);
}

footer a:hover {
	color: #fff
}

.mb,
.mb_b,
.mb_550,
.mb_414,
.mb_390,
.mb_360,
.mb_320,
.div_close {
	display: none!important;
}











/*通用全站都有的寫法*/

*:link,
*:visited,
*:hover,
*:active,
*:focus {
	-webkit-transition: color .25s linear, background-color .25s linear, border-color .25s linear, padding .15s linear, filter .15s linear, opacity .15s linear, transform .15s linear;
	transition: color .25s linear, background-color .25s linear, border-color .25s linear, padding .15s linear, filter .15s linear, opacity .15s linear, transform .15s linear;
}

h1 {
	font-size: 1px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: alpha(opacity=0);
	opacity: 0;
	pointer-events: none;
}

h2,
h3,
h4 {
	font-weight: bold;
}

h2,
.txt_60 {
	font-size: 60px;
	letter-spacing: 3px;
	line-height: 150%;
}

h3,
.txt_40,.kv h2 span {
	font-size: 40px;
	line-height: 150%;
}

h4,
.txt_30 {
	font-size: 30px;
	line-height: 150%;
}

h5,
.txt_24,
.form_btn .btn,
.list figcaption p,
.member_listL li.active a {
	font-size: 24px;
	line-height: 150%;
}

.form_btn .btn_s {
	font-size: 20px;
}

.txt_18,
footer {
	font-size: 18px;
}

.txt_14,
.footerR li>a {
	font-size: 14px;
}







/*文字顏色、字體大小*/


/*黑*/

.color_0 {
	color: #000
}





/*深藍*/

.color_b,
.color_b a,
.table_form_checkbox a,
.kv h2,
.txt_content h4,
.ScrollBarContent h5,
.classroom_listTxt h5,
.shop_listL1 li.active a h5,
.apply_txt span,
.member_listRtxt>dl>dd h5,
.member_listL li.active a,
.order_table th,
.order_table2 td span,.productsList h4,.productsList2 dt {
	color: #004ea2
}








/*淺藍*/

.color_b2,
.txt_contentTit,
.shop_listL2 li.active a,
.p_tit,.productsList h5,.productsList3 h4 {
	color: #6ab9fa
}







/*粉紅*/

.color_p,
.index_share h5,
.mom_share h5,
.detail_price1 h4,
.shop_list .detail_price1 p,
.member_listR .active dd h5,
.btn_coupon {
	color: #f07986
}

.color_p2{
	color: #ee919c
}





/*灰*/

.color_g,
.detail_price1 p,
.coupon_list li p.txt_18,
.member_listRtxt .txt_18 {
	color: #666
}



/*白*/
.color_w{
	color: #fff
}




/*灰*/

.color_g2,
.member_index_form .table_form li.member_state h5 {
	color: #999
}


.tit {
	color: #004ea2;
	letter-spacing: 3px;
	margin-bottom: 45px;
	text-align: center;
}

.tit:After {
	content: "";
	display: block;
	width: 35px;
	height: 4px;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	background-color: #6ab9fa;
	margin: 10px auto;
}
.tit_2{
	display: inline-block;
    border: 1px solid #004ea2;
    border-radius: 10px;
    padding: 0px 10px;
    margin-bottom: 10px;
    color: #004ea2
}


.top {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1px;
}

@media (max-width: 1440px) {
	body,
	input,
	select,
	textarea {
		font-size: 18px
	}

	h2,
	.txt_60 {
		font-size: 58px;
		letter-spacing: 3px;
	}

	h3,
	.txt_40,.kv h2 span {
		font-size: 38px;
	}

	h4,
	.txt_30 {
		font-size: 28px;
	}

	h5,
	.txt_24,
	.form_btn .btn,
	.list figcaption p,
	.member_listL li.active a {
		font-size: 25px;
	}
	.form_btn .btn_s {
		font-size: 18px;
	}
	.txt_18,
	footer {
		font-size: 16px;
	}

	.txt_14,
	.footerR li>a {
		font-size: 13px;
	}
}

@media (max-width: 1366px) {
	body,
	input,
	select,
	textarea {
		font-size: 14px
	}
	h2,
	.txt_60 {
		font-size: 35px;
	}

	h3,
	.txt_40,.kv h2 span {
		font-size: 26px;
	}

	h4,
	.txt_30 {
		font-size: 20px;
	}

	h5,
	.txt_24,
	.form_btn .btn,
	.list figcaption p,
	.member_listL li.active a {
		font-size: 16px;
	}
	.form_btn .btn_s {
		font-size: 14px;
	}
	.txt_18,
	footer {
		font-size: 12px;
	}

	.txt_14,
	.footerR li>a {
		font-size: 11px;
	}
}

@media (max-width: 810px) {
	body,
	input,
	select,
	textarea,.mbp_2 .productsList h5,.productsList4_s>li h5,.touch3_advantage h5,.touch3_advantage figure h4,.touch3_quality h5,.touch3_quality2 h4 {
		font-size: 18px
	}

	h2,
	.txt_60 {
		font-size: 50px;
		line-height: 135%;
	}

	h3,
	.txt_40,.kv h2 span {
		font-size: 30px;
	}

	h4,
	.txt_30 {
		font-size: 24px;
	}

	h5,
	.txt_24,
	.form_btn .btn,
	.list figcaption p,
	.shop_list .detail_price1 p {
		font-size: 22px;
	}
	.form_btn .btn_s,.txt_mbS {
		font-size: 18px;
	}
	.txt_18,
	footer {
		font-size: 16px;
	}

	.txt_14,
	.footerR li>a {
		font-size: 13px;
	}
}

@media (max-width: 550px) {
	h2,
	.txt_60 {
		font-size: 34px;
		line-height: 135%;
		letter-spacing: 2px;
	}
	h3 {
		font-size: 26px
	}
	h4,
	.txt_30 {
		font-size: 22px;
	}
	.kv h2 span{
		font-size: 18px;
	}
	.txt_18,
	footer {
		font-size: 14px;
	}

	.txt_14,
	.footerR li>a {
		font-size: 12px;
	}
}

@media (max-width: 414px) {
	body,
	input,
	select,
	textarea,
	.form_btn .btn_s,.mbp_2 .productsList h5,.productsList4_s>li h5,.kv h2 span,.touch3_advantage h5,.touch3_advantage figure h4,.touch3_quality h5,.touch3_quality2 h4,.txt_mbS {
		font-size: 17px;
	}
}

@media (max-width: 390px) {
	body,
	input,
	select,
	textarea,.mbp_2 .productsList h5,.productsList4_s>li h5,.kv h2 span,.touch3_advantage h5,.touch3_advantage figure h4,.touch3_quality h5,.touch3_quality2 h4 {
		font-size: 16px;
	}
	h2,
	.txt_60 {
		font-size: 32px;
	}

	h4,
	.txt_30 {
		font-size: 23px;
	}

	h5,
	.txt_24,
	.form_btn .btn,
	.list figcaption p,
	.shop_list .detail_price1 p {
		font-size: 21px;
	}
	.form_btn .btn_s,.txt_mbS {
		font-size: 16px;
	}
}

@media (max-width: 360px) {
	body,
	input,
	select,
	textarea,.mbp_2 .productsList h5,.productsList4_s>li h5 ,.kv h2 span,.touch3_advantage h5,.touch3_advantage figure h4,.touch3_quality h5,.touch3_quality2 h4{
		font-size: 15px;
	}
	h4,
	.txt_30 {
		font-size: 22px;
	}

	h5,
	.txt_24,
	.form_btn .btn,
	.list figcaption p,
	.shop_list .detail_price1 p {
		font-size: 20px;
	}
	.form_btn .btn_s,.txt_mbS {
		font-size: 15px;
	}
}

@media (max-width: 320px) {

	h2,
	.txt_60 {
		font-size: 30px;
	}
}

.div_clear {
	clear: both;
}

.div_block {
	display: block;
	margin-left: auto;
	margin-right: auto
}










/*選單樣式*/

button {
	cursor: pointer;
}

.btn {
	cursor: pointer;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-top-style: none;
	text-align: center;
	color: #fff;
	padding: 10px 15px;
	display: inline-block;
}

.btn:hover {
	color: #fff;
}

.btn2 {
	padding: 15px 0px;
}

.btn3 {
	display: block;
	margin: 50px auto 0 auto;
	width: 100%;
	max-width: 280px;
}

.btn4 {
	padding-bottom: 5px!important;
	padding-top: 5px!important;
}


.btn img {
	display: inline-block;
	vertical-align: middle;
}

.btn_arrow img {
	width: auto!important;
	height: 20px;
	margin-left: 10px;
	margin-top: -3px!important;
	margin-right: 0px!important;
}


.btn,
input[type="submit"] {
	border: 1px none #004ea2;
	background-color: #004ea2;
}

.btn_b,
input[type="reset"] {
	border: 1px none #6ab9fa!important;
	background-color: #6ab9fa!important;
}

.btn_p {
	border: 1px none #fd95a0!important;
	background-color: #fd95a0!important;
}

.btn_coupon {
	border: 1px solid #fd95a0!important;
	background-color: transparent;
	padding: 0 10px;
	border-radius: 5px;
}

.btn_coupon img {
	margin-left: 5px
}

.btn_g {
	border: 1px none #999!important;
	background-color: #999!important;
}

.btn_more {
	margin-bottom: 15%;
	display: none;
}

.btn_line {
	border: 1px none #76cb09!important;
	background-color: #76cb09!important;
}

.table_form dd button {
	padding: 0;
	height: 50px;
}

.btn_line img {
	width: 35px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
}

.table_form .btn_line img {
	width: 25px;
	margin-right: 3px;
}
.btn_no{
	background-color: #999;
	pointer-events: none;
	color: #ccc;
}
.btn_p.btn_no{
	border: 1px none  #999!important;
    background-color:  #999!important;
}
.btn_no img{
	display: none!important;
}

select,
input,
textarea {
	font-family: 'ar-yuanb5std', '微軟正黑體', sans-serif;
	-webkit-transition: 500ms;
	transition: 500ms;
}

input[type="submit"],
input[type="radio"],
input[type="reset"],
input {
	-webkit-appearance: none;
}

input[type="text"],
select,
textarea,
input[type="number"],
input[type="password"],
input[type="email"],
input.filename,
.form_add span input {
	-webkit-appearance: none;
	border-radius: 7px;
	color: #45403f;
	background-color: #FFF;
	width: 100%;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	-webkit-box-shadow: 0px 0px 0px #fff inset;
	box-shadow: 0px 0px 0px #fff inset;
	border: 1px solid #ccc;
	font-weight: normal;
}

input[type="text"],
select,
input[type="number"],
input[type="password"],
input[type="email"],
input.filename,
.form_upload,
.form_upload input[type="file"],
.gw_num input,
.gw_num em,
.form_add span input {
	height: 50px;
}

textarea {
	height: 150px;
}

select,
.select_day {
	font-family: 'ar-yuanb5std', '微軟正黑體', sans-serif;
	-moz-appearance: none;
	background-image: url(../images/all/select.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 40px;
	background-color: #FFF;
	padding-right: 45px;
}

select::-ms-expand {
	display: none;
}

input[type="radio"],
input[type="checkbox"] {
	display: none;
}

label {
	display: inline-block;
	cursor: pointer;
	padding-top: 0px;
	padding-left: 0px;
}

input[type="checkbox"]+label,
input[type="radio"]+label:before {
	margin-right: 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
	background-size: 100%;
	border-radius: 5px;
	background-color: #FFF;
}

input[type="radio"]+label:before {
	display: inline-block;
	content: "";
	border-radius: 500px;
}

input[type="checkbox"]+label,
input[type="radio"]+label:before {
	width: 30px;
	height: 30px;
}

input[type="radio"]:checked+label,
input[type="radio"]:checked+label:hover,
input[type="checkbox"]:checked+label,
input[type="checkbox"]:checked+label:hover {

	background-repeat: no-repeat;
	background-position: center center;
}

input[type="checkbox"]:checked+label,
input[type="checkbox"]:checked+label:hover {
	background-image: url(../images/all/Arrow_ok.svg);
}

input[type="radio"]:checked+label:before,
input[type="radio"]:checked+label:hover:before {
	background-image: url(../images/all/Arrow_ok2.svg);
}

input[type="radio"]:checked,
input[type="checkbox"]:checked {
	overflow: visible;
}

input[type="submit"],
input[type="reset"] {
	cursor: pointer;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #fff;
	font-family: 'ar-yuanb5std', '微軟正黑體', sans-serif;
	text-align: center;
	width: 47%;
	margin-left: 1%;
	margin-right: 1%;
}



.input_no {
	background-color: #efefef!important;
	cursor: default;
}

/*影子陰影*/

.shadowBOX,
.index_service li,
.listBOX figure,
.index_video a,
.productsVideo a,
.mom_share a,
.index_shareR figure,
.index_product2 a,
.shareDetail_content img,
.classroom_list li,
.detail_photo figure,
.shop_photo_shadow,
.video_style {

	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.shadowBOX:hover,
.index_service li:hover,
.index_video a:hover,.productsVideo a:hover {
	background-size: 120%;
}

.shadowBOX,
.shadow,
.index_service li,
.listBOX figure,
.mom_share a,
.index_video a,
.productsVideo a,
.index_shareR figure,
.index_product2 a,
.index_videoBOX figure,
.shareDetail_content img,
.classroom_list li,
.detail_photo figure,
.shop_photo_shadow,
.video_style,.productsList3 li {
	-webkit-box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	-webkit-transition: 500ms;
	transition: 500ms;
}

.index_main1BG img,
.index_main3BG img,
.index_video a img,
.productsVideo a img,
.mom_share img,
.index_shareR figure img,
.index_product2 a img,
.index_videoBOX figure img,
.detail_photo img,
.shop_photo_shadow img,
.video_style img {
	width: 100%;
	display: block;
}

@media (max-width: 1366px) and (min-width: 801px) {
	.btn3 {
		width: 220px;
	}
	.btn2 {
		padding: 10px 0px;
	}
	input[type="text"],
	select,
	input[type="number"],
	input[type="password"],
	input[type="email"],
	input.filename,
	.form_upload,
	.form_upload input[type="file"],
	.gw_num input,
	.gw_num em,
	.form_add span input,
	.table_form dd button {
		height: 40px;
	}

	.btn_arrow img {
		height: 15px;
		margin-top: 0px!important;
	}
	.form_add span input {
		line-height: 150%
	}
	select,
	.select_day {
		background-size: 30px;
		padding-right: 35px;
	}
	.shadowBOX,
	.shadow,
	.index_service li,
	.listBOX figure,
	.mom_share a,
	.index_video a,
	.productsVideo a,
	.index_shareR figure,
	.index_product2 a,
	.index_videoBOX figure,
	.shareDetail_content img,
	.classroom_list li,
	.detail_photo figure,
	.shop_photo_shadow,
	.video_style,.productsList3 li {
		-webkit-box-shadow: -15px 15px 15px rgba(0, 0, 0, 0.3);
		box-shadow: -15px 15px 15px rgba(0, 0, 0, 0.3);
	}
	.form_spoon dd input {
		width: 100px;
	}
}

@media (max-width: 810px) {
	.btn3 {
		margin: 30px auto 0 auto;
	}
	.shadowBOX,
	.shadow,
	.index_service li,
	.listBOX figure,
	.mom_share a,
	.index_video a,
	.productsVideo a,
	.index_shareR figure,
	.index_product2 a,
	.index_videoBOX figure,
	.shareDetail_content img,
	.order_form1,.productsList3 li {
		-webkit-box-shadow: -15px 15px 20px rgba(0, 0, 0, 0.3);
		box-shadow: -15px 15px 20px rgba(0, 0, 0, 0.3);
	}
}

@media (max-width: 550px) {

	.tit {
		margin-bottom: 35px
	}
	.txt_18.btn {
		padding: 5px 15px;
	}
	.btn_more {
		display: block;
	}
}







/*距離////////////////////////////////////////////////////////////*/

.m-40 {
	margin-top: 40px;
}






/*齊頭尾 對齊////////////////////////////////////////////////////////////*/

.div-space-between {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.div-space-center{
	display: flex;
	justify-content:center;
}
.div-space-center2{
	text-align: center;
}
.div-space-center2 img{
	margin-right: auto;
	margin-left: auto;
}


/*表格樣式////////////////////////////////////////////////////////////*/

.table_style {
	border-radius: 7px;
	overflow: hidden;
	border: 1px solid #ccc;
	-webkit-box-shadow: #999 0px 0px 2px;
	box-shadow: #999 0px 0px 2px;
}

.table_style th,
.table_style td {
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.table_style td {
	background-color: #fff
}

.table_style th {
	background-color: #e7e7e7;
	line-height: 130%
}


.table_style_center th,
.table_style_center td {
	text-align: center;
}











/*表單樣式////////////////////////////////////////////////////////////*/

.table_form {
	position: relative;
}

.table_form_main {
	width: 100%;
	max-width: 720px;
	margin-right: auto;
	margin-left: auto;
}

.table_form_important {
	padding-bottom: 40px;
	padding-top: 35px;
	margin-bottom: 30px;
	margin-top: 30px;
	background-image: url(../images/all/line_1.png),
	url(../images/all/line_2.png);
	background-repeat: no-repeat,
	no-repeat;
	background-position: center top,
	center bottom;
	background-size: 100% 22px, 100% 22px;
}

.table_form .btn_g {
	font-weight: normal;
}

.table_form aside {
	display: inline-block;
}

.table_form li {
	vertical-align: top;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	display: block;
	text-align: center;
}

.table_form li:last-child {
	padding-bottom: 10px;
}

.table_form li.active input[type="text"],
.table_form li.active input[type="password"],
.table_form li.active select,
.table_form li.active textarea {
	background-color: #eeecec;
	pointer-events: none;
}

.table_form .txt_18 {
	line-height: 150%;
	margin-top: 15px;
	margin-bottom: 0
}

.form_padding {
	padding-top: 10px
}

.table_form dl {
	width: 100%;
	display: table;
	margin-left: auto;
	margin-right: auto
}

.table_form dt,
.table_form dd {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	position: relative;
}

.table_form dd span,
.form_upload {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.table_form dd label {
	margin-left: 10px
}

.table_form dd label:nth-of-type(1) {
	margin-left: 0px
}

.table_form dt {
	text-align: left;
	padding: 10px 20px 0 20px;
	width: 175px;
	font-weight: normal;
}

.table_form dt:before {
	content: "";
	width: 12px;
	height: 22px;
	display: inline-block;
	position: absolute;
	z-index: 1;
	top: 11px;
	left: 0px;
	background-image: url(../images/all/li.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}



.table_form_notes {
	margin-top: 70px;
	color: #666
}
.notes.txt_14,.notes2.notes.txt_14{
	line-height: 130%;
	color: #999;
	margin-top: 30px;
	padding-left: 10%;
	padding-right: 10%;
}
@media (max-width: 810px) {
	.notes.txt_14,.notes2.notes.txt_14{
		padding-left: 5%;
	padding-right:5%;
	}
}
.notes.txt_14{
	max-width: 1000px;
}

.table_form_notes p {
	padding-bottom: 10px;
}

.table_form_notes .numeral_list li {
	margin-bottom: 10px;
}

.table_form table {
	margin-left: auto;
	margin-right: auto;
}

.table_form table td {
	padding-left: 5px;
	padding-right: 5px;
}

.table_form_checkbox {
	margin-bottom: 40px;
	position: relative;
	padding-left: 45px;
	position: relative;
}

.table_form_checkbox label {
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 1
}

.table_form2 select,
.table_form2 input {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}

.table_form2 select {
	margin-right: 2%;
}

.form_btn,
.popup_btn {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.form_btn .btn,
.popup_btn .btn {
	width: 47%;
}

.form_btn_one .btn {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
}

.form_btn_one2 .btn {
	max-width: 100%;
}

.txt_line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdede;
	padding: 20px;
	margin-bottom: 20px;
}

.txt_line p {
	color: #004ea2;
	display: inline-block;
}
.table_form .form_add3 dd span{
	justify-content: flex-start;
}
.table_form .form_add3 span select{
	margin-right: 5px;
}
.form_add span {
	padding-bottom: 10px
}

.form_add span select,
.form_add span input {
	width: 32%;
}

.form_add2 span select {
	width: 48%
}
.form_add span p {
	margin-bottom: 0;
	text-align: center;
	line-height: 32px;
}
.form_add4 .form_padding{
	margin-bottom: 10px;
}

.form_add span input {
	margin-bottom: 0;
	text-align: center;
	line-height: 32px;
}

.form_phone input:nth-of-type(1) {
	width: 60%;
}

.form_phone input:nth-of-type(2) {
	width: 38%;
}

.form_day input {
	background-image: url(../images/all/day.svg);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 20px;
	cursor: pointer;
}

.form_day input {
	padding-right: 15%
}

.form_upload {
	border: 1px none #ccc;
	background-color: transparent;
}

.form_upload input[type="file"] {
	width: 100%;
	filter: alpha(opacity:0);
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	cursor: pointer;
}

.form_upload input:nth-of-type(1) {
	width: 77%
}

.form_upload input:nth-of-type(2) {
	width: 20%
}

.form_spoon dd input {
	width: 150px;
}

.form_spoon dd input {
	margin: 0 5px;
}

@media (max-width: 1366px) and (min-width: 801px) {
	.form_padding {
		padding-top: 5px;
	}
	.table_form dt {
		width: 145px;
	}
	.form_spoon dd input {
		width: 110px;
	}
}

@media (max-width: 810px) and (min-width: 551px) {
	.table_form dt {
		width: 190px
	}
	.form_spoon dd input {
		width: 80px;
	}
}

@media (max-width: 1366px) {
	.table_form_main {
		max-width: 490px;
	}
	.form_btn_one .btn {
		max-width: 250px;
	}
}

@media (max-width: 550px) {
	.form_btn,
	.popup_btn {
		margin-top: 25px;
	}
	.table_form dt,
	.table_form dd {
		display: block;
		width: 100%;
	}
	.table_form dt {
		padding: 0px 20px 15px 20px;
	}
	.table_form dt:before {
		top: 1px
	}
	.table_form dl {
		margin-bottom: 0px
	}
	.form_number dt,
	.form_number dd {
		display: table-cell;
		width: auto;
		vertical-align: middle;
	}
	.form_number dt {
		width: 135px;
		padding-bottom: 0;
	}
	.form_number dt:before {
		top: 26%;
	}
	.form_spoon dd input {
		width: 31%;
	}
}

@media (max-width: 320px) {
	.form_spoon dd input {
		width: 28%;
	}
}












/*列表單格樣式*/

.listBOX figure {
	margin-bottom: 25px;
}

.listBOX figure img {
	display: block;
	width: 100%;
}

.listBOX figcaption span {
	color: #f07986;
	padding-bottom: 10px;
	display: block;
}

.listBOX a {
	display: block;
}

.secEventImgVip {
	position: relative;
}

.secEventImgVip:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url(../images/img/member_icon.png);
	background-size: 100%;
	background-position: top left
}

.detail_day img,
.list .txt_18 img,
.slide .txt_18 img {
	width: 23px;
	margin-right: 8px;
	vertical-align: middle;
	display: inline-block;
	margin-top: -5px
}
















/*媽媽分享樣式*/

.mom_share a {
	position: relative;
	display: block;
	text-align: left;
}

.mom_share a span {
	position: absolute;
	bottom: 10px;
	width: 90%;
	left: 5%
}

.mom_share a span h5,
.mom_share a span p {
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box;
}

.mom_share a span h5 {
	white-space: inherit;
	-webkit-line-clamp: 1;
	margin: 0
}

.mom_share a span p {
	-webkit-line-clamp: 2;
}
















/*大框架*/

section {
	position: relative;
}

.section {
	width: 100%;
	display: block;
	position: relative;
	overflow-x: hidden;
}

.section_page {
	background-repeat: no-repeat;
	background-image: url(../images/all/page_bg0.png);
	background-size: 100%;
	background-position: bottom center;
	padding-bottom: 120px;
}

.main,
.main2,
.main3,
.main4 {
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
	z-index: 2
}

.main {
	width: 90%;
	max-width: 1230px;
}

.main2 {
	width: 75%;
	max-width: 990px;
	z-index: 3
}

.main3 {
	width: 90%;
	max-width: 1400px;
}
.main4 {
	width: 90%;
	max-width: 1100px;
}
.main_page {
	padding-top: 40px;
}

.content_page {
	width: 75%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}


@media (max-width: 1366px) {
	.main {
		max-width: 830px;
	}

	.main2 {
		max-width: 640px;
	}

	.main3 {
		max-width: 850px;
	}
	.main4 {
		max-width: 830px;
	}
}
@media (max-width: 811px){
.main4 {
		max-width: 550px;
	}
}
@media (max-width: 1366px) and (min-width: 801px) {
	.content_page {
		width: 65%
	}
}










/*右側選單*/

.rifgt_menu {
	position: fixed;
	right: 0;
	z-index: 99;
	top: 20%;
	width: 80px;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.rifgt_menu a {
	background-color: #004ea2;
	color: #fff;
	padding: 5px 0px 15px 0px;
	margin-bottom: 15px;
	display: block;
	border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #4d83be;
	border-right-style: none;
}
.rifgt_menu a.rifgt_menu_0-1,
.rifgt_menu a.rifgt_menu_t3plus,
.rifgt_menu a.rifgt_menu_tsuyoiko3plus,
.rifgt_menu a.rifgt_menu_touch3,
.rifgt_menu a.rifgt_menu_hakira,
.rifgt_menu a.rifgt_menu_yousan-fe,
.rifgt_menu a.rifgt_menu_dha,
.rifgt_menu a.rifgt_menu_nyusankin,
.rifgt_menu a.rifgt_menu_mbp{
	display: none;
}
.rifgt_menu a span {
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	writing-mode: tb-rl;
}

.rifgt_menu a img {
	display: block;
	margin: 10px auto;
	width: 50px;
}

@media (max-width: 1440px) {
	.rifgt_menu a img {
		width: 35px;
		margin: 5px auto;
	}
	.rifgt_menu {
		width: 55px;
	}
}

@media (max-width: 1024px) {
	.rifgt_menu {
		width: 60px;
	}
}

@media (max-width: 810px) {
	.section_page {
		background-size: 200%;
	}
	.content_page {
		width: 100%;
	}
}

@media (max-width: 550px) {
	.section_page {
		padding-bottom: 70px;
	}
	body .main_page2 {
		width: 75%
	}

	.rifgt_menu_close {
		display: none!important;
	}
	.main_page {
		padding-top: 20px;
	}
	.main_page3 {
		padding-top: 40px;
	}
	.rifgt_menu {
		position: fixed;
		right: 0;
		z-index: 50;
		top: auto;
		bottom: 0;
		width: 100%;
		display: flex;
		border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
		background-color: #004ea2;
		border-style: solid;
		border-width: 1px;
		border-color: #4d83be;
		border-bottom-style: none;
		overflow: hidden;
	}
	.rifgt_menu:After {
		content: "";
		z-index: 51;
		position: fixed;
		width: 1px;
		height: 30px;
		right: 50%;
		bottom: 12px;
		border-left-style: dotted;
		border-left-width: 2px;
		border-left-color: #4d83be;
	}
	.rifgt_menu a {
		width: 50%;
		border-style: none;
		margin-bottom: 0;
		border-radius: 0;
		-webkit-border-radius: 0;
		padding-top: 13px;
		padding-bottom: 10px;
		background-color: transparent;
	}
	.rifgt_menu a span {
		writing-mode: lr-tb;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}

	.rifgt_menu a img {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 0px;
		vertical-align: middle;
		margin-top: -3px;
	}
	.rifgt_menu a img {
		margin-right: 5px;
	}
	.rifgt_menu a:nth-of-type(2) img {
		margin-right: 0px;
	}
}

@media (max-width: 320px) {
	.rifgt_menu a img {
		width: 30px;
	}
}














/*麵包穴*/

.crumbs {
	position: absolute;
	right: 0;
	top: -20px;
	z-index: 2;
}

.crumbs,
.crumbs a {
	color: #999
}

.crumbs a:After {
	content: "/";
	margin-left: 5px;
	margin-right: 5px;
}

.crumbs a:last-child:After {
	display: none;
}













/*footer*/

footer {
	width: 100%;
	position: relative;
	background-color: #004ea2;
	text-align: center;
	color: #fff;
	padding-top: 35px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #fd95a0;
	background-image: url(../images/all/footer_bgL.gif), url(../images/all/footer_bgR.gif);
	background-repeat: no-repeat, no-repeat;
	background-position: bottom left, bottom right;
}

footer a {
	color: #fff;
	display: inline-block;
}


footer>div {
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 35px;
}

footer>div>div {
	display: table-cell;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative;
	vertical-align: top;
}

.footerL {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #4d83be;
	padding-right: 60px;
	position: relative;
}


.footerL nav {
	position: absolute;
	left: 0;
	bottom: 5px;
}

.footerL nav img {
	width: 35px;
}

.footerL nav a {
	margin-right: 15px;
}

.footerL_phone a {
	display: block;
	padding: 5px 0;
	white-space: nowrap;
}

.footerL_phone a:nth-of-type(1) {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #4d83be;
	margin-bottom: 5px;
}

.footerR li {
	display: inline-block;
	vertical-align: top;
	margin-left: 40px;
}

.footerR li p {
	height: 44px
}

@media (max-width: 1366px) and (min-width: 801px) {
	.footerR li p {
		height: 24px
	}
}

.footerR li p:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 15px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-image: url(../images/all/li.svg);
	background-size: 12px;
}

.footerR li.footer_no p:before {
	display: none;
}

.footerR li a {
	display: block;
}

.footerR li p a {
	display: inline-block;
}

.footerR li>a,
.footerL_phone .txt_14 {
	color: #8bace2
}

.footerR li>a {
	padding-left: 25px;
}

.footerR li.footer_no>a {
	padding-left: 0px;
}

.Copyright {
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: center;
	position: relative;
	color: #666666;
	background-color: #e7e7e7;
	position: relative;
	display: block;
	margin: 0px
}


#go {
	position: absolute;
	cursor: pointer;
	right: 25px;
	bottom: 0px;
	width: 70px;
	height: 70px;
	z-index: 10;
	background-image: url(../images/all/go_icon.svg);
	background-color: #fd95a0;
	background-position: center center;
	background-size: 60%;
	background-repeat: no-repeat;
	-webkit-transition: 500ms;
	transition: 500ms;
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}



/*如何購買*/

.how_buy {
	text-align: center;
	background-color: #b9ddfa;
	background-image: url(../images/all/buy_bgL.gif), url(../images/all/buy_bgR.gif);
	background-repeat: no-repeat, no-repeat;
	background-position: bottom left, bottom right;
	padding: 70px 0 50px 0;
	z-index: 2;
	position: relative;
}

.how_buy .tit {
	margin-bottom: 20px;
}

.how_buy a {
	width: 70%;
	max-width: 340px;
	display: inline-block;
	margin: 20px 10px;
}

.how_buy a img {
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -3px;
	margin-left: -10px;
}

.how_buy .animateDown a:nth-of-type(1) img {
	height: 35px;
	margin-right: 2px;
	margin-left: -20px;
}

.how_buy p {
	margin-bottom: 30px;
}

.how_buy div {
	display: block;
	width: 100%
}

@media (max-width: 1660px) {
	.how_buy,
	footer {
		background-size: auto 50%, auto 50%;
	}
}

@media (max-width: 1440px) {
	.how_buy a img {
		height: 30px;
	}
	.how_buy .animateDown a:nth-of-type(1) img {
		height: 25px;
	}
	.footerL {
		padding-right: 30px;
	}

	.footerR li {
		margin-left: 30px;
	}
	.how_buy a {
		max-width: 240px;
	}
	#go {
		width: 50px;
		height: 50px;
		right: 35px;
	}
}

@media (max-width: 1280px) {

	footer {
		padding-top: 30px;
	}
}

@media (max-width: 1024px) {
	.footerL {
		padding-left: 30px;
	}
	.footerL nav {
		left: 30px;
		bottom: 20px;
	}
	.footerR li {
		margin-bottom: 25px;
		width: 20%;
	}
	footer>div>div {
		padding-bottom: 0
	}
	.footerR li p {
		height: 34px;
	}
	.how_buy {
		background-image: url(../images/all/buy_bgL_m.gif), url(../images/all/buy_bgR_m.gif);
	}
	footer {
		background-image: url(../images/all/footer_bg_m.gif);
		background-position: bottom right;
		background-size: auto 45%
	}
}


@media (max-width: 810px) {



	.footerL nav {
		left: auto;
		right: 35px;
		bottom: 60px;
		z-index: 2
	}
	.footerL nav img {
		width: 45px;
	}
	footer>div>div {
		display: block;
		width: 94%;
		margin: 0 auto
	}
	footer {
		background-size: auto 35%
	}
	.footerL {
		border-right-style: none;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #4d83be;
		padding: 0 0 10px 0;
		position: inherit;
		margin-bottom: 10px;
	}
	.footerL_phone .txt_14 {
		position: absolute;
		left: 100px;
		top: 31px
	}
	.footerL_phone a:nth-of-type(1) {
		border-bottom-style: none;
	}

	.footerL_phone aside:After {
		content: "";
		position: absolute;
		width: 1px;
		height: 60%;
		right: 50%;
		top: 15%;
		background-color: #4d83be
	}

	.footerL_phone aside {
		display: flex;
		max-width: 400px;
		justify-content: space-between;
		position: relative;
	}
	.footerL nav a {
		margin-right: 0px;
		margin-left: 10px;
	}
	.footerR li {
		width: 30%
	}
	.footerR li:nth-of-type(3n-2) {
		margin-left: 0px;
	}
	.footerR li.footer_no>a {
		padding-left: 25px;
	}

	footer>div {
		min-width: 80%;
		padding-bottom: 0px
	}
	.footerL_phone p {
		padding-bottom: 0;
		margin-bottom: 0
	}
	.how_buy {
		padding: 8% 0 5% 0;
	}
	.how_buy a {
		display: block;
		margin: 20px auto
	}
}

@media (max-width: 640px) {
	.footerL nav {
		right: 5%;
	}
}

@media (max-width: 550px) {
	.how_buy {
		padding: 10% 0 5% 0;
	}
	.how_buy {
		background-size: auto 40%, auto 40%;
	}
	footer {
		background-size: auto 30%
	}
	footer>div>div {
		width: 90%;
		padding-top: 10px;
	}
	footer {
		padding-top: 20px;
	}
	.footerL_phone .txt_14 {
		top: 20px;
	}
	.footerR li p:before {
		margin-right: 0;
		background-position: left 0px;
		vertical-align: middle;
	}
	.footerR li>a {
		padding-left: 20px;
		letter-spacing: 0px;
	}
	.footerR li {
		width: 31%;
		margin-left: 1%;
	}
	.footerL nav {
		bottom: 45px;
		width: 180px
	}
	.Copyright {
		padding-left: 5%;
		padding-right: 20%;
		text-align: left;
		line-height: 150%;
		padding-top: 10px;
	}
	#go {
		right: 5%;
		width: 60px;
		height: 63px;
	}
}

@media (max-width: 390px) {
	.footerL_phone a {
		letter-spacing: 0px;
	}
	.footerR li p:before {
		width: 12px;
		height: 9px;
		background-size: 7px;
		margin-top: -4px;
	}
	.footerR li>a {
		padding-left: 12px;
		line-height: 150%;
		padding-bottom: 15px;
	}
	.footerR li:last-child {
		width: 40%
	}
	footer {
		background-size: auto 25%;
	}
	.footerL nav {
		width: 165px
	}
	.footerL nav img {
		width: 40px;
	}
}

@media (max-width: 360px) {
	.footerL nav img {
		width: 35px;
	}
}

@media (max-width: 320px) {
	.footerL nav {
		width: 155px
	}
}


/*popup*/

.popup {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 10002;
	display: none;
	background-color: rgba(0, 0, 0, 0.7);
	text-align: center;
	left: 0;
	top: 0;
	overflow: scroll;
	overflow-x:hidden ;
}
.wait_message_popup .tit{
	opacity: 1;
}
.wait_message_popup.aos-animate .tit{
	-webkit-animation: no 1s ease both;
    animation: no 1s ease both;
}
.popup>div {
	position: relative;
	width: 100%;
	height: 100%;
}

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

.popup_close {
	cursor: pointer;
}

.popupMain {
	width: 90%;
	display: inline-block;
	max-width: 990px;
	background-color: #fff;
	position: relative;
	margin-top: 10%;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 1%;
	z-index: 2
}

.popup_body {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	border: 5px solid #6ab9fa;
	padding: 3% 5%
}

.popupMain figure img {
	position: absolute;
	bottom: -30px;
	pointer-events: none;
	width: 25%;
}

.popupMain figure img:nth-of-type(1) {
	left: -10%
}

.popupMain figure img:nth-of-type(2) {
	right: -10%
}

.popup_closeBtn img {
	width: 100%
}

.popup_closeBtn {
	display: block;
	position: absolute;
	right: 4%;
	top: 7%;
	z-index: 1;
	width: 45px
}

.popup_closeBtn:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg)
}

.popup .tit {
	margin-bottom: 35px;
	margin-top: 10px;
}

.popup .btn3 {
	margin-top: 30px;
}

.popup p {
	text-align: left;
}

.popup.open {
	display: block;
}

.popup_form {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

.popup_form p {
	text-align: center;
}

.popup_form input[type="submit"],.popup_form input[type="button"] {
	display: block;
	margin: 20px auto;
	width: 100%
}

.popup_form .popup_btn input[type="submit"] {
	width: 47%;
	margin: 0;
}

@media (min-width: 811px) {
	.popup>div {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.popupMain {
		margin-top: 0
	}
}

@media (max-width: 1366px) {
	.popupMain {
		max-width: 640px
	}
	.popup_closeBtn {
		width: 35px
	}
	.popupMain figure img {
		width: 22%
	}
}

@media (max-width: 810px) {
	.popupMain {
		padding: 2%
	}
	.popup_body {
		border: 3px solid #6ab9fa;
		padding: 35px 5% 5% 5%;
	}
	.popup_closeBtn {
		right: 5%;
		top: 20px;
	}
}

@media (max-width: 550px) {
	.popupMain figure img {
		width: 35%
	}
	.popup_body {
		padding: 35px 5% 10% 5%;
	}
	.popup .tit {
		margin-bottom: 25px;
		font-size: 6.5vw!important;
	}
}

a.link_line,
.link_line {
	text-decoration: underline;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.menu_link {
	position: absolute;
	top: -70px;
	z-index: 1;
	left: 0
}

@media (max-width:810px) {
	.menu_link {
		top: -80px;
	}
}










/*數字列表樣式*/

ol {
	list-style-type: decimal;
	padding-left: 20px;
}

ol.ol_alpha {
	list-style-type: lower-alpha;
	padding-left: 20px;
}

ol li {
	padding-bottom: 10px;
}











/*上稿內容/////////////////////////////////////////////////////////////////*/

.txt_content {
	line-height: 190%;
	margin-bottom: 80px;
}

.txt_content h3,
.txt_content h2,
.txt_content h1 {
	font-weight: bold;
}

.txt_content p,
.txt_content h3,
.txt_content h2,
.txt_content h4,
.txt_content ul,
.txt_content ol {
	margin-bottom: 20px;
	font-family: 'ar-yuanb5std', '微軟正黑體', sans-serif!important;
}

.txt_content span,
.txt_content b,
.txt_content strong,
.txt_content em,
.txt_content h4,
.txt_content h5,
.txt_content h6 {
	font-family: 'ar-yuanb5std', Arial, '微軟正黑體'!important;
}

.txt_content img,
.txt_content iframe {
	max-width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.txt_content .shadowBOX {
	margin: 60px auto;
}

.txt_content ul,
.ul_disc {
	list-style: disc;
	margin-left: 25px;
}

.ul_disc li {
	display: list-item;
	text-align: left;
}

.txt_content ol {
	margin-left: 5px;
}

@media (max-width: 550px) {
	.txt_content .shadowBOX {
		margin: 30px auto 40px;
	}
	.txt_content {
		margin-bottom: 15%
	}
}

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






/*影片////////////////////////////////////////////////////////////////////*/

.video_style {
	display: block;
	position: relative;
	margin: 20px auto;
}

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

/*有牛奶背景底圖/////////////////////////////////////////////////////////////*/

.milk_line{
	background-image: url(../images/all/line_3.png);
	background-position: bottom center;
	background-repeat  : no-repeat;
	background-size: auto 100%;
	width: 100%;
	height: 284px;
}
.bg_3{
	background-image: url(../images/all/page_bg3.png);
	background-position: bottom center;
	background-repeat  : no-repeat;
}
.bg_1{
	background-image: url(../images/all/page_bg.png);
	background-position: center center;
	background-repeat  : no-repeat;
}
.bg_2{
	background-image: url(../images/all/page_bg2.png);
	background-position: top center;
	background-repeat  : no-repeat;
}
@media (min-width: 1921px) {
.bg_3,.bg_1,.milk_line,.page_bg2{
	background-size: 100% 100%
}
.bg_2{
	background-size: 100%
}
}
@media (max-width: 1024px) {
.milk_line{
	height: 220px;
	background-size: auto 100%;
}}
@media (max-width: 550px) {
.milk_line{
	height: 180px;
}}
/*藍底漸層背景/////////////////////////////////////////////////////////////*/
.bg_b{
	background: rgb(209, 231, 248);
	background: -webkit-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(209, 231, 248, 1) 100%);
	background: linear-gradient(to bottom, rgba(248, 248, 248, 1) 0%, rgba(209, 231, 248, 1) 100%);
}

/*籃底牛奶漸層背景*/
.page_bg1{
	position: relative;

}
.page_bg1>div{
	position: relative;
	z-index: 2;
	padding-bottom: 1%;
}
.page_bg1:After {
	background: -webkit-linear-gradient(top,  rgba(248,248,248,0) 0%,rgba(210,231,248,1) 100%); 
background: linear-gradient(to bottom,  rgba(248,248,248,0) 0%,rgba(210,231,248,1) 100%);
    content: "";
    width: 100%;
    height: 40%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1
}
.page_bg2{
	background-image: url(../images/all/page_bg4.jpg);
	background-position: top center;
	background-repeat  : no-repeat;
}
.page_bg2 img{
	display: block;
	width: 100%;
	max-width: 750px;
}
@media (max-width: 1366px) {
	.page_bg2{
		background-size: 100% 100%;
	}
	.page_bg2 img{
		width: 30%;
	}
}
@media (max-width: 810px) {
	.page_bg2{
		background-size: auto 100%;
	}
	.page_bg2 img{
		width: 100%;
	}
}
/*動態////////////////////////////////////////////////////////////////////*/

.tit {
	opacity: 0;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.aos-animate .tit,
.aos-animate.tit {
	-webkit-animation: tit 1s ease both;
	animation: tit 1s ease both;
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}

@-webkit-keyframes tit {
	from {
		opacity: 0;
		letter-spacing: -10px;
	}
	to {
		opacity: 1;
		letter-spacing: 3px;
	}
}

@keyframes tit {
	from {
		opacity: 0;
		letter-spacing: -10px;
	}
	to {
		opacity: 1;
		letter-spacing: 3px;
	}
}

.animateDown,.animateFade,.animateLeft,.animateRight,.animateUp,.animateOP {
	opacity: 0;
}
.aos-animate.animateOP {
	-webkit-animation: animateOP 1s ease both;
	animation: animateOP 1s ease both;
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}

.aos-animate.animateLeft {
	-webkit-animation: fadeInLeft 1s ease both;
	animation: fadeInLeft 1s ease both;
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}
.aos-animate.animateRight {
	-webkit-animation: fadeInRight 1s ease both;
	animation: fadeInRight 1s ease both;
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}
.aos-animate.animateDown {
	-webkit-animation: fadeInDown 1s ease both;
	animation: fadeInDown 1s ease both;
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}
.aos-animate.animateUp {
	-webkit-animation: fadeInUp 1s ease both;
	animation: fadeInUp 1s ease both;
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}
.loaded_style .animateFade {
	-webkit-animation: fade 1s ease both;
	animation: fade 1s ease both;
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}

@-webkit-keyframes fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@-webkit-keyframes animateOP {
	from {
		opacity: 0;
		transform : scale(0.8); 
	}

	to {
		opacity: 1;
		transform : scale(1); 
	}
}
@keyframes animateOP {
	from {
		opacity: 0;
		transform : scale(0.8); 
	}

	to {
		opacity: 1;
		transform : scale(1); 
	}
}
@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
/*讀取中*/
.loading_page {

	display:flex;
 align-items:center;
 justify-content:center;
 height: 100%;
 width: 100%;
 position: fixed;
 left: 0;
 top: 0;
 z-index: 999;
 background-color: rgba(0, 0, 0, 0.7);

}
.loading_page img{
	border-radius: 10px;
}

/*右下line*/

.line_menu {
	z-index: 100;
	position: fixed;
	right: 20px;
	bottom: 30px;
}
.line_menu a {
	display: block;
	margin-top: 10px;
	border-radius: 5000px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.line_menu img {
	width: 60px;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.line_menu .right_menu_Activity_Point {
	background-color: #f07986;
	display: flex;
	align-items: center;
	justify-content: center;
}

.right_menu_Activity_Point p {
	color: #fff;
	position: absolute;
	width: 100%;
    line-height: 110%;
    margin-bottom: 0;
    transform : scale(0.97); 
}
.line_menu .right_menu_Activity_Point:hover p{
	color: #fff;
}

.line_menu2.line_menu  {
	bottom: 95px;
	right: 30px;
}



@media (max-width: 810px) {
	.pc {
		display: none!important;
	}

	.mb_b {
		display: block!important;
	}

	.mb {
		display: inline-block!important;
	}


	a:hover,
	img a:hover,
	header img:hover,
	button:hover,

	#XX:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.line_menu2.line_menu {
		display: none;
	}

}

@media (max-width: 550px) {
	.mb_550 {
		display: inline-block!important;
	}
	.pc_550{
	display: none!important;	
	}
	.line_menu {
		right: 10px;
		bottom: 70px;
	}
}

@media (max-width: 414px) {
	.mb_414 {
		display: inline-block!important;
	}
}

@media (max-width: 390px) {
	.mb_390 {
		display: inline-block!important;
	}
	.pc_390{
		display: none!important;
	}
}

@media (max-width: 360px) {
	.mb_360 {
		display: inline-block!important;
	}
	.pc_360{
		display: none!important;
	}

}

@media (max-width: 320px) {
	.mb_320 {
		display: inline-block!important;
	}
	.pc_320{
		display: none!important;
	}

	
}