

.otherp_tit,.otherp_tit2,.mother_tit{
	display: none;
}

.container_box{
	width: 90%;
	max-width: 570px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
	display: block;
}
.container_box2{
	width: 90%;
	max-width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
	display: block;

}
.container_box3{
	width: 90%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	display: block;

}
.container_box4{
	width: 90%;
	max-width:900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
	display: block;

}
.container_box5{
	width: 90%;
	max-width:1100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
	display: block;

}
.container_box6{
	width: 90%;
	max-width:1100px;
	margin-right: auto;
	margin-left: auto;
	display: block;

}

.container_p{
	float: left;width: 100%;
	padding-bottom: 0px;
	position: relative;
}


/*輸入欄位*/
.infoinput{
	float: right;
	width: 100%;
	background: #fdf7c8;
	border: none;
	font-size: 18px;
}
.input_data dd{
	margin: 0px;
	padding: 0px;
}
.input_data,.input_data>li{
	float: left;
	width: 100%;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.input_data>li{
	margin-bottom:25px;

}
.input_data>li>dt{
	float: left;
	display: inline-block;
}
.input_data dt span{color:rgb(204, 78, 78);}
.input_data>li>dd{
	float: right;
	width: 70%;display: inline-block;
}
.input_data2>li>dd{width: 80%;}
.input_data3>li{margin-bottom:45px;}

.memberinfoinput{width: 100%;}
.container_box7{ text-align:center;margin-top: 20px;}
@media (max-width: 991px) {
	.container_box{max-width:80%;margin-top: 40px;}
	.container_box2,.container_box3,.container_box4,.container_box5{margin-top: 40px;}
	.container_box6{margin-top: 80px;}
	.container_box7{margin-top: 0px;}
	.input_data dt,.input_data dd{width: 100%!important;}
	.input_data>li,.input_data3>li{margin-bottom:20px;
	
	 }
	 .container_p{
	
	padding-bottom: 0px;

}

	 }
@media (max-width: 800px) {.container_box{max-width:90%;}}
@media (max-width: 414px) {
	.sublink a{
	font-size: 16px;
	padding: 0px;
}
}
/*表格*/

.css-table2{
	display: table;
	width: 100%;
	margin-bottom: 40px;
	border-collapse: collapse;
	margin-top: 20px;
	font-size: 16px;
	
}
.css-table2 div{
	display: table-header-group;

}
.css-table2 div dl{
	display: table-row;

}
.css-table2 div dl dd{
	display: table-cell;
	color:#656565;
	padding-bottom: 30px;
	padding-right: 10px;
	padding-left: 10px;
}
.css-table2 a{color: #656565;}
.css-table2-th{

font-size: 23px;
background: #FFFFFF;

text-align: left;


}
.css-table2-th dd{
	color: #0088d1!important;
	font-weight: bold;
}
.css-table2 div dl dd.table_c{
	text-align: center;
}
.css-table2 a.edit_icon{margin-left: 0px;}
.css-table{font-size: 15px;}

.css-table div.css-table2-th dd{padding-bottom: 10px;}

@media (max-width: 911px) { 
.css-table2,.css-table2 a{font-size: 18px;}
.css-table2 div dl dd p{
	width: 100%;
	color: #0088d1;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.css-table2-th,.css-table2 div dl>dd>br{display: none!important;}
.css-table2 div,.css-table2 div dl,.css-table2,.css-table2 div dl dd{
	display: block;
	text-align: left;
}
.css-table2 div{
	box-sizing:border-box;
	padding-bottom: 5px;
	padding-top: 25px;
}
.css-table2 div dl dd{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}

}


/*媽媽教室*/
.nothing a.goldbut,.nothing a.greybut,.nothing a.goldbutblue{
	width: 100%;
}
.mother_h1{
	font-size: 24px;
	font-weight: bold;
	color: #333;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 30px;
	text-align: center;float: left;
}
.mother_OK{
	padding-top:35px;text-align: center;
}
.mother_OK li{
	width: 88%;
}

.mother_OK_line{
	padding-top: 0px;
	padding-bottom: 0px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eeedee;
	border-bottom-color: #eeedee;
	margin-bottom: 60px;
}
@media (max-width: 911px) {
	
	.nothing a.goldbut,.nothing a.greybut,.nothing a.goldbutblue{
	width: 65%;
	display: inline-block;
	margin-top: 20px;
}
	.mother_OK_line{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;margin-bottom: 0px;
}}
.mother_OK_line div.css-table2{margin-bottom: 0px;}
.mother_notes{font-size: 12px;float: left;
color: #0088d1;}
.mother_notes ol{
	margin-left: -25px;
}
.mother_notes li{
	margin-bottom: 5px;
}

.margin30{
	text-align: center;
	width: 100%;
	float: left;
}

.margin30 a{padding-right: 20px;padding-left: 20px;}	
.margin30 a.goldbut,.productdetail_ul a.goldbut{
	display: inline-block;
	font-size: 18px;
	color: #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc9e55+33,cc9e55+33,fee4a7+88 */
background: #cc9e55; /* Old browsers */
	background: -moz-linear-gradient(left,  #cc9e55 33%, #cc9e55 33%, #fee4a7 88%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #cc9e55 33%,#cc9e55 33%,#fee4a7 88%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #cc9e55 33%,#cc9e55 33%,#fee4a7 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9e55', endColorstr='#fee4a7',GradientType=1 ); /* IE6-9 */			
width: 180px;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	float: none;
	text-align:center;
}
.margin30_2 a.goldbut{
	margin-top: 50px;margin-bottom: 20px;
}
.margin30_3 a.goldbut{
	margin-top: 0px;margin-bottom: 0px;
}
.margin30_4 a.goldbut{
	margin-top: 20px;margin-bottom: 20px;
}
.margin30_5 a.goldbut{
	width: 140px;
}
.margin30_6 a.goldbut{
	width: 135px;
	margin-right: 0px;

}
.productdetail_ul a.goldbut{
	width: 136px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	}
@media (max-width: 991px) { 
.productdetail_ul a.goldbut{width:65%;}
.mother_tit{
	margin-top: 40px;
	font-size: 24px;
	color:#0b318f;
	text-align: center!important;
	float: left;
	width: 100%;
	display: inline-block;
}
.mother_h1{
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eeedee;
	border-bottom-color: #eeedee;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.mother_notes{
	font-size: 16px;
	color: #999;
}
}
@media (max-width:414px) { 
.mother_h1{text-align: left;}
.margin30_5{
	position: relative;
}
.margin30_5 a:nth-of-type(1).goldbut{
	margin-bottom: 0px;
	width:200px;
	margin-top: 85px;
}
.margin30_5 a:nth-of-type(2).goldbut{
	margin-bottom: 0px;
	width:200px;
	position: absolute;
	top: 0px;
	margin-left: -100px;
	left: 50%;
}
.margin30_6 a.goldbut{
	margin-bottom: 0px;
	width:200px;

}
}

/*輸入促銷碼頁面*/

.otherp_h1{color: #0088d1;font-size: 24px;
	font-weight: bold;width: 100%;
	text-align: center;float: left;}
.otherp_P p{
	text-align: center;
	font-size: 18px;
	margin-top: 0px;
}
@media (max-width: 991px) { 
.otherp_h1{
	font-size: 20px;
	
}
.otherp_h1_2{	margin-bottom: 0px;}
.otherp_tit{
	font-size: 24px;
	color:#0b318f;
	text-align: center;
	float: left;
	width: 100%;
	display: block;margin-bottom: 20px;
}
.otherp_tit2{
	font-size: 24px;
	color:#0b318f;
	text-align: center;
	float: left;
	width: 100%;
margin-top: -20px;
margin-bottom: 20px;display: block;
}

}
@media (max-width: 414px) { .otherp_P p{
	text-align: left;
	font-size: 18px;
}
.otherp_P p br{
	display: none;
}
}

/*登入頁*/
.login_notes{
	font-size: 14px;
	color: #999;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 0px;
	float: right;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.login_img{
	width: 100%;
	max-width: 275px;
	border: 1px solid #cc9e55;
	margin-top: 5px;
	margin-bottom: 15px;
}
@media (max-width: 991px) {.login_notes{	float: left;margin-bottom: 0px;
	width: 100%;} }

/*忘記密碼*/
.forget_ok{
	font-size: 18px;
}
.forget_ok p{float: right;
width: 80%;
background: #fdf7c8;
border: none;font-size: 18px;color: inherit;
font: inherit;
margin: 0;}

@media (max-width: 991px) {.forget_ok p{width: 100%;}}

/*註冊頁*/

 .join span{color:rgb(204, 78, 78);}
 .join_70{
	width: 70%;
	float: right;
	margin-bottom: 10px;
}
 .join_70 a,.join_txt a,.input_data a{
	color: #333;
	text-decoration: underline;
	font-size: 18px;
}
 .join_70 a:hover,.join_txt a:hover,.input_data a:hover{filter: alpha(opacity=80);opacity:0.80;}
  .join_70 ul,  .join_70 li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
 .join_box{width: 100%;
	float: left;
	margin-top: 30px;
	margin-bottom:10px;}
 .join_box_ul{
	width: 100%;
	float: left;
	font-size: 16px;
	margin-left: -25px;
	list-style-type: disc;
}	
 .join_box_ul li{
	margin-bottom: 10px;
	margin-top: 10px;
}
.join a.goldbut{margin: 30px 10px;}

@media (max-width: 991px) {.join_box_ul{
	margin-left: -20px;width: 100%;float: left;
}}

/*註冊修改頁*/
 .edit_70{
	width: 100%;
	float: left;
	
}
 .edit_70 dd{
	display: inline-block;
}
  .edit_70 ul,  .edit_70 li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
 .edit_70 ul{
	margin-top: -10px;
}
.edit_70 li{
	margin-bottom: 10px;
	font-size: 18px!important;
}
 .edit_div{
	text-align: right;
	float: left;
	width: 100%;
	margin-top: 5px;
}
 .edit_select{
	float: left;
	width: 34%;
	border: none;
	margin-bottom:15px;
	font-size: 18px;
	margin-right: 2%;	
}
 .edit_select2{

	width: 27%;
	border: none;
	margin-bottom:15px;
	font-size: 18px;
	margin-right: 2%;	
}
.edit_notes{
	height: 200px;
}
.edit_h1{
	font-size: 24px;
	font-weight: bold;
	color: #333;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 30px;
	text-align: center;
	float: left;
	
}
.edit_icon{

margin-left: 10px;
display: inline-block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc9e55+33,cc9e55+33,fee4a7+88 */
background: #cc9e55; /* Old browsers */
	background: -moz-linear-gradient(left,  #cc9e55 33%, #cc9e55 33%, #fee4a7 88%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #cc9e55 33%,#cc9e55 33%,#fee4a7 88%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #cc9e55 33%,#cc9e55 33%,#fee4a7 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9e55', endColorstr='#fee4a7',GradientType=1 ); /* IE6-9 */			width:40px;
height: 40px;
	float: none;
}
.edit_icon2{
	display: inline-block;
	background: #cc9e55; /* Old browsers */
	background: -moz-linear-gradient(left,  #cc9e55 33%, #cc9e55 33%, #fee4a7 88%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #cc9e55 33%,#cc9e55 33%,#fee4a7 88%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #cc9e55 33%,#cc9e55 33%,#fee4a7 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9e55', endColorstr='#fee4a7',GradientType=1 ); /* IE6-9 */		
	float: none;
	color: #FFF !important;
	text-decoration: none !important;
	padding-right:20px;
	padding-left: 20px;
	-webkit-box-shadow: #999 0px 0px 5px;
	box-shadow: #999 1px 1px 1px;
	text-shadow: 1px 1px 1px #999;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	
}
/*.edit_icon2{
	
background: #cc9e55;
	background: -moz-linear-gradient(left,  #0352aa 33%, #0352aa 33%, #0092de 88%);
	background: -webkit-linear-gradient(left,  #0352aa 33%,#0352aa 33%,#0092de 88%); 
	background: linear-gradient(to right,  #0352aa 33%,#0352aa 33%,#0092de 88%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0352aa', endColorstr='#0092de',GradientType=1 );
	float: none;
	color: #FFF !important;
	text-decoration: none !important;
	padding-right:20px;
	padding-left: 20px;
	-webkit-box-shadow: #999 0px 0px 5px;
	box-shadow: #999 1px 1px 1px;
	text-shadow: 1px 1px 1px #999;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
}*/
.edit_icon img,.edit_icon2 img{
	
	text-align: center;
	vertical-align: middle;
}
@media (max-width: 991px) {
	.input_data > li > dt br{
	display: none;
}
	 .edit_div{
	text-align: center;
}
.edit_icon img{
	margin-top: 0px;
	margin-bottom: 0px;text-align: center;
}
.edit_icon{width:180px;	margin-top: 15px;margin-left: 0px;	margin-right: auto;
	margin-left: auto; text-align: center;}

.edit_h1 {
    font-size: 24px;
    color: #0054A4;
    text-align: center;
    float: left;
    width: 100%;
}
.edit_notes{
	height: 100px;
}
.edit_select{width: 48%;margin-right: 2%;margin-left:0%;}
.edit_70{margin-top: 15px;}
.edit_70 li{
	text-align: center;
		margin-bottom: 15px;
}
.edit_70 a{
	width:180px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.edit_70 a.edit_icon2{width:100%;	padding-right:0px;
	padding-left: 0px;}
}
@media (max-width: 600px) {
	 .edit_select,.edit_select2{

	width:94%;}
	}
@media (max-width: 414px) {
	 .edit_select,.edit_select2{

	width:93%;}
	}
@media (max-width: 375px) {
	 .edit_select,.edit_select2{

	width:92%;}
	}
@media (max-width: 320px) {
	 .edit_select,.edit_select2{

	width:91%;}
	}
/*兌換贈品*/

.productthumb{
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
}
.giftName,.giftcontent,.giftcontent{text-align: left;}
@media (max-width: 991px) {.gift .productthumb a.goldbut{
	float: none;
	width: 65%;
	text-align: center;
	display: inline-block;
	margin-bottom: 30px;
}}

/*兌換贈品紀錄*/
.exchange_box{
	width: 90%;
	max-width:400px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	display: block;
	
}
.exchange_box ul.input_data > li{font-size: 16px;color: #656565;}
.exchange_box ul.input_data > li > dd{width: 60%;color: #0b318f;}
.exchange{	text-align: center;}
.exchange a{color: #656565;font-size: 18px;}
.exchange td{text-align:  left;}
.exchange_td{
	font-size: 16px;
	color: #656565;
	margin-right: auto;
	margin-left: auto;

}

.exchange_td td{
	text-align: left;
	padding-top: 20px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 20px;
}
.exchange_td td:nth-of-type(even){color: #0b318f;}
.exchange_h1{font-size: 24px;
font-weight: bold;
color: #333;
width: 100%;
margin-bottom: 30px;
text-align: center;
float: left;}

@media (max-width: 991px) {
.exchange_h1{
	color: #0b318f;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: -10px;
}
.exchange_box{width:100%;max-width:100%;}
.exchange_box ul.input_data > li{font-size: 18px;color: #0088d1;margin-bottom: 10px;}
.exchange_box ul.input_data > li > dd{color: #656565;}
	}

/*會員*/
.member_menu{
	text-align: center;
	width: 100%;
	margin-bottom: 50px;
	margin-left: 0px;
	margin-top: -40px;
}
@media (max-width: 991px) {
	.member_menu{margin-top: 0px;}
	.member_menu2{margin-bottom: 30px;}
}

/*促銷*/
.OtherP_h1 br{
	display: none;
}
.OtherP_h1{margin-bottom: 50px;}
@media (max-width: 560px) {.OtherP_h1 br{
	display: inline-block;
}.OtherP_h1{margin-bottom: 20px;}}

/*宅配*/
.doctorName{
	margin-top:6%;
}
.productdetail_ul{
	float: right;
	width:136px;
	list-style-type: none;
}
.productdetail_ul li{
	margin-bottom: 10px;float: right;
}

.productdetail_img img{width:130px;}
.productdetail_ul2{
	width:80%;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

@media (max-width: 991px) {
	.productdetail_ul{
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
	.subtitle{
	display: inline-block;
	float: left;
	margin-right: 20px;
}
	.productdetail_img img{width:100%;max-width: 362px;}
	.productdetail_ul2{width:100%;}
	}

/*宅配訂購*/
.choose_li{
	
	text-align: center;
}
.choose_li ul{
	padding-top:19px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.choose_li li{
	width: 24%;
	display: inline-block;
	list-style-type: none;
	font-size: 24px;
	color: #FFF;margin-bottom: 60px;
}
.choose_top{margin-top: 30px;}
.choose_select{
	margin-top: -5px;
}
.choose_select select{
	color:#000;
}
.choose_Money{
	text-align: right;
	width: 100%;
	color: #0088d1;
	font-size: 23px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #eeedee;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	margin-top: -40px;
}
.choose_box{margin-top: 40px;}
.choose_mobileevent{font-size: 18px;
margin-bottom: 40px;}
.choose_mobileevent a{color: #656565;font-size: 18px;}
@media (max-width: 991px) {
	.choose_box,.choose_box2{margin-top: 20px;}
	.choose_select{
	margin-top: 0px;
}
.choose_Money{
	width: 100%;
	text-align: center;
}
.choose_mobileevent{
	margin-top: 40px;
	float: left;
	width: 100%;margin-bottom: 0px;
}
}

/*通用購物車選單*/
.shop_menu0{
	color:#0b318f;
	height:31px;
	padding-top:22px;
	cursor: pointer;
	font-size: 14px;padding-right: 16px;
}
.shop_menu0 img{margin-top: -3px;}
.shop_menu0 a{
	font-size: 14px;
	color:#0b318f;
	vertical-align: top;
	position: relative;
	padding-left: 35px;
}

.shop_menu_icon{
	width:27px;
	height:30px;
	background-image: url(../images/cart.png);
	background-repeat: no-repeat;
	display: inline-block;
	margin-top: -10px;
	background-position: left 5px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.shop_menu0 a:hover{
	text-decoration: none;
}
.shop_menu_m{position: fixed;
	right: 0px;z-index: 9999;}

.shop_menu{
	width: 510px;
	border: 1px solid #cc9e55;
	position: fixed;
	right: 150px;
	top: 50px;
	-moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index: 9999;
	background-color: #FFF;
	box-sizing:border-box;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 30px;
	visibility: hidden;
}
.shop_menu table{width: 100%;}
.shop_menu td{
	color: #333;
	font-size: 16px;
	vertical-align: top;
	padding-top:20px;
	padding-bottom: 20px;
	padding-right: 10px;
}
.shop_menu td a.edit_icon{
	margin-left: 0px;
	width: 30px;
	height: 30px;margin-top: -10px;
}
.shop_menu td a.edit_icon img{
	width: 30px;
}
.shop_menu tr{border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e4e2e2;}
.shop_menu tr:nth-of-type(1) {
	border-top-style: none;
}

.shop_menu table a{font-size: 16px;color: #333;}
.shop_menu_bg{
	position: fixed;
	z-index: 9998;
	height: 100%;
	width: 100%;
top: 50px;
	right: 0px;cursor: default;visibility: hidden;
}
.shop_menu_bg img{
	height: 100%;
	width: 100%;
}

/*宅配購物車選單*/

.purchase_menu0{
	background-image: url(../images/dc_icon7.png);
	background-repeat: no-repeat;
	height: 139px;
	width: 76px;
	margin-top: -70px;
	position: fixed;
	top: 50%;
	right: 0px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.purchase_menu0 a{
	color: #FFF;
	text-align: center;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.purchase_menu0 p{
	color: #FFF;
	text-align: center;
	display: block;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 14px;
}
.purchase_menu0 i.shop_menu_icon{
	background-image: url(../images/cart_two.png);
	background-position: center;
	width: 100%;
	display: block;
	position: relative;
}
.purchase_menu{
	right: 0px!important;
	top:30%;
	
}
@media (max-width: 991px) {
.product h3{
	font-size: 24px;
}
.product li{font-size: 18px;}
.product{padding-top: 0px;
padding-left: 0%;}
.product img{width: 100%;}
.productdetail_ul,.productdetail_ul li{
	width: 100%;
	text-align: center;
}
.productwords{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}}
@media (max-width: 1400px) {.shop_menu{
	right: 1%;}}
@media (max-width: 991px) {
	.shop_menu{
	width: 98%;
	left: 1%;
	right: 1%;top:60px;
}
.shop_menu_bg{top: 0px;}
	}

/*文字顏色*/
.txt_r,.txt_r a{color: #CC4E4E;}
.txt_bu,.txt_bu a{color: #0b318f!important;}
.txt_gray,.txt_gray a{color: #666;}
.txt_gray a:hover{filter: alpha(opacity=80);opacity:0.80;}
.txt_gray2{
	background-color: #cccccc;
}

/*共同*/
.td{
	width:80%;
	font-size: 16px;
	color: #656565;
	margin-right: auto;
	margin-left: auto;
}
.td a{color: #656565;}
.td th{
	color: #0088d1;
	font-size: 23px;
	background: #FFFFFF;
	padding-bottom: 30px;
	text-align: left;
}
.td td{
	border: none;
	outline: none;
	vertical-align: top;
	padding-bottom: 40px;
}
.td td a.edit_icon{
	margin-left:0px;
	margin-top: -10px;
}
.td2 th{padding-bottom: 20px;}
.td2 td{padding-bottom:0px;}
.td3{width:100%;}
.td4 td{
	vertical-align: middle;
}
a:hover img,.td td a.edit_icon:hover {filter: alpha(opacity=80);opacity:0.80; }

.margin20_2{width: 100%;
	float: left;
	margin-top: 20px;
	margin-bottom:20px;}
.margin20_3 {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: -20px;
    margin-bottom: 10px;
}.margin20{
	text-align: center;
	width: 100%;
	float: left;
	margin-top: 30px;
	margin-bottom:10px;
}

.margin0{margin-top:0px;}
.margin1{margin-bottom:0px;}
.div_left{width: 100%;
	float: left;text-align: left;}
.h1_m_center{
	text-align: center;
	width: 100%;
	float: left;
}
.div_clear{ clear:both; }
select::-ms-expand {
    display: none;
}
select{background-color: #fdf7c8;
	background-image: url(../images/dc_icon1.png);
	background-repeat: no-repeat;
	background-position: right 5px;-webkit-appearance: none;
-moz-appearance: none;}

.txt_right{
	text-align: right;
}
.txt_left{
	text-align: left;
}
.mb{
	display: none!important;
}
@media (max-width: 991px) {
	.txt_right{
	text-align:center;
}
	.margin20_3 { margin-top: 0px; margin-bottom: 0px;}
	.pc{
	display: none!important;
}
.mb{
	display: inline-block!important;
}
	}
	
/*//////////popup///////////////////////////////////////////////////////*/

.popup{
	height: 461px;
	width: 668px;
	margin-top: -230px;
	margin-left: -334px;
	position: fixed;
	z-index: 999999;
	left: 50%;
	top: 50%;
	cursor: pointer;
	text-align: center;	/*//這次修改///*/
	
}
.popup img{border: 5px solid #FFF;-webkit-box-shadow: #666 0px 0px 10px;
    box-shadow: #666 0px 0px 10px;}

#popup_bg{
	background-image: url(../images/popup_bg.png);
	background-repeat: repeat;
	position: fixed;
	z-index: 99999;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

@media (max-width: 710px) {
	.popup img{
	width: 98%;border: 2px solid #FFF;
}
.popup{
	width: 100%;
	margin-left: 0px;
	left:0;
	margin-top: 0px;
	top: 5%;
	height: auto;
	text-align: center;
}
	}
/*//////////LINE介紹頁///////////////////////////////////////////////////////*/
.about_line{text-align: center;width: 100%;}
.about_line ul{
	padding: 0px;list-style-type: none; margin-top:0px; margin-bottom:0px}
.about_line li{
	display: inline-block;
	list-style-type: none;
	
}
.about_line>a img{
	width:436px;
	margin-top: 30px;
}
.about_line_search{
	background-color: #17b613;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	font-size: 24px;
	color: #095da7;
}
.about_line_search span{color: #0ab102;}
.about_line_search li{
	background-image: url(../images/about_line/search.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 51px;
	width: 471px;
	margin-right: 20px;
	margin-left: 20px;
	background-size: 100%;
	box-sizing:border-box;
	padding-top: 8px;
	padding-right: 60px;
	position: relative;
}
.about_line_search li a{
	position: absolute;
	height: 100%;
	width: 60px;
	top: 0px;
	right: 0px;
}
.about_line_search li a img{height:100%;
	width: 100%;}

.about_line .about_line_li{ padding-top:40px; background-color:#fff}
.about_line_li li{
	
	padding: 20px;
}
.about_line_li li p{font-size: 22px;}
.about_line_li li img{width:300px;}
.margin20{
	margin-top: 20px;
	}
.about_line2{
	background-color: #a7e8fb;
	background-image: url(../images/about_line/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:0px;
	padding-top:100px;
}
.about_line2>div{ width:100%; max-width:1200px; display:block; margin-left:auto; margin-right:auto;}
.about_line_tit img{ width:80%; max-width:453px}
.about_line ul.about_line3{ margin-bottom:50px; width:100%;display: table;}
.about_line3 li,.about_line4 li{
	display: table-cell; 
	vertical-align: top;
	text-align:center; position:relative
}
.about_line3 li{ width:33.33%}
.about_line ul.about_line4{ width:100%;display: table; margin-top:60px;}
.about_line4 li{width:25% }
.about_line4 li img{ width:96%}
.about_line3 dd,.about_line3 dt,.about_line4 dt{ position:absolute; left:0px; width:100%; font-size:22px}
.about_line4 dt{ color:#fff; bottom:7%}
.about_line4 li:nth-of-type(3) dt{bottom:12%}
.about_line3 dt{ top:40%}
.about_line3 a dt{color: #333333;}
.about_line3 dd{color: #33d032;
bottom: 26%;
padding-left: 18%;
margin-left: 0px;
text-align: left;}
.about_line3 li img{ width:100%; max-width:370px;}
@media (max-width: 1024px) { 
.about_line_li li p{font-size: 22px;}
.about_line_li li img{width:250px;}
.about_line_li li{
	
	padding:10px;
}
.about_line_search li{margin-right: 5px;
margin-left: 5px;}
}
@media (max-width: 991px){
	.about_line_li li{
	display: block;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
.about_line_li li br{
	display: none;
}
.about_line_li li{
	text-align: left;
	display: table;
}
.about_line_li li figure,.about_line_li li p{
	display: table-cell;
	vertical-align: middle;
	
}

.about_line_li li figure{width: 58%;}
.about_line_li li p{width: 40%;font-size:24px;}
.about_line ul.about_line_li{
	width:95%;
	max-width:500px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.about_line_li li img{width:90%;max-width:325px;}
.about_line > a img{
	width:90%;
	max-width:436px;
	margin-top: 0px;
	margin-bottom: 150px;
}
.about_line_search li {
	width:90%;
	max-width: 471px;
}
.about_line{ background-color:#fff;}
	}
@media (max-width: 800px){
	.about_line3 li,.about_line4 li{ display:inline-block;width: 49%;}
	.about_line ul.about_line4{ display:block; max-width:640px;margin-left: auto;
margin-right: auto;}
.about_line2{padding-bottom: 40px;}
.about_line3 li:nth-of-type(3){ margin-top: -10%;}
.about_line ul.about_line3{ margin-bottom:80px;}
	}
@media (max-width: 435px){
	.about_line > a img{    margin-bottom: 80px;}
	.about_line_search li{height: 41px;font-size:19px;padding-right: 45px;}
	.about_line_li li p,.about_line3 dd, .about_line3 dt, .about_line4 dt{font-size: 21px;}
	.about_line ul.about_line_li{margin-bottom: 20px;}
	.about_line .about_line_li {
    padding-top: 10px;}
	.about_line3 li, .about_line4 li {
    display: block;
    width: 100%;
}
.about_line3 li:nth-of-type(3),.about_line3 li:nth-of-type(2){ margin-top:-20%}
.about_line3 li:nth-of-type(1){ margin-top:-20px}
.about_line ul.about_line3{ width:280px; margin-left:auto; margin-right:auto; display:block;}
.about_line ul.about_line4{ width:260px;margin-top: 40px;}
.about_line2{
	background-image: url(../images/about_line/bg_m.jpg);
	background-size:100%;padding-top: 70px;
}
.about_line3 dd{bottom: 26.5%;}
.about_line3 dd{padding-left: 12%;}
	}
@media (max-width: 414px){.about_line_li li p,.about_line3 dd, .about_line3 dt, .about_line4 dt{font-size: 20px;}}
@media (max-width: 375px){
	.about_line_li li p,.about_line3 dd, .about_line3 dt, .about_line4 dt {
    font-size: 19px;
}
	.about_line_search{padding-top: 0px;
    padding-bottom: 0px;}
	.about_line_search li{margin-top: 10px;
    margin-bottom: 10px;padding-top: 8px;
    padding-right: 40px;font-size: 17px;}
	.about_line_search li a{    width: 45px;}
	.about_line_tit{    margin-bottom: 20px;}
	.about_line_li li{margin-top: 0px;
    margin-bottom: 0px;}
	}
@media (max-width: 360px){
	.about_line_li li p,.about_line3 dd, .about_line3 dt, .about_line4 dt {
    font-size: 18px;
}
.about_line ul.about_line4 {
    width: 240px;
}
	}
@media (max-width: 320px){
	.about_line_search li{    margin-top: 5px;
    margin-bottom: 5px;height: 35px;
    font-size: 15px; padding-top:7px}
	.about_line_li li p,.about_line3 dd, .about_line3 dt, .about_line4 dt {
    font-size: 16px;
}
.about_line ul.about_line4 {
    width: 200px;
}
	}
	
/*////////////////////////*/
.recruitment_input{
	width:44.5%;
	float: left;
	margin-right:5%;
}
.recruitment_icon,.recruitment_icon2,.recruitment_icon3{
	display:block;
	max-width: 250px;
	font-size: 18px;
	color: #FFF;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	position: relative;
}
.recruitment_icon::After,.recruitment_icon2::After,.recruitment_icon3::After {
	content: "";
	background-image: url(../images/recruitment3.png);
	background-repeat: no-repeat;
	background-position: right center;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	right: 0px;
	background-size:auto 100%;
}
.recruitment_icon:hover,.recruitment_icon2:hover,.recruitment_icon3:hover{
	filter: alpha(opacity=80);
	opacity:0.80;
	color: #FFF;
	text-decoration: none;
}
.recruitment_icon{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0154a5+0,1b6ac2+49,0154a5+100 */
background: #0154a5; /* Old browsers */
background: -moz-linear-gradient(left, #0154a5 0%, #1b6ac2 49%, #0154a5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0154a5 0%,#1b6ac2 49%,#0154a5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0154a5 0%,#1b6ac2 49%,#0154a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0154a5', endColorstr='#0154a5',GradientType=1 ); /* IE6-9 */}
.recruitment_icon2{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7db8+0,fe9ac8+50,ff7db8+100 */
background: #ff7db8; /* Old browsers */
background: -moz-linear-gradient(left, #ff7db8 0%, #fe9ac8 50%, #ff7db8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ff7db8 0%,#fe9ac8 50%,#ff7db8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ff7db8 0%,#fe9ac8 50%,#ff7db8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7db8', endColorstr='#ff7db8',GradientType=1 ); /* IE6-9 */
	}
.recruitment_icon3 {
    background: #d49d33;
    background: -moz-linear-gradient(left, #d49d33 0%, #ecbc7c 50%, #d49d33 100%);
    background: -webkit-linear-gradient(left, #d49d33 0%,#ecbc7c 50%,#d49d33 100%);
    background: linear-gradient(to right, #d49d33 0%,#ecbc7c 50%,#d49d33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d49d33', endColorstr='#d49d33',GradientType=1 );
}

@media (max-width: 414px){
	.recruitment_input{ width: 100%;
margin-right: 0%;
margin-bottom: 20px;}
	}
	
	
/*//////////媽媽教室//////////////////////////////////////////////////////*/

.mom_mbKV{ margin-top:75px;}
.mom_gift .lineName{ margin-top:-40px;}
.mom_mbKV img{ width:100%; display:block}
.mom_mbKV a:hover,.mom_mbKV a:hover img{filter: alpha(opacity=100);
	opacity:1;}
.mom_gift2{ position:relative}
.mom_gift_icon,.mom_gift_icon2{
	top:5px;
	background-image: url(../images/mom/header_line.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:auto 100%;}
	
.mom_gift_icon{
	position: absolute;
	right:5%;
	
}
.mom_gift_icon2{
	position:fixed;
	right:5%;
	z-index: 100;
	
}
.mom_gift_icon a,.mom_gift_icon2 a{
	display:inline-block;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
}
/*@media (max-width: 800px){
.mom_gift .otherp_tit{margin-bottom: 10px;
margin-top: -10px;
}

}*/


.KnowHow th{vertical-align:middle!important;}

.mom_kv{ margin-bottom: -140px;}


/*20180312dha新增*/

.dha_icon{display: block;
font-size: 18px;
float: right;
padding: 5px 20px;
color: #FFF;margin-left: -90px;
margin-right: 70px;background-color: #C30D23;}

.doctorWords5 .dha_txt{
padding-left: 100px!important;
color:#0088d1;text-align:center;}


.doctorWords_m a.dha_icon{
	display: block;
	font-size: 18px;
	width: 160px;
	height: 50px;
	color: #FFF;
	text-align: center;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 13px;
	padding-right: 20px;
	padding-bottom: 13px;
	padding-left: 20px;
	}


.dha_cnt{display: table; margin-bottom:40px}
.dha_cnt dd,.dha_cnt dt{
	display: table-cell;
	
}
.dha_cnt dd{vertical-align: middle;}
.dha_cnt dd h3{ padding-left:25px;}
.dha_cnt dd h4{ font-size:18px;  margin-top:10px;margin-bottom: 10px;}
.dha_cnt dt{ width:160px; visibility:top;}
.dha_cnt dt img{ width:100%; display:block;}
@media (max-width: 640px) {
	.dha_cnt dd,.dha_cnt dt{
	display: block; margin-left:auto; margin-right:auto;
	
}
.dha_cnt dt{ margin-bottom:20px;}
.dha_cnt{ width:100%; font-size:18px;}
.dha_cnt li{ margin-top:20px;}

	 }
@media (max-width: 414px) {
.dha_cnt dd h3 {
    padding-left: 0px; padding-right:25px;
}
}
@media (max-width: 375px) {
.dha_cnt dd h3 {
  padding-right:0px;
}
.dha_cnt1 dd h3{ padding-right:25px}
}

/*下面介紹*/

.kv img,.mobilekv img,.mom_cnt2 img {

    width: 100%;
	display:block;

}
.mom_cnt2{ display:block; width:100%; text-align:center;	background-image: url(../images/2018_mom/bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; padding-bottom:140px; margin-bottom:-140px;margin-top: 100px;}

.mom_cnt2 div{
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	max-width:1140px;
	position: relative;
	
}

.mom_cnt2 a{
display: block;
font-size: 24px;
padding: 12px 20px;
text-align: center;
width: 50%;
color: #FFF;
font-weight: bold;
position: absolute;
background-color: #0b318f;
left: 25%;
bottom: 10%;

	
}
.mom_cnt{ display:block; width:100%; text-align:center;	}
.mom_cnt img{width: 100%;display:block;max-width:1128px;margin-left:auto;
	margin-right:auto;}
.mom_cnt2>p{ font-size:12px; color:#999}
.mom_cnt div{
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	max-width:1000px;
	
}
.mom_cnt div p{ color:#333; font-size:18px;}
.mom_cnt div h1{
	font-weight: normal;
	color: #243c8f;
	display:block;
	font-size: 32px;
	
}
.flex-control-nav{z-index: 3;}
@media (max-width: 800px) {
	.mom_cnt2{padding-bottom: 180px;}
	.mom_cnt{margin-top: 70px;margin-bottom: -50px;}
	.mom_cnt div{padding-top: 35px;
padding-bottom: 35px;max-width: 550px;}
.mom_cnt div p br{ display:none }
.mom_cnt div p { text-align:left}
.h_iframe2{ margin-top:75px;}
	 }
@media (max-width: 414px) {
	.mom_cnt > p {
    font-size: 11px;}
.mom_cnt div h1{font-size: 20px; background-size:100%;padding-right: 0px;
padding-left: 0px;}
.mom_cnt div p {
    font-size: 14px;
}
.mom_cnt div {
    padding-top: 25px;
    padding-bottom: 25px;width: 85%;}
	.mom_cnt2 a{bottom: 6%;font-size: 20px;}
	.mom_cnt2{margin-top: 0px;}
			.mom_cnt2 a {
    padding: 7px 15px;
    width: 80%;
    left: 10%;
}

}
@media (max-width: 360px) {
	.mom_cnt div h1 {
    font-size: 18px;}

	}
@media (max-width: 320px) {	
	.mom_cnt div {
 
    width: 95%;}
	.bottomnav_mobileLine {

		padding-left: 0px;}

}


/*20180704修改-------*/
.productNav3 {

    width: 670px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding-top:35px;

}
.apply{ text-align:center;     position: absolute;     width: 100%;z-index: 1}
.apply a.goldbut {
    display: block;
    font-size: 24px;
    padding: 12px 20px;
    text-align: center;
    width: 30%;
	color: #FFF;
	font-weight:bold;
	background-color: #243c8f;
	margin: 0 auto;
}


@media (max-width: 800px) {
	
.container_box6 {    margin-top: -7%;}

.apply{top: 62%;
    right: 0;
    position: fixed;}
	
.apply a.goldbut {
right: 0;
    position: fixed;
    border-radius: 99em;
    width: 100px;
    height: 100px;}
	
.bottomnav_mobile2{    padding-top: 10px;    padding-bottom: 10px; text-align: center;}
.bottomnav_mobile2 li{ display:inline-block;   }
.bottomnav_mobile2 li a{    padding: 3px;}
.bottomnav_mobileText{display:inline-block;}
.bottomnav_mobileLine{  padding-left: 10px;display:inline-block; vertical-align: top;}
.eventBig,.eventRec,.eventNrth,.eventMid,.eventSth{ border:none; }
.mother_tit p{font-size: 24px;    color: #0b318f;   }
.margin20_2{margin-top: 0;}
	}
	
@media (max-width: 414px) {	
.bottomnav_mobile2 li{text-align: left;}
.bottomnav_mobile2 li a{	    display: block;    height: auto; text-align: left;}
.apply a.goldbut {
    width: 90px;
    height: 90px;
    font-size: 20px;
    padding: 18px 20px;
	
}


}	


@media (max-width: 375px) {	
.apply {    top: 72%;}
#disclaimer li a{ }	 

}	

@media (max-width: 360px) {	.apply {    top: 68%;}
#disclaimer li a{ }	}	











