@charset "utf-8";
/* CSS Document */
.page_newWidth{/*限制寬度*/
	width:80%;
	max-width:600px;
	margin:0 auto;
	font-size:18px;
	box-sizing: border-box;
}
.page_process_line_solid{
	margin-top:-6px;
	width:100%;
	left:0px;
	position:absolute;
	border-radius: 20px;
	border-top:6px #09C solid;
	height: 3px;
}
.txt_info_BG{/*大量說明文(背景)*/	
	position:relative;
	width:90%;
	max-width:1200px;
	margin:0px auto;
	padding:35px;
    background: #EEE;
	box-sizing: border-box;
    background-image:
        linear-gradient(rgba(255,255,255,.5) 1px, transparent 0),
        linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 0);
    background-size: 15px 15px, 15px 15px, 75px 75px, 75px 75px;
	vertical-align:top;
    -webkit-flex: 1; 
    -ms-flex: 1; 
    flex: 1;
	z-index:0;
}
.txt_info_BG ol{/*大量說明文(背景)*/	
	position:relative;
	width:100%;
	margin:0px;
	padding:0px;
	padding-left:40px;
	list-style:decimal;
}
.txt_info_title{/*付款框:藍字標題*/
	color:#069;
	font-weight:bold;
	border-left: 3px solid #069;
	padding-left:10px;
	font-size:28px;
	line-height:36px;
	margin-bottom:10px;
}
.txt_size_2{
	font-size:15px;
}
.txt_size_3{
	font-size:18px;
	line-height:32px;
}
.txt_size_4{
	font-size:22px;
	line-height:32px;
}
.icon_member_box{
	display:-webkit-inline-box;
	display:inline-box;
	-webkit-box-pack:center;
	width:100%;
	margin:50px 0px 80px;
}
.icon_member{
	position:relative;
	background-color:#55B5DD;
	background-image:-webkit-linear-gradient(top,#55B5DD 50%,#2693C1 100%);
	box-shadow:0px -4px 6px rgba(0%,0%,0%,0.3) inset;
	border-radius:10px;
	width:120px;
	height:120px;
	vertical-align:bottom;
	margin:0px 25px 0px;
	display:inline-block;
	transition: .3s ;
}
.icon_member:hover{
	transform:scale(1.1);
	
}
.icon_member::before{
	content:attr(btnTXT);
	position:absolute;
	text-align:center;
	width:120%;
	left:-10%;
	bottom:-35px;
	font-size:22px;
}	
.icon_member img{
	position:absolute;
	bottom:15px;
	right:20px;
	vertical-align:bottom;
}
.page_topbg,
.page_topbg_n{
	height:113px;
	width:100%;
	font-weight:bold;
	text-align:center;
	font-size:60px;
	padding-top:15px;
}
.page_top_banner{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0px;
	background-color:#CBDF86;
}
.page_top_banner img{
	box-shadow:0px 0px 30px rgba(100%,100%,100%,0.5);
}
.page_topbg{
	background:url(/Content/Images/page_topbg.gif) no-repeat center center;
	color:#006699;
}
.page_topbg_D{
	color:#497227;	
}
.page_top_line{
	background-color:#54B4DB;
	height:2px;
	width:38px;
	margin:0 auto;
}
.page_top_line_D{
	background-color:#A3CC64;
}
.page_content{
	padding:10px;
	text-align:center;
	font-size:18px;
}
.page_h1{
	font-size:1.8em;
	color:#CC6666;	
}
.page_h2{
	font-size:40px;
	color:#99A036;
}
.page_h3{
	color:#0099CC;
	font-size:30px;
	margin:20px auto;
	width:100%;
	word-break: break-all;
}
.page_h6{
	font-size:20px;
	color:#000;
}
.page_h7{
	font-size:16px;
	color:#996F39;
	text-align:left;
	margin-top:-2px;
}
.page_tip{
	margin:20px auto 0px;
	max-width:420px;
	width:100%;
	text-align:left;
	text-indent:-.9em;
	padding-left:.9em;
}
.page_forgetBox{
	color:#CCC;
}
.page_forgetBox a{
	margin:0 10px;
}
.page_form{
	padding:20px 0 80px;
}
.page_form_Row{
	margin:0 auto;
	text-align:center;
	display:flex;
	justify-content: center;
	margin-top:8px;
}
.page_form_title{
	width:100px;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	margin-right:10px;
	vertical-align:top;
	padding-top:8px;
	margin:5px 10px;
}
.page_width_140{
	width:140px;
}
.page_form_inputBOX{
	width:270px;
	text-align:left;
}
.page_form_inputBOX .page_h7{
	text-indent: -1em;
	padding-left:1em;
	margin:2px auto 4px;
}
.page_form_input{
	text-align:left;	
}
.page_info{
	width:100%;
	max-width:540px;
	padding:20px;
	text-align:left;
	line-height:1.5em;
}
.page_menber{
	border-top:#DDE2E8 1px solid;
	padding-top:30px;
}
/*---------頁籤(QA)----------*/
.mz_tab_box{
	max-width:1300px;
	width:95%;
	margin:30px auto;
	position:relative;
	text-align:left;
}
.mz_tab_content{
	width:100%;
	border:10px #DDE8BF solid;
	box-sizing:border-box;
	font-size:26px;
}
.mz_tab_content ul{
	border-bottom:3px #DDE8BF solid;
	padding:10px;
}
.mz_tab_content ul li{
	list-style:none;
	display:flex;
}
.mz_tab_content ul:nth-last-child(1){
	border-bottom:none;
}
.mz_tab_content ul li:nth-last-child(1){
	margin-bottom:0px;
}
.mz_tab_content ul li:nth-child(1){
	font-weight:bold;
	cursor: pointer;
}
.mz_tab_content ul li:nth-child(1):hover{
	background-color:#FEF2D6;
}
.mz_iconQ ,
.mz_iconA{
	width:52px;
	height:52px;
	min-width:52px;
	max-width:52px;
	margin-right:10px;
	background-color:#CCCCCC;;
	position:relative;
	font-size:40px;
	line-height:46px;
	font-weight:600;
	color:#FFF;
	text-align:center;
	font-family:"Microsoft JhengHei","Arial","Heiti TC", "sans-serif",Palatino, serif,"Book Antiqua","Palatino Linotype","Helvetica","Palatino Palatino" ;
}
.mz_iconA{
	margin-top:10px;
	background-color:#FF9999;
}
.mz_tab_content_txt{
	padding-top:8px;
	box-flex:1;
	width:auto;
}

/*---------訂單管理----------*/
.page_Order_box{
	border:3px #CFB761 solid;
	border-bottom:none;
	font-size:20px;
	margin:65px auto 60px;
	position:relative;
	max-width:900px;
	width:100%;
}
.page_Order_tag{
	height:35px;
	border-radius:12px 12px 0 0;
	background-color:#D6F5F5;
	position:absolute;
	top:-38px;
	left:-2px;
	padding:4px 16px;
}
.page_Order_tag[disabled]{
	background-color:#FFCCCC;
}
.page_Order_top{
	font-weight:bold;
	color:#FFF;
	background-color:#CFB761;
	width:100%;
	padding:5px 40px 5px 2%;
	text-align:left;
	position:relative;
	cursor: pointer;
}
.page_Order_top_number{
	font-size:1.1em;
	font-weight:normal;
	padding-left:10px;
}
.page_Order_top_title{
	font-size:1.6em;
	line-height:1.2em;
}
.page_Order_top_open{
	position:absolute;
	background-color:#FFF;
	width:34px;
	height:34px;
	right:2px;
	bottom:5px;
}
.page_Order_top_open:hover{
	background-color:#FFC;
}
.page_Order_top_open:before{
	content:'';
	background-color:#CFB761;
	width:22px;
	height:4px;
	position:absolute;
	top:15px;
	left:6px;
}
.page_Order_top_open_plus{
	background-color:#CFB761;
	width:22px;
	height:4px;
	position:absolute;
	transform:rotate(90deg);
	top:15px;
	left:6px;
}
.page_Order_content{
	border-bottom:3px #CFB761 solid;
	display:none;
	text-align:left;
}
.page_Order_content_row{
	border-bottom:1px #CFB761 solid;
	min-height:54px;
	width:100%;
}
.page_Order_content_row ul{
	padding:15px 4%;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.page_Order_content_row ul div{
	text-align:right;
}
.page_Order_content_R{
	float:right;
}
.page_Order_content_row li{
	list-style-type:none;
	width:99%;
	height:50px;
	background-color:#EBE1BE;
	margin:0 auto 2px;
	padding:0px 4%;
	display:flex;
	align-items: center;
	justify-content:space-between;
	box-sizing: border-box;
}
.page_Order_content_row li:last-child{
	margin-bottom:20px;
}
.page_Order_content_row li[disabled]{
	background-color:#F0F0F0;
}
.page_Order_redTxt{
	color:#CC0000;
	font-size:1.5em;
}
.page_Order_black{
	color:#000;
}
.page_Order_content_row .radio{
	display:flex;
	justify-content: flex-start ;
	margin:0px 0 0 10px;
	flex-direction: column;
}
.page_Order_content_row .radio i{
	vertical-align:top;
	position:relative;
}
.page_Order_content_row .checkbox i{
	vertical-align:bottom;
	position:relative;
}
.page_Order_content_row .checkbox span,
.page_Order_content_row .radio span{
	font-size:20px;
}
.page_Order_content_box{
	display:flex;
	align-items: flex-start;
	padding:0px;
}
.page_Order_giftCheckbox .checkbox{
	margin-bottom:2px;
}
.page_Order_giftCheckbox{
	background-color:#EBE1BE;
	margin:5px 0 0 20px ;
	padding:10px;
	width:100%;
	display:flex;
	flex-direction: column;
}
.page_Order_box .OrderBox{
	padding-top:0px;
}
.page_Order_box .OrderBg{
	margin-top:10px;
}

/*---------健康----------*/
.page_Education_List{
	display:flex;
	max-width:1240px;
	width:90%;
	margin:0 auto;
	flex-wrap:  wrap;
	justify-content: flex-start;
}
.page_Education_search,
.page_Education_bt{
	white-space:nowrap;
	border-radius:100px;
	color:#996600;
	height:42px;
	align-items: center;
	display:flex;
	margin:6px 4px;
	border:2px solid;
	position:relative;
	padding-right:2px;
}
.page_Education_bt{
	cursor: pointer;
	padding-right:16px;
}
#bt_follow{
	right:15px;
	position:absolute;
	top:-60px;
}
.page_E_aB_tags #bt_follow{
	top:0px;
}
.page_bg_Green{
	background-color:#99CC00;
	border-color:#99CC00;
	color:#FFF;
	font-weight:bold;
}
.page_bg_white{
	background-color:#FFF;
	color:#996600;
}
.page_bg_tiffany{
	background-color:#67CCCC;
}
.page_bg_gray{
	background-color:#E8E8E8;
	border-color:#E8E8E8;
	color:#000;
}
.page_Education_search{
	flex:2;
}
.page_Education_search input{
	width:100%;
	background:none;
	border:none;
	font-size:1em;
	font-family:"Arial","Microsoft JhengHei", "Heiti TC", "sans-serif",Palatino, serif,"Book Antiqua","Palatino Linotype","Helvetica","Palatino Palatino" ;
}
.page_Education_search button{
	font-family:"Arial","Microsoft JhengHei", "Heiti TC", "sans-serif",Palatino, serif,"Book Antiqua","Palatino Linotype","Helvetica","Palatino Palatino" ;
	font-size:1em;
	color:#FFF;
	border-radius:100px;
	height:34px;
	padding:0px 15px;
	margin:0px;
	right:0px;
	cursor: pointer;
}
.page_Education_search button:hover{
	-webkit-filter:brightness(1.12);
}
.page_Education_bt_On{
	border-color:#FFCC00;
}
.page_Education_bt_On:hover{
	-webkit-filter:brightness(1.12);
}
.page_Education_bt_Off{
	border-color:#E8E8E8;
	color:#999;
}
.page_Education_bt_Off:hover{
	-webkit-filter:brightness(1);
}
.page_Education_bt_On .page_Education_icon{
	background-color: #FFCC00;
}
.page_Education_bt_Off .page_Education_icon{
	background-color: #E8E8E8;
}
.page_Education_icon{
	min-width:34px;
	border-radius:100px;
	overflow:hidden;
	margin:4px 7px 4px 2px;
}
.page_Education_icon_back{
	padding-right:0px;
	border-radius:100px;
	border:2px solid #E8E8E8;
	height:42px;
}
.page_Education_icon_back .page_Education_icon{
	margin:2px;
}
.page_Education_sort{
	display:flex;
	color:#CCCCCC;
	align-items:flex-end;
	width:300px;
	height:45px;
	margin:30px auto 10px;
	justify-content: center;
	flex-wrap: wrap;
}
.page_Education_sort div{
	margin:0 8px;
	transition: .2s;
	position:relative;
	cursor: pointer;
}
.page_Education_sort div:hover{
	color:#0CC;
}
.page_Education_articles{
	position:relative;
	display:flex;
	align-items:stretch;
	text-align:left;
	flex-wrap: wrap;
	justify-content: flex-start ;
}
.page_Education_articleBox{
	width:23%;
	background-color:#FFF2D0;
	border-radius:14px;
	padding:10px 10px 20px;;
	margin:10px 1%;
}
.page_Education_img{
	width:100%;
	max-height:200px;
	height:200px;
	background-color:#FFF;
	overflow:hidden;
	position:relative;
}
.page_E_aB_tags{
	display:flex;
	align-items:flex-end;
	margin:5px 0;
}
.page_E_aB_tag{
	background-color:#996600;
	color:#FFF;
	margin-right:5px;
	padding:1px 7px;
}
.page_E_aB_tag_hit{
	background-color:#CC3333;
}
.page_E_aB_tag_banner{
	background-color:#09C;
}
.page_E_aB_tags_views{
	color:#CC3333;
	font-size:.8em;
	margin-right:5px;
}
.page_E_aB_tags_viewsNum{
	color:#CC3333;
	font-size:1.1em;
	flex:2;
	text-align:right;
}
.page_Education_pages{
	display:flex;
	justify-content: center;
	align-items: center;
	margin-top:30px;	
}
.page_E_p_pret,
.page_E_p_page,
.page_E_p_next{
	border:#EEEEEE 1px solid;
	color:#CCC;
	border-radius:4px;
	background-color:#FFF;
	width:40px;
	height:40px;
	text-align:center;
	display:flex;
	justify-content: center;
	align-items: center;
	margin:5px;	
	cursor: pointer;
}
.page_Education_pages div:hover{
	border-color:#9070AF;
}
.page_E_p_now{
	color:#FFF;
	background-color:#9070AF;
	border:#9070AF 1px solid;
}
.page_E_a_box{
	width:100%;
	max-width:1000px;
	margin:40px auto 20px;
	text-align:left;
	position:relative;
}
.page_E_aB_author{
	margin-top:10px;
	font-weight:bold;
}
.page_E_aB_title{
	font-size:1.2em;
	font-weight:bold;
}
.page_E_aB_txt{
	font-size:.9em;
	line-height:1.4em;
	position:relative;
}
.page_E_a_box .page_E_aB_title{
	font-size:2em;
	margin-bottom:20px;
}
.page_E_a_box .page_E_aB_txt{
	font-size:1.2em;	
}
.page_E_a_box .page_E_aB_txt div{
	float:right;
	box-sizing: border-box;
	position:relative;
}
.page_E_shaer{
	display:flex;
	justify-content: flex-end;
	margin:0 auto;
	width:100%;
	max-width:1000px;
}
.page_E_shaer div{
	margin:0 10px;
}
.page_E_shaer .page_Education_bt{
	height:30px;
	padding:10px;
	margin:0 10px;
	color:#996600;
}
	
.page_img_banner{
	position:relative;
	padding:20px 0 2px;
	float:right;
	box-sizing: border-box;
	position:relative;	
}
.page_img_banner:before{
	content:"廣告";
	font-size:14px;
	line-height:20px;
	text-align:center;
	color:#333;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:20px;
	background-color:#CCC;
	z-index:1;
}
.page_banner{
	width:100%;
	max-width:1000px;
	height:120px;
	background-color:#CCC;
	margin:20px auto;
}
.page_form_checkbox{
	text-align:left;
	width:100%;
	max-width:420px;
	margin:10px auto;
}
.page_form_checkbox label{
	font-size:1.2em;
}
.page_form_checkbox .checkbox{
	margin:0 0 0 5px;
}
.page_form_title_e{
	font-size:1.3em;
	font-weight:bold;
}
.page_form_title_e_s{
	font-size:1.1em;
	color:#960;
	margin:10px 0 0;	
}

@media screen and (max-width: 1279px) {
	/*---------頁籤(QA)----------*/
	.mz_tab_content{
		font-size:20px;
	}
	/*---------健康----------*/
	.page_Education_articleBox{
		width:31%;
	}
}
@media screen and (max-width: 1023px) {
	/*---------頁籤(QA)----------*/
	.mz_tab_box{
		width:100%;
	}
	.mz_tab_btn div{ 
		margin:0px 1px;	
		border-radius:0;
		height:44px;
		line-height:44px;
		border-bottom:2px #C0CF92 solid;
		font-size:18px;
		font-weight:normal;
		padding:0 10px;
	}
	.mz_tab_btn div:hover{
		border-bottom:2px #6F7427 solid;
	}
	.mz_tab_btn div.active{
		border-bottom:2px #6F7427 solid;
	}
	/*---------健康----------*/
	.page_Education_List{
		width:100%;
	}
	.page_Education_sort div:hover{
		color:#CC6666;
	}
	.page_Education_articleBox{
		width:48%;
	}
}
@media screen and (max-width: 979px) {
	.txt_info_BG{/*大量說明文(背景)*/	
		width:95%;
		padding:30px;
	}
	.txt_info_BG ol{/*大量說明文(背景)*/	
		padding-left:30px;
	}
	.txt_size_4{
		font-size:18px;
		line-height:28px;
	}
}

@media screen and (max-width: 767px) {
	.txt_info_BG{/*大量說明文(背景)*/	
		width:100%;
		padding:20px;
	}
	.txt_info_BG ol{/*大量說明文(背景)*/	
		padding-left:25px;
	}
	.txt_size_4{
		font-size:15px;
		line-height:22px;
	}
	.page_h2{
		font-size:36px;
	}
	.page_tip{
		text-align:left;
	}
	.page_form{
		padding:10px 0 30px;
	}
	.page_form_Row{
		width:80%;
		margin:0 10%;
		display:block;
	}
	/*---------頁籤(QA)----------*/
	.mz_tab_box{
		width:100%;
	}
	.mz_tab_content{
		border:5px #DDE8BF solid;
		font-size:16px;
		line-height:24px;
	}
	

	/*---------訂單管理----------*/
	.page_Order_box{
		font-size:15px;
	}
	.page_Order_content_row{
		min-height:auto;
	}
	.page_Order_content_row ul{
		padding:10px 4%;
	}
	.page_Order_content_row li{
		height:36px;
	}
	
	/*---------健康----------*/
	#page_Education_icon .page_Education_icon{
		display:none;
	}
	#page_Education_icon .page_Education_bt{
		border-radius:10px;
		padding:4px;
		justify-content: center;
		font-size:.9em;
		height:auto;
		margin:3px 0.5%;
		width:24%;
	}
	#bt_follow{
		right:0px;
		position:relative;
		top:0px;
		margin:0 auto;
	}
	.page_E_aB_tags #bt_follow{
		margin-right:0px;
	}
	.page_Education_articleBox{
		width:98%;
	}
	.page_E_a_box .page_E_aB_txt{
		font-size:1em;	
	}
	.page_E_a_box .page_E_aB_txt div,
	.page_E_a_box .page_E_aB_txt div img{
		width:100%;
	}
}