@charset "utf-8";

.bb-custom-wrapper{
	width: 100% !important;
	height: 700px !important;
	position: relative !important;
}

.bb-custom-side img{
	width: 100% !important;
	height: 100% !important;
}


@media screen and (min-width: 1201px) and (max-width: 1350px) {
	.bb-custom-wrapper{
		width: 100% !important;
		height: 500px !important;
		position: relative !important;
	}
}

@media screen and (min-width: 1351px) and (max-width: 1500px) {
	.bb-custom-wrapper{
		width: 100% !important;
		height: 550px !important;
		position: relative !important;
	}
}

@media screen and (min-width: 1501px) and (max-width: 1650px) {
	.bb-custom-wrapper{
		width: 100% !important;
		height: 600px !important;
		position: relative !important;
	}
}

@media screen and (min-width: 1651px) and (max-width: 1800px) {
	.bb-custom-wrapper{
		width: 100% !important;
		height: 650px !important;
		position: relative !important;
	}
}

/*===============================*/
/*===== 共用 ====================*/
/*===============================*/


.desk{
	display: block;
}

.phone{
	display: none;
}

.phone_menu{
	display: none;
}

img{
	max-width: 100%;
	max-height: 100%;
	height: auto;
}

.wrapper{
	width: 1200px;
	margin: 0 auto;
}

.wrapper_600{
	width: 600px;
	margin: 0 auto;
}

.wrapper_800{
	width: 800px;
	margin: 0 auto;
}

/* banner */ /* 不動 */
.banner_fixed{
	width: 100%;
}

.banner_fixed .banner_fixed_pic{

}

.banner_fixed .banner_fixed_pic .item_img{
	width: 100%;
	height: 0;
	padding-bottom: 31%;
}

.page_title_box{
	width: 100%;
	height: 0;
	padding-bottom: 8.3%;
	background: url('../images/page_title_bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	overflow: hidden;
}

.page_title{
	display: inline-block;
	vertical-align: middle;
	float: left;
	margin-top: 30px;
}

.page_title_tw{
  	font-size: 36px;
  	line-height: 36px;
  	color: rgb(255, 255, 255);
  	margin-bottom: 12px;
}

.page_title_en{
  	font-size: 20px;
  	line-height: 20px;
  	color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.page_title_bread{
	display: inline-block;
	vertical-align: middle;
	float: right;
	font-size: 16px;
	color: rgb(175, 175, 175);
}

.page_title_bread_ul{
	width: 100%;
	margin-top: 60px;
}

.page_title_bread_list{
	display: inline-block;
	vertical-align: middle;
}
/* banner END*/



.ul_9{
	width: 100%;
}
.ul_3{font-size: 0;}

.li_3{
	width: calc( 100% / 5 - 2%);
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    box-sizing: border-box;
    position: relative;
    transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    margin-left: 1%;
    margin-right: 1%;

    border: solid 1px #bfbfbf;
 border-radius: 7px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;

	
}

.li_4{width: calc( 100% / 4 - 2%);}


.index_product_box .li_3{
	border: 0;
	border-radius: 0;

}



.li_3_pic{
	width: 100%;
	height: 0;
	padding-bottom: 71%;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;

	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;

	-moz-border-top-left-radius:5px;
	-moz-border-top-right-radius:5px;
	-moz-border-bottom-right-radius:0px;
	-moz-border-bottom-left-radius:0px;
	position: relative;
}

.li_3_text{
    padding: 15px;
    background: #FFF;
    border-radius: 7px;
    word-break: break-all;
}

.li_3_title{
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 1.5;
	color: rgb(49, 56, 61);
	margin-bottom: 12px;
}

.li_3_con{
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 2px;
	line-height: 1.5;
	color: rgb(95, 114, 127);
	margin-bottom:0!important;
}

.li_3_day{
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	color: rgb(153, 169, 181);
	line-height: 1.426;
	margin-bottom: 12px;
}

.li_3_day_text{
	width: 85%;
	display: inline-block;
	vertical-align: middle;
}

/* 圖片HOVER的收藏跟購物車 */
.p_pic_hover{
	width: 100%;
	height: 100%;
	background-color: rgba(169,134,107,0.75);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

ul.icon_box{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
}
ul.icon_box:before{
	content: '';
	padding-top: 30%;
	display:block;
}

/*
.product_detail_guess ul.icon_box{top: 30%;}

.cart-add-on-swiper ul.icon_box {top: 19%;}

*/
ul.icon_box li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
	cursor: pointer;
}

ul.icon_box li .off_1{
	display: block;
	background-image: url('../images/b_icon_wish_off.png');
	background-repeat: no-repeat;
	width: 32px;
    height: 29px;
    background-size: cover!important;
}

ul.icon_box li .off_1.active{
	background-image: url('../images/b_icon_wish_on.png');
	background-size: cover!important;
}


ul.icon_box li .off_2{
	display: block;
	background-image: url('../images/b_icon_cart_off.png');
	background-repeat: no-repeat;
	width: 28px;
    height: 29px;
    background-size: cover!important;
}

ul.icon_box li .off_2.active{
	background-image: url('../images/b_icon_cart_on.png');
	background-size: cover!important;
}

/* 已加入收藏文字框 */
/* 已取消收藏文字框 */
.off_1_remind,
.on_1_remind,
.off_2_remind,
.on_2_remind{
	text-align: center;
	background-color: #FFF;
	box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.5);
	padding: 30px 0;
	border-radius: 1000px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	display: none;
}

/* !important 為了不被套件影響 */
.off_1_remind img,
.on_1_remind img,
.off_2_remind img,
.on_2_remind img{
	display: inline-block !important;
	vertical-align: middle !important;
	width: auto !important;
}

.off_1_remind .off_1_remind_text,
.on_1_remind .on_1_remind_text,
.off_2_remind .off_2_remind_text,
.on_2_remind .on_2_remind_text{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: rgb(44, 44, 44);
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: 12px;
}

.phone_p_pic_hover{
	display: none;
}


.cancel_box{
	display: none;
	padding: 35px;
	position: absolute;
	top: 0;
}

/* 換頁 */
.page_no{
	width: 100%;
	text-align: center;
    padding: 62px 0 72px;
}

.page_ul{
	display: inline-block;
	vertical-align: middle;
	margin: 0 55px;
	padding: 0 15px;
	background: #efefef;
    border-radius: 99em;
}

.page{
	display: inline-block;
	vertical-align: middle;
	padding: 12px 15px;
	border-radius: 99%;
	color: #2f2f2f;
}

.page:hover{
	background: #ae8f72;
	color: #FFF;
}

.page.active{
	background: #ae8f72;
	color: #FFF;
}

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

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

.page_prev:hover,.page_next:hover{
	color: #851b24;
}

/* 換頁 END*/

/* sidebar */
.sidebar{
    width: 4%;
	height: auto;
	position: fixed;
	top: 6%;
	right: 0;
    z-index: 99999;
	background: #FFFFFF;
	box-shadow: 5px 5px 25px 1px #242424;
	-webkit-box-shadow: 5px 5px 25px 1px #242424;
	-moz-box-shadow: 5px 5px 25px 1px #242424;
	-o-box-shadow: 5px 5px 25px 1px #242424;
	padding: 10px 0;
}

.sidebar_member{
	width: 95%;
	margin: 0 auto;
	text-align: center;
}

.sidebar_first{
    width: 100%;
}

.sidebar_first_pic{
	margin-bottom: 8px;
}

.sidebar_first_text{
    margin-bottom: 25px;
}

.sidebar_first_text div{
	font-size: 12px;
    font-weight: bold;
    color: #7E7E7E;
    letter-spacing: 1px;
}

.sidebar_first_text span{
	font-size: 16px;
	color: #E06D77;
}

.sidebar_first_text:hover .sidebar_hover{
	display: block;
}

.sidebar_member_ul{
	width: 100%;
}

.sidebar_member_ul li{
	width: 100%;
	position: relative;
}

.sidebar_member_ul li:after{
	content: "";
	display: block;
	background: #D8D8D8;
	width: 55%;
	height: 2px;
    margin: 15px auto 8px;
}

.sidebar_member_ul li img{
	margin-bottom: 10px;
}

.sidebar_member_ul li div{
	color: #7E7E7E;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
}

.sidebar_hover{
    background-color: #05CBC4;
    width: 165%;
    min-height: 86px;
    position: absolute;
    top: 0;
    left: -167%;
    box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, 0.5);
    display: none;
}

.sidebar_hover .sidebar_hover_text{
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 14px;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFF;
}

.sidebar_member_ul li:hover .sidebar_hover{
	display: block;
}

/* sidebar 數字 */
.sidebar_member_ul li div.sidebar_num{
	position: absolute;
    top: -6px;
    right: 8px;
    width: 20px;
    height: 20px;
	border-radius: 99em;
	background-color: #f8736d;
}

.sidebar_member_ul li div.sidebar_num .sidebar_num_text{
	font-size: 12px;
	line-height: 12px;
	color: #FFF;
	padding-top: 3px;
}


/* 瀏覽紀錄 */
.sidebar_history{
	width: 95%;
	margin: 0 auto;
	text-align: center;
	padding: 7px 0 5px;
}

.sidebar_history .sidebar_history_title{
    color: #7E7E7E;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 14px;
}

.sidebar_history .sidebar_history_pic{
	width: 100%;
	text-align: center;
	margin-bottom: 2px;
}

.sidebar_history_pic{
	position: relative;
}

.sidebar_history_pic:hover .sidebar_hover{
	display: block;
}
/* 瀏覽紀錄 END*/

/* sidebar 箭頭 */
.sidebar_arrow_bg{
    position: fixed;
    top: 35%;
    right: 44px;
    background: #fff;
    height: 70px;
    width: 70px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 99em 0 0 99em;
    box-shadow: 5px 5px 25px 1px #242424;
	-webkit-box-shadow: 5px 5px 25px 1px #242424;
	-moz-box-shadow: 5px 5px 25px 1px #242424;
	-o-box-shadow: 5px 5px 25px 1px #242424;
	z-index: 5000;
}

.sidebar_arrow{
	width: 13px;
	height: 21px;
	background-image: url('../images/sidebar_arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
    text-align: center;
    margin: 25px 0 0 10px;
}
/* sidebar 箭頭 END*/




/* 共用按鈕 */
.back_btn{
	width: 100%;
	text-align: center;
}

.back_btn div{
	display: inline-block;
	padding: 18px 23px;
	border-radius: 40px;
	border: solid 2px #a0a0a0;
	margin: 0 auto;
}

.back_btn img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}

.back_btn p{
	display: inline-block;
	vertical-align: middle;
	color: #a0a0a0;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
}

.back_btn:hover{
	opacity: 0.8;
}

/* 說明按鈕 */

.description_btn{
	width: 100%;
	text-align: left;
}

.description_btn .btn_box{
	display: inline-block;
	padding: 18px 23px;
	border-radius: 40px;
	border: solid 2px #a0a0a0;
	margin: 0 auto;
}

.description_btn .btn_box img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}

.description_btn .btn_box p{
	display: inline-block;
	vertical-align: middle;
	color: #a0a0a0;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
}

.description_btn:hover{
	opacity: 0.8;
}

/* lightbox_btn */
.lightbox_btn_box{
	margin-left: 1.5%;
    margin-bottom: 60px;
}

.lightbox_btn{
	display: inline-block;
	color: #FFF;
	padding: 17px 28px;
	cursor: pointer;

	border-top-left-radius:0;
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:30px;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:30px;
	-webkit-border-bottom-right-radius:30px;
	-webkit-border-bottom-left-radius:30px;
	-moz-border-top-left-radius:0;
	-moz-border-top-right-radius:30px;
	-moz-border-bottom-right-radius:30px;
	-moz-border-bottom-left-radius:30px;

	box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.5);
	transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}

.lightbox_btn:hover{
	opacity: 0.8;
}

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

.lightbox_btn p{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
}

.lightbox_btn_con{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
    z-index: 99999;
	display: none;
}

.lightbox_btn_wrapper{
	width: 40%;
	height: 500px;
	background: #FFF;
	border: solid 6px #CCC;
	overflow: auto;
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.lightbox_btn_close{
	position: absolute;
	top: 2%;
	right: 1%;
	cursor: pointer;
}

.lightbox_btn_wrapper_con{
	padding: 50px 3%;
	line-height: 1.7;
}

/* lightbox_btn END*/


/*===============================*/
/*===== header ==================*/
/*===============================*/
header{
	width: 100%;
}

/*header.header_index .header_box_down{
	display: none;
}
*/
.header_box_phone{
	display: none;
}

.header_box{
	width: 100%;
	position: fixed;
    top: 0;
    z-index: 10000;
}
/* up */
.header_box_up{
	width: 100%;
	/*overflow: hidden;*/
	background: #000; /* Old browsers */


	color: #FFF;
	padding: 12px 0;
	height: 40px;
}

.header_box_up .wrapper{
	/*overflow: hidden;*/
}

.header_box_up_phone{
	float: left;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 1px;
}

.header_box_up_phone div{
	display: inline-block;
	vertical-align: middle;
}

.header_box_up_ul{
	float: right;
}

.header_box_up_ul li{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 1px;
}

li.header_box_up_line{
	width: 1px;
	height: 15px;
	background-color: #fff;
	margin: 0 9px;
}

.header_box_up_list div{
	display: inline-block;
	vertical-align: middle;
}

.header_box_up_list div.text{
	margin-left: 5px;
}


.header_box_up_phone div.img1{
	width: 9px;
	height: 14px;
	background-image: url('../images/header_phone_icon.png');
	background-repeat: no-repeat;
}
.header_box_up_list div.img2{
	width: 15px;
	height: 14px;
	background-image: url('../images/header_line_icon.png');
	background-repeat: no-repeat;
}
.header_box_up_list div.img3{
	width: 13px;
	height: 14px;
	background-image: url('../images/header_fb_icon.png');
	background-repeat: no-repeat;
}
.header_box_up_list div.img4{
	width: 13px;
	height: 15px;
	background-image: url('../images/header_remem_icon.png');
	background-repeat: no-repeat;
}
.header_box_up_list div.img5{
	width: 13px;
	height: 14px;
	background-image: url('../images/header_phone2_icon.png');
	background-repeat: no-repeat;
}
.header_box_up_list div.img6{
	width: 14px;
	height: 13px;
	background-image: url('../images/header_cart_icon.png');
	background-repeat: no-repeat;
}
.header_box_up_list div.img7{
	width: 14px;
	height: 14px;
	background-image: url('../images/header_people_icon.png');
	background-repeat: no-repeat;
}
.header_box_up_list div.img8{
	width: 14px;
	height: 14px;
	background-image: url('../images/header_register_icon.png');
	background-repeat: no-repeat;
}

.header_box_up_phone:hover div.img1{
	width: 9px;
	height: 14px;
	background-image: url('../images/header_phone_icon_hover.png');
	background-repeat: no-repeat;
}
.header_box_up_list:hover div.img2{
	width: 15px;
	height: 14px;
	background-image: url('../images/header_line_icon_hover.png');
	background-repeat: no-repeat;
}
.header_box_up_list:hover div.img3{
	width: 13px;
	height: 14px;
	background-image: url('../images/header_fb_icon_hover.png');
	background-repeat: no-repeat;
}
.header_box_up_list:hover div.img4{
	width: 13px;
	height: 15px;
	background-image: url('../images/header_remem_icon_hover.png');
	background-repeat: no-repeat;
}
.header_box_up_list:hover div.img5{
	width: 13px;
	height: 14px;
	background-image: url('../images/header_phone2_icon_hover.png');
	background-repeat: no-repeat;
}
.header_box_up_list:hover div.img6{
	width: 14px;
	height: 13px;
	background-image: url('../images/header_cart_icon_hover.png');
	background-repeat: no-repeat;
}
.header_box_up_list:hover div.img7{
	width: 14px;
	height: 14px;
	background-image: url('../images/header_people_icon_hover.png');
	background-repeat: no-repeat;
}
.header_box_up_list:hover div.img8{
	width: 14px;
	height: 14px;
	background-image: url('../images/header_register_icon_hover.png');
	background-repeat: no-repeat;
}

.header_box_up_phone:hover .text,
.header_box_up_list:hover .text{
	color: #ae8f72;
}


/* down */
.header_box_down{
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	color: #000;
	padding: 10px 0;
}

.header_box_down .logo_box{
	display: inline-block;
	vertical-align: middle;
}

.header_box_down .logo{
	width: 100%;
	text-align: center;
}

.header_box_down .nav{
	display: inline-block;
	vertical-align: middle;
	margin-left: 310px;
}

.header_box_down .nav_ul{
	width: 100%;
}

.header_box_down .nav_ul .nav_list{
	display: inline-block;
	vertical-align: top;
    margin: 0 15px;
    text-align: center;
    color: #2c2c2c;
    padding: 15px 20px;
    transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}

.header_box_down .nav_ul .nav_list:hover{
	background: #e89441;
	color: #FFF;
}

.header_box_down .nav_ul .nav_list_tw{
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 2px;
	margin-bottom: 8px;
}

.header_box_down .nav_ul .nav_list_en{
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
}

/*===============================*/
/*===== footer ==================*/
/*===============================*/
footer{
	width: 100%;
	position: relative;
}

.footer_box{
	width: 100%;
}

.footer_special_info{
    width: 80%;
    padding: 20px 10%;
    background-color: #a95f65;
    color: #FFF;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.7;
    transform: translateY(29%);
	-ms-transform: translateY(29%);
	-moz-transform: translateY(29%);
	-webkit-transform: translateY(29%);
	-o-transform: translateY(29%);
}

/* up */
.footer_box_up{
	width: 100%;
	background: #202126;
	color: #FFF;
    padding: 65px 0 0px;
}

.footer_box_up_left{
	width: 35%;
	display: inline-block;
	vertical-align: top;
}

.footer_box_up_left_text{
	width: 100%;
	text-align: left;
	font-weight: normal;
	margin-bottom: 20px;
	padding-left: 12px;
}

.fbult_tw{
	font-size: 28px;
	line-height: 28px;
	letter-spacing: 12px;
	margin-bottom: 15px;
}

.fbult_en{
	font-size: 28px;
	line-height: 28px;
	letter-spacing: 1px;
}

.footer_box_up_left_pic{
	width: 100%;
	text-align: center;
}

.footer_box_up_right{
	width: 58%;
	display: inline-block;
	vertical-align: top;
	margin-left: 4%;
}

.box_up_right_list{
    width: 16%;
    display: inline-block;
    vertical-align: top;
    margin: 0px 12px 30px;
}

.box_up_right_list:last-child{
	width: 32%;
}

.right_list_title{
	width: 100%;
    font-size: 19px;
    line-height: 19px;
    letter-spacing: 2px;
    color: #FFF;
    font-weight: 500;
}

.right_list_title:after{
    content: "";
    display: block;
    background: #851b24;
    width: 95px;
    height: 4px;
    margin: 6px 0 11px;
}

.footer_box .sub_last{
	width: 150%;
}

.footer_box .sub li{
	font-size: 15px;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: 1px;
	color: #838486;
}

.footer_box .sub li:hover{
	color: #fff;
}

/* down */
.footer_box_down{
	width: 100%;
	text-align: center;
	background: #0B0B0C;
	color: #FFF;
	padding: 11px 0 13px;
}

.footer_box_down .wrapper{
	width: 1200px;
	margin: 0 auto;
}

.fbdt_text1{
	font-size: 12px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 6px;
	padding: 0 10px;
}

.fbdt_text2{
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 0 10px;
}

.gotop_box{
    position: fixed;
    bottom: calc(24px + 60px + 7px);
    right: 28px;
    z-index: 999;
    cursor: pointer;
}

.gotop_box:hover{
	opacity: 0.8;
}

.golive_box{
    position: fixed;
    bottom: calc(24px + 60px + 16px + 56px);
    right: 28px;
    z-index: 999;
    cursor: pointer;
}
.golive_box img{width:56px;}

.golive_box:hover{
	opacity: 0.8;
}

/*===============================*/
/*===== index ===================*/
/*===============================*/

.index_main{
	width: 100%;
}



.index_banner .item{
	width: 100%;
}

.index_banner .item_img{
	width: 100%;
	text-align: center;
	position: relative;
}

.p_index_banner{
	display: none;
}

.p_index_banner .p_item_img{
	width: 100%;
	height: 0;
	padding-bottom: 43.7%;
	background-repeat: no-repeat;
	background-size: cover;
}

.item_text_box_left{
    position: absolute;
    top: 45%;
    left: 8%;
}

.item_text_box_right{
    position: absolute;
    top: 45%;
    right: 8%;
    text-align: right;
    font-size: 55px;
    line-height: 55px;
    font-weight: bold;
    color: #FFF;
    letter-spacing: 45px;
}

.item_text_box_right_en{
	position: absolute;
    top: 45%;
    right: 8%;
    text-align: right;
}

.index_banner .owl-dots{
	display: none;
}
.index_banner .owl-nav{
	display: none;
}

.index_menu{
	width: 100%;
}

.index_menu ul{
	width: 100%;
	overflow: hidden;
}

.index_menu ul li{
	width: 25%;
	float: left;
	text-align: center;
	color: #FFF;
	padding: 18px 0;
}

.index_menu ul li:hover{
	opacity: 0.8;
}

li.index_menu_text_bg1{
	background-color: #57B3D0;
}

li.index_menu_text_bg2{
	background-color: #E89441;
}

li.index_menu_text_bg3{
	background-color: #E06D77;
}

li.index_menu_text_bg4{
 	background-color: #89B93C;
}

.index_menu_text_tw{
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 8px;
}

.index_menu_text_en{
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}




/* 產品 */
.index_product_box{
	width: 100%;
	padding: 40px 0 90px;

}

.index_product_box .title{
	width: 100%;
	text-align: center;
	color: #595650;
	margin-bottom: 20px;
	margin-top: 30px;
}
.index_product_box .title-more {position: relative;}
.index_product_box .title-more .title_tw{ display: inline-block; }
.index_product_box .title-more .more{ position: absolute; right: 0; line-height: 37px;   margin-bottom: 15px; color: rgb(174,143,114)!important;}
.index_product_box .title-more .more:hover,.index_product_box .title-more .more:focus{ color: #000!important; }


.index_product_box .title_tw{
	font-size: 37px;
	line-height: 37px;
	font-weight: bold;
	margin-bottom: 15px;
}

.index_product_box .title_en{
	font-size: 27px;
	line-height: 27px;
	font-weight: normal;
}

.index_product_box .title_en:after{
	content: "";
	display: block;
	background: #851b24;
	width: 120px;
	height: 4px;
	margin: 8px auto 32px;
}

.index_product_box .filter_box{
	width: 100%;
	margin-bottom: 25px;
}

.filter_b{
	width: 25%;
	display: inline-block;
	vertical-align: middle;
}

.filter_b ul{
	width: 100%;
	text-align: center;
	border: solid 2px #ae8f72; 
    border-radius: 30px;
	padding: 12px 0;
}

.filter_b .filter_b_list{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.filter_b .filter_b_list:hover{
	color: #851b24;
}

.filter_b .line_div{
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 15px;
	background-color: #ae8f72;
	opacity: .2;
	margin: 0 20px;
}

.filter_s{
	width: 55%;
	display: inline-block;
	vertical-align: middle;
    margin-left: 8%;
	position: relative;
}

.filter_s ul{
	width: 100%;
	text-align: center;
}

.filter_s .filter_s_list{
	cursor: pointer;
}

.filter_s .filter_s_list:hover{
	color: #ae8f72;
}

.filter_s .owl-dots{
	display: none;
}

.filter_s .owl-prev{
	position: absolute;
	top: -50%;
	left: -2%;
}

.filter_s .owl-next{
	position: absolute;
    top: -50%;
    right: -2%;
}

.filter_s .owl-theme .owl-nav [class*=owl-]{
	background: none;
}

.filter_s .owl-theme .owl-nav [class*=owl-]:hover{
	background: none;
}

.index_product_con{
	width: 100%;
	margin-bottom: 60px;
}

.index_product_con > ul{
	width: 100%;
}

.index_product_con_list{
	width: 29.5%;
    margin: 10px 1.5% 20px;
	display: inline-block;
	vertical-align: top;
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	position: relative;
}

.index_product_con_list:hover .p_pic_hover{
	display: block;
}

.index_product_con_list .list_pic{
	width: 100%;
	height: 0;
	position: relative;
}

.index_product_con_list .list_title{
	color: #595650;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 1px;
	margin:15px;
	padding-right: 0;
	text-align: left;
}

.index_product_con .owl-dots{
	display: none;
}

.index_product_con .owl-prev{
	position: absolute;
    top: 45%;
    left: -10%;
}

.index_product_con .owl-next{
    position: absolute;
    top: 45%;
    right: -8%;
}

.index_product_con .owl-theme .owl-nav [class*=owl-]{
	background: none;
    padding: 0;
    margin: 0;
}

.index_product_con .owl-theme .owl-nav [class*=owl-]:hover{
	background: none;
}

.index_product_con_list:hover ul.icon_box{
	display: block;
}

.list_pic{position: relative;}
.index_product_box .off_1_remind img,
.index_product_box .on_1_remind img,
.index_product_box .off_2_remind img,
.index_product_box .on_2_remind img{
	width: auto !important;
	display: inline-block !important;
	vertical-align: middle !important;
}
/* 首頁產品 END*/


/* 廣告輪播 */
.index_ad_box{
	width: 100%;
	margin-bottom: 95px;
}

.ad_pic_box{
	width: 100%;
	position: relative;
}

.index_ad_box .ad_pic{
	width: 100%;
	height: 400px;
	text-align: center;
}

.ad_pic_box .owl-dots{
	display: none;
}

.ad_pic_box .owl-theme .owl-nav [class*=owl-]{
	background-color: #eee;
	padding: 0;
	margin: 0;
}

.ad_pic_box .owl-prev{
	position: absolute;
	top: 40%;
	left: 23%;
}

.ad_pic_box .owl-next{
	position: absolute;
	top: 40%;
	right: 23%;
}


/* 首頁提示 */
.index_prompt_box{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
    z-index: 10000;
}

.index_prompt_wrapper{
	width: 720px;
	height: 505px;
	position: absolute;
    top: 22%;
    bottom: auto;
	left: 0;
	right: 0;
	margin: auto;
	border: solid 10px #FFF;
	border-top-left-radius:0;
	border-top-right-radius:40px;
	border-bottom-right-radius:40px;
	border-bottom-left-radius:40px;
}

.yes_box{
	width: 100%;
	height: 50%;
	background-color: #a5bbcb;
    border-top-right-radius: 30px;
}

.yes_box_pic{
	width: 46%;
    display: inline-block;
    vertical-align: bottom;
    margin-top: 0px;
}

.yes_box_text{
	width: 39%;
	display: inline-block;
	vertical-align: top;
	font-size: 150px;
	line-height: 150px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 5px;
	margin-top: 40px;
}

.yes_box:hover{
	background-color: #ae8f72;
}

.no_box{
	width: 100%;
	height: 50%;
	background-color: #eed6d9;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:30px;
}

.no_box_pic{
    width: 34%;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
}

.no_box_text{
    width: 35%;
    display: inline-block;
    vertical-align: top;
    font-size: 150px;
    line-height: 150px;
    font-weight: bold;
    color: #FFF;
    letter-spacing: 5px;
    margin: 50px 77px 0 45px;
    cursor: pointer;
}

.no_box:hover{
	background-color:#ae8f72;
}

.prompt_friend_box{
	width: 113%;
	height: 0;
	padding-bottom: 17%;
	background: url('../images/index_prompt_pic3.png');
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
    top: 36%;
    margin-left: -6%;
}

.prompt_friend_box p{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 45px;
	font-weight: bold;
	line-height: 45px;
	letter-spacing: 3px;
	color: #FFF;

	-moz-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
	transform:rotate(-3deg);
	margin-left: 87px;
    margin-top: 39px;
}

/* 關閉 */
.prompt_close_box{
	position: absolute;
    top: -45px;
    right: -45px;
	cursor: pointer;
}

/* 按鈕 */

.prompt_btn_box{
	width: 100%;
	text-align: center;
}

.prompt_btn_box div{
	font-size: 25px;
	line-height: 25px;
	font-weight: bold;
	letter-spacing: 3px;
	color: #FFF;
	display: inline-block;
	padding: 15px 25px;
	background-color: #851b24;
	border: solid 2px #FFF;
	border-radius: 50px;
	margin-top: 20px;
}

.prompt_movie_wrapper{
	width: 720px;
	height: 505px;
	background-color: #FFF;
	position: absolute;
	top: 5%;
	left: 0;
	right: 0;
	margin: auto;
	border: solid 5px #3ACDCE;
	border-top-left-radius:0;
	border-top-right-radius:40px;
	border-bottom-right-radius:40px;
	border-bottom-left-radius:40px;
	display: none;
}

.prompt_movie_text{
	width: 85%;
	margin: 0 auto;
	font-size: 30px;
	line-height: 1.3;
	font-weight: bold;
	color: #595650;
	margin-top: 40px;
}

.movie_text_color{
	color: #3ACFD0;
}

.movie_text_line{
    display: inline-block;
}

.movie_text_line:after{
	content: "";
	background-color: #DF6D77;
	display: block;
	width: 120px;
	height: 2.5px;
	margin: 5px 0 18px;
}

.movie_text_line2:after{
	content: "";
	background-color: #DF6D77;
	display: block;
	width: 60px;
	height: 2.5px;
	margin: 5px 0 18px;
}

.prompt_movie{
	width: 85%;
	height: 290px;
	margin: 0 auto 16px;
}

.prompt_movie iframe{
	width: 100%;
	height: 100%;
}

.prompt_movie_btn{
	width: 100%;
	text-align: center;
}

.prompt_movie_btn div{
	display: inline-block;
	padding: 10px 30px;
	background-color: #851b24;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 2px;
	border-radius: 50px; 
}

.movie_close_box{
	position: absolute;
	top: 2%;
	right: 2%;
	cursor: pointer;
}

/* 會員權益 */
.index_equity_box{
	width: 96%;
    padding: 0px 2% 160px;
}

.index_equity_box .wrapper{
	position: relative;
}

.equity_con{
	width: 385px;
	height: 385px;
	border: solid 3px #3AD0D1;
	border-radius: 50%;
	margin: 0 auto;
}

.equity_con_text{
	width: 100%;
	text-align: center;
}

.equity_con_title{
	font-size: 32px;
	line-height:32px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #595650;
	margin: 40px 0 11px;
}

.equity_con_title_en{
	font-size: 22px;
	line-height:22px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #595650;
}

.equity_con_title_en:after{
	content: "";
	display: block;
	background-color: #3AD0D1;
	width: 80px;
	height: 3px;
	margin: 6px auto 18px;
}

.equity_con_subtitle{
	font-size: 20px;
	line-height:20px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #E06D77;
	margin-bottom: 22px;
}

.equity_con_con{
	font-size: 14px;
	line-height:1.7;
	letter-spacing: 1px;
	font-weight: bold;
	color: #595650;
	margin-bottom: 22px;
}

.equity_con_con .span1{
	color: #E06D77;
}

.equity_con_con .span_line{
	display: inline-block;
}

.equity_con_con .span_line2{
	display: inline-block;
}

.equity_con_con .span_line:after{
	content: "";
	display: block;
	background-color: #E06D77;
	width: 60px;
	height: 2px;
	margin-top: -3px;
}

.equity_con_con .span_line2:after{
	content: "";
	display: block;
	background-color: #E06D77;
	width: 75px;
	height: 2px;
	margin-top: -3px;
}

.equity_con_btn{
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #fff;
	background-color: #851b24;
	border: solid 1px #851b24;
	border-radius: 50px;
	padding: 9px 30px;
}

.equity_con_btn:hover{
	color: #851b24;
	background-color: #fff;
}

.index_equity_box{
	padding-bottom: 350px
}

.equity_list_text{
	width: 260px
}

.equity{
	position: relative;
	width: 100%;
	padding-bottom: 30px;
}

.equity_list{
	position: absolute;
}

.phone_quity_ul{display:none;}

.equity_list:nth-child(1){
	top: 80px;
	left:-60px;
	text-align:right;
	animation-name: ani_1 ;
    transform-origin: center;
}

.equity_list:nth-child(2){
	top: 280px;
    left: -39px;
	text-align:right;
	animation-name: ani_2 ;
    transform-origin: center;
}

.equity_list:nth-child(3){
	top: 425px;
    right: 235px;
	animation-name: ani_3 ;
    transform-origin: center;
	text-align: left;
}
.equity_list:nth-child(4){
    top: 280px;
    right: -39px;
	animation-name: ani_7 ;
    transform-origin: center;
	text-align: left;
}



.equity_list:nth-child(5){/*特約商家*/
	top:  80px;
	right:-60px;
	animation-name: ani_9 ;
    transform-origin: center;
    
}


/*第一層動畫*/
@keyframes ani_1{
  0% {
    opacity:0;
    transform:  translate(350px,100px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes ani_1{
  0% {
    opacity:0;
    -moz-transform:  translate(350px,100px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes ani_1 {
  0% {
    opacity:0;
    -webkit-transform:  translate(350px,100px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes ani_1 {
  0% {
    opacity:0;
    -o-transform:  translate(350px,100px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes ani_1 {
  0% {
    opacity:0;
    -ms-transform:  translate(350px,100px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}



@keyframes ani_7{
  0% {
    opacity:0;
    transform:  translate(-350px,100px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes ani_7{
  0% {
    opacity:0;
    -moz-transform:  translate(-350px,100px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes ani_7 {
  0% {
    opacity:0;
    -webkit-transform:  translate(-350px,100px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes ani_7 {
  0% {
    opacity:0;
    -o-transform:  translate(-350px,100px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes ani_7 {
  0% {
    opacity:0;
    -ms-transform:  translate(-350px,100px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}

@keyframes ani_8{
  0% {
    opacity:0;
    transform:  translate(-350px,100px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes ani_8{
  0% {
    opacity:0;
    -moz-transform:  translate(-350px,100px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes ani_8 {
  0% {
    opacity:0;
    -webkit-transform:  translate(-350px,100px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes ani_8 {
  0% {
    opacity:0;
    -o-transform:  translate(-350px,100px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes ani_8 {
  0% {
    opacity:0;
    -ms-transform:  translate(-350px,100px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}

/*第二層動畫*/
@keyframes ani_2{
  0% {
    opacity:0;
    transform:  translate(300px,60px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes ani_2{
  0% {
    opacity:0;
    -moz-transform:  translate(300px,60px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes ani_2 {
  0% {
    opacity:0;
    -webkit-transform:  translate(300px,60px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes ani_2 {
  0% {
    opacity:0;
    -o-transform:  translate(300px,60px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes ani_2 {
  0% {
    opacity:0;
    -ms-transform:  translate(300px,60px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}



@keyframes ani_6{
  0% {
    opacity:0;
    transform:  translate(-300px,60px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes ani_6{
  0% {
    opacity:0;
    -moz-transform:  translate(-300px,60px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes ani_6 {
  0% {
    opacity:0;
    -webkit-transform:  translate(-300px,60px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes ani_6 {
  0% {
    opacity:0;
    -o-transform:  translate(-300px,60px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes ani_6 {
  0% {
    opacity:0;
    -ms-transform:  translate(-300px,60px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}

/*第三層動畫*/

@keyframes ani_3{
  0% {
    opacity:0;
    transform:  translate(200px,-100px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes ani_3{
  0% {
    opacity:0;
    -moz-transform:  translate(200px,-100px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes ani_3 {
  0% {
    opacity:0;
    -webkit-transform:  translate(200px,-100px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes ani_3 {
  0% {
    opacity:0;
    -o-transform:  translate(200px,-100px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes ani_3 {
  0% {
    opacity:0;
    -ms-transform:  translate(200px,-100px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}


@keyframes ani_5{
  0% {
    opacity:0;
    transform:  translate(-200px,-100px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes ani_5{
  0% {
    opacity:0;
    -moz-transform:  translate(-200px,-100px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes ani_5 {
  0% {
    opacity:0;
    -webkit-transform:  translate(-200px,-100px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes ani_5 {
  0% {
    opacity:0;
    -o-transform:  translate(-200px,-100px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes ani_5 {
  0% {
    opacity:0;
    -ms-transform:  translate(-200px,-100px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}

/*第四層動畫*/
@keyframes ani_4{
  0% {
    opacity:0;
    transform:  translate(0px,-264px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes ani_4{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-264px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes ani_4 {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-264px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes ani_4 {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-264px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes ani_4 {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-264px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}


.ani_1{
   animation-name: ani_1 ;
  transform-origin: 50% 50%;
  -webkit-animation-name: ani_1  ;
  -webkit-transform-origin: 50% 50%;
  -moz-animation-name: ani_1  ;
  -moz-transform-origin: 50% 50%;
  -o-animation-name: ani_1  ;
  -o-transform-origin: 50% 50%;
  -ms-animation-name: ani_1  ;
  -ms-transform-origin: 50% 50%;
}
.ani_2{
  animation: ani_2  ;
  transform-origin: 50% 50%;
  -webkit-animation: ani_2  ;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: ani_2  ;
  -moz-transform-origin: 50% 50%;
  -o-animation: ani_2  ;
  -o-transform-origin: 50% 50%;
  -ms-animation: ani_2  ;
  -ms-transform-origin: 50% 50%;
}
.ani_3{
  animation: ani_3  ;
  transform-origin: 50% 50%;
  -webkit-animation: ani_3  ;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: ani_3  ;
  -moz-transform-origin: 50% 50%;
  -o-animation: ani_3  ;
  -o-transform-origin: 50% 50%;
  -ms-animation: ani_3  ;
  -ms-transform-origin: 50% 50%;
}
.ani_4{
  animation: ani_4  ;
  transform-origin: 50% 50%;
  -webkit-animation: ani_4  ;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: ani_4  ;
  -moz-transform-origin: 50% 50%;
  -o-animation: ani_4  ;
  -o-transform-origin: 50% 50%;
  -ms-animation: ani_4  ;
  -ms-transform-origin: 50% 50%;
}
.ani_5{
  animation: ani_5  ;
  transform-origin: 50% 50%;
  -webkit-animation: ani_5  ;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: ani_5  ;
  -moz-transform-origin: 50% 50%;
  -o-animation: ani_5  ;
  -o-transform-origin: 50% 50%;
  -ms-animation: ani_5  ;
  -ms-transform-origin: 50% 50%;
}
.ani_6{
  animation: ani_6  ;
  transform-origin: 50% 50%;
  -webkit-animation: ani_6  ;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: ani_6  ;
  -moz-transform-origin: 50% 50%;
  -o-animation: ani_6  ;
  -o-transform-origin: 50% 50%;
  -ms-animation: ani_6  ;
  -ms-transform-origin: 50% 50%;
}
.ani_7{
  animation: ani_7  ;
  transform-origin: 50% 50%;
  -webkit-animation: ani_7  ;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: ani_7  ;
  -moz-transform-origin: 50% 50%;
  -o-animation: ani_7  ;
  -o-transform-origin: 50% 50%;
  -ms-animation: ani_7  ;
  -ms-transform-origin: 50% 50%;
}


.equity_list_img_block{
	display: none;
}

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

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

.equity_list_title{
	color: #636363;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
}

.equity_list_con{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

.equity_list:nth-child(1) .equity_list_con{color:#e96d78;}
.equity_list:nth-child(2) .equity_list_con{color:#98c34e;}
.equity_list:nth-child(3) .equity_list_con{color:#58bbd9;}
.equity_list:nth-child(4) .equity_list_con{color:#ecae77;}
.equity_list:nth-child(5) .equity_list_con{color:#999999;}


.img_block{
	position: relative;
	height: 350px;
	margin-bottom: -350px;
}

.img_block img{
	position: absolute;
}

.img_block img:nth-child(1){
	bottom:-45%;
	left: 5%;
	z-index: 999;
}

.img_block img:nth-child(2){
	bottom: -12%;
	left: 10%;
	z-index: 999;
}

/* 影片崁入 */
.index_movie_box{
 	width: 100%;
 }

.index_movie{
	width: 100%;
  	height: 650px; 
	position: relative;
	margin-bottom: 60px;
}
.index_movie .video-wrap{
 	position: relative; 
}
.index_movie #player{
  	width:100%;
  	height: 650px; 
  	position: absolute;
  	top:0;
  	left:0;  
}
.index_movie .player-hover{
 	position: absolute;
  	width:100%;
  	height: 650px; 
  	background-size:cover;
  	display:block;
  	background-image: url('../images/index_movie_bg.png');
  	background-size: cover;
  	background-position: 50% 13%;
  	background-repeat: no-repeat;
  	top:0;
  	left:0;
  	z-index:100;
}

.index_movie_top{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 5000;
}

.index_movie_text{
	width: 100%;
    text-align: center;
    padding-top: 14%;
    cursor: pointer;
}


/*===============================*/
/*===== product =================*/
/*===============================*/



/* 分類框 */
.product_classification{
	width: 100%;
}

.product_classification_box{
    width: 97%;
    margin: 0 auto;
    border: solid 1px #ae8f72;
    border-radius: 1000px;
	margin-bottom: 23px;
    position: relative;
}

.product_classification_box ul{
	width: 90%;
	margin: 0 auto;
}

.product_classification_list{
	/*width: 100%;*/
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.product_classification_list div{
	padding: 5px 0;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

.product_classification_list div:hover{
    /* background: #851b24; */
    color: #ae8f72;
    /* border-radius: 99em; */
    border-radius: 6px;
    /* padding: 20px 0; */
}

.product_classification .owl-theme .owl-dots .owl-dot{
	display: none;
}

.product_classification .owl-theme .owl-nav .owl-prev{
	position: absolute;
    left: -4%;
	top: 5%;
    background: 0;
}

.product_classification .owl-theme .owl-nav .owl-prev:hover{
    background: 0;
}

.product_classification .owl-theme .owl-nav .owl-next{
	position: absolute;
	right: -4%;
	top: 5%;
    background: 0;
}

.product_classification .owl-theme .owl-nav .owl-next:hover{
	background: 0;
}

.product_select_class{
	margin-left: 1.5%;
	margin-bottom: 40px;
}	

.product_select_class p{
	display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: rgb(116, 121, 126);
    font-weight: bold;
    margin-top: 10px;
}

.product_select_class .product_select_class_ul{
    width: 86%;
    display: inline-block;
    vertical-align: top;
}

.product_select_class_ul .product_select_class_list{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.7;
	color: rgb(116, 121, 126);
	font-weight: bold;
	letter-spacing: 1px;
    margin: 6px 15px;
	position: relative;
}

.product_select_class_close{
	font-weight: normal;
    position: absolute;
    top: -55%;
    right: -40%;
    cursor: pointer;
}

.product_select_class_ul .product_select_class_list:hover{
	color: #851b24;
}

/* 排序 */
.product_sorting{
	width: 100%;
	margin-bottom: 30px;
}

.product_sorting_text{
	width: 100%;
}

.product_sorting_ul{
    width: 97%;
    margin: 0 auto;
    text-align: right;
}

.product_sorting_ul .product_sorting_title{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: rgb(116, 121, 126);
	font-weight: bold;
}

.product_sorting_list{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 2px;
	color: rgb(116, 121, 126);
	cursor: pointer;
}

.product_sorting_list:hover{
	color: #ae8f72;
}

.product_sorting_list_line{
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px;
	color: rgb(116, 121, 126);
}

/* 產品列 */

/* 產品分類 */
.product_list_class{
	font-size: 14px;
	color: rgb(153, 169, 181);
	line-height: 1.4;
	margin-bottom: 22px;
}

.product_list_class span{
	margin: 0 2px;
}

.product_box .li_3_con{
	margin-bottom: 30px;
}

/* 專for product頁面 */
.product_main .li_3:hover .p_pic_hover{
	display: block;
}

.product_main .li_3:hover .li_3_title{
	color: #ae8f72;
}

.product_main .li_3:hover .li_3_con{
	color: #ae8f72;
}

.product_main .li_3:hover ul.icon_box{
	display: block;
}

.product_main .li_3_pic{
	padding-bottom: 75%;
	position: relative;
}
.product_main .list_pic{position: relative;}


/*===============================*/
/*===== product_detail ==========*/
/*===============================*/


.product_detail{
	width: 100%;
    margin-bottom: 105px;
}

.product_detail_picbox{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.product_detail_picbox .owl-theme .owl-nav{
	display: none;
}

.product_detail_picbox .owl-dots{
	position: absolute;
    bottom: 6%;
	left: 0;
	right: 0;
	margin: auto;
}

.product_detail_pic{
	width: 100%;
	margin-bottom: 25px;
}


.product_detail_pic360 p{
	position: absolute;
    bottom: 15%;
    right: 2%;
    z-index: 5000;
	display: inline-block;
	padding: 9px 22px;
	font-size: 14px;
	line-height: 14px;
	color: rgb(237, 237, 237);
	background-color: #a0a0a0;
	border-radius: 100px;
	cursor: pointer;
}

.pic360_lightbox_bg{
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 5000;
  display: none;
}

.pic360_lightbox{
    width: 30%;
    height: 420px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    border: solid 5px #CCC;
    overflow: auto;
    margin: auto;
    padding: 30px;
}

.pic360_lightbox_ul{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.pic360_lightbox_close{
	position: absolute;
	top: 2%;
	right: 2%;
	cursor: pointer;
}

.product_detail_share{
	width: 100%;
	text-align: center;
}

.product_detail_text{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	margin-left: 3%;
}

.product_detail_text_title{
	width: 100%;
	font-size: 36px;
	color: rgb(60, 57, 80);
	line-height: 1.4;
	margin-bottom: 30px;
}

.product_detail_text_con{
  	font-size: 16px;
    color: rgb(95, 114, 127);
    line-height: 1.7;
    margin-bottom: 72px;
}

/* 價錢 */
.product_detail_text_price{
	width: 100%;
	margin-bottom: 25px;
}

.normal_price{
	display: inline-block;
	vertical-align: top;
}

.normal_price_title{
  	font-size: 14px;
    color: rgb(153, 169, 181);
    font-weight: bold;
    margin-bottom: 30px;
}

.normal_price_num{
  	font-size: 24px;
  	color: rgb(153, 169, 181);
  	line-height: 1.4;
}

.friend_price{
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
}

.friend_price_title{
  	font-size: 14px;
    color:#851b24;
  	font-weight: bold;
  	margin-bottom: 15px;
}

.friend_price_num{
    font-size: 42px;
    font-weight: bold;
    color: rgb(60, 57, 80);
}

/* 近視度數 */
.product_detail_text_myopia{
	width: 100%;
	margin-bottom: 18px;
}

.left_eye{
	width: 45%;
	display: inline-block;
	vertical-align: middle;
}

.left_eye select{
	width: 60px;
	height: 35px;
	margin-left: 12px;
}

.right_eye{
	width: 45%;
	display: inline-block;
	vertical-align: middle;
}

.right_eye select{
	width: 60px;
	height: 35px;
	margin-left: 12px;
}

/* 暫無庫存 */
.product_detail_text_nostock{
	width: 100%;
	color: #851b24;
	font-size: 14px;
	line-height: 14px;
}

/* 收藏與購物車 */
.product_detail_text_shop{
	width: 100%;
}


.product_detail_text_shop ul li{
	width: 40%;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	border-radius: 1000px;
	border: solid 2px #6d7982;
	color: #6d7982;
	padding: 15px 0;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.product_detail_text_shop ul li>p{
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px;
}

.product_detail_text_shop ul li div{
	display: inline-block;
	vertical-align: middle;
}

.product_detail_text_shop ul li .img_off_1{
	width: 22px;
	height: 18px;
	background-image: url('../images/pd_icon_wish_off.png');
	background-repeat: no-repeat;
}
.product_detail_text_shop ul li .img_off_1.active{
	background-image: url('../images/pd_icon_wish_on.png');
}


.product_detail_text_shop ul li .img_off_2{
	width: 22px;
    height: 22px;
	background-image: url('../images/pd_icon_cart_off.png');
	background-repeat: no-repeat;
}
.product_detail_text_shop ul li .img_off_2.active{
	background-image: url('../images/pd_icon_cart_on.png');
}


.product_detail_text_shop ul li:hover{
	background-color: #851b24;
	color: #FFF;
}



.product_detail_text_shop .img_off_1_remind1,
.product_detail_text_shop .img_off_1_remind2{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	display: none;
}

.product_detail_text_shop .img_off_1_remind1 p,
.product_detail_text_shop .img_off_1_remind2 p{
    display: inline-block;
    padding: 25px 45px;
	box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.5);
	color: #6d7982;
	border-radius: 1000px;
}

.product_detail_text_shop_cart{
	margin-left: 35px;
}

/* tab */
.product_detail_intro_tab{
	width: 100%;
	margin-bottom: 50px;
}

.product_detail_intro_tab ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #b6c6c9;
}
.product_detail_intro_tab ul.tabs li{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	background: #f4f6f7;
	color: #798892;
	padding: 15px 35px;
	cursor: pointer;
	margin-right: 8px;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border: 1px solid #b6c6c9;
	transition: ease-in-out 1s;
	-moz-transition: ease-in-out 1s;
	-webkit-transition: ease-in-out 1s;
	-o-transition: ease-in-out 1s;
}

.product_detail_intro_tab ul.tabs li.current{
	background: none;
	border-bottom: solid 1px #FFF; 
	box-sizing: border-box;
	border-left:solid 1px #b6c6c9;
}

.product_detail_intro_tab .tab-content{
	display: none;
	background: #fff;
	border: solid 1px #b6c6c9;
	border-top: 0;
	padding: 0px;
	line-height: 1.7;
}

.product_detail_intro_tab .tab-content.current{
	display: inherit;
}


ul.tab4_info{
	width: 100%;
}

.tab4_list{
	width: 45%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 1.5% 40px;
}

.tab4_list_title{
	width: 100%;
	text-align: center;
	background-color: #eeeeee;
	color: rgb(66, 69, 72);
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
	padding: 15px 0;
	margin-bottom: 30px;
}

.tab4_list_pic{
	width: 100%;
	text-align: center;
}


/* 猜你會喜歡 */
.product_detail_guess{
	width: 100%;
	margin-bottom: 60px;
	position: relative;
}

.product_detail_guess_title{
	font-size: 24px;
    line-height: 24px;
	letter-spacing: 2px;
	color: #62747e;
	margin-bottom: 35px;
	font-weight: bolder;
}


.product_detail_guess_ul{
	width: 100%;
}

.product_detail_guess_list{
    width: 100%;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    border: solid 1px #dfe5e8;
    position: relative;
}

.guess_list_pic{
	width: 100%;
	height: 0;
	padding-bottom: 111%;
	margin-bottom: 20px;
	position: relative;
}

.guess_list_text{
	width: 95%;
	text-align: center;
	margin: 0 auto;
}

.guess_list_text_title{
	font-size: 14px;
	color: rgb(95, 114, 127);
	line-height: 1.5;
	letter-spacing: 1px;
	margin-bottom: 12px;
}


.guess_list_text_price{
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	color:#851b24;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.product_detail_guess .product_detail_guess_list:hover .p_pic_hover{
	display: block;
}

.product_detail_guess .product_detail_guess_list:hover ul.icon_box{
	display: block;
}

.product_detail_guess .owl-dots{
	display: none;
}

.product_detail_guess .owl-prev{
	position: absolute;
	top: 35%;
	left: -5%;
}

.product_detail_guess .owl-next{
	position: absolute;
	top: 35%;
	right: -5%;
}

.product_detail_guess .owl-theme .owl-nav [class*=owl-]{
	background: none;
}

.product_detail_guess .owl-theme .owl-nav [class*=owl-]:hover{
	background: none;
}


/*===============================*/
/*===== 門市據點 ================*/
/*===============================*/

/* storehold  */


/* 分類選擇 */
.storehold_class{
	width: 100%;
}

.storehold_class_form{
	width: 100%;
	overflow: hidden;
}

.storehold_class_form select{
	width: 170px;

	margin-right: 35px;
	padding: 15px;
	font-size: 16px;
	color: rgb(60, 57, 80);
	letter-spacing: 2px;
	outline: 0;
	cursor: pointer;
	font-family: Microsoft JhengHei;

}

.storehold_class .search_box{
	display: inline-block;
    float: right;
    padding: 15px 13px;
    border: solid 1px #c9c9c9;
    border-radius: 5px;
    margin-right: 1.5%;
}

.search_box button{
	display: inline-block;
	vertical-align: top;
	margin: 0 -2px;
	background: 0;
	border: 0;
	outline: 0;
	cursor: pointer;
}

.search_box .fa.fa-search{
	background: 0;
}

.search_box input{
	width: 70px;
	display: inline-block;
	vertical-align: top;
	margin: 0 -2px 0 8px;
	border: 0;
	outline: 0;
	font-family: Microsoft JhengHei;
}

/* 重新定位 */
.re_position{
	display: inline-block;
	vertical-align: top;
	background: #851b24;
	color: #FFF;
	padding: 15px 30px;
	border-radius: 50px;
	margin: 28px 0;
	cursor: pointer;
}

.re_position .fa.fa-map-marker{
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	line-height: 30px;
}

.re_position p{
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}

/* 產品列 */

.storehold_main .owl-theme .owl-nav{
	margin-top: 0px;
    display: none;
}

.storehold_main .owl-theme .owl-dots{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}

.storehold_main .li_3_ow{
	position: relative;
}

.storehold_list_pic_hover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ae8f72;
	opacity: 0.8;
	display: none;
	z-index: 9999;
	pointer-events: none;
}

.pic_hover_morebox{
	display: inline-block;
	font-size: 16px;
	padding: 14px 18px;
	background: #FFF;
	color: #851b24;
	opacity: 1;
	border-radius: 25px;
	cursor: pointer;
    width: 70px;
    height: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: painted;
}

.storehold_box .li_3_pic{
	position: relative;
}

.storehold_box .li_3_ow:hover .storehold_list_pic_hover{
	display: block;
}

.storehold_box .li_3_con{
	margin-bottom: 25px;
}

.storehold_box .li_3_title{
 letter-spacing: 0px;
}



.storehold_list_lightbox{
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    display: none;
}

.storehold_list_lightbox_con{
    width: 580px;
    height: 580px;
    background: #FFF;
    border: solid 7px #dbdbdb;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: auto;
    padding: 1.5%;
}

.sllc_title{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.3;
	margin-bottom: 15px;
}

.sllc_link{
	margin-bottom: 20px;
}

.sllc_map{
	width: 100%;
	height: 300px;
	margin-bottom: 18px;
}

.sllc_map iframe{
	width: 100%;
	height:100%;
}

.sllc_text{
	width: 100%;
	margin-bottom: 55px;
	font-size: 15px;
	font-weight: bold;
	color: rgb(95, 114, 127);
	line-height: 3;
}

.sllc_movie{
	width: 100%;
	height: 300px;
}

.sllc_movie iframe{
	width: 100%;
	height:100%;
}

.storehold_list_lightbox_close{
	position: absolute;
	top: 2%;
	right: 2%;
	cursor: pointer;
}

.storehold_list_text{
	width: 100%;
	background: #fff;
	padding: 20px 0 35px;
}

.storehold_list_text_title{
    width: 95%;
    margin: 0 auto 20px;
	font-size: 22px;
	font-weight: bold;
	color: rgb(49, 55, 60);
	line-height: 1.5;
}

.storehold_list_text_class{
    width: 100%;
}

.storehold_list_text_class_ul{
	width: 100%;
}

.storehold_list_text_class_list{
    display: inline-block;
    vertical-align: top;
    background: #a0a0a0;
    color: #FFF;
    padding: 7px 7px;
    border-radius: 20px;
    margin: 0 1px 4px;
}

.storehold_list_text_class_list p{
	font-size: 12px;
	line-height: 12px;
    font-weight: 500;
    -webkit-transform : scale(0.8333); /* 把字等比縮小到類似10px */
}

.storehold_list_text_con{
    width: 95%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.5;
    color: #5f727f;
}

.storehold_main .page_no{
	padding:10px 0 0;
}


/*===============================*/
/*===== news ====================*/
/*===============================*/

.news_main,
.news_class{
	width: 100%;
}

.news_class_ul{
    margin: 0 0 30px 20px;
}

.news_class_list{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: 1px;
    background: #dadada;
    color: rgb(84, 84, 84);
    border-radius: 6px;
    padding: 15px 23px;
    margin-right: 30px;
    cursor: pointer;
    transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}

.news_class_list:hover{
	background: #ae8f72;
	color: #fff;
}

.news_class_list_num{display: none;}

/* 對於news頁面的共用更動 */
.news_main .page_no{
	padding: 40px 0 80px;
}

.news_main .li_3{
	margin: 0 1% 30px;
}

.news_main .li_3:hover .li_3_title{
	color: #ae8f72;
}

.news_main .li_3_day_text{

}

.news_main div.special_list_act_imgbox{
	display: inline-block;
    vertical-align: middle;
}

.news_main .special_remind1, 
.news_main .special_remind2{
	width: 100%;
}

.phone_ul_9{
	display: none;
}

/*===============================*/
/*===== news_detail =============*/
/*===============================*/


.news_detail_titlebox{
	width: 100%;
	margin-bottom: 20px;
}

.news_detail_titlebox_text{
	width: 67%;
	display: inline-block;
	vertical-align: middle;
}

.news_detail_titlebox_share{
    width: 29%;
    margin-left: 3%;
    display: inline-block;
    vertical-align: middle;
}

.news_detail_main .news_detail_title{
  	font-size: 26px;
  	font-weight: bold;
    color: rgb(49, 55, 60);
    line-height: 1.5;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.news_detail_main .news_detail_day{
  	font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    color: rgb(153, 169, 181);
    margin-bottom: 20px;
}

.news_detail_main .news_detail_pic{
	width: 100%;
	text-align: left;
	margin-bottom: 35px;
}

.news_detail_main .html{
	width: 100%;
	line-height: 1.7;
	margin-bottom: 80px;
}


/*===============================*/
/*===== 常見問題 ================*/
/*===============================*/

.faq_main{
	width: 100%;
}

.faq_box{
	width: 96%;
	padding: 90px 2%;
}

.faq_ul{
	width: 100%;
	overflow: hidden;
}

.faq_list{
	width: 40%;
	border-radius: 10px;
	text-align: center;
	padding: 55px 0 30px;
	transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}

.faq_list.faq_list_red{
	float: left;
	background: #eb6d77;
}

.faq_list.faq_list_blue{
	float: right;
	background: #00bcd4;
	cursor: pointer;
}

.faq_list_pic1{
	width: 115px;
	height: 115px;
	background-image: url('../images/faq_icon1.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto 40px;
}

.faq_list_pic2{
	width: 115px;
	height: 115px;
	background-image: url('../images/faq_icon2.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto 40px;
}

.faq_list:hover .faq_list_pic1{
	background-image: url('../images/faq_icon1_hover.png');
}

.faq_list:hover .faq_list_pic2{
	background-image: url('../images/faq_icon2_hover.png');
}

.news_list_text{
	width: 100%;
}

.news_list_title_tw{
	font-size: 36px;
	line-height: 36px;
	color:#fff;
	margin-bottom: 20px;
}

.news_list_title_en{
	font-size: 23px;
	line-height: 23px;
	color: rgb(32, 33, 38);
	margin-bottom: 30px;
}

.news_list_title_con{
	font-size: 16px;
	color: rgb(255, 255, 255);
  	line-height: 1.5;
}

/* lightbox */

.faq_list_lightbox_bg{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	display: none;
}

.faq_list_lightbox{
    width: 725px;
    height: 440px;
    background-color: #FFF;
    border: solid 7px #dbdbdb;
    border-radius: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	z-index: 99999;
    padding: 40px;
    overflow: auto;
}

.faq_list_lightbox_title{
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 35px;
}

/* 大分類 */
.faq_list_lightbox_bigclass{
	width: 100%;
	border: solid 1px #ae8f72;
	border-radius: 100px;
	padding: 12px 0;
	margin-bottom: 45px;
	position: relative; /* (ow箭頭) */
}

.fllb_ul.owl-carousel{
	width: 90%;
	margin: 0 auto;
}

.faq_list_lightbox_bigclass .owl-theme .owl-dots{display: none;}

.faq_list_lightbox_bigclass .owl-carousel .owl-nav .owl-prev{
	position: absolute;
    top: 13%;
    left: -5%;
    background: 0;
}

.faq_list_lightbox_bigclass .owl-carousel .owl-nav .owl-next{
	position: absolute;
	top: 13%;
	right: -5%;
	background: 0;
}

.fllb_list{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 15px 10px;
	margin-top: 5px;
}

.fllb_list:hover{
	padding: 15px 10px;
	background-color: #ae8f72;
	border-radius: 100px;
	color: #FFF;
}

/* 小分類 */
.faq_list_lightbox_sclass{
	width: 100%;
	margin-bottom: 35px;
	overflow: auto;
}

.flls_ul{
	width: 100%;
}

.flls_list{
	width: 32%;
	display: inline-block;
	vertical-align: top;
	float: left;
	padding: 12px 0;
	border-right: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
}

.flls_ul a:nth-child(3n) .flls_list{
	border-right: 0;
}

.flls_list:hover{
	background-color: #e9eff1;
}

.flls_list_num{
	width: 25%;
	display: inline-block;
	vertical-align: middle;
}

.flls_list_num p{
	width: 30px;
	height: 30px;
	padding: 8px;
	color: #FFF;
	background-color: #ae8f72;
	font-size: 20px;
	font-weight: bold;
    line-height: 28px;
	border-radius:99em;
}

.flls_list_text{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	color: #6d7274;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.5;
}


.faq_list_lightbox_btn{
	display: inline-block;
	padding: 15px 50px;
	background-color: #851b24;
	border-radius: 100px;
	font-size: 16px;
	line-height: 16px;
	color: #FFF;
	letter-spacing: 2px;
}

.faq_list_lightbox_btn:hover{
	opacity: 0.8;
}

.faq_list_lightbox_close{
	position: absolute;
	top: 2%;
	right: 2%;
}

/*===============================*/
/*===== 常見問題線上客服 ========*/
/*===============================*/



.faq_contact_side{
	width: 24%;
	display: inline-block;
	vertical-align: top;
	margin-top: 6%;
}

.faq_contact_side_ul{
	width: 100%;
}

.faq_contact_side_list{
	position: relative;
}

.faq_contact_side_list:last-child{
	border-bottom: solid 1px #dfe5e8;
}

.faq_contact_side_list .fcsl_title{
	border-top: solid 1px #dfe5e8;
	border-left: solid 1px #dfe5e8;
	border-right: solid 1px #dfe5e8;
	padding: 15px 20px 15px 15px;
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}

.fcsl_title_color{
	color: #ae8f72;
}

.fcsl_arrow{
	position: absolute;
	right: 4%;
	top: 35%;
}

.fcsl_arrow_active{
	position: absolute;
	right: 4%;
	top: 32%;
	display: none;
}

.faq_contact_side_list .fcsl_ul{
	display: none;
	background-color: #f4f6f7;
	color: #939494;
	border-left: solid 1px #dfe5e8;
	border-right: solid 1px #dfe5e8;
}

.faq_contact_side_list .fcsl_ul_open{
	display: block;
}

.faq_contact_side_list .fcsl_list{
	padding: 15px 25px;
	font-size: 14px;
	line-height: 1.4;
	cursor: pointer;
}

.fcsl_list .fcsl_list_span{
	width: 3px;
	height: 3px;
	border-radius: 99em;
	background-color: #939494;
	display: inline-block;
	vertical-align: middle;
}

.fcsl_list p{
	width: 88%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}

.fcsl_list_color{
	color: #ae8f72;
}

.fcsl_list_span_color{
	background-color: #ae8f72 !important;
}

.fcsl_list:hover{
	background-color: #eee;
}

/* 右側 */
.faq_contact_content{
	width: 65%;
	display: inline-block;
	vertical-align: top;
	margin-left:7%;
}

.faq_contact_con_title{
	font-size: 28px;
	line-height: 1.5;
	font-weight: normal;
	margin-bottom: 25px;
	    display: flex;
    align-items: center;
}

.faq_contact_con_title span{
	font-size: 60px;
	line-height: 60px;
	font-weight: bold;
	color: #31373c;
	display: inline-block;
    vertical-align: top;
    
}

.faq_contact_con_title p{
	display: inline-block;
    vertical-align: top;
    width: 92%;
    font-size: 20px;
    margin-left: 10px;
}

.faq_contact_content .html{
	width: 100%;
	line-height: 1.7;
	margin-bottom: 60px;
}

/*===============================*/
/*===== contact_main ============*/
/*===============================*/

.contact_main{
	width: 100%;
}

.contact_main .contact_box{
	
	height: auto;
	background: url('../images/contact_bg.png');
	background-repeat: no-repeat;
	background-size: cover;
    background-position: 0% 60%;
	overflow: hidden;

	width: 96%;
	padding: 90px 2%;
}

.contact_main .contact_service{
	width: 42%;
	float: left;
}

.contact_main .title{
	display: inline-block;
	vertical-align: middle;
  	font-size: 36px;
    line-height: 36px;
    letter-spacing: 1px;
    color: rgb(60, 57, 80);
    margin-bottom: 28px;
}

.contact_service .title:before{
	display: inline-block;
	vertical-align: middle;
	content: "";
	background: url('../images/contact_icon.png');
	width: 53px;
	height: 53px;
}

.contact_service_con{
	width: 84%;
	background: #ae8f72;
	padding: 40px 8% 50px;

	border-top-left-radius:0;
	border-top-right-radius:50px;
	border-bottom-right-radius:50px;
	border-bottom-left-radius:50px;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:50px;
	-webkit-border-bottom-right-radius:50px;
	-webkit-border-bottom-left-radius:50px;
	-moz-border-top-left-radius:0;
	-moz-border-top-right-radius:50px;
	-moz-border-bottom-right-radius:50px;
	-moz-border-bottom-left-radius:50px;
}

.contact_service_con_title{
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	color: rgb(255, 255, 255);
	margin-bottom: 20px;
}

.contact_service_con_phone{
 	font-size: 48px;
 	font-weight: bold;
 	color: rgb(251, 242, 135);
 	margin-bottom: 28px;
}

.contact_service_con_con{
	font-size: 14px;
	color: rgb(243, 243, 243);
	line-height: 1.7;
}

.contact_service_con_con:after{
	content: "";
	display: block;
	width: 60px;
	height: 2px;
	background: #FFF;
	margin: 25px 0;
}

.contact_service_con_time{
	font-size: 20px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	line-height: 1.5;
	letter-spacing: 2px;
}

/* 右form */
.contact_form_box{
	width: 52%;
	float: right;
}

.contact_form{
	width: 100%;
}

/* 姓名 */
.name_box{
	width: 100%;
	margin-bottom: 15px;
}

.name_box p{
	width: 100%;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: rgb(95, 114, 127);
	margin-bottom: 12px;
}
.name_box .name{
	width: 99%;
	height: 35px;
	padding-left: 1%;
}

/* 電話 */
.phone_box{
   	width: 100%;
    margin-bottom: 15px;
}

.phone_box p{
	width: 100%;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: rgb(95, 114, 127);
	margin-bottom: 12px;
}

.phone_box .phone{
	width: 99%;
	height: 35px;
	padding-left: 1%;
} 

/* 電子信箱 */
.mail_box{
	width: 100%;
	margin-bottom: 15px;
}

.mail_box p{
	width: 100%;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: rgb(95, 114, 127);
	margin-bottom: 12px;
}
.mail_box .mail{
	width: 99%;
	height: 35px;
	padding-left: 1%;
}

/* 雙眼資料 */
.eyeinfo_box{
	width: 100%;
}

.eyeinfo_box p{
	width: 100%;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: rgb(95, 114, 127);
	margin-bottom: 12px;
}

.eyeinfo_box_ul{
	width: 65%;
	margin: 0 auto 15px;
}

.eyeinfo_box_list{
	width: 40%;
	display: inline-block;
	vertical-align: top;
	margin-left: 2%;
}


.eyeinfo_box_list p{
	width: 45%;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0px;
	font-size: 14px;
	color: rgb(95, 114, 127);
}

.eyeinfo_box_list .eye{
    width: 43%;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    padding: 3px;
}

.eyeinfo_box div{
	font-size: 14px;
	font-weight: bold;
	color: rgb(95, 114, 127);
	margin: 5px 0 10px 2%;
}



/* 訊息主旨 */

.subject_box{
	width: 100%;
	margin-bottom: 15px;
}

.subject_box p{
	width: 100%;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: rgb(95, 114, 127);
	margin-bottom: 12px;
}

.subject{
	width: 99%;
	height: 35px;
	padding-left: 1%;
}

/* 備註或內容 */
.remarks_box{
	width: 100%;
	margin-bottom: 15px;
}

.remarks_box p{
	width: 100%;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: rgb(95, 114, 127);
	margin-bottom: 12px;
}

.remarks_box .remarks{
	width: 99%;
	height: 165px;
	padding-left: 1%;
	margin-bottom: 25px;
}

/* 送出 */
.contact_form_btn{
	display: inline-block;
	color: #FFF;
	background-color: #851b24;
	border: solid 3px #851b24;
	cursor: pointer;
	float: right;
	margin-top: 2em;
}
.h-captcha{ float:left;} 
.contact_form_btn p{
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: 4px;
	padding: 12px 75px;
}

.contact_form_btn:hover{
	color: #851b24;
	background-color: #FFF;
}



/*===============================*/
/*===== 隱私權政策 ==============*/
/*===============================*/



.privacy_issues_box .html{
	width: 90%;
	height: 800px;
	padding: 3% 5%;
	line-height: 1.7;
	border: solid 1px #ababab;
	overflow: auto;
	margin-bottom: 40px;
}

/*===============================*/  
/*===== 登入 ====================*/  
/*===============================*/
/* 共用於登入first、登入忘記密碼 */

.signin_title{
	width: 100%;
	margin-bottom: 60px;
	vertical-align: middle;
	font-size: 36px;
	/* font-weight: bold; */
	line-height: 1.4;
	color: rgb(60, 57, 80);
}

.signin_title:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url('../images/signin_icon.png');
	background-repeat: no-repeat; 
	width: 36px;
	height: 41px;
	margin-right: 15px;
}

.signin_content{
	width: 100%;
	margin: 0 auto;
	border: solid 1px #e5eaed;
	border-radius: 2px;
}

.signin_content_title{
	width: 100%;
	overflow: hidden;
}

.signin_content_list{
	width: 50%;
	float: left;
	text-align: center;
	border-bottom: solid 1px #eaeef0;
	font-size: 18px;
	line-height: 18px;
	color: #a8a8a8;
	letter-spacing: 2px;
	padding: 25px 0;
}

.signin_content_list:hover{
	background: #ae8f72;
	color: #fff;
}

.signin_content_list_color{
	border-right: solid 1px #eaeef0;
	box-sizing: border-box;
	background: #ae8f72;
	color: #fff;
	font-weight: bold;
}

.signin_form{
	width: 96%;
	padding: 40px 2%;
}

.signin_phone_box {
	width: 100%;
}

.signin_phone_box p{
	width: 100%;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: rgb(95, 114, 127);
	margin-bottom: 15px;
}

.signin_phone_box .phone{
    width: 98%;
    height: 35px;
    padding-left: 2%;
    margin-bottom: 25px;
    border: solid 1px #e5eaec;
    border-radius: 4px;
    display: block;
}

.signin_code_box{
	width: 100%;
}

.signin_code_box p{
	width: 100%;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: rgb(95, 114, 127);
	margin-bottom: 15px;
}

.signin_code_box .code{
    width: 97%;
    padding-left: 2%;
    height: 35px;
    margin-bottom: 15px;
    border: solid 1px #e5eaec;
    border-radius: 4px;
}
.signin_code_box select.code{
	height: 39px;
	width: 100%;
}

.signin_form_forgot{
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0px;
	color: #ccc;
	margin: 0 0 40px 10px;
}
.signin_form_forgot a{color:#7f7f7f!important;text-decoration: underline!important; }
.signin_form_forgot a:hover{text-decoration: none!important;  }


.signin_btnbox button.signin_btn{
	display: inline-block;
	vertical-align: middle;
	padding: 12px 75px;
	background-color: #851b24;
	color: #FFF;
	border: solid 3px #851b24;
	border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 4px;
	cursor: pointer;
}

.signin_btnbox button.signin_btn:hover{
	background-color: #FFF;
	color: #851b24;
}

.signin_btnbox .signin_btnbox_div{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 14px;
	height: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	color: rgb(168, 168, 168);
	margin-left: 25px;
}

.after_line{
	width: 100%;
	height: 2px;
	background-color: rgb(168, 168, 168);
	margin-top: 5px;
	display: none;
}

.signin_btnbox .signin_btnbox_div:hover .after_line{
	display: block;
}

/*===============================*/
/*===== 登入first ===============*/
/*===============================*/


.signin_first_box .signin_phone_box{
	margin-bottom: 25px;
}

.signin_first_box .signin_phone_box .phone{
	width: 61%;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0px;
}

.signin_first_box .signin_phone_box_div{
    width: 34.5%;
    margin-left: 1%;
    display: inline-block;
    vertical-align: middle;
}

.signin_first_box .signin_phone_box_div button{
	width: 100%;
	padding: 9px 0px;
	background-color: #851b24;
	color: #FFF;
	border: solid 1px #851b24;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	cursor: pointer;
}

.signin_first_box .signin_phone_box_div button:hover{
	background-color: #FFF;
	color: #851b24;
}



/*===============================*/
/*===== 登入(忘記密碼)===========*/
/*===============================*/


.signin_forgot_main .signin_phone_box{
	margin-bottom: 25px;
}

.signin_forgot_main .signin_content_list{
	width: 100%;
}

.signin_forgot_box .signin_phone_box .phone{
	width: 61%;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0px;
}



.signin_forgot_box .signin_phone_box_div{
    width: 34.5%;
    margin-left: 1%;
    display: inline-block;
    vertical-align: middle;
}

.signin_forgot_box .signin_phone_box_div button{
	width: 100%;
	padding: 9px 0px;
	background-color: #851b24;
	color: #FFF;
	border: solid 1px #851b24;
	border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
}

.signin_forgot_box .signin_phone_box_div button:hover{
	background-color: #FFF;
	color: #851b24;
}

.signin_forgot_main .signin_code_box{
	margin-bottom: 70px;
}


/*===============================*/
/*===== 會員中心 ================*/
/*===============================*/

.member_center_main{
	width: 100%;
}

.member_center_box{
	width: 96%;
	padding: 90px 2%;
}

/* 提醒 */
.member_center_remind{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
    z-index: 99999;
}

.member_center_remind ul{
    width: 32%;
    height: 350px;
    padding: 3%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background-color: #FFF;
    border: solid 5px #851b24;
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.member_center_remind_list{
	width: 100%;
}

.member_center_remind_line{
	width: 100%;
	height: 1px;
	background-color: #eb6d78;
	margin: 30px 0;
	display: block;
}

.member_center_remind_icon{
	width: 6%;
	display: inline-block;
	vertical-align: top;
}

.member_center_remind_text{
	width: 80%;
	display: inline-block;
	vertical-align: top;
	margin-left: 5%;
}

.member_center_remind_title{
 	font-size: 30px;
 	font-weight: bold;
 	letter-spacing: 1px;
 	line-height: 30px;
 	color: #eb6d78;
 	margin-bottom: 20px;
}

.member_center_remind_con{
 	font-size: 16px;
 	font-weight: bold;
 	letter-spacing: 1px;
 	line-height:1.5;
 	color: #898989;
}

.member_center_remind_close{
	position: absolute;
	top: 2%;
	right: 2%;
	cursor: pointer;
}
/* 提醒 END*/

/* info */
/* info_up */
.member_center_info_up{
	width: 100%;
	min-height: 390px;
	background-color: #FFF;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
    margin-bottom: 22px;
}


.info_up_progress{
	width: 28%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: center;
	margin:-25px 0 0 25px;
}

.info_up_progress .progress_bg{
	width: 100%;
	height: 415px;
	background: -moz-linear-gradient(top, #ededed 25%,#c9c8c8 50%,#8d8b8b 75%,#595757 100%);
	background: -webkit-linear-gradient(top, #ededed 25%,#c9c8c8 50%,#8d8b8b 75%,#595757 100%);
	background: linear-gradient(to bottom, #ededed 25%,#c9c8c8 50%,#8d8b8b 75%,#595757 100%);
	padding-top: 18px;
}

.info_up_progress .progress_bg_white{
	width: 90%;
	height: 280px;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: inset 1px 1px 25px 1px rgba(0,0,0,0.5);
	margin-bottom: 15px;
}

.info_up_progress .progress_pic{
	width: 90%;
	margin: 0 auto;
	transform: translateY(30px);
	position: relative;
}

.progress_pic .progress_pic_logo{
    width: 50%;
    height: auto;
    position: absolute;
    top: 41%;
    bottom: auto;
    left: 6%;
    right: 0;
    margin: auto;
}

.progress_pic .progress_pic_text{
	display: none;
}


.progress_text_point{
	font-size:16px;
	letter-spacing: 2px;
	line-height: 1.4;
	color: #FFF;
}

.progress_text_point span{
	color: #F8EF85;
	font-size:22px;
	font-weight: bold;
}

.progress_text_point:after{
	content: "";
	display: block;
	background-color:#8f8f8f;
	width:80%;
	height: 1px;
	margin: 10px auto 16px;
}

.progress_text_day{
	font-size:16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.4;
	color: #cac9c9;
}

.p-block{
	position: absolute;
    top: 18%;
    left: 24%;
}

#p-bar{
	width: 170px;
  	height: 170px;
  	position: relative;
  	border: 0;
}
#p-bar img{
	position: absolute;
}

#container {  
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}


.info_up_con{
    width: 59%;
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
}

.info_up_con_call{
    width: 100%;
    height: 35px;
    overflow: hidden;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.4;
    color: #595757;
    margin-top: 0px;
    margin-bottom: 14px;
    padding-left: 1.5%;
}

.info_up_con_call .call_situation{
	display: inline-block;
	vertical-align: top;
	float: left;
}

.info_up_con_call .call_name{
	display: inline-block;
	vertical-align: top;
	float: left;
}

.info_up_situation{
	width: 90%;
	overflow: hidden;
	margin-bottom: 48px;
    padding-left: 5%;
}

.situation_1{
	display: inline-block;
	vertical-align: top;
	float: left;
}

.situation_1 img{
	display: inline-block;
	vertical-align: middle;
}
.situation_1 p{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}

.situation_2{
	display: inline-block;
	vertical-align: top;
	float: left;
	margin-left: 10px;
}

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

.situation_2 p{
	display: inline-block;
	vertical-align: middle;
	color: #DF6D77;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}

.info_up_con_ul{
	width: 100%;
	margin-bottom: 25px;
}

.info_up_con_list{
	width: 29.5%;
	margin:0 1.5% 10px;
	display: inline-block;
	vertical-align: top;
}

.info_up_con_list .lightbox_btn{
	display: block;
    background-color: #FFF;
    color: #FFF;
    padding: 0;
    cursor: pointer;
    border-radius:0;
    box-shadow: 0px 0px 0px 0px;
        min-height: 145px;
}

.info_up_con_list .lightbox_btn:hover{
	background-color: #F3F3F3;
}

.iucl_pic{
	width: 100%;
	text-align: center;
	margin-bottom: 12px;
}

.iucl_text{
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 1px;
	color: #3E3A39;
}

.iucl_text span{
	color: #DF6D77;
}

.info_up_con_list .lightbox_btn_wrapper_con{
    padding: 4%;
}

.info_up_con_list .lightbox_btn_wrapper{
    height: 210px;
	border: solid 5px #851b24;
	border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.info_up_con_list .lightbox_btn_wrapper_con_icon{
	width: 14.5%;
	display: inline-block;
	vertical-align: top;
}

.info_up_con_list .lightbox_btn_wrapper_con_text{
	width: 78%;
	display: inline-block;
	vertical-align: top;
}

.info_up_con_list .lightbox_btn_wrapper_con_title{
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 2px;
	font-weight: bold;
	color: #000;
}

.info_up_con_list .lightbox_btn_wrapper_con_title:after{
	content: "";
	display: block;
	background-color: #851b24;
	width: 100%;
	height: 1px;
	margin:20px 0;
}


.info_up_con_list .lightbox_btn_wrapper_con_con{
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: 1px;
	font-weight: bold;
	color: #595757;
}

.info_up_con_list .lightbox_btn_wrapper_con_con button{
	display: inline-block;
	padding: 12px 20px;
	background-color: #851b24;
	color: #fff;
	border: 0;
	border-radius: 5px;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 2px;
}

.info_up_con_list .lightbox_btn_wrapper_con_con button:hover{
	opacity: 0.8;
}


/* info_down */
.member_center_info_down{
	width: 100%;
	margin-bottom: 25px;
}

.info_down_ul{
	width: 100%;
}

.info_down_list{
	width: 24%;
    display: inline-block;
    vertical-align: top;
    background-color: #851b24;
    margin: 0 0.3%;
    margin-bottom: 10px;
    transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}

.info_down_list_con{
	padding: 20px;
	margin-left: 25px;
}

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

.info_down_list_con p{
	display: inline-block;
	vertical-align: middle;
	font-size: 21px;
	font-weight: bold;
	line-height: 21px;
	color: #FFF;
	letter-spacing: 2px;
	margin-left: 20px;
}

.info_down_list:hover{
	opacity: 0.8;
}

/* 會員好康 */
.member_center_good{
	width: 100%;
}

.member_center_good_title{
	width: 100%;
	text-align: center;
    margin-bottom: 30px;
}

.member_center_good_title p{
	width: 11%;
	display: inline-block;
	vertical-align: middle;
	color: #595757;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 18px;
	margin: 0 2%;
}

.member_center_good_title:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-color: #595757;
	width: 40%;
	height: 1px;
}

.member_center_good_title:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-color: #595757;
	width: 40%;
	height: 1px;
}

.member_center_good_ul{
	width: 100%;
	overflow: hidden;
    margin-bottom: 30px;
}

.member_center_good_list{
	width: 33.3333%;
    float: left;
    padding: 98px 0;
   	margin-top: -1px;
}

.member_center_good_list1,
.member_center_good_list3,
.member_center_good_list5{
	background-color: #ae8f72;
}

.member_center_good_list1:hover{
	background-image: url('../images/member_center_bg4.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.member_center_good_list3:hover{
	background-image: url('../images/member_center_bg5.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.member_center_good_list5:hover{
	background-image: url('../images/member_center_bg6.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.member_center_good_list_pic{
	width: 100%;
	text-align: center;
	margin-bottom: 18px;
}

.member_center_good_list_title{
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}

.member_center_good_ul_ad{
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
	overflow: hidden;
}

.member_center_good_ul_ad li{
	width: 50%;
	float: left;
}

.member_center_good_ul_ad li div{
	width: 100%;
	height: 0;
	padding-bottom: 30%;
	background-repeat: no-repeat;
	background-size: cover;
}

.member_center_good_ul_ad li div:hover{
	opacity: 0.8;
}

/* 會員權益 */
.member_center_right{
	width: 100%;
}

.member_center_right_pic{
	width: 37.5%;
	display: inline-block;
	vertical-align: top;
	margin: 0 3%;
	text-align: center;
}

.member_center_right_text{
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.member_center_right_text_title{
	font-size: 26px;
	line-height: 26px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #851b24;
	margin-bottom: 32px;
}

.member_center_right_text_con{
	margin-bottom: 22px;
}

.member_center_right_text_con div{
	font-size: 18px;
	line-height: 1.4;
	color: #3E3A39;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.member_center_right_text_con span{
	font-size: 24px;
}

.member_center_right_text_btn{
	display: inline-block;
	background-color: #851b24;
	color: #FFF;
	padding: 7px 12px;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 1px;
	border-radius: 5px;
}

.member_center_right_text_btn:hover{
	opacity: 0.8;
}

/* 會員權益 END*/


/*===============================*/
/*===== 優惠券專區 ==============*/
/*===============================*/



.member_center_coupon_title{
	font-size: 32px;
    font-weight: bold;
    line-height: 32px;
    color: rgb(60, 57, 80);
    margin: 0 0 22px 1.5%;
}

.lightbox_btn_text{
	display: inline-block;
    vertical-align: middle;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: 20px;
}

.member_center_coupon_class{
	width: 100%;
	margin-bottom: 20px;
}

.mccc_ul{
	margin-left: 1.5%;
}

.mccc_list{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 18px;
	color: #595650;
	font-weight: bold;
	margin-right: 32px;
}

.mccc_list:hover{
	color: #ae8f72;
}

.mccc_list_aim{
	color: #ae8f72;
    border: solid 1px #ae8f72;
    border-radius: 30px;
    padding: 12px 18px;
}

.coupon_list_text_title{
	font-size: 24px;
	line-height: 1.4;
	font-weight: bold;
	color: #851b24;
	margin-bottom: 5px;
}

.coupon_list_text_threshold{
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	color: #595650;
}

.coupon_list_text_threshold span{
	display: inline-block;
    vertical-align: top;
    width: 70%;
}

.coupon_list_text_deadline{
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	color: #595650;
}

.coupon_list_text_deadline span{
	display: inline-block;
    vertical-align: top;
    width: 70%;
}

.receive_btn{
	width: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    background: #AAAAAA;
    color: #FFF;
    letter-spacing: 2px;
    padding: 15px 0;
    margin: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    cursor: pointer;
}

.receive_btn:hover{
	opacity: 0.8;
}

.receive_btn_no{
	width: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    background: #ae8f72;
    color: #FFF;
    letter-spacing: 2px;
    padding: 15px 0;
    margin: 0;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    cursor: pointer;
}

.receive_btn_no:hover{
	opacity: 0.8;
}

.member_center_coupon_main .page_no{
	padding: 0;
}

/*===============================*/
/*===== 我的優惠券 ==============*/
/*===============================*/

.member_center_mycoupon_main{
	width: 100%;
}

.member_center_mycoupon_main .member_center_coupon_class{
	overflow: hidden;
}

.member_center_mycoupon_main .mccc_ul{
	float: left;
}

.add_coupon_box{
	float: right;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.5%;
}

.add_coupon_title{
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #595650;
	display: inline-block;
	vertical-align: middle;
}

.add_coupon_form{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

.add_coupon_form_input{
	width: 190px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 -2px;
	box-sizing: border-box;
	background-color: #F5F7F6;
	border: 0;
	padding-left: 10px;
	outline: 0;
	    font-family: Microsoft JhengHei;
}

.add_coupon_form_btn{
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 -2px;
	padding: 8px 15px;
	border: 0;
	background-color: #07202A;
	color: #FFF;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 2px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* placeholder css */
.add_coupon_form_input::-webkit-input-placeholder { /* Chrome */
  color: #07202A;
  font-weight: bold;
  letter-spacing: 1px;
}
.add_coupon_form_input:-ms-input-placeholder { /* IE 10+ */
  color: #07202A;
   font-weight: bold;
  letter-spacing: 1px;
}
.add_coupon_form_input::-moz-placeholder { /* Firefox 19+ */
  color: #07202A;
  opacity: 1;
   font-weight: bold;
  letter-spacing: 1px;
}
.add_coupon_form_input::-moz-placeholder { /* Firefox 4 - 18 */
  color: #07202A;
  opacity: 1;
  font-weight: bold;
  letter-spacing: 1px;
}

.member_center_mycoupon_main .page_no{
	padding: 0;
}


/*===============================*/
/*===== 推薦賺點 ================*/
/*===============================*/


.member_center_recommend_remindbg{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
    z-index: 10000;
}

.member_center_recommend_remind{
	width: 680px;
	height: 460px;
	background-color: #fff;
	border: solid 5px #851b24;
	box-sizing: border-box;
	border-top-left-radius:0px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 50px;
}

.member_center_recommend_remind ul{
 	width: 100%;
}

.member_center_recommend_remind ul .recommend_remind_list{
	width: 100%;
}

.recommend_remind_list_pic{
	width: 22%;
	display: inline-block;
	vertical-align: top;
}

.recommend_remind_list_text{
	width: 67.5%;
    display: inline-block;
    vertical-align: top;
    margin-left: 7%;
}

.recommend_remind_list_title{
	font-size: 26px;
	line-height: 26px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #851b24;
	margin-bottom: 28px;
}

.recommend_remind_list_con{
	font-size: 18px;
	line-height:1.4;
	font-weight: bold;
	letter-spacing: 1px;
	color: #898989;
}

.recommend_remind_list_con span{
	font-size: 24px;
	color: #EB6D78;
}

.recommend_remind_line{
	width: 100%;
	height: 1px;
	background-color: #851b24;
	display: block;
	margin: 30px 0;
	opacity: .2;
}

.recommend_remind_close{
	position: absolute;
    top: 2%;
    right: 2%;
    cursor: pointer;
}

.member_center_recommend_titlebox >div{
	display: inline-block;
	vertical-align: middle;
}

.member_center_recommend_titlebox .member_center_recommend_title{
	width: 56%;
    font-size: 32px;
    font-weight: bold;
    line-height: 32px;
    color: rgb(60, 57, 80);
    margin: 0 0 22px 0%;
}

.member_center_recommend_titlebox .active_detail_titlebox_share{	
	width: 40%;
	text-align: right;
}

.member_center_recommend_qr{
	width: 1000px;
	margin: 75px auto 50px;
}

.recommend_qr_bg{
	width: 100%;
	height: 0;
	padding-bottom: 49%;
	background: url('../images/recommend_qr.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 45px;
    position: relative;
}

.rqb_box{
    display: inline-block;
    position: absolute;
    right: -80px;
    top: 27%;
}

.rqb_pic{
    width: 23%;
    display: inline-block;
    vertical-align: top;
}

.rqb_text{
	width: 40%;
	display: inline-block;
	vertical-align: top;
	margin-left: 28px;
}

.rqb_text_title{
	font-size: 48px;
	line-height: 48px;
	font-weight: bold;
	color: #595757;
	margin-bottom: 20px;
}

.rqb_text_sub{
	font-size: 26px;
	line-height: 26px;
	font-weight: bold;
	color: #595757;
	margin-bottom: 15px;
}

.rqb_text_sub span{
	color: #F6736D;
}

.rqb_text_con{
	font-size: 16px;
	line-height: 1.3;
	font-weight: bold;
	color: #878787;
}

.recommend_qr_text{
	width:100%;
}

.recommend_qr_text_con{
	width: 100%;
}

.recommend_qr_text_con_title{
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #595757;
	letter-spacing: 1px;
	margin-bottom: 30px;
}

.recommend_qr_text_con_title span{
	color: #F6736D;
}

.recommend_qr_text_con_title span:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url('../images/recommend_icon.png');
	width: 38px;
	height: 29px;
	margin-top: -45px;
    margin-left: -10px;
}

.recommend_qr_text_con_subtitle{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.7;
	color: #595757;
	letter-spacing: 1px;
}

.recommend_qr_text_con_subtitle .span1{
	color: #F6736D;
}

.recommend_qr_text_con_subtitle .span2{
	color: #878787;
}

/* 流程 */
.member_center_recommend_process{
	width: 1000px;
	margin: 0 auto;
}

.recommend_proces_title{
	color: #851b24;
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 45px;
}

.recommend_proces_ul{
	width: 100%;
}

.recommend_proces_list{
	width: 87%;
	margin-bottom: 25px;
	text-align: left;
	position: relative;
}

.recommend_proces_list_right{
	text-align: right;
}

.recommend_proces_list_pic{
	width: 30%;
	display: inline-block;
	vertical-align: middle;
}

.recommend_proces_list_text{
	width: 32%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 50px;
	margin-right: 25px;
	position: relative;
	z-index: 100;
}

.rplt{
	text-align: right;
}

.recommend_proces_list_text_title{
	color: #3E3A39;
    font-size: 24px;
    line-height: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 35px;
}

.recommend_proces_list_text_con{
	color: #595757;
    font-size: 15px;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 1px;
}

.recommend_proces_list_text_con span{
	font-size: 18px;
	color: #F6736D;
}

.recommend_proces_list_arrow{
	width: 15%;
	display: inline-block;
	vertical-align: middle;
	margin-top: 15%;
}

.recommend_proces_list_arrow2{
	width: 100%;
	text-align: center;
	display: none;
}

.recommend_proces_list_num{
    font-size: 100px;
    font-weight: bold;
    line-height: 95px;
    letter-spacing: 5px;
	color: #EBEBEB;
	position: absolute;
	top: 11%;
    right: 35%;
}

.rpln{
	right: 50%;
}

.p_sharebox{
	display: none;
}


/*===============================*/
/*===== 推薦賺點 detail =========*/
/*===============================*/
.member_center_recommend_detail_main{
	width: 100%;
}

.member_center_recommend_detail_main .banner_fixed{
	position: relative;
}

.recommend_banner_text{
    position: absolute;
    right: 10%;
    top: 32%;
    text-align: center;
}

.recommend_banner_title{
    font-size: 35px;
    line-height: 40px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #595757;
    margin-bottom: 15px;
}

.recommend_banner_descript{
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #595757;
    margin-bottom: 20px;
}

.recommend_banner_pic{
    width: 25%;
    margin: 0 auto;
}

.member_center_recommend_detail_box{
	width: 96%;
	padding: 90px 2% 110px;
}

.mcrdb_friend{
	width: 100%;
}

.mcrdb_title{
	font-size: 26px;
	line-height: 26px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #851b24;
	margin-bottom: 30px;
}

.mcrdb_descript{
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	letter-spacing: 2px;
	color: #636363;
	margin-bottom: 30px;
}

.mcrdb_friend_ul{
	margin-bottom: 45px;
}

.mcrdb_friend_list{
	margin-bottom: 13px;
}

.mcrdb_friend_list span{
    width: 6px;
    height: 6px;
	display: inline-block;
	border-radius: 99em;
	background-color: #999999;
}

.mcrdb_friend_list p{
	width: 96%;
	display: inline-block;
	vertical-align: top;
	margin-left: 1%;
	color: #999999;
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 1px;
}

.mcrdb_only_ul{
	width: 100%;
}

.mcrdb_only_list{
	width: 30%;
	margin: 0  1% 38px 0;
	display: inline-block;
	vertical-align: top;
}

.mcrdb_only_list7{
	display: none;
}

.mcrdb_only_list_pic{
	width: 30%;
	display: inline-block;
	vertical-align: middle;
}

.mcrdb_only_list_text{
	width: 65%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3%;
}

.only_list_text_title{
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #636363;
	letter-spacing: 1px;
	margin-bottom: 12px;
}

.only_list_text_con{
	color: #999999;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
}

.E96D78{
	color: #E96D78;
}
.g_91C13C{
	color: #91C13C;
}
.b_58BBD9{
	color: #58BBD9;
}
.ECAE77{
	color: #ECAE77;
}

/*===============================*/
/*===== 生日禮 ==================*/
/*===============================*/


.member_center_birthday_title{
    font-size: 32px;
    font-weight: bold;
    line-height: 32px;
    color: rgb(60, 57, 80);
    margin: 0 0 22px 1.5%;
    text-align: left;
}

.birthday_condition{
	width: 100%;
}

.birthday_condition_ul{
	width: 900px;
	margin: 0 auto 60px;
}

.birthday_condition_list{
	width: 100%;
	margin-bottom: 28px;
}

.birthday_condition_list_text{
    width: 23%;
    display: inline-block;
    vertical-align: middle;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	color: rgb(7, 32, 42);
}

.birthday_condition_list_info{
    width: 66%;
    display: inline-block;
    vertical-align: middle;
    background-color: #f5f7f6;
    padding: 15px 4%;
    margin-left: 2%;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: rgb(108, 110, 110);
    letter-spacing: 1px;
}

.birthday_box{
	width: 100%;
	text-align: center;
}

.birthday_button_box{
	width: 100%;
	text-align: center;
}

.birthday_button{
	width: 239px;
	height: 264px;
	margin: 0 45px;
	background: url('../images/birthday_btn.png');
	border: 0;
	outline: none;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}
/* 方形裝飾 */
.square_ul{
	display: inline-block;
	vertical-align: middle;
}

.square_list{
	width: 9px;
	height: 9px;
	background-color: #E4E4E4;
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px;
}

.birthday_button_icon{
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

.birthday_button_icon img{
	margin-bottom: 12px;
}

.birthday_button_icon p{
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 1px;
}

.birthday_lightbox_bg{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
    z-index: 10000;
	display: none;
}

.birthday_lightbox{
	width: 545px;
	height: 605px;
	background: url('../images/birthday_lightbox.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.birthday_lightbox_con{
	width: 100%;
	text-align: center;
	padding-top: 35%;
}

.blcon_title{
    width: 85%;
    margin: 0 auto 22px;
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #3E3A39;
}

.blcon_con{
    width: 93%;
    margin: 0 auto 30px;
    font-size: 37px;
    line-height: 37px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #3E3A39;
}

.blcon_con span{
	font-size: 48px;
	line-height: 48px;
	font-weight:bold;
	letter-spacing: 2px;}

.blcon_descript{
    width: 94%;
    margin: 0 auto 50px;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #727171;
}

.blcon_btn p{
	display: inline-block;
	padding: 12px 85px;
	background: #851b24;
	color: #FFF;
	border: solid 1px #851b24;
	border-radius: 50px;
	transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	cursor: pointer;
}

.blcon_btn p:hover{
	background: #FFF;
	color: #851b24;
}


/*===============================*/
/*===== 續約禮 ==================*/
/*===============================*/


.member_center_renewal_title{
	font-size: 32px;
    font-weight: bold;
    line-height: 32px;
    color: rgb(60, 57, 80);
    margin: 0 0 22px 1.5%;
}

.renewal_condition{
	width: 100%;
}

.renewal_condition_ul{
	width: 900px;
	margin: 0 auto 60px;
}

.birthday_condition_list{
	width: 100%;
	margin-bottom: 28px;
}

.renewal_box{
	width: 100%;
	text-align: center;
}

.renewal_button_box{
	width: 100%;
	text-align: center;
}

.renewal_button{
	width: 250px;
	height: 277px;
	margin: 0 45px;
	background: url('../images/renewal_btn.png');
	border: 0;
	outline: none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.renewal_button_icon{
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

.renewal_button_icon img{
	margin-bottom: 12px;
}

.renewal_button_icon p{
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #424548;
	letter-spacing: 1px;
}

.renewal_lightbox_bg{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
    z-index: 10000;
	display: none;
}

.renewal_lightbox{
    width: 515px;
    height: 570px;
	background: url('../images/birthday_lightbox.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.renewal_lightbox_con{
	width: 100%;
	text-align: center;
	padding-top: 20%;
}

.rlcon_title{
	width: 54%;
    margin: 0 auto 15px;
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #3E3A39;
}

.rlcon_con{
	width: 74%;
    margin: 0 auto 12px;
    font-size: 21px;
    line-height: 21px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #851b24;
}

.rlcon_descript{
    width: 80%;
    margin: 0 auto 18px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: bold;
    letter-spacing: 1px;
    color: #727171;
}

.rlcon_product{
	width: 300px;
    margin: 0 auto 30px;
}

.rlcon_item{
    width: 90%;
    margin: 3px auto;
    background-color: #FFF;
    box-shadow: 1px 1px 9px 1px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
}

.rlcon_item_img{
	width: 100%;
	text-align: center;
}

.rlcon_item_text{
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
	color: #595650;
	text-align: left;
	padding: 5px; 
}

.rlcon_btn p{
	display: inline-block;
	padding: 12px 85px;
	background: #851b24;
	color: #FFF;
	border: solid 1px #851b24;
	border-radius: 50px;
	cursor: pointer;
	transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}

.rlcon_btn p:hover{
	background: #FFF;
	color: #851b24;
}

/*===============================*/
/*===== 購物車 ==================*/
/*===============================*/


/* 購物車流程 */
.shop_cart_process{
	width: 100%;
}

.shop_cart_process_ul{
	width: 100%;
	text-align: center;
	margin-bottom: 80px;
}

.shop_cart_process_ul .shop_cart_process_list{
	display: inline-block;
    vertical-align: top;
	margin-right: 5%;
}

.shop_cart_process_ul .shop_cart_process_list:last-child{
	margin-right: 0%;
}

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

.step_process_bg{
    width: 115px;
    height: 115px;
	background-image: url('../images/step_noaim.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	vertical-align: middle;
}

.step_process_bg_aim{
    width: 115px;
    height: 115px;
	background-image: url('../images/step_aim.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	vertical-align: middle;
}

.step_process_text{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #FFF;
	position: absolute;
	top: 23%;
	left: 0;
	right: 0;
	text-align: center;
}

.step_process_icon{
	vertical-align: top;
}
.step_process_arrow{
	vertical-align: middle;
	margin: 0 20px;
}

/* 購物車流程 END*/

/* 商品資訊 */
.shop_cart_commodity{
	width: 100%;
	margin-bottom: 50px;
}

.shop_cart_commodity_menu{
	display: inline-block;
	background-color: #ae8f72;
	padding: 17px 115px;
}

.shop_cart_commodity_menu .fa.fa-shopping-cart{
	font-size: 38px;
	line-height: 38px;
	color: #FFF;
}

.shop_cart_commodity_con{
	width: 100%;
	border: solid 1px #ae8f72;
	box-sizing: border-box;
}

.shop_cart_commodity_con_info{
	width: 100%;
	padding: 25px 0;
}

.commodity_con_info_title{
	width: 100%;
	text-align: center;
}

.commodity_con_info_title:after{
	content: "";
	display: block;
	background-color: #dfe5e8;
    width: 93%;
	margin: 20px auto 0;
	height: 1px;
}


.commodity_con_info_title li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 1%;
	font-size: 16px;
	font-weight: bold;
	color: rgb(66, 69, 72);
	line-height: 1.5;
}

/* 圖片 */
.commodity_con_info_pic{
	width: 8.5%;
}

/* 品名 */
.commodity_con_info_name{
	width: 25.5%;
}

/* 度數 */
.commodity_con_info_degree{
	width: 12%;
}

/* 數量 */
.commodity_con_info_num{
	width: 12%;
}

/* 總金額 */
.commodity_con_info_price{
	width: 8.5%;
}

/* 加入收藏 */
.commodity_con_info_addcollect{
	width: 7%;
}

.commodity_con_info_conbox{
	width: 100%;
}

.commodity_con_info_conbox:after{
	content: "";
	display: block;
	background-color: #dfe5e8;
    width: 93%;
	margin: 0 auto 20px;
	height: 1px;
}

.p_commodity_con_info_conbox{
	display: none;
}

.commodity_con_info_con{
	width: 100%;
	text-align: center;
	padding: 15px 0;
	position: relative;
}

.commodity_con_info_con:hover{
	background-color: #f0f3f2;
}

.commodity_con_info_con li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 1%;
}

li.commodity_info_con_close{
	width: 2%;
	margin: 0 0 0 -3%;
	cursor: pointer;
}

.commodity_info_con_pic{
	width: 8.5%;
	text-align: center;
}

.commodity_info_con_name{
	width: 25.5%;
	font-size: 14px;
	line-height: 1.4;
	font-weight: bold;
	text-align: left;
}

.commodity_info_con_degree{
	width: 12%;
}

.commodity_info_con_degree div{
	font-size: 14px;
	color: rgb(127, 127, 127);
	line-height: 1.786;
}

.commodity_info_con_degree div span{
	margin: 0 9px;
	color: #5f727f;
	font-weight: bold;
}

.commodity_info_con_num{
	width: 12%;
}

.commodity_info_con_num div{
	font-size: 14px;
	color: rgb(127, 127, 127);
	line-height: 1.786;
}

.commodity_info_con_num div span input{
	width: 30px;
	margin: 0 5px;
	text-align: center;
}

.commodity_info_con_price{
	width: 8.5%;
	font-size: 16px;
	font-weight: bold;
	color: #f98f8a;
}

.commodity_info_con_price span{
	margin: 0 2px;
}

li.commodity_info_con_addcollect{
	width: 7%;
}

.commodity_info_con_addcollect div.special_list_act_imgbox{
	margin-left: 0%;
	margin: 0 auto;
}

.commodity_con_info_btn{
	width: 100%;
	text-align: right;
}

.commodity_con_info_btn ul{
    margin-right: 24px;
}

.commodity_con_info_btn ul li{
	display: inline-block;
	vertical-align: middle;
	padding: 9px 16px;
	font-size: 14px;
	color: #FFF;
}

.commodity_con_info_btn ul li.commodity_con_info_clear{
	background-color: #959595;
	margin-right: 1%;
	padding: 9px 30px;
	cursor: pointer;
}

li.commodity_con_info_clear:hover{
	opacity: 0.8;
}

.commodity_con_info_confirm{
	background-color: #05cbc4;
	cursor: pointer;
}

.commodity_con_info_confirm:hover{
	opacity: 0.8;
}

.shop_cart_box .special_remind1,
.shop_cart_box .special_remind2{
    width: 220px;
    position: absolute;
    top: 30%;
    right: 0;
    z-index: 5000;
    text-align: center;
    padding: 22px 0;
    background-color: #FFF;
    border-radius: 1000px;
    box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.5);
}

/* 商品資訊 END */

/* 晶幣折抵 */
.shop_cart_points{
	width: 100%;
	margin-bottom: 50px;
}

.shop_cart_points_title{
	display: inline-block;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 1px;
	background-color: #ae8f72;
	color: #FFF;
	padding: 15px 65px;
}

.shop_cart_points_title li{
	display: inline-block;
	vertical-align: middle;
}

.shop_cart_points_info{
	width: 100%;
	border: solid 1px #ae8f72;
	box-sizing: border-box; 
}

.shop_cart_points_info .scpi_ul{
	width: 91%;
	text-align: center;
	padding: 25px 4.5%;
}

.shop_cart_points_info .scpi_ul li{
	display: inline-block;
	vertical-align: middle;
	width: 18%;
	margin: 0 2%;
}

.shop_cart_points_info li.scpi_list{
	color: #424548;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}

.shop_cart_points_info li.scpi_list span{
    color: #ae8f72;
    font-size: 20px;
    line-height: 20px;
    margin-left: 8%;
}

.shop_cart_points_info li.scpi_list_last{
	width: 42%;
	font-size: 16px;
	font-weight: bold;
	color: rgb(7, 32, 42);
}

.scpi_list_last span{
	display: inline-block;
	vertical-align: middle;
}

.scpi_list_last div{
	display: inline-block;
	vertical-align: middle;
}

.shop_cart_points_info li.scpi_list_last input{
    width: 36%;
    height: 35px;
    margin: 0 4%;
    padding-left: 2%;
}

.scpi_list_last_btn{
	padding: 12px 15px;
	color: #FFF;
	background-color: #851b24;
	border: solid 1px #851b24;
	border-radius: 4px;
	cursor: pointer;
}

.scpi_list_last_btn:hover{
	color: #851b24;
	background-color: #FFF;
}

.shop_cart_points_info li.scpi_list_line{
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 30px;
	background-color: #bec4c7;
}

.shop_cart_points_html{
	width:91%;
	line-height: 1.7;
	padding: 30px 4.5%;
	background-color: #f3f3f3;
}
/* 晶幣折抵 END */

/* 優惠券代碼 */
.shop_cart_offer{
	width: 100%;
	margin-bottom: 75px;
}

.shop_cart_offer_title{
	display: inline-block;
	font-size: 20px;
    line-height: 20px;
    letter-spacing: 1px;
	padding: 15px 75px;
	background-color: #ae8f72;
	color: #FFF;
}

.shop_cart_offer_con{
	width: 100%;
    border: solid 1px #ae8f72;
    box-sizing: border-box;
}

.shop_cart_offer_con ul.shop_cart_offer_con_title{
	width: 100%;
	text-align: center;
	padding-top: 20px;
	background-color: #f3f3f3;
}

.shop_cart_offer_con ul.shop_cart_offer_con_title:after{
	content: "";
	display: block;
	width: 92%;
	height: 1px;
	background-color: #bec4c7;
	margin: 15px auto 0;
}

.shop_cart_offer_con .shop_cart_offer_con_title li{
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: rgb(66, 69, 72);
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 1%;
}

.scoct_list_name{
    width: 61%;
    text-align: left;
}

.scoct_list_discount{
	width: 13%;
}

.scoct_list_use{
	width: 13%;
}


ul.shop_cart_offer_con_con{
	width: 100%;
	background-color: #f3f3f3;
	text-align: center;
}

.shop_cart_offer_con_con .scocc_list{
	width: 100%;
	padding: 15px 0;
}

.shop_cart_offer_con_con .scocc_list div{
	display: inline-block;
	vertical-align: middle;
	margin: 0 1%;
}

.shop_cart_offer_con_con .scocc_list_name{
	width: 61%;
	text-align: left;
}

.shop_cart_offer_con_con .scocc_list_name img{
	width: 12%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.shop_cart_offer_con_con .scocc_list_name .scocc_list_name_title{
	width: 80%;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: rgb(66, 69, 72);
	line-height: 1.429;
	font-weight: bold;
	margin-left: 5%;
}

.shop_cart_offer_con_con .scocc_list_discount{
	width: 13%;
	font-size: 18px;
	color: rgb(248, 115, 109);
	font-weight: bold;
}

.shop_cart_offer_con_con .scocc_list_use{
	width: 13%;
}

.shop_cart_offer_con_con .scocc_list_use input{
	width: 15px;
	height: 15px;
}

/* 新增優惠券 */
.shop_cart_offer_down{
	width: 100%;
	overflow: hidden;
	padding: 25px 0;
}

.shop_cart_offer_add{
	display: inline-block;
	vertical-align: middle;
	float: left;
	margin-left: 4%;
}

.shop_cart_offer_btn{
	display: inline-block;
	vertical-align: middle;
	float: right;
	margin-right: 4%;
}

.shop_cart_offer_add .scoa_title{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: rgb(7, 32, 42);
	line-height: 1.5;
	font-weight: bold;
}

.shop_cart_offer_add .scoa_codeinput{
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px;
}

.shop_cart_offer_add .scoa_codeinput input{
	width: 190px;
	height: 35px;
	box-sizing: border-box; 
	margin: 0 -2px;
	outline: 0;
	padding-left: 10px;
}

.shop_cart_offer_add .scoa_codeinput .scoa_btn{
	height: 35px;
	margin: 0 -2px;
	vertical-align: top;
	border: 0;
	background-color: #ae8f72;
	color: #FFF;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	padding:10px 18px; 
	border-top-left-radius:0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:0px;
	cursor: pointer;
}

.shop_cart_offer_add .scoa_codeinput .scoa_btn:hover{
	opacity: 0.8;
}

.shop_cart_offer_btn div{
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	font-size: 14px;
	line-height: 14px;
	border-radius: 5px;
}

.shop_cart_offer_btn .shop_cart_offer_btn_clear{
	background-color: #959595;
	padding: 10px 30px;
	cursor: pointer;
}

.shop_cart_offer_btn .shop_cart_offer_btn_confirm{
	background-color: #05cbc4;
	padding: 10px 15px;
	cursor: pointer;
}

.shop_cart_offer_btn_clear:hover{
	opacity: 0.8;
}

.shop_cart_offer_btn_confirm:hover{
	opacity: 0.8;
}
/* 優惠券代碼 END */

/* 訂單總計 */
.shop_cart_order{
	width: 100%;
	margin-bottom: 70px;
}

.shop_cart_order_title_box{
	width: 100%;
	overflow: hidden;
	margin-bottom: 22px;
}

.shop_cart_order_title{
	font-size: 32px;
	letter-spacing: 1px;
	color: rgb(66, 69, 72);
	float: left;
}

.shop_cart_order_new{
	float: right;
	padding: 13px 22px;
	border: solid 1px #851b24;
	border-radius: 100px;
	background-color: #851b24;
	color: #fff;
	cursor: pointer;
}

.shop_cart_order_new:hover{
	background-color: #fff;
	color: #851b24;
}

.shop_cart_order_new .fa.fa-repeat{
	margin-right: 5px;
}

.shop_cart_order_con_box{
	width: 100%;
	border: solid 1px #b8bfc3;
	box-sizing: border-box;
}

.shop_cart_order_ul{
	width: 100%;
}

.shop_cart_order_list{
	width: 100%;
	border-bottom: solid 1px #b8bfc3;
	box-sizing: border-box;
}

.cart_order_list_name{
	width: 10%;
	display: inline-block;
	vertical-align: middle;
	background-color: #f0f3f2;
	font-size: 16px;
	font-weight: bold;
	color: rgb(95, 114, 127);
	border-right: solid 1px #dfe5e8;
	padding: 20px 3%;
}

.cart_order_list_result{
	width: 76%;
	display: inline-block;
	vertical-align: middle;
	padding: 0 3%;
	font-weight: bold;
	letter-spacing: 1px;
}

.result1{
	font-size: 20px;
	color: rgb(60, 57, 80);
}

.result2{
	font-size: 18px;
	color: #5f727f;
}

.result3_style1{
	font-size: 20px;
	color: rgb(60, 57, 80);
	display: none;
}

.result3_style2 div{
	display: inline-block;
	vertical-align: middle;
}

div.result3_style2_1{
	font-size: 20px;
	color: #ae8f72;
}

div.result3_style2_2{
	font-size: 14px;
	color: #3c3950;
	vertical-align: bottom;
	text-decoration: line-through;
}

div.result3_style2_3{
	font-size: 12px;
	color: #ae8f72;
	vertical-align: bottom;
	margin-left: 12px;
}

.result4{
	font-size: 24px;
	color: #3c3950;
}

.shop_cart_order_laststep{
	width: 92%;
	padding: 30px 4%;
	overflow: hidden;
}

.shop_cart_order_laststep div{
	display: inline-block;
	vertical-align: middle;
}

div.laststep_text {
    float: left;
}

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

div.laststep_text div{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	color: rgb(242, 131, 126);
	letter-spacing: 2px;
	margin-left: 10px;
}


div.laststep_text div span{
	font-size: 22px;
	margin: 0 2px;
	text-decoration: underline;
}
div.laststep_btn{
	float: right;
}

div.laststep_btn button{
	padding: 15px 60px;
	border: 0;
	border-radius: 5px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
}

div.laststep_btn button:hover{
	opacity: 0.8;
}

.laststep_btn_add{
	background-color: #ae8f72;
	margin-right: 15px;
}

.laststep_btn_check{
	background-color: #424548;
}
/* 訂單總計 END */

/* 滿額贈送 */
.shop_cart_fullamount{
	width: 100%;
	margin-bottom: 65px;
}

.fullamount_title{
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 1px;
    padding: 15px 75px;
    background-color: #ae8f72;
    color: #FFF;
}

.fullamount_con{
	width: 100%;
    border: solid 1px #ae8f72;
    box-sizing: border-box;
}

.fullamount_con_ul{
	width: 100%;
}

.fullamount_con_list{
	width: 86%;
	padding: 15px 4% 15px 10%;
	overflow: hidden;
}

.fullamount_con_list:hover{
	background-color: #f0f3f2;
}

.fullamount_con_list div{
	display: inline-block;
	vertical-align: middle;
}

div.fullamount_pic{
    width: 10%;
    text-align: center;
}

div.fullamount_name{
	width: 55%;
	margin-left: 30px;
	font-size: 14px;
	color: rgb(66, 69, 72);
	line-height: 1.4;
	font-weight: bold;
}

div.fullamount_detail{
	margin-left: 20%;
}

div.fullamount_detail button{
	background-color: #ffffff;
	border: solid 1px #cbcbcb;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: rgb(7, 32, 42);
	padding: 15px 20px;
	outline: 0;
}

div.fullamount_detail button:hover{
	opacity: 0.8;
}

div.phone_fullamount_detail{
	display: none;
}

/* 滿額贈送 END*/

/* 購物車滿額1000-加價購買  */
.shop_cart_fu1000 .owl-dots{
	display: none;
}

.shop_cart_fu1000 .owl-prev{
	position: absolute;
	top: 40%;
	left: -6%;
}

.shop_cart_fu1000 .owl-next{
	position: absolute;
	top: 40%;
	right: -6%;
}

.shop_cart_fu1000 .owl-theme .owl-nav [class*=owl-]{
	background: 0;
}

.shop_cart_fu1000 .owl-theme .owl-nav [class*=owl-]:hover{
	background: 0;
	opacity: 0.8;
}

.fu1000_title{
	display: inline-block;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 1px;
    padding: 15px 75px;
    background-color: #ae8f72;
    color: #FFF;
}

.fu1000_con{
	width: 100%;
    border: solid 1px #ae8f72;
    box-sizing: border-box;
}

.fu1000_con .ul_4{
	width: 1000px;
	margin: 0 auto;
	padding: 45px 0 20px;
}

.fu1000_con .li_4{
	width: 100%;
	display: inline-block;
	position: relative;
}

.fu1000_con .li_4_pic{
	width: 100%;
	height: 0;
	padding-bottom: 71%;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
}

.fu1000_con .li_4_text{
	border-left: solid 1px #bfbfbf; 
	border-right: solid 1px #bfbfbf; 
	border-bottom: solid 1px #bfbfbf; 
    padding: 15px;
    background: #FFF;
    border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}

.fu1000_con .li_4_class{
	font-size: 14px;
	color: rgb(95, 114, 127);
	line-height: 1.2;
	margin-bottom: 9px;
}

.fu1000_con .li_4_class span{
	margin: 0 1px;
}

.fu1000_con .li_4_title{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1.5;
	color: rgb(49, 56, 61);
	margin-bottom: 5px;
}

.fu1000_con .li_4_con{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.5;
	color: rgb(95, 114, 127);
	margin-bottom: 5px;
}

.li_4_price div{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: rgb(248, 115, 109);
}

.li_4_add{
	margin-left: 12px;
}

.li_4_price:after{
	content: "";
	display: block;
	background-color: #d2d2d2;
	width: 100%;
	height: 1px;
	margin: 8px 0;
}

.amount_title{
	font-size: 14px;
	color: rgb(49, 56, 61);
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 14px;
	margin-bottom: 8px;
}

.amount_con .spinner{
	display: inline-block;
	vertical-align: middle;
}

.spinner button{
	color: #fff;
}

.amount_con >div{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: rgb(162, 181, 185);
}

/* 蓋過套件css */
.amount_con .spinner .value{
	color: #000;
}

.amount_con .spinner .decrease{
	text-indent: inherit;
	background-color: #b5b6b6;
}

.amount_con .spinner .decrease:hover{
	background-color: #f8736d;
}

.amount_con .spinner .increase{
	text-indent: inherit;
	background-color: #b5b6b6;
}

.amount_con .spinner .increase:hover{
	background-color: #f8736d;
}

.spinner button{
	border: none;
    width: 23px;
    font: 19px Arial bold;
    padding: 0;
    outline: none;
}

.ul_4_btn{
	width: 100%;
	text-align: right;
	margin-top: 10px;
	position: relative;
}

.ul_4_btn button{
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #FFF;
	background-color: #959595;
	border-radius: 5px;
	border: 0;
	cursor: pointer;
	padding:12px 25px;
}

.ul_4_btn button:hover{
	background-color: #ae8f72;
}

.shop_cart_fu1000_add{
	width: 100%;
    padding: 25px 0;
	box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, 0.5);
	background-color: #FFF;
	text-align: center;
	border-radius: 1000px;
	letter-spacing: 1px;
	position: absolute;
	bottom: 10%;
    right: 0;
	display: none;
}
/* 購物車滿額1000-加價購買  END*/

.p_shop_cart_btn{
	display: none;
}


/*===============================*/
/*===== 會員中心 個人資料 =======*/
/*===============================*/


.member_center_personal_title{
	width: 100%;
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	color: rgb(60, 57, 80);
	margin-bottom: 40px;
}

.member_center_personal_con{
	width: 100%;
}

.mcpc_ul{
	width: 100%;
}

.mcpc_list{
	width: 100%;
	margin-bottom: 40px;
}

.mcpc_list_name{
	width: 14%;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: rgb(7, 32, 42);
}

.mcpc_list_info{
    width: 80%;
    display: inline-block;
    vertical-align: middle;
    background-color: #f5f7f6;
    border: solid 1px #dfe5e8;
    border-radius: 5px;
    padding: 16px 1%;
}

/* 信箱地址 */
.mcpc_list_info_vary{
    width: 68%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.mcpc_list_info_input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.mcpc_list_info_input input{
    width: 98%;
    height: 100%;
    padding-left: 2%;
}

.mcpc_list_info_btn{
    width: 13%;
    display: inline-block;
    vertical-align: middle;
    background-color: #851b24;
	border-top-left-radius:0;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:0px;
	margin-left: 1%;
	cursor: pointer;
	position: relative;
}

.mcpc_list_info_btn div.btn_modify{
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 2px;
	color: rgb(255, 255, 255);
    padding: 16px 0;
}

.btn_modify_change{}

.btn_modify_save{display: none;}


.btn_modify_finish{
	display: none;
	position: absolute;
	top: 0;
	left: -50%;
	background-color: #FFF;
	width: 200px;
	text-align: center;
	padding: 25px 0;
	box-shadow: 1px 1px 12px 0px rgba(0, 0, 0, 0.5);
	border-radius: 1000px;
}
.member_center_personal_main .btn_modify_finish{
	padding: 0px;
    box-shadow: none;
    width: 150px;
    top: 50px;
    left: -7px;
}

.mcpc_list_info_btn:hover{
	opacity: 0.8;
}

.mcpc_list_info_btn2:hover{
	opacity: 0.8;
}

/* 雙眼資料 */

.mcpc_list_ul{
    width: 82%;
    display: inline-block;
    vertical-align: middle;
}

.mcpc_list_ul_phone{
	display: none;
}

.mcpc_list_li{
	width: 40%;
	display: inline-block;
	vertical-align: middle;
	    text-align: center;
}

.mcpc_list_line{
	width: 1px;
	height: 85px;
	display: inline-block;
	vertical-align: middle;
	background-color: #c9c9c9;
	margin: 0 5%
}

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

.mcpc_list_li_pic{
	width: 100%;
	margin-bottom: 15px;
}

.mcpc_list_li_picbox p{
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	color: rgb(95, 114, 127);
}

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

.mllt_ul{
	width: 100%;
	text-align: left;
	margin-left: 30px;
}

.mllt_list{
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: rgb(95, 114, 127);
    margin-bottom: 14px;
}

.mllt_list span{
	background-color: #fdf47b;
	padding: 2px;
}

/*===============================*/
/*===== 會員中心 修改密碼 =======*/
/*===============================*/



.member_center_forgot_title{
	width: 100%;
	font-size: 32px;
	line-height: 1.4;
	font-weight: bold;
	color: rgb(60, 57, 80);
	margin-bottom: 40px;
}

.member_center_forgot_menu{
	width: 100%;
}

.member_center_forgot_menu_ul{
	width: 100%;
	margin-bottom: 75px;
}

.member_center_forgot_menu_list{
	display: inline-block;
	vertical-align: middle;
	margin-right: 50px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #182f38;
}

.member_center_forgot_menu_list:hover{
	color: #ae8f72;
}

.mcfml{
	padding:10px 15px;
	border: solid 1px #ae8f72;
	border-radius: 30px;
	color: #ae8f72;
}

.member_center_personal_form{
	width: 660px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

/* 新密碼 */
/* 確認新密碼 */
.newcode_box,
.newcode_confirm_box{
	width: 100%;
	margin-bottom: 30px; 
}

.newcode_box p,
.newcode_confirm_box p{
 	width: 18%;
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 16px;
 	line-height: 16px;
 	font-weight: bold;
 	color: rgb(7, 32, 42);
 	text-align: left;
}

.newcode_box .newcode,
.newcode_confirm_box .newcode_confirm{
 	width: 79%;
 	height: 45px;
 	display: inline-block;
 	vertical-align: middle;
 	padding-left: 1%;
 	background-color: #f5f7f6;
 	border: solid 1px #dfe5e8;
 	border-radius: 4px;
}

.member_center_personal_form_btn{
	background-color: #851b24;
	color: #FFF;
	border: solid 1px #851b24;
	border-radius: 4px;
	margin-top: 40px;
	cursor: pointer;
	transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	min-width: 200px;
	display: inline-block;
	    margin-right: 1%;
    margin-left: 1%;
    padding: 8px 10px;

    font-size: 16px;
    font-weight: bold;
}

.member_center_personal_form_btn p{
	display: inline-block;
	padding: 15px 85px;
	font-size: 16px;
	line-height: 16px;
}

.member_center_personal_form_btn:hover{
	background-color: #FFF;
	color: #851b24;
}

.btn_basic.btn_gray.member_center_personal_form_btn{ margin-top: 0!important; }

.forgot_send_remind_box{
	display: none;
    position: absolute;
    width: 110px;
    bottom: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 16px;
    padding: 15px 50px;
    background: #fff;
    border-radius: 1000px;
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.5);
}

/*===============================*/
/*===== 會員中心 訂單查詢 =======*/
/*===============================*/



.member_center_search_title{
	width: 100%;
	font-size: 32px;
	font-weight: bold;
	color: rgb(60, 57, 80);
	line-height: 1.4;
	margin-bottom: 40px;
}

.member_center_search_title span{
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 1px;
	color: rgb(241, 150, 146);
	margin-left: 22px;
}

.member_center_search_menu{
	width: 100%;
}

.member_center_search_menu_ul{
	width: 100%;
	margin-bottom: 75px;
}

.member_center_search_menu_list{
	display: inline-block;
	vertical-align: top;
	margin-right: 50px;
}

.member_center_search_menu_list:hover{
	color: #851b24;
}

/* 訂單 */
.search_order_box{
	width: 100%;
	position: relative;
}

.search_order_ul{
	width: 100%;
}

.search_order_list{
	width: 100%;
	border-bottom: solid 1px #c9c9c9;
}

.search_order_list_ul{
	width: 100%;
}

.p_search_order_list_list{display: none;}

.search_order_list_list{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1%;
    margin-left: 1%;
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    color: rgb(66, 69, 72);
}

.soll_list1{
 	width: 175px;
 	color: #851b24;
}

.soll_list2{
    width: 150px;
}

.soll_list3{
    width: 150px;
}

.soll_list4{
    width: 150px;
}

.soll_list5{
    width: 120px;
}

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

.soll_list5 p{
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	color: #851b24;
}

.soll_list6{
 	padding: 8px 10px;
    background-color: #851b24;
    border: solid 1px #851b24;
    border-radius: 4px;
    cursor: pointer; 
}

.p_soll_list6{
	display: none;
}

.soll_list7{
    padding: 8px 10px;
    background-color: #ececec;
    border: solid 1px #c9c9c9;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

/* 詳細內容 */
.search_order_list_con{
 	width: 100%;
 	display: none;
}

.p_search_order_list_con{
	display: none;
}

ul.solc_detail_title{
	background-color: #ae8f72;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}

ul.solc_detail_title li{
	display: inline-block;
	vertical-align: middle;
	padding: 20px 0;
	margin: 0 1%;
}

.solc_detail_productnum{width: 7%;}
.solc_detail_pic{width: 10%;}
.solc_detail_name{width: 21%;}
.solc_detail_paymethod{width: 9%;}
.solc_detail_transport{width: 9%;}
.solc_detail_num{width: 5.5%;}
.solc_detail_price{width: 7.5%;}
.solc_detail_order{width: 10%;}

ul.solc_detail_content{
	width: 100%;
	border-left: solid 1px #e1e7e9;
	border-right: solid 1px #e1e7e9;
	border-bottom: solid 1px #e1e7e9;
	box-sizing: border-box;
	margin-bottom: 25px;
	text-align: center;
	position: relative;
}

ul.solc_detail_content li{
	display: inline-block;
	vertical-align: middle;
	padding: 20px 0;
	margin: 0 1%;
}

.solc_detail_productnum_con{
	width: 7%;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	color: rgb(139, 139, 139);
}
.solc_detail_pic_con{
	width: 10%;
	text-align: center;
}
.solc_detail_name_con{
	width: 21%;
	color: #851b24;
	font-size: 16px;
	line-height: 1.3;
	font-weight: bold;
}
.solc_detail_paymethod_con,
.solc_detail_transport_con{
	width: 9%;	
	font-size: 14px;
	color: rgb(60, 57, 80);
	line-height: 14px;
	font-weight: bold;
}
.solc_detail_num_con{
	width: 5.5%;
	font-size: 14px;
	color: rgb(60, 57, 80);
	line-height: 14px;
	font-weight: bold;
}
.solc_detail_price_con{
	width: 7.5%;
	font-size: 14px;
	color: rgb(60, 57, 80);
	line-height: 14px;
	font-weight: bold;
}

.solc_detail_order_con{
	width: 10%;
}

/* 購物車共用於其他部分 */
.solc_detail_order_con .ul_4_btn{
	width: 100%;
    text-align: center;
    margin-top: 0px;
}

.solc_detail_order_con .ul_4_btn button{
	background-color: #f8736d;
	padding: 8px 35px;
}

.solc_detail_order_con .ul_4_btn button:hover{
	opacity: 0.8;
}

.shop_cart_fu1000_add{
    width: 100%;
    top: -100%;
    bottom: auto;
    right: 0;
}
/* 購物車共用於其他部分 END*/

/* 複製訂單 */
.copy_orderbox{
	position: absolute;
	top: -50%;
    right: 1%;
	padding: 26px 35px;
	background-color: #FFF;
	border-radius: 100px;
	box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.5);
	display: none;
}

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

.copy_orderbox p{
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: rgb(44, 44, 44);
}

/* 訂單狀態 */
.order_status_box{
	width: 897px;
	height: 249px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;	
	background: url('../images/schedule_box.png');
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
	z-index: 1;
}

.order_status_con{
	width: 100%;
	margin-top: 55px;
}

.order_status_title{
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 1px;
	color: rgb(66, 69, 72);
    margin-bottom: 72px;
}

.order_status_ul{
	width: 740px;
	margin: 0 auto;
	border-top:1px #cccccc dotted;
	position: relative;
}

.order_status_ul li{
	width: 25%;
}

.order_status_ul .order_status_list1{
    position: absolute;
    top: -5px;
    left: 0%;
}

.order_status_ul .order_status_list2{
	position: absolute;
	top: -5px;
	left: 25%;
}

.order_status_ul .order_status_list3{
	position: absolute;
	top: -5px;
	left: 50%;
}

.order_status_ul .order_status_list4{
	position: absolute;
	top: -5px;
	left: 75%;
}

.order_status_ul .order_status_list5{
	position: absolute;
	top: -5px;
	left: 100%;
}

.order_status_ul li .order_status_img{
	width: 100%;
    position: absolute;
    top: -24px;
    left: 0;
}

.order_status_img .order_status_circle{
	width: 10px;
	height: 10px;
	background-color: #ae8f72;
	border-radius: 99em;
}
.order_status_img .order_status_line{
	width: 100%;
    height: 3px;
    background-color: #ae8f72;
    display: block;
    margin-top: -6px;
}

.order_status_img .order_status_text{
	margin: 22px 0 0 -26px;
	font-size: 14px;
	color: rgb(139, 139, 139);
	line-height: 1.4;
	letter-spacing: 1px;
}

.order_status_img .order_status_icon{
	margin: -5px 0 0 -11px;
}

.order_status_list2 .order_status_img .order_status_text{margin: 22px 0 0 -12px;}
.order_status_list3 .order_status_img .order_status_text{margin: 22px 0 0 -12px;}
.order_status_list4 .order_status_img .order_status_text{margin: 22px 0 0 -17px;}
.order_status_list5 .order_status_img .order_status_text{margin: 22px 0 0 -17px;}

.member_center_search_main .page_no{
	padding: 62px 0 10px;
}

.member_center_search_main .shop_cart_fu1000_add{
	width: 150%;
}

/*===============================*/
/*===== 會員中心 聯繫客服 =======*/
/*===============================*/

.member_center_contact_title{
	width: 100%;
	font-size: 32px;
	font-weight: bold;
	color: rgb(60, 57, 80);
	line-height: 1.4;
	margin-bottom: 40px;
}

.member_center_contact_menu{
	width: 100%;
}

.member_center_contact_menu_ul{
	width: 100%;
	margin-bottom: 75px;
}

.member_center_contact_menu_list{
	display: inline-block;
	vertical-align: top;
	margin-right: 50px;
}

.member_center_contact_con{
	width: 90%;
	margin: 0 auto 42px;
	border: solid 5px #851b24;
	box-sizing: border-box; 
	border-top-left-radius:0px;
	border-top-right-radius:40px;
	border-bottom-right-radius:40px;
	border-bottom-left-radius:40px;
	padding: 40px 5% 35px;
}

.member_center_contact_con_ul{
	width: 100%;
}

.member_center_contact_con_ul:after{
	content: "";
	display: block;
	background: rgba(174,143,114, 0.13);
	width: 100%;
	height: 1px;
	margin: 25px 0;
}

.member_center_contact_con_list{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	color: #424548;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}

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

.member_center_contact_form{
	width: 100%;
}

.order_name_box{
	width: 100%;
	margin-bottom: 22px;
}

.order_name_box p{
	width: 12%;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #595757;
}

.order_name_box .order_name{
    width: 32%;
    display: inline-block;
    vertical-align: middle;
    background-color: #F5F7F6;
    border: solid 1px #DFE5E8;
    border-radius: 4px;
    padding: 12px 2%;
}

.order_name_box .order_name p{
	width: 100%;
}

.contact_mail_box{
	width: 100%;
	margin-bottom: 22px;
}

.contact_mail_box>p{
	width: 12%;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #595757;
}

.contact_mail_box .contact_mail{
	width: 32%;
	display: inline-block;
	vertical-align: middle;
	background-color: #F5F7F6;
	border: solid 1px #DFE5E8;
	border-radius: 4px;
	padding: 12px 2%;
	position: relative;
}

.contact_mail .contact_mail_custom{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.contact_mail .contact_mail_custom input{
	width: 98%;
	height: 100%;
	outline: 0;
	padding-left: 2%;
}

.contact_mail_box > div{
	display: inline-block;
	vertical-align: middle;
}

.feeback_box{
	width: 100%;
	margin-bottom: 22px;
}

.feeback_box p{
	width: 12%;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #595757;
}

.feeback_box .feeback{
	width: 82%;
	height: 355px;
	display: inline-block;
	vertical-align: top;
	border-radius: 20px;
	background-color: #F5F7F6;
	border: solid 1px #DFE5E8;
    border-radius: 6px;
	padding: 2%;
}

.modify_mail p{
    width: auto;
    display: inline-block;
    padding: 15px 9px;
    background-color: #851b24;
    color: #FFF;
    border-radius: 4px;
    font-size: 16px;
    line-height: 16px;
   	margin: 0 10px;
   	cursor: pointer;
}

.modify_mail span{
	font-size: 13px;
	line-height: 12px;
	font-weight: bold;
}

.member_center_contact_btnbox{
	width: 100%;
	text-align: right;
	position: relative;
}

.btnbox_clear{
	padding: 5px 18px;
	background-color: #898989;
	color: #FFF;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	border: 0;
	border-radius: 4px;
	margin-right: 12px;
	cursor: pointer;
}

.btnbox_clear:hover{
	opacity: 0.8;
}

.btnbox_confirm{
	padding: 5px 18px;
	background-color: #851b24;
	color: #FFF;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	border: 0;
	border-radius: 4px;
	margin-right: 12px;
	cursor: pointer;
}

.btnbox_confirm:hover{
	opacity: 0.8;
}

/* 送出提醒 */
.send_remind_box{
	display: none;
    position: absolute;
    top: -60px;
    right: 0;
    background: #fff;
    padding: 15px 45px;
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.5);
    border-radius: 1000px;
    font-size: 16px;
    letter-spacing: 1px;
}



/*===============================*/
/*===== 會員中心 上傳驗光單 =====*/
/*===============================*/


.member_center_upload_title{
	width: 100%;
	font-size: 32px;
	font-weight: bold;
	color: rgb(60, 57, 80);
	line-height: 1.4;
	margin-bottom: 40px;
}

/* 驗光 */
.optometry_info{
	width: 100%;
	border-left: solid 1px #dfe5e8;
	border-right: solid 1px #dfe5e8;
	border-bottom: solid 1px #dfe5e8;
	box-sizing: border-box; 
	margin-bottom: 75px;
}

.optometry_title{
	width: 100%;
	background: #ae8f72;
	color: #FFF;
}

.optometry_title_list{
	width: 13%;
    margin: 0 2%;
	display: inline-block;
	vertical-align: middle;
	padding: 18px 0;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}

.optometry_title_list_pic{
	width: 20%;
}

.optometry_con,
.optometry_con_list,
.optometry_con_list_ul{
	width: 100%;
}

.optometry_con:nth-of-type(2n){
	background-color: #f0f3f2;
}

.optometry_con_list_ul_list{
	display: inline-block;
	vertical-align: middle;
	width: 13%;
    margin: 0 2%;
    text-align: center;
    padding: 12px 0;
    font-size: 16px;
    color: rgb(44, 44, 44);
    font-weight: bold;
}

.oclul_pic{
	width: 20%;
}

.oclul_pic img{
	border: solid 1px #c9c9c9;
	border-radius: 5px;
}

/* 更新驗光資料 */
.new_optometry{
	width: 100%;
}

.new_optometry_title{
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: 1px;
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
}

.new_optometry_form{
	width: 100%;
    text-align: center;
}

.new_optometry_form_ul{
	width: 850px;
    margin: 0 auto;
	background: #e5e5e5;
	padding: 25px 60px;
	border-top-left-radius:0;
	border-top-right-radius: 45px;
    border-bottom-right-radius: 45px;
    border-bottom-left-radius: 45px;
}

.new_optometry_form_list{
	width: 370px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 15px;
}

.new_optometry_form_list:nth-of-type(2n){
	margin-left: 50px;
}

.new_optometry_form_list p{
	width: 105px;
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 16px;
 	font-weight: bold;
 	color: rgb(7, 32, 42);
 	text-align: left;
}

.new_optometry_form_list select{
	width: 240px;
	height: 41px;
 	display: inline-block;
 	vertical-align: middle;
 	margin-left: 10px;
}

.new_optometry_form_list input{
    width: 235px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 3px;
    margin-left: 15px;
}

.new_optometry_form_list .opt_upload_file{
	padding-top: 18px;
}

.new_optometry_html{
	width: 970px;
	margin: 50px auto 80px;
	line-height: 1.7;
	text-align: left;
}

.optometry_form_check{
	width: 100%;
	text-align: center;
	color: #424548;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}

.optometry_form_check input,
.optometry_form_check span{
	vertical-align: middle;
}

.optometry_form_btn{
	background-color: #851b24;
	color: #FFF;
	border: solid 1px #851b24;
	border-radius: 50px;
	cursor: pointer;
	transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}

.optometry_form_btn p{
	display: inline-block;
	padding: 15px 90px;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
}

button.optometry_form_btn{
	outline: 0;
}

.optometry_form_btn:hover{
	background-color: #fff;
	color: #851b24;
}

/*===============================*/
/*===== 品牌專區 專屬優惠 =======*/
/*===============================*/




.member_center_brand_title{
	font-size: 32px;
	font-weight: bold;
	line-height: 32px;
	color: rgb(60, 57, 80);
	margin: 0 0 22px 1.5%;
}

/* 類別:專屬優惠、品牌活動、意見回饋共用 */

.member_brand_offer_class{
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}

.mboc_ul{
	width: 48%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0px 1.5%;
}

.member_brand_offer_sorry{
	width: 48%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	margin: 15px 0;
}

.member_brand_offer_sorry div{
	display: inline-block;
	padding: 30px 70px;
	background-color: #FFF;
	border-radius: 99em;
	box-shadow: 1px 1px 15px 1px rgba(0,0,0,0.5);
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.2;
	color: rgba(0,0,0,0.8);
}

.member_brand_offer_sorry div img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}

.member_brand_offer_sorry div p{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.2;
	color: #444444;
}

.member_brand_offer_sorry div .sorry_close{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	cursor: pointer;
}

.member_brand_offer_sorry .sorry_close i.fa-times{
	font-size: 18px;
}

.mboc_list{
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
}

.mboc_list:hover{
	color:#ae8f72;
}

/* 到指定頁面所套的CSS */
.mboc_list_aim{
	color: #ae8f72;
	border: solid 1px #ae8f72;
	border-radius: 30px;
	padding: 12px 18px;
}

/* 限定對象、活動日期 */
.mbo_people,
.mbo_time{
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	color: rgb(95, 114, 127);
	letter-spacing: 1px;
}

.mbo_people span,
.mbo_time span{
	width: 72%;
    display: inline-block;
    vertical-align: top;
}

.mbo_time{
	margin-bottom: 50px;
}

.member_brand_offer_main .page_no{
	padding: 10px 0 72px;
}


.member_brand_offer_main .li_3:hover .p_pic_hover{
	display: block;
}

.member_brand_offer_main .li_3:hover .li_3_title{
	color: #851b24;
}

.member_brand_offer_main .li_3:hover ul.icon_box{
	display: block;
}


/*===============================*/
/*===== 品牌專區 品牌活動 =======*/
/*===============================*/



/* 活動日期 */
/* 報名日期 */
/* 報名條件 */
/* 參加 */
.mca_act_date,
.mca_reg_date,
.mca_condition{
	font-size: 16px;
	line-height: 1.4;
	
	color: rgb(95, 114, 127);
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.mca_act_date span,
.mca_reg_date span,
.mca_condition span{
	width: 72%;
	display: inline-block;
	vertical-align: top;
}

/* 參加 */
.mca_btn_join{
	width: 100%;
	text-align: center;
}

.mca_btn_join>button{
	width: 100%;
	color:#FFF;
	background-color: #851b24;
	border: solid 2px #851b24;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 4px;
	padding: 15px 0;
	cursor: pointer;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-top-left-radius:0px;
	-moz-border-top-right-radius:0px;
	-moz-border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
	transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	margin: 0;
}

.mca_btn_join>button:hover{
	opacity: 0.8;
}

/* 已參加 */
.mca_btn_joined{
	width: 100%;
	text-align: center;
}

.mca_btn_joined>button{
	width: 100%;
	color:#FFF;
	background-color: #aaaaaa;
	border: solid 2px #aaaaaa;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 4px;
	padding: 15px 0;

	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-top-left-radius:0px;
	-moz-border-top-right-radius:0px;
	-moz-border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
}

.member_center_active_main .page_no{
	padding: 10px 0 72px;
}

/*===============================*/
/*=== 品牌專區 品牌活動detail ===*/
/*===============================*/

.active_detail_titlebox{
	margin-bottom: 45px;
}

.active_detail_titlebox_text,
.active_detail_titlebox_share{
	display: inline-block;
	vertical-align: middle;
}

.active_detail_titlebox_text{
	width: 65%;
}
.active_detail_titlebox_share{
	width: 30%;
	margin-left: 3%;
	text-align: center;
}

.member_brand_active_detail_title{
	font-size: 33px;
	line-height: 1.4;
	font-weight: bold;
	color: rgb(49, 55, 60);
	letter-spacing: 1px;
	margin-bottom: 12px;
}

.member_brand_active_detail_descript{
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	color: rgb(153, 169, 181);
	letter-spacing: 1px;
}

.at-share-tbx-element .at-share-btn{
    margin: 0 12px 5px 0;
}

.brand_detail_con{
	width: 100%;
}

.brand_detail_con_pic{
	width: 45%;
	display: inline-block;
	vertical-align: top;
}

.brand_detail_con_text{
	width: 45%;
	display: inline-block;
	vertical-align: top;
	margin-left: 5%;
}

.brand_detail_con_btn{
	width: 100%;
	text-align: center;
}

.brand_detail_con_btn p{
	display: inline-block;
	padding: 15px 68px;
	background-color: #851b24;
	color: #FFF;
	border: solid 2px #851b24;
	border-radius: 30px;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 1px;
	cursor: pointer;
	transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}

.brand_detail_con_btn p:hover{
	background-color: #FFF;
	color: #851b24;
}


/*===============================*/
/*===== 品牌專區 意見回饋 =======*/
/*===============================*/

.member_center_feedback_main{
	width: 100%;
}

.member_center_feedback_box{
	width: 96%;
	padding: 90px 2%;
}

/* 填寫日期 */
/* 填寫對象 */
/* 發放獎勵 */
.mcf_write_date,
.mcf_write_name,
.mcf_reward{
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	color: rgb(95, 114, 127);
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.mcf_write_date span,
.mcf_write_name span,
.mcf_reward span{
	width: 72%;
	display: inline-block;
	vertical-align: top;
}


/* 填寫 */
.mcf_btn_write>button{
	width: 100%;
	color:#FFF;
	background-color: #851b24;
	border: solid 2px #851b24;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 4px;
	padding: 15px 0;
	cursor: pointer;
	margin: 0;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-top-left-radius:0px;
	-moz-border-top-right-radius:0px;
	-moz-border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
}

.mcf_btn_write>button:hover{
	opacity: 0.8;
}

/* 已填寫 */
.mcf_btn_wrote>button{
	width: 100%;
	color:#FFF;
	background-color: #aaaaaa;
	border: solid 2px #aaaaaa;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 4px;
	padding: 15px 0;

	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-top-left-radius:0px;
	-moz-border-top-right-radius:0px;
	-moz-border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
}

.mcf_btn_wrote>button:hover{
	opacity: 0.8;
}

.member_center_feedback_main .page_no{
	padding: 10px 0 72px;
}

.member_center_feedback_main .ul_9{
	text-align: left;
	font-size: 0;
}

.member_center_feedback_main .ul_9 .li_3{
	text-align: left;
}


/*===============================*/
/*=== 品牌專區 意見回饋detail ===*/
/*===============================*/


/*===============================*/
/*===== 品牌專區 特約店家 =======*/
/*===============================*/

/* 特約店家css包括 網路商城and實體店面 */


.member_center_special_main .page_no{
	padding: 20px 0 0px;
}

.member_center_special_title{
    font-size: 32px;
    font-weight: bold;
    line-height: 32px;
    color: rgb(60, 57, 80);
    margin: 0 0 22px 1.5%;
}

/* 特約商家分類 */
.member_center_special_class{
	width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}

.mcsc_ul{
    margin-left: 1.5%;
    display: inline-block;
    vertical-align: middle;
}

.mcsc_list{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 18px;
    color: #595650;
    font-weight: bold;
    margin-right: 32px;
}

.mcsc_list:hover{
 	color: #ae8f72;
}

.mcsc_list_aim{
    color: #ae8f72;
    border: solid 1px #ae8f72;
    border-radius: 30px;
    padding: 12px 18px;
}

.mcsc_list_search{
	display: inline-block;
    vertical-align: middle;
    float: right;
    background: #851b24;
    padding: 8px 18px;
    border-radius: 50px;
    cursor: pointer;
    transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}

.mcsc_list_search .fa.fa-map-marker{
	font-size: 32px;
	line-height: 32px;
	color: #FFF;
	display: inline-block;
	vertical-align: middle;
}

.mcsc_list_search p{
	font-size:16px;
	line-height: 16px;
	color: #FFF;
	letter-spacing: 1px;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.mcsc_list_search:hover{
	opacity: 0.8;
}

.special_list_act >div{
	display: inline-block;
	vertical-align: middle;
}

div.special_list_act_title{
	width: 86%;
}

div.special_list_act_imgbox{
    width: 10%;
    margin-left: 1%;
}

.special_list_act_imgbox .special_list_act_img{
	width: 28px;
	height: 26px;
	background-image: url('../images/icon_wish_off.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.special_list_act_imgbox .special_list_act_img:hover{
	background-image: url('../images/icon_wish_on.png');
}

.special_list_act_imgbox .special_list_act_img.active{
	background-image: url('../images/icon_wish_on.png');
	background-size: cover!important;
}

.special_remind1,
.special_remind2{
	width: 100%;
	position: absolute;
	top: 30%;
	right: 0;
	z-index: 5000;
	text-align: center;
	padding: 30px 0;
	background-color: #FFF;
	border-radius: 1000px;
	box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.5);
	display: none;
}

.special_remind1 img,
.special_remind2 img{
	display: inline-block;
	vertical-align: middle;
}

.special_remind1 p,
.special_remind2 p{
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px
}


.special_list_act_title{
	font-size: 20px;
	line-height: 1.4;
	font-weight: bold;
	color: rgb(49, 55, 60);
}

.special_list_act_descript{
	font-size: 17px;
	line-height: 1.4;
	font-weight: bold;
	color: rgb(49, 55, 60);
	margin-bottom: 8px; 
}

.special_list_act_descript span{
	font-size: 22px;
	color: #e8656b;
}

.special_list_act_acttime{
	font-size: 17px;
	line-height: 1.4;
	color: rgb(121, 137, 147);
	margin-bottom: 12px;
}

.special_list_text_btn{
	width: 100%;
	text-align: center;
	background: #ae8f72;
	color: #FFF;
	padding: 15px 0;
	margin: 0;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 1px;
}

.special_list_text_btn:hover{
	opacity: 0.8;
}

.special_list_text_btn_ed{
	width: 100%;
	text-align: center;
	background: #AAAAAA;
	color: #FFF;
	padding: 15px 0;
	margin:0;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 1px;
}

/*===============================*/
/*===== 特約店家 detail =========*/
/*===============================*/


.special_detail_titlebox{
	width: 100%;
	margin-bottom: 32px;
}

.special_detail_titlebox_text,
.special_detail_titlebox_share{
	display: inline-block;
	vertical-align: middle;
}

.special_detail_titlebox_text{
	width: 65%;
}

.special_detail_titlebox_share{
	width: 30%;
	text-align: center;
	margin-left: 2%;
}

.special_detail_title{
	font-size: 28px;
	line-height: 1.4;
	letter-spacing: 1px;
	font-weight: bold;
	color: #595758;
	margin-bottom: 10px;
}

.special_detail_subtitle{
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: 1px;
	font-weight: bold;
	color: #898989;
}

.special_detail_pic{
	width: 100%;
	text-align: center;
	margin-bottom: 52px;
}

.special_detail_actbox{
	width: 100%;
	margin-bottom: 45px;
}

.special_detail_act_list{
	color: #595650;
	font-size: 22px;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 1px;
}

.special_detail_act_list .right-cont{
    width: 88%;
    display: inline-block;
    vertical-align: top;
}

.special_detail_ul{
	width: 100%;
	margin-bottom: 25px;
}

.special_detail_list{
	width: 100%;
}

.special_detail_list_title{
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #ae8f72;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.special_detail_list_con{
	font-size: 16px;
	line-height: 1.7;
	font-weight: bold;
	letter-spacing: 1px;
	color: #666666;
	margin-bottom: 40px;
}

.special_detail_list_store{
	color: #595650;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}

.special_detail_list_form{
	width: 465px;
	background-color: #E5E5E5;
	border-top-left-radius:0px;
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
	border-bottom-left-radius:25px;
	margin-top: 30px;
	padding: 20px 18px;
}

.special_detail_store_change{
	margin-bottom: 20px;
}

.special_detail_store_change select{
	width: 220px;
	height: 50px;
	margin: 0 4px;
}

.special_detail_list_form p{
	color: #595650;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

/* lightbox_btn */
.member_center_special_detail_main .lightbox_btn_box{
	margin-left: 0;
	margin-bottom: 0px;
}

.member_center_special_detail_main .lightbox_btn{
	display: inline-block;
	background-color: #851b24;
	color: #FFF;
	padding: 16px 65px;
	cursor: pointer;
	border-radius: 100px;
	box-shadow: 0px 0px 0 0;
}

.member_center_special_detail_main .lightbox_btn_ed{
	display: inline-block;
	background-color: #aaaaaa;
	color: #FFF;
	padding: 16px 65px;
	cursor: pointer;
	border-radius: 100px;
	box-shadow: 0px 0px 0 0;
}

.member_center_special_detail_main .lightbox_btn:hover, .member_center_special_detail_main .lightbox_btn_ed:hover{
	opacity: 0.8;
}

.member_center_special_detail_main .lightbox_btn p, .member_center_special_detail_main .lightbox_btn_ed p{
	display: inline-block;
	vertical-align: middle;
	margin-left: 0px;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
}

.member_center_special_detail_main .lightbox_btn_con{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
    z-index: 10000;
	display: none;
}

.member_center_special_detail_main .lightbox_btn_wrapper{
	width: 50%;
	height: 500px;
	background: #FFF;
	border: solid 5px #CCC;
	overflow: auto;
	position: absolute;
	top: 25%;
	bottom: auto;
	left: 0;
	right: 0;
	margin: auto;
}

.member_center_special_detail_main .lightbox_btn_close{
	position: absolute;
	top: 2%;
	right: 2%;
	cursor: pointer;
}

.member_center_special_detail_main .lightbox_btn_wrapper{
    width: 770px;
    height: 80%;
    top: 3%;
    bottom: 0;
    margin: auto;
    border: solid 5px #3AD0D1;
    border-top-left-radius: 0px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.member_center_special_detail_main .lightbox_btn_wrapper_con{
	padding: 4%;
}

.member_center_special_detail_main .lbwc_title{
	color: #595758;
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 15px;
}

.member_center_special_detail_main .lbwc_subtitle{
	color: #898989;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.member_center_special_detail_main .lbwc_line{
	content: :"";
	display: block;
	background-color: #851b24;
	width: 525px;
	height: 1px;
	margin-bottom: 25px;
}

.member_center_special_detail_main .lbwc_notice{
	width: 100%;
}

.member_center_special_detail_main .lbwc_sectiontitle{
	font-size: 26px;
	line-height: 26px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #851b24;
	margin-bottom: 20px;
}

.member_center_special_detail_main .lbwc_con{
	font-size: 21px;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 1px;
	color: #898989;
	margin-bottom: 35px;
}

.member_center_special_detail_main .lbwc_store{
	width: 100%;
	margin-bottom: 20px;
}

.member_center_special_detail_main .lbwc_store_name{
	display: inline-block;
	vertical-align: middle;
	background-color: #EEEEEE;
	border-radius: 1000px;
	padding: 8px 50px;
	text-align: center;
}

.member_center_special_detail_main .lbwc_store_name div{
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 1px;
	color: #898989;
}

.member_center_special_detail_main .lbwc_store_info{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

.member_center_special_detail_main .lbwc_store_info div{
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
	color: #898989;
	letter-spacing: 1px;
}

.member_center_special_detail_main .lbwc_inform{
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
	color: #898989;
	margin-bottom: 35px;
}

.member_center_special_detail_main .lbwc_inform span{
	color: #851b24;
}

.member_center_special_detail_main .lbwc_inform2{
	color: #EB6D78;
	margin-bottom: 35px;
}

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

.member_center_special_detail_main .lbwc_inform2 .lbwc_inform2_text{
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #EB6D78;
	margin-left: 8px;
}

.member_center_special_detail_main .lbwc_btn_box{
	width: 100%;
	text-align: center;
}

.member_center_special_detail_main .lbwc_btn{
	display: inline-block;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	background-color: #851b24;
	color: #FFF;
	padding: 15px 95px;
	border-radius: 100px;
	cursor: pointer;
}

.member_center_special_detail_main .lbwc_btn:hover{
	opacity: 0.8;
}



/*===============================*/
/*===== 確認配送條款 ============*/
/*===============================*/


.shop_confirm_html{
	width: 100%;
	line-height: 1.7;
	margin-bottom: 70px;
}

.shop_confirm_btn{
	width: 100%;
	text-align: center;
}

.shop_confirm_btn li{
	display: inline-block;
	vertical-align: middle;
	padding: 15px 50px;
	color: #FFF;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 2px;
	border-radius: 4px;
	margin: 0 1%;
}

.shop_confirm_btn li.confirm_btn_agree{
    padding: 15px 60px;
}

.confirm_btn_back{
	background-color: #bcbcbc;
	transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}

.confirm_btn_back:hover{
	opacity: 0.8;
}

.confirm_btn_agree{
	background-color: #57d7d8;
	transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}

.confirm_btn_agree:hover{
	opacity: 0.8;
}


/*===============================*/
/*===== 配送方式 ================*/
/*===============================*/

.shop_delivery_method_con{
	width: 100%;
	text-align: center;
	margin-bottom: 115px;
}


.method_con_merchandise, .method_con_home{
	transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}

.method_con_merchandise:hover, .method_con_home:hover{	opacity: 0.8;}



.dilivery_method_3{background-color: #f4ae1f;} /* 宅配 */
.dilivery_method_OK{background-color: #ed1c24;} /* OK */
.dilivery_method_hilife{background-color: #f5759c;} /* 萊爾富 */

.dilivery_method_711  {background-color: #009442; border:3px solid #009442;} /* 711  */
.dilivery_method_family {background-color: #008cd7; border:3px solid #008cd7;} /* 711  */

	/*.shop_delivery_method_con .dm_light_bg  .merchandise_text{color: #666;}
	.shop_delivery_method_con .dm_light_bg  .exp{ color:#999; }*/

.dilivery_method_cosmed { background-color: #ef850d;} /* 屈臣氏 */
.dilivery_method_watsons { background-color: #009d96;} /* 屈臣氏 */
.dilivery_method_btp{background-color: #000;} /* 晶澈門市 */

.method_con_home:hover{
	opacity: 0.8;
}

.merchandise_pic,
.home_pic{
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}

.merchandise_text,
.home_text{
	width: 100%;
	text-align: center;
	font-size: 34px;
	line-height: 34px;
	letter-spacing: 1px;
	color: #FFF;
}

.shop_delivery_method_btn{
	width: 100%;
	text-align: center;
}

.shop_delivery_method_btn button{
	display: inline-block;
	background-color: #bcbcbc;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	border: 0;
	border-radius: 5px;
	padding: 14px 70px;
	cursor: pointer;
	outline: 0;
}

.shop_delivery_method_btn button:hover{
	opacity: 0.8;
}


/*===============================*/
/*===== 配送方式 超商============*/
/*===============================*/


/* 選取取貨門市 */
.method_select_store{
	display: inline-block;
	border: solid 1px #cccccc;
	border-radius: 5px;
	padding: 13px 23px;
	margin-bottom: 45px;
	cursor: pointer;
}

.method_select_store:hover{
	opacity: 0.8;
}

.method_select_store div{
	display: inline-block;
	vertical-align: middle;
}

.method_select_store div.desk{
	display: inline-block;
}

.method_select_store div.phone{
	display: none;
}


.method_select_store div.select_store_text{
	font-size: 16px;
	font-weight: bold;
	color: rgb(7, 32, 42);
	margin-left: 8px;
}

.method_detail_info{
	width: 100%;
	margin-bottom: 65px;
}

.method_detail_info_ul{
	width: 100%;
	border: solid 1px #b8bfc3;
	box-sizing: border-box;
}

.method_detail_info_list{
	width: 100%;
	border-bottom: solid 1px #b8bfc3;
}

.method_detail_info_list:last-child{
	border-bottom: 0;
}

.method_detail_info_list .info_list_title{
	width: 24%;
	display: inline-block;
	vertical-align: middle;
	padding: 22px 4.5%;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	color: rgb(7, 32, 42);
	background: rgba(169,134,107,.2);
}


.method_detail_info_list .info_list_con{
	width: 56%;
	display: inline-block;
	vertical-align: middle;
	padding: 22px 4.5%;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	color: rgb(7, 32, 42);
}

.shop_delivery_method_detail_btn{
	width: 100%;
	text-align: center;
}

.shop_delivery_method_detail_btn button{
	padding: 15px 80px;
	border-radius: 5px;
	color: #FFF;
	background-color: #bcbcbc;
	border: 0;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 6px;
	cursor: pointer;
}

.shop_delivery_method_detail_btn button:hover{
	opacity: 0.8;
}

.shop_delivery_method_detail_btn button.shop_delivery_method_detail_btn2{
	background-color: #ae8f72;
	padding: 15px 70px;
}


/*===============================*/
/*===== 配送方式 宅配============*/
/*===============================*/


.shop_delivery_method_detail2{
	width: 100%;
}

.shop_delivery_method_detail2>div{
	margin-bottom: 50px;
}

.shop_delivery_method_detail2>div .method_detail2_title{
	background-color: #ae8f72;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: 1px;
	padding: 22px 0;
	text-align: center;
}

.same_purchaser{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 14px;
}

.same_purchaser input{
	width: 15px;
	height: 15px;
	vertical-align: middle;
	background-color: #FFF;
}

.shop_delivery_method_detail2>div .method_detail2_con{
	width: 100%;
	border: solid 1px #b8bfc3; 
	box-sizing: border-box;
}

.method_detail2_con_ul{
	width: 95%;
    padding: 50px 2.5% 0;
}

.method_detail2_con_ul li{
	width: 45%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 1.5% 35px;
}


.method_detail2_con_ul li .method_detail2_con_div1{
	width: 20%;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	color: rgb(95, 114, 127);
	line-height: 1.5;
	letter-spacing: 1px;
}


.method_detail2_con_ul li .method_detail2_con_div2{
	width: 75%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 2%;
}

.method_detail2_con_ul li .method_detail2_con_div3{
	background-color: #FFF;
	border: solid 1px #dfe5e8;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 2.5%;
	position: relative;
}

.method_detail2_con_ul li .method_detail2_con_div3 .detail2_con_div3_title{
	overflow: hidden;
	font-size: 14px;
	line-height: 1.2;
	
	letter-spacing: 1px;
	color: #444444; 
}

.method_detail2_con_ul li .method_detail2_con_div3 .detail2_con_div3_title p{
    float: left;
    width: 90%;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #444444;
    cursor: pointer;
    font-family: Microsoft JhengHei;
    color: rgb(95, 114, 127);
    font-size: 13px;
}

.method_detail2_con_ul li .method_detail2_con_div3 .detail2_con_div3_title i.fa-caret-down{
	float: right;
}

.method_detail2_con_ul li .method_detail2_con_div3 .detail2_con_div3_ul{
	display: none;
	width: 100%;
	position: absolute;
    top: 42px;
	left: 0;
	background-color: #FFF;
	box-shadow: 1px 1px 20px 1px rgba(0,0,0,0.2);
	border-radius: 8px;
}

.method_detail2_con_ul li .method_detail2_con_div3 .detail2_con_div3_ul .detail2_con_div3_list{
	font-size: 15px;
    letter-spacing: 1px;
	color: #939393;
        padding: 0 4%;
}

.method_detail2_con_ul li .method_detail2_con_div3 .detail2_con_div3_ul .detail2_con_div3_list_line{
	display: block;
	background-color: #bcbcbc;
	width: 95%;
	height: 1px;
	margin: 0 auto;
}

.method_detail2_con_ul li .method_detail2_con_div3 .detail2_con_div3_ul .detail2_con_div3_list .detail2_con_div3_list_wra{
	overflow: hidden;
}

.detail2_con_div3_list .detail2_con_div3_list_wra i.fa-pencil{
	float: left;
	margin-right: 5px;
	padding: 15px 0;
}

.detail2_con_div3_list .detail2_con_div3_list_wra .detail2_con_div3_list_p{
	width: 85%;
	float: left;
	position: relative;
    padding: 15px 0;
}

.detail2_con_div3_list .detail2_con_div3_list_wra i.fa-times{
	float: right;
	padding: 15px 0;
}
.detail2_con_div3_list .detail2_con_div3_list_wra i.fa-check{
	float: right;
	padding: 15px 0;
	display: none;
}
.detail2_con_div3_list_add .fa-check{
	float: right;
	padding: 15px 0;
	display: none;
}

.detail2_con_div3_list .detail2_con_div3_list_wra .detail2_con_div3_list_p input{
    width: 98%;
    height: 100%;
    float: none;
    padding: 0;
    padding-left: 2%;
    position: absolute;
    top: 6px;
    left: 0;
    display: none;
}

.detail2_con_div3_list:last-child .detail2_con_div3_list_wra .detail2_con_div3_list_p{
	width: 100%;
	float: none;
	position: relative;
    padding: 15px 0;
}

/* 添加新地址 */
.detail2_con_div3_list .detail2_con_div3_list_addwra{

}

.detail2_con_div3_list .detail2_con_div3_list_addwra .detail2_con_div3_list_add{
	padding: 15px 0;
}

.detail2_con_div3_list .detail2_con_div3_list_addwra .detail2_con_div3_list_add p{
	margin-bottom: 5px;
}

.detail2_con_div3_list .detail2_con_div3_list_addwra .detail2_con_div3_list_add input{
	display: none;
}

.method_detail2_con_div2 input{
    width: 94%;
    height: 94%;
    padding: 3%;
    border: solid 1px #dfe5e8;
    box-sizing: border-box;
    border-radius: 5px;
    border-radius: 5px;
    /*width: 34%;*/
    padding: 8px 8px;
        font-family: Microsoft JhengHei;
}

.method_detail2_con_div2 select{
	width: 25%;
	display: inline-block;
	vertical-align: top;
	margin: 0 2%;
	padding: 2%;
	border: solid 1px #dfe5e8;
	box-sizing: border-box;
    font-family: Microsoft JhengHei;
    color: rgb(95, 114, 127);
    font-size: 13px;
}

.method_detail2_con_div2 select.select2{
	width: 100%;
    margin: 0;
    padding: 3%;
}

.method_detail2_con_div2 textarea{
	width: 100%;
	height: 250px;
	padding: 2%;
	border: solid 1px #dfe5e8;
	box-sizing: border-box;
	border-radius: 5px;
	font-family: Microsoft JhengHei;
}

.shop_delivery_method_detail2_btn{
	width: 100%;
	text-align: center;
}

.shop_delivery_method_detail2_btn li{
	display: inline-block;
	vertical-align: middle;
	padding: 15px 70px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 18px;
	border: 0;
	border-radius: 8px;
	margin: 0 2%;
}


.shop_delivery_method_detail2_btn li:hover{
	opacity: 0.8;
}

.shop_delivery_method_detail2_btn li.shop_delivery_method_detail2_btn1{
	background-color: #bcbcbc;
}

.shop_delivery_method_detail2_btn li.shop_delivery_method_detail2_btn2{
	background-color: #ae8f72;
    padding: 15px 65px;
}


/*===============================*/
/*===== 付款選擇 ================*/
/*===============================*/


.shop_paychange_con{
	text-align: center;
	margin-bottom: 75px;
}

.shop_paychange_con a >div{
	display: inline-block;
	vertical-align: middle;
    padding: 72px 105px 110px;
    border-radius: 20px;
    margin: 0 75px;
}

div.pay_method_1{	background-color: #eb6d77;}
div.pay_method_2{background-color: #01aaef;}
div.pay_method_3{	background-color: #008ed0;}


div.pay_method_1, div.pay_method_2, div.pay_method_3{
		transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}
div.pay_method_1:hover, div.pay_method_2:hover, div.pay_method_3:hover{opacity: 0.8;}


.pay_method_pic{
	margin-bottom: 35px;
}

.pay_method_text{
	font-size: 36px;
	line-height: 36px;
	letter-spacing: 1px;
	color: #FFF;
}

.shop_paychange_btn{
	width: 100%;
	text-align: center;
}

.shop_paychange_btn p{
	display: inline-block;
	padding:15px 70px;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: 1px;
	background-color:#959595 ;
	color: #FFF;
    border-radius: 6px;
}

.shop_paychange_btn p:hover{
	opacity: 0.8;
}



/*===============================*/
/*===== 我的收藏 會員好康 =======*/
/*===============================*/

.my_collection_good_btn{
	width: 100%;
	text-align: center;
	background-color: #ae8f72;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 1px;
	padding: 15px 0;
	margin: 0;
	cursor: pointer;
}

.my_collection_good_btn:hover{
	opacity: 0.8;
}

.my_collection_good_title{
	font-size: 32px;
    font-weight: bold;
    line-height: 32px;
    color: rgb(60, 57, 80);
    margin: 0 0 38px 1.5%;
}

.my_collection_class{
	width: 100%;
}

.my_collection_class_ul{
	width: 100%;
	margin: 0 0 60px 1.5%;
}

.my_collection_class_list{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #283e46;
	margin-right: 30px;
}
/* +class */
.mccl_style{
	padding: 10px 12px;
	border: solid 1px #ae8f72;
	border-radius: 30px;
	color: #ae8f72;
}

.my_collection_good_main .page_no{
	padding: 20px 0 0;
}

.my_collection_good_main .li_3_title_box{
	margin-bottom: 12px;
}

.my_collection_good_main .li_3_title{
	width: 87%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
}

.my_collection_good_main div.special_list_act_imgbox{
	display: inline-block;
    vertical-align: middle;
}

/*===============================*/
/*===== 我的收藏 最新消息 =======*/
/*===============================*/


.my_collection_news_class{
	width: 100%;
}

.mcnc_ul{
	margin: 0 0 38px 1.5%;
}

.mcnc_list{
	display: inline-block;
	vertical-align: middle;
	margin-right: 35px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	color: rgb(84, 84, 84);
	background-color: #dadada;
	padding: 16px 24px;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
}

.mcnc_list .mcnc_list_number{
	position: absolute;
    top: -6px;
    right: -7px;
	border-radius: 99em;
}

.mcnc_list .mcnc_list_number p{
    padding: 5px 4px;
	color: #FFF;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0px;
}


.mcnc_list:hover{
	color: #fff;
	background-color:#ae8f72;
}

.my_collection_news_main .page_no{
	padding: 20px 0 0;
}

.my_collection_news_main .li_3:hover .li_3_title{
	color: #ae8f72;
}

.my_collection_news_main .li_3_daybox{
	margin-bottom: 12px;
}

.my_collection_news_main .li_3_day{
	width: 87%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
}

.my_collection_news_main div.special_list_act_imgbox{
	display: inline-block;
    vertical-align: middle;
}


/*===============================*/
/*===== 我的收藏 訊息中心 =======*/
/*===============================*/


.my_collection_message_ul{
	width: 100%;
}

.my_collection_message_list{
	width: 100%;
	margin-bottom: 35px;
	position: relative;
}

.mcml_collection{
	width: 2.5%;
	display: inline-block;
	vertical-align: middle;
}

.mcml_collection .special_list_act_imgbox{
	width: 10%;
    margin-left: 0;
}

.mcml_collection .special_remind1{
	top: 0;
    left: 0;
}

.mcml_collection .special_remind2{
	top: 0;
    left: 0;
}

.mcml_con{
	width: 92%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 2%;
	border: solid 1px #BFBFBF;
	border-radius: 3px;
}

.mcml_con_pic{
	width: 206px;
    height: 0;
    padding-bottom: 20%;
    display: inline-block;
    vertical-align: middle;
}

.mcml_con_pic .envelope_open{
	display: none;
}

.mcml_con_text{
	width:calc(100% - 250px);
	height: 180px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px;
	position: relative;
	overflow: auto;
}

.mcml_con_text_title{
	width: 85%;
	color: #595650;
	font-size: 21px;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 10px;
    padding-top: 27px;
}

.mcml_con_text_day{
	color: #898989;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.mcml_con_text_con{
 	color: #666666;
 	font-size: 18px;
 	line-height: 1.5;
 	font-weight: 400;
 	letter-spacing: 1px;
}

.mcml_con_text_con div{
	font-size: 16px;
    line-height: 18px;
	font-weight: 400;
	background-color: #851b24;
	color: #FFF;
	border-radius: 20px;
	padding: 2px 15px;
	display: inline-block;
	transition: ease-in-out 0.3s;
	-moz-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
}

.mcml_con_text_con div:hover{
	opacity: 0.8;
}

/* position */
.envelope_close{
	position: absolute;
    top: 1%;
    right: 0%;
}

.envelope_open{
	position: absolute;
    top: 1%;
    right: 0%;
}

.my_collection_message_main .page_no{
	padding: 10px 0 0;
}

.my_collection_message_main .special_remind1,
.my_collection_message_main .special_remind2{
	width: 230px;
	padding: 22px 0;
}

/*===============================*/
/*==== 我的收藏 訊息中心細節 ====*/
/*===============================*/



.mcmdb_title{
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
	color: rgb(49, 55, 60);
	margin-bottom: 10px;
}

.mcmdb_descript{
	font-size: 17px;
	font-weight: bold;
	line-height: 1.2;
	color: rgb(153, 169, 181);
	margin-bottom: 10px;
}

.mcmdb_day{
	font-size: 16px;
	line-height: 1.25;
	color: rgb(153, 169, 181);
	font-weight: bold;
	margin-bottom: 40px;
}

.mcmdb_con{
	margin-bottom: 85px;
}

.mcmdb_con_pic_box{
	width: 35%;
	display: inline-block;
	vertical-align: top;
}

.mcmdb_con_pic{
	width: 100%;
	text-align: center;
}

.mcmdb_con_text{
	width: 46%;
	display: inline-block;
	vertical-align: top;
	line-height: 1.7;
}

/*===============================*/
/*===== 我的收藏 產品總覽 =======*/
/*===============================*/


.my_collection_product_con{
	width: 100%;
}

.mcpc_title_box{
	width: 100%;
	text-align: left;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	background-color: #ae8f72;
	color: #FFF;
	padding: 20px 0;
}

.mcpc_title_box .mcpc_title_collect{
	width: 3%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 2.5%;
}

.mcpc_title_box .mcpc_title_pic{
	width: 13%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 1.5%;
}

.mcpc_title_box .mcpc_title_name{
	width: 18%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 1.5%;
}

.mcpc_title_box .mcpc_title_num{
	width: 22%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 1.5%;
}

.mcpc_title_box .mcpc_title_price{
	width: 8%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 1.5%;
}

.mcpc_con_ul{
	width: 100%;
}

.mcpc_con_list{
	width: 100%;
	border-left: solid 1px #dfe5e8;
	border-right: solid 1px #dfe5e8;
	border-bottom: solid 1px #dfe5e8;
	box-sizing: border-box;
	padding: 10px 0;
	position: relative;
}

.mcpc_con_list:nth-of-type(2n){
	background-color: #f0f3f2;
}

.mcpc_con_collect{
	width: 3%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 2.5%;
}

.mcpc_con_collect div.special_list_act_imgbox{
	margin-left: 0%;
}

.mcpc_con_collect .special_remind1,
.mcpc_con_collect .special_remind2{
	top: 60%;
	left: 0;
}

.mcpc_con_pic{
	width: 13%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 1.5%;
	border-radius: 5px;
	border: solid 1px #bfbfbf;
	background-color: #fff;
}

.mcpc_con_name{
	width: 18%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 1.5%;
	font-size: 16px;
	line-height: 1.6;
	font-weight: bold;
	color: #ae8f72;
}

.mcpc_con_num{
	width: 22%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 1.5%;
}

.mcpc_con_num .mcpc_con_eye{
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: rgb(127, 127, 127);
	display: inline-block;
	vertical-align: top;
	margin: 0 3%;
}

.mcpc_con_num .mcpc_con_eye span{
	padding: 5px 15px;
	border: solid 1px #dfe5e8;
	margin: 0 5px;
}

.mcpc_con_price{
	width: 8%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 1.5%;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color:#851b24;
}

.mcpc_con_shopcart{
	width: 15%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.mcpc_con_shopcart .ul_4_btn{
	width: 100%;
    text-align: center;
    margin-top: 0;
}

.mcpc_con_shopcart .ul_4_btn button{
    background-color: #ae8f72;
    padding: 8px 45px;
}

.mcpc_con_shopcart .ul_4_btn button:hover{
	opacity: 0.8;
}

.mcpc_con_shopcart .ul_4_btn .shop_cart_fu1000_add{

}

.my_collection_product_main .page_no{
	padding: 62px 0 0;
}

.p_mcpc_con_eye{
	display: none;
}

.mcpc_con_price .ul_4_btn{display: none;}


/* 一開始為實心 */
.my_collection_product_main .special_list_act_imgbox .special_list_act_img{
	width: 28px;
    height: 26px;
    background-image: url('../images/icon_wish_on.png');
    background-repeat: no-repeat;
    cursor: pointer;
}



/*===============================*/
/*===== 訊息中心(未收藏) ========*/
/*===============================*/

.my_collection_message_first_main{
	width: 100%;
}

.my_collection_message_first_main .special_remind1,
.my_collection_message_first_main .special_remind2{
	width: 240px;
	padding: 22px 0;
}


/*===============================*/
/*===== 會員權益 ================*/
/*===============================*/

.rights_welcome{
	width: 800px;
	margin: 0 auto;
}

.rights_welcome:after{
	content: "";
	display: block;
	width: 50%;
	height: 1px;
	margin: 28px auto 75px;
	background-color: #b5b5b5;
}

.rights_welcome_title{
	width: 100%;
	text-align: center;
	color: #851b24;
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 30px;
}

.rights_welcome_descript{
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height:1.5;
	font-weight: bold;
	letter-spacing: 1px;
	color: #424548;
	margin-bottom: 20px;
}

.rights_welcome_descript span{
	font-size: 25px;
	color: #EB6D78;
}


.rights_welcome_con{
	font-size: 16px;
	line-height: 1.8;
	color: rgb(66, 69, 72);
	margin-bottom: 40px;
}

.rights_welcome_movie{
	width: 100%;
	text-align: center;
}

ul.rights_con{
	width: 100%;
	position: relative;
}

.rights_list{
	width: 100%;
	margin-bottom: 100px;
}

.rights_list_picbox{
	width: 23%;
	display: inline-block;
    vertical-align: top;
	text-align: center;
}

.rights_list_text{
width: 63%;
    display: inline-block;
    vertical-align: middle;
    margin: 60px 2.5% 0px;
    padding: 4%;
    font-size: 14px;
    line-height: 1.7;
    color: #424548;
    letter-spacing: 2px;
    box-shadow: 1px 1px 100px 0px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 20;
}

.border-radius_style1{
	border-top-left-radius:0px;
    border-top-right-radius: 55px;
    border-bottom-right-radius: 55px;
    border-bottom-left-radius: 55px;
}

.border-radius_style2{
	border-top-left-radius:55px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 55px;
    border-bottom-left-radius: 55px;
}

.rights_list_pic{
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
}

.rights_list_pic_title{
	font-size: 28px;
    line-height: 28px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #636363;
    margin-bottom: 15px;
}

.rights_list_pic_con{
 	font-size: 15px;
    line-height: 1.4;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 15px;
}

.rights_list_pic_con_phone{
	display: none;
	font-size: 15px;
    line-height: 1.4;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 15px;
}

.rights_line{
	width: 1px;
	height: 95%;
	display: block;
	background-color: #b5b5b5;
	position: absolute;
    top: 61px;
    left: 0;
    right: 0;
    margin: auto;
	z-index: -1
}

/* +class */
 .color_e7969a{
	color: #e7969a;
}

.color_a3c962{
	color: #a3c962;
}

.color_565859{
	color: #565859;
}

.color_7cc2d8{
	color: #7cc2d8;
}

.color_ebb176{
	color: #ebb176;
} 
.color_9970C8{
	color: #9970C8;
} 


.rights_list_text{background: #fff;box-shadow: 10px 10px 60px 0px rgba(30, 30, 30, 0.3);}
.rights_list:nth-child(even) .rights_list_picbox{float: left;}
.rights_list:nth-child(odd) .rights_list_picbox{float: right;}
.rights_list:nth-child(even) .rights_list_text{
	border-top-left-radius: 0px;
	border-top-right-radius: 55px;
	border-bottom-right-radius: 55px;
	border-bottom-left-radius: 55px;
	position: relative;
	z-index: 1;
}
.rights_list:nth-child(odd) .rights_list_text{
    border-top-left-radius: 55px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 55px;
    border-bottom-left-radius: 55px;
    z-index: 1;
    position: relative;
}
.rights_list_title{
	color: #eaeaea;
    font-size: 130px;
    line-height: 130px;
    font-weight: bold;
    position: absolute;
    top: -90px;				    
    z-index: -1;
}
.rights_list:nth-child(even) .rights_list_title{left: -11%;}
.rights_list:nth-child(odd) .rights_list_title{right: -11%;}
@media (max-width: 750px) {
	.rights_list_title{font-size: 80px;line-height: 80px;top: -60px;}
	.rights_list_text{width: 85%;}				
	.rights_list_picbox{width: 100%}
	.rights_list:nth-child(even) .rights_list_picbox{float:none;}
	.rights_list:nth-child(odd) .rights_list_picbox{float: none;}
	.rights_list_pic{width:30%}
	.rights_list_pic img{width:100%}
	.rights_list:nth-child(even) .rights_list_pic{float:left;}
	.rights_list:nth-child(odd)  .rights_list_pic{float: right;}
	.rights_list_pic_title{padding-top: 15px}
	.rights_list_pic_title, .rights_list_pic_con{display:block;width: calc(100% - 30% - 15px);}
	.rights_list:nth-child(even) .rights_list_pic_title,.rights_list:nth-child(even) .rights_list_pic_con{float: right;text-align:left ;}
	.rights_list_picbox{margin-bottom: -50px}
	.rights_list:nth-child(odd) .rights_list_pic_title,.rights_list:nth-child(odd) .rights_list_pic_con{text-align: right;}
	.rights_list:nth-child(even) .rights_list_title{right:  -11% !important;left: auto}
	.rights_list:nth-child(odd) .rights_list_title{left: -11%;}
	.rights_line{display: none}				
	.rights_list:nth-child(even) .rights_list_text{
		border-top-left-radius: 0px;
	    border-top-right-radius: 20px;
	    border-bottom-right-radius: 20px;
	    border-bottom-left-radius: 20px;
	    position: relative;
	    z-index: 1;
	}
	.rights_list:nth-child(odd) .rights_list_text{
	    border-top-left-radius: 20px;
	    border-top-right-radius: 0px;
	    border-bottom-right-radius: 20px;
	    border-bottom-left-radius: 20px;
	    z-index: 1;
	    position: relative;
	}
}

/*===============================*/
/*===== 產品試戴 ================*/
/*===============================*/



.member_center_try_title{
 	font-size: 32px;
 	font-weight: bold;
 	line-height: 32px;
 	color: rgb(60, 57, 80);
 	letter-spacing: 1px;
 	margin-bottom:70px;
}

.try_title{
	font-size: 50px;
	line-height: 50px;
	color: #ae8f72;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.try_title span{
	font-size: 18px;
	line-height: 18px;
	vertical-align: middle;
	margin-left: 12px;
}

.try_con{
	width: 90%;
	margin: 0 auto;
}

.try_con:after{
	content: "";
	display: block;
	background-color: #d7d7d7;
	width: 100%;
	height: 1px;
	margin: 60px 0;
}

/* 輸入手機號碼 */
.try_phone_num{}

.try_phone_num .try_phone_num_text{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: rgb(7, 32, 42);
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 16px;
}


.try_phone_num .try_phone_num_phone{
	display: inline-block;
	vertical-align: middle;
	width: 240px;
	height: 45px;
	margin-left: 20px;
}

.try_phone_num .try_phone_num_phone input{
	width: 100%;
	height: 100%;
}
/* 輸入手機號碼 END*/


/* 選取優惠產品 */

.try_good_product_list{
	display: inline-block;
	vertical-align: top;
    width: 48%;
    margin: 0 2% 30px 0;
}

.try_good_product_list:nth-of-type(2n){
	margin-right: 0%;
}

.try_good_product_pic{
	width: 45%;
	display: inline-block;
	vertical-align: middle;
}

/* DESK隱藏 */
.p_radio{
	display: none;
}

.try_good_product_con{
    width: 51%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 2%;
}

.try_good_product_con_title{
	font-size: 16px;
	color: rgb(7, 32, 42);
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 1px;
	margin-bottom: 18px;  
	overflow: hidden;
}

.try_good_product_con_title span{
	float: right;
}

.try_good_product_con_con{
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #757575;
	letter-spacing: 1px;
}

/* 選取優惠產品 END*/


/* 選取店家 */
.try_shop{}

.try_shop_find{margin-bottom: 15px;}

.try_shop_find >div{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 16px;
	color: rgb(7, 32, 42);
}

.try_shop_find >div button{
	margin-left: 30px;
	display: inline-block;
	vertical-align: middle;
	padding: 6px;
	background-color: #eeeeee;
	border: solid 1px #c6c6c6;
	border-radius: 5px;
	outline: 0;
	cursor: pointer;
}

.try_shop_find >div button img{
	vertical-align: middle;
	margin-right: 6px;
}

.try_shop_ul{
	background-color: #e5e5e5;

	border-top-left-radius:0px;
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:30px;
	padding: 50px 40px;
}

.try_shop_ul li{
	display: inline-block;
	vertical-align: middle;
}

.try_shop_ul li.try_shop_list1{
	width: 9.5%;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 1px;
	color: rgb(7, 32, 42);
}

.try_shop_ul li.try_shop_list2{
	width: 19%;
	height: 45px;
	margin: 0 2%;
}

.try_shop_ul li.try_shop_list3{
	width: 19%;
	height: 45px;
	margin: 0 2%;
}

.try_shop_ul li.try_shop_list4{
    width: 37.5%;
    height: 45px;
    margin: 0 2%;
}

.try_shop_ul li.try_shop_list2 select,
.try_shop_ul li.try_shop_list3 select,
.try_shop_ul li.try_shop_list4 select{
	width: 100%;
	height: 100%;
}
/* 選取店家 END*/


/* 確認 */


.try_confirm .try_con{
	width: 100%;
	text-align: center;
}

.try_confirm_pic{
	width: 42%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 1.5%;
}

.try_confirm_text{
	width: 40%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 1.5%;
	text-align: left;
}

.try_confirm_text >div{
	font-size: 18px;
	font-weight: bold;
	line-height:1.4;
	letter-spacing: 1px;
	color: rgb(7, 32, 42);
}

/* 確認 END*/

/* 注意事項 */
.try_notice{margin-bottom: 100px;}

.try_notice_title{
	width: 15%;
	display: inline-block;
	vertical-align: top;
}

.try_notice_con{
    width: 84%;
    display: inline-block;
    vertical-align: top;
}

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

.try_notice_title p{
	display: inline-block;
	vertical-align: middle;
	margin-left: 1%;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 18px;
	color: #f8736d;
}

/* 注意事項 END*/


/* 確認送出 */
.try_btn{
	width: 100%;
	text-align: center;
}

.try_btn button{
	display: inline-block;
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	letter-spacing: 1px;
	background-color: #851b24;
	color: #FFF;
	border-radius: 99em;
	border: 0;
	padding: 18px 75px;
	outline: 0;
	cursor: pointer;
	position: relative;
}

.try_btn button:hover{
	opacity: 0.8;
}

.try_btn_hover{
	display: inline-block;
	background-color: #f8736d;
	color: #FFF;
	padding: 12px;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
	border-bottom-left-radius:0px;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	letter-spacing: 1px;
	position: absolute;
    top: -80%;
    right: -70%;
    display: none;
}

.try_btn_hover img{

	vertical-align: middle;
}

.try_btn button:hover .try_btn_hover{
	display: block;
}

/* 確認送出 END*/




/*===============================*/
/*===== 購物車最後確認 ==========*/
/*===============================*/


/* 購物車資訊 */

.phone_pay_lastconfirm_cart{
	display: none;
}

.pay_lastconfirm_cart{
	width: 100%;
}

.lastconfirm_cart_title{
	width: 100%;
	text-align: center;
	padding: 18px 0;
	background-color: #ae8f72;
	color: #FFF;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 1px;
}

.lastconfirm_cart_con{
	padding: 30px 30px 0 30px;
	margin-bottom: 55px;
	border: solid 1px #ae8f72;
}

.cart_con_title,
.cart_con_content{
	width: 100%;
	text-align: center;
}

.cart_con_title:after{
	content: "";
	display: block;
	background-color: #dfe5e8;
	width: 100%;
	height: 1px;
	margin: 15px 0 5px;
}

.cart_con_title li{
	display: inline-block;
	vertical-align: middle;
 	font-size: 16px;
 	color: rgb(66, 69, 72);
 	line-height: 16px;
 	letter-spacing: 1px;
 	font-weight: bold;
 	margin: 0 1.8%;
}

li.cart_con_list1{width: 6.8%;}
li.cart_con_list2{width: 23%;}
li.cart_con_list3{width: 9.5%;}
li.cart_con_list4{width: 9.5%;}
li.cart_con_list5{width: 7.2%;}
li.cart_con_list6{width: 9.5%;}

.cart_con_content{
	padding: 20px 0;
}
.lastconfirm_cart_con {padding-bottom: 20px}
.lastconfirm_cart_con .cart_con_content{ padding:20px 0 0 0; }

.cart_con_content:hover{
	background-color: #f0f3f2;
}

.cart_con_content li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 1.8%;
}

.cart_con_content li.cart_con_list2{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.429;
	color: rgb(66, 69, 72);
	letter-spacing: 1px;
}

.cart_con_content li.cart_con_list3 div,
.cart_con_content li.cart_con_list4 div{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: rgb(95, 114, 127);
	line-height: 1.7;
}

.cart_con_content li.cart_con_list3 div span,
.cart_con_content li.cart_con_list4 div span{
	margin: 0 2px;
}

.cart_con_content li.cart_con_list5{
	font-size: 15px;
	color: #851b24;
	font-weight: bold;
	letter-spacing: 1px;
}

.cart_con_content li.cart_con_list5 span{
	margin: 0 2px;
}

.cart_con_content li.cart_con_list6 button{
	display: inline-block;
    padding: 14px 15px;
	background-color: #fff;
	color: rgb(7, 32, 42);
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	letter-spacing: 2px;
	border: solid 1px #c9c9c9;
	border-radius: 5px;
}

.cart_con_content li.cart_con_list6 button:hover{
	background-color: #ececec;
}

/* 購物車資訊 END*/

/* 訂購資訊 */

.pay_lastconfirm_order{
	width: 100%;
}

.pay_lastconfirm_order_title{
	font-size: 32px;
	color: rgb(66, 69, 72);
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 25px;
}


.lastconfirm_order_title,
.lastconfirm_order_title_{
	background-color: #b4b4b4;
	color: #FFF;
	padding: 15px 0;
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
}

.p_lastconfirm_order_title{display: none;}

.lastconfirm_order_title ul{
	overflow: hidden;
}

.lastconfirm_order_title ul li{
	width: 50%;
	float: left;
	text-align: center;
}

.p_lastconfirm_order_con{display: none;}

.lastconfirm_order_con,
.lastconfirm_order_con_{
    padding: 25px 0 35px;
	border: solid 1px #b8bfc3;
	box-sizing: border-box;
}

.lastconfirm_order_con{
	margin-bottom: 45px;
}

.lastconfirm_order_con ul,
.lastconfirm_order_con_ ul{
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

.lastconfirm_order_con ul li,
.lastconfirm_order_con_ ul li{
	width: 46%;
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: rgb(95, 114, 127);
	line-height: 1.5;
	margin: 0 0;
}

.lastconfirm_order_con_div{
	margin-bottom: 10px;
}

.lastconfirm_order_con_div div{
	display: inline-block;
	vertical-align: top;
}

.lastconfirm_order_con_div div.lastconfirm_order_con_1{	width: 120px;}
.lastconfirm_order_con_div div.lastconfirm_order_con_2{    width: calc(100% - 120px - 13px);    margin-left: 8px;}



/* 訂購資訊 END*/

/* 購物車總計 */
.lastconfirm_total_price{
	width: 100%;
	overflow: hidden;
}

.lastconfirm_total_price_con{
	width: 50%;
	float: right;
}

.lastconfirm_total_title{
	font-size: 32px;
	color: rgb(66, 69, 72);
	line-height: 1.5;
	letter-spacing: 1px;
	margin-bottom: 25px;
}

.lastconfirm_total_ul{
	width: 100%;
	border: solid 1px #b8bfc3;
	box-sizing: border-box;
	margin-bottom:12px;
}

.lastconfirm_total_ul li{
	width: 100%;
	border-bottom: solid 1px #b8bfc3;
	padding: 11px 0;
}

.lastconfirm_total_ul li:last-child{
	border-bottom: 0;
}

.lastconfirm_total_ul li div{
	width: 48%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.lastconfirm_total_ul li div.lastconfirm_total_div{
	font-size: 16px;
	color: rgb(95, 114, 127);
	line-height: 16px;
	font-weight: bold;
}

.lastconfirm_total_ul li div.lastconfirm_total_div_a1{
	font-size: 16px;
	color: rgb(95, 114, 127);
	line-height: 16px;
	font-weight: bold;
}

.lastconfirm_total_ul li div.lastconfirm_total_div_a2{
	font-size: 16px;
	color: rgb(95, 114, 127);
	line-height: 16px;
	font-weight: bold;
}

.lastconfirm_total_ul li div.lastconfirm_total_div_a3{
	font-size: 24px;
	color: rgb(95, 114, 127);
	line-height: 16px;
	font-weight: bold;
}

.lastconfirm_total_remind{
	width: 90%;
	margin: 0 auto 10px;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}

.lastconfirm_total_btn{
	width: 100%;
	text-align: right;
}

.lastconfirm_total_btn button{
	display: inline-block;
	vertical-align: top;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
}

.lastconfirm_total_btn1{
	display: inline-block;
	padding:12px 75px;
	background-color: #bcbcbc;
}

.lastconfirm_total_btn2{
	display: inline-block;
    padding: 12px 71px;
	background-color: #57d7d8;
}

.lastconfirm_total_btn button:hover{
	opacity: 0.8;
}
/* 購物車總計 END*/







.member_center_info_up{
  width: 100%;
  min-height: 0;
  background-color: #FFF;
  box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.2);
  margin-bottom: 18px;
  height: 475px;
}


.info_up_progress{
    width: 35%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: center;
    margin: 115px 0 45px 0px;
}

.info_up_progress .progress_bg{
    width: 360px;
    height: 360px;
  margin: 0 auto;
  background: -moz-linear-gradient(top, #ededed 25%,#c9c8c8 50%,#8d8b8b 75%,#595757 100%);
background: -webkit-linear-gradient(top, #ededed 25%,#c9c8c8 50%,#8d8b8b 75%,#595757 100%);
background: linear-gradient(to bottom, #ededed 25%,#c9c8c8 50%,#8d8b8b 75%,#595757 100%);
background: 0;
  padding-top: 0;
}

.info_up_progress .progress_bg_white{
    width: 90%;
    height: 100%;
  margin: 0 auto;
  background-color: #FFF;
  box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.5);
  margin-bottom: 0;
}

.info_up_progress .progress_pic{
  width: 90%;
  margin: 0 auto;
  transform: translateY(0px);
  -webkit-transform: translateY(0px); 
  -moz-transform: translateY(0px); 
  -o-transform: translateY(0px);
  position: relative;
}

.progress_pic .progress_pic_logo{
    width: 50%;
    height: auto;
    position: absolute;
    top: 41%;
    bottom: auto;
    left: 6%;
    right: 0;
    margin: auto;
    display: none;
}

.progress_pic .progress_pic_text{
    display: table;
    width: 56%;
    text-align: center;
    /* position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
	right: 0; */
	transform: translate(8px,-176px);
	-webkit-transform: translate(8px,-176px); 
	-moz-transform: translate(8px,-176px); 
	-o-transform: translate(8px,-176px);
	
    margin: auto;
}

.progress_pic .progress_pic_text .progress_pic_text_wra{
  display: table-cell;
  vertical-align: middle;
}

.progress_pic .progress_pic_text .progress_pic_text_wra .progress_pic_call{
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #595757;
    margin-bottom: 5px;
}

.progress_pic .progress_pic_text .progress_pic_text_wra .progress_pic_point{
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #595757;
}

.progress_pic .progress_pic_text .progress_pic_text_wra .progress_pic_point span{
  font-size: 14px;
  color: #eb6d78;
}


.progress_text{
  display: none;
}

.progress_text_point{
  font-size:16px;
  letter-spacing: 2px;
  line-height: 1.4;
  color: #000;
}

.progress_text_point span{
  color: #F8EF85;
  font-size:22px;
  font-weight: bold;
}

.progress_text_point:after{
  content: "";
  display: block;
  background-color:#8f8f8f;
  width:80%;
  height: 1px;
  margin: 10px auto 16px;
}

.progress_text_day{
  font-size:16px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.4;
  color: #cac9c9;
  display: none;
}

.p-block{
    position: absolute;
    top: 14.5%;
    left: -1px;
    right: 0;
    margin: auto;
    width: 150px;
    border: 0;
}

#p-bar{
  width:164px;
  height: 164px;
  position: relative;
    border: 0;
}
#p-bar img{
  position: absolute;
  width: 90%;
  margin: 5%;
    border: 0;
}
#container {  
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
}

.mcr_ffli{
    list-style-type: decimal;
    width: 93%;
    margin: 20px auto;
    letter-spacing: 2px;
    line-height: 1.7;
    font-size: 14px;
}
.new_optometry_form_list p.lig_ff{
	width: 100px;
}

/*===============================*/
/*===== register ============*/
/*===============================*/


.register_main {
    width: 100%;
}
.register_main .register_box{
	width: 1100px;
	margin: 0 auto;
	padding: 90px 0;
}

.register-title{ font-size: 36px; font-weight: bolder; margin-bottom: 60px; }

			
/*-----------inner page member-------------*/	


		 .redister_form .row{padding-bottom:20px;font-size:14px;}

		 .redister_form .row:after{ clear:both; content:''; display:block;}
		 .redister_form .row span.f-title{ color:#07202a;  font-weight:bolder; display:block; width:10%; margin-right:2%; vertical-align:top; float:left; padding-top:4px;
		 	  /*text-align: justify;*/
		 	  font-size: 16px;
			　text-justify: inter-ideograph;
			　-ms-text-justify: inter-ideograph; /*IE9*/
			　-moz-text-align-last:justify; /*Firefox*/
			　-webkit-text-align-last:justify; /*Chrome*/
			}
		 	.redister_form .row span.f-title:after{content: '';  display: inline-block;  width: 100%;} /* css3 文字左右對齊 */
		 .redister_form .row span.f-cont, .redister_form .row span.f-cont-two, .redister_form .row span.f-cont-two2{width:87%;float:left; line-height:24px;}

.redister_form .row span.f-title{ width:160px;}
.redister_form .row span.f-cont{width:calc(100% - 200px); }

.redister_form .row.btn{  text-align: right; padding-top: 20px;}
.redister_form .row.btn span.f-cont{width:170px; float: none;  }
.redister_form .custominput{ width: 98%;  padding-left: 10px;}
.redister_form .row span.f-cont-two{width:48%;margin-right: 2%;}
.redister_form .row span.f-cont-two2{width:28%; padding-left: 15px; }
.redister_form .row span label{ padding-right: 10px; }
.redister_form .row span label:last-of-type{ padding-right: 0px; }
.redister_form .row span label .custominput{ width: auto; min-width: 50px; }

.redister_form .row .cont-label{display: inline-flex; }
.redister_form .row span.cont-label label{ flex: 1; }
.redister_form .exp{ line-height: 1.5; color: #575a5d; }

.redister_form .radio_inner{ display: flex; width: 100%; }
.redister_form .radio_inner li {    flex: 1; color: #07202a; font-size: 16px; line-height: 36px;}
.redister_form .radio_inner li.flex2{ flex: 2; }


.radio_inner .custominput{ width: auto; margin-left: 10px; }

.redister_form .exp{ color: #07202a; font-size: 16px; line-height:1.4; }

.redister_form input.checkbox[type="checkbox"] + label{ color: #07202a; font-size: 16px;}

.redister_form .addr-select{ display: flex; }
.redister_form .addr-select select{width: 25%; margin-right: 1%;}
.redister_form .addr-select input{width: 50%;}

@media (max-width: 1200px) {
	.register_main .register_box{ width: 90%;  padding-top: 30px;}
	.redister_form .row span.f-title,  .redister_form .row span.f-cont{ width:100%; float: none;}
	.redister_form .addr-select{ flex-wrap: wrap; }
	.redister_form .addr-select select{width: 49%;} 
	.redister_form .addr-select select:nth-of-type(2){width: 50%;margin-right: 0;}  
.redister_form .addr-select input{ width: 100%;margin-top: 10px; }
	    .redister_form .radio_inner{ flex-wrap: wrap;  justify-content: flex-start;}
		.redister_form .radio_inner li {    flex: auto; }
		.redister_form .radio_inner li.flex2{ flex: auto; width: 33.33%;}
}

@media (max-width: 768px) {
		.redister_form .radio_inner li {    width: 50%; }
		.redister_form .radio_inner li.flex2{  width: 50%;}
		.redister_form .row span.f-cont-two{ width: 100%;margin-right: 0%; }
		.redister_form .row span.f-cont-two2{ width: 100%;padding-left: 0px; margin-top: 10px; }
}








.product_main,
.product_detail_main,
.storehold_main,
.news_main,
.news_class,
.news_detail_main,
.faq_main,
.faq_contact_main,
.contact_main,
.privacy_issues_main,
.signin_main,
.signin_first_main,
.signin_forgot_main,
.member_center_coupon_main,
.member_center_recommend_main,
.member_center_birthday_main,
.member_center_renewal_main,
.shop_cart_main,
.member_center_personal_main,
.member_center_forgot_main,
.member_center_search_main,
.member_center_contact_main,
.member_center_upload_main,
.member_brand_offer_main,
.member_center_active_main,
.member_brand_active_detail_main,
.member_center_feedback_main,
.member_brand_feedback_detail_main,
.member_center_special_main,
.member_center_special_detail_main,
.shop_confirm_main,
.shop_delivery_method_main,
.shop_delivery_method_detail_main,
.shop_delivery_method_detail2_main,
.shop_paychange_main,
.my_collection_good_main,
.my_collection_news_main,
.my_collection_product_main,
.my_collection_message_main,
.my_collection_message_detail_main,
.member_center_rights_main,
.member_center_try_main,
.pay_lastconfirm_main{
	width: 100%;
}


.product_box,
.product_detail_box,
.storehold_box,
.news_detail_box,
.faq_contact_box,
.privacy_issues_box,
.signin_box,
.signin_first_box,
.signin_forgot_box,
.member_center_coupon_box,
.member_center_recommend_box,
.member_center_birthday_box,
.member_center_renewal_box,
.shop_cart_box,
.member_center_personal_box,
.member_center_forgot_box,
.member_center_search_box,
.member_center_contact_box,
.member_center_upload_box,
.member_brand_offer_box,
.member_center_active_box,
.member_brand_active_detail_box,
.member_brand_feedback_detail_box,
.member_center_special_box,
.member_center_special_detail_box,
.shop_confirm_box,
.shop_delivery_method_box,
.shop_delivery_method_detail_box,
.shop_delivery_method_detail2_box,
.shop_paychange_box,
.shop_storePickup_box,
.my_collection_good_box,
.my_collection_news_box,
.my_collection_product_box,
.my_collection_message_box,
.my_collection_message_detail_box,
.member_center_rights_box,
.member_center_try_box,
.pay_lastconfirm_box,
.live_section_box{
	width: 96%;
	padding: 90px 2%;
}