@charset "utf-8";
/* CSS Document */

/* 共用規格 */
a, a:active { text-decoration:none; outline: none;}

/* 彈窗-分享選單 */
#ow_share{ position:fixed; z-index: 2008;}

		.ow-content{ position: relative; z-index: 2010;}

		.ow_top{ border:none; overflow:hidden; background: #ffffff;}
			.ow_directions{ font-weight: bold; text-align: center;}
			.share_btn{ text-align: center;}
				.share_btn a{ display: inline-block;}	
					.share_btn img{ width: 100%;}	

		.ow_bottom{ width:100%; border-top:1px solid #d7d7d7; overflow:hidden; background: #ffffff; text-align: center;}
			.ow_bottom a.btn_close{ display: inline-block; outline:none; width:100%; font-weight: bold;}

			/* 黑透 */
			.overlay { position: fixed; width: 100%; height: 100%; background-color: #000; background: rgba(0,0,0,.5); top: 0; left: 0; z-index: 2009;}
			.overlay a{ display:block; width: 100%; height: 100%; cursor: default;}


/* 彈窗-輸入格式錯誤提示、驗證碼錯誤提示、登錄異常提示、綁定成功提示、已綁定提示*/
#ow_error1, #ow_error2, #ow_error3, #ow_bind_ok, #ow_bound{ position:fixed; z-index: 2008;}


/* 彈窗-輸入核銷碼 */
#ow_vcode{ position:fixed; z-index: 2008;}

			.ow_title{ font-weight: bold; text-align: center;}
			.code_error{ color: #ff9900; text-align: center;}
			.code_box{ overflow: hidden;}
				.code_input{ float: left; border-bottom:1px solid #666666;}
					.code_input input{ width: 100%; border:none; color: #ff9796; font-weight: bold; text-align: center;}

		.ow_bottom2{ width:100%; border-top:1px solid #d7d7d7; overflow:hidden; background: #ffffff; text-align: center;}
			.ow_bottom2 a.btn_close2{ float: left; outline:none; width: calc(50% - 1px); font-weight: bold;}
			.ow_bottom2 a.btn_ok{ float: left; outline:none; width: calc(50% - 2px); font-weight: bold;}
			.btn_line{ float: left; width:1px; background: #d7d7d7;}


/* 彈窗-上傳附件位置選單*/
#ow_menu{ position:fixed; z-index: 2008;}

		.ow_top2{ border:none; overflow:hidden; background: #ffffff; border-top-left-radius: 16px; border-top-right-radius: 16px;}
			#ow_menu .btn_appendix{ width: 100%; border-bottom:1px solid #cccccc;}
			#ow_menu .btn_line_not{ border-bottom:none;}
				#ow_menu .btn_appendix a{ display: block; width: 100%; color: #000000; text-align: center;}


/* 彈窗-其他瀏覽器登入提示*/
#ow_repeat_login{ position:fixed; z-index: 2008;}


/* 彈窗-導下載 */
#w_download{ position:fixed; z-index: 2008;}

		.wd2-content{ position: relative; z-index: 2010;}

		#w_download .wd2_top{ border:none; overflow:hidden;}
			#w_download a.btn_close{ float:right; display:block; width:20px; height:20px; margin-right:20px; background:url(../images/share/btn_close.png) no-repeat; background-size:20px 20px; outline:none;}
					
			#w_download .wd2_main{}
		
				#w_download .download_pc{ display: table; margin-top:10px; background:url(../images/share/stored_d.jpg) no-repeat; background-size: 100% auto; text-align: center;}
					#w_download .download_pc .d_btn{ display: inline-block;}	
						#w_download .download_pc .d_btn a{ width: 100%; margin-top: 0;}	
							#w_download .download_pc .d_btn img{ width: 100%;}	


/* 彈窗-兌換 */
#ow_exchange_discount, #ow_exchange_group{ position:fixed; bottom:0; z-index: 2008; color: #191919;}	

		.ow_e_top{ border:none; overflow:hidden; background: #ffffff;}	
			.e_good_box{ border-bottom:1px solid #cccccc; overflow: hidden;}		
				.e_good_photo{ position: absolute; background: #f4f4f4;}	
					.coverImage{ height:0; padding-bottom:100%; overflow:hidden; background-position: center center !important; background-repeat: no-repeat !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; background-size:cover !important;}
				.e_good_data{ position: relative;}
					.e_good_name{ color:#000000; font-weight:bold; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;/*! autoprefixer: ignore next */ -webkit-box-orient: vertical;}
					.e_g_price{ color:#ffffff;}
					.e_g_price_group{}
						.e_g_price_group .special{ display:inline-block; color:#ec2626;}
							.e_g_price_group .p_symbol{}
						.e_g_price_group .o_price{ display:inline-block; color:#999999; text-decoration: line-through;}
			.exchange_box{ overflow-y: auto;}	
				.item_box{ border-bottom:1px solid #cccccc;}
					.ib_top{ overflow:hidden;}
						.ib_title{ float: left; font-weight:bold;}
						.ib_btn{ float: right; overflow: hidden;}
							.btn_subtract{ float: left; border:1px solid #ccc; border-right: none;}
							.input_quantity{ float: left; border:1px solid #ccc;}
								.input_quantity input{ border: none; text-align: center;}
							.btn_add{ float: left; border:1px solid #ccc; border-left: none;}
					.ib_bottom{ overflow:hidden;}
						.ib_b_left{ float: left;}
						.ib_b_right{ float: right; overflow: hidden;}
							.estimate_discount{ color: #ff9796;}
							
							.ib_b_r_cd{ float: left; color: #ff9796;}
							.ow_choose_discount{ float: left;}
								/*勾選*/
								.check{ overflow: hidden;}
									input[type="checkbox"] { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; display: block; float: left; opacity: 0; z-index: -1;}
									input[type="checkbox"] + label { text-decoration: none; color: #191919; cursor: pointer; display: inline-block; position: relative;}
									input[type="checkbox"] + label:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; background: #ffffff; border: solid 1px #999999; content: ''; display: inline-block; position: absolute; text-align: center; left: 0; top: 0;}
									input[type="checkbox"]:checked + label:before { background: #ff9796; border-color: #ff9796; color: #ffffff; content: '\f00c';}
									input[type="checkbox"]:focus + label:before { border-color: none; box-shadow: none;}
									input[type="checkbox"] + label:before { border-radius: 100%;}

									.form-check-input { margin-top: 0;}
									.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"] {}
						
						.c_balance{ color: #666666;}

					.minimum_amount{ color: #ec2626; font-weight:bold;}
				.ib_last{ border-bottom:none;}

		.ow_e_bottom{ width:100%; overflow:hidden; background: #ffffff; text-align: center;}
			.ow_e_bottom a.btn_exchange_discount{ display: inline-block; margin: 0 auto; color: #ffffff; font-weight: bold; text-align: center; background: #99a857; border: none; outline: none;}
			.ow_e_bottom a.btn_exchange_group{ display: inline-block; margin: 0 auto; color: #ffffff; font-weight: bold; text-align: center; background: #FF9796; border: none; outline: none;}
			.use_group_notice{ color: #ff8900; text-align: center;}

			.ow_e_bottom a.btn_exchange_discount:hover, .ow_e_bottom a.btn_exchange_discount:active, .ow_e_bottom a.btn_exchange_group:hover, .ow_e_bottom a.btn_exchange_group:active{ color:#ffffff;}


/* 彈窗-快選選單 */
#ow_choose{ position:fixed; bottom:0; z-index: 2008; color: #191919;}	

		.ow_c_t{ border:none; overflow:hidden; background: #ffffff; border-bottom: 1px solid #eeeeee;}
			a.ow_btn_close{ display: block; float: right;}
				a.ow_btn_close img{ width: 100%; vertical-align: top !important;}

		.ow_c_m{ border:none; overflow-y: scroll; background: #ffffff;}
			.k_box {}
				.k_top{ overflow: hidden;}
					.k_title{ float: left; color: #333333;}
				.k_item{}
					.k_item ul{ margin: 0; padding: 0; overflow: hidden;}
						.k_item li{ float: left; list-style: none; color: #666666; background: #f0f0f0;}	
						.k_item li.selected{ color: #ffffff; background: #FF9796;}	

		.ow_c_b{ position:fixed; bottom:0; border:none; overflow:hidden; background: #ffffff; text-align: center;}	
			.ow_c_b a{ display: inline-block;}	
            	a.btn_clear{ display: inline-block; color: #ffffff; font-weight: bold; text-align: center; background: #99a857; border: none; outline: none;}	
            	a.btn_apply{ display: inline-block; color: #ffffff; font-weight: bold; text-align: center; background: #FF9796; border: none; outline: none;}	


/* 彈窗-可領取票券 */
#ow_coupon_list{ position:fixed; bottom:0; z-index: 2008; color: #191919;}	

			.cl_title{ float: left; color: #333333;}

		.coupon_list{ border:none; overflow-y: scroll; background: #f4f4f4;}


/* 彈窗-綁定信用卡提醒 */
#ow_bind_credit{ position:fixed; top:0; z-index: 2008; color: #191919;}	

			#ow_bind_credit .cl_title{ color: #ffffff;}	

		.bc_box{ border:none; overflow:hidden; background: rgba(0,0,0,0.8);}
			a.ow_btn_close2{ display: block; float: right;}
				a.ow_btn_close2 img{ width: 100%;}


/* 彈窗-刪除信用卡提示 */
#ow_del_credit{ position:fixed; z-index: 2008;}


/* 彈窗-掃描支付 */
#ow_scan_pay{ position:fixed; bottom:0; z-index: 2008; color: #191919;}	

		.ow_sp_top{ border:none; overflow:hidden; background: #ffffff;}	
			.info_box{ overflow-y: auto;}	


/* 彈窗-期限已到期提示 */
#ow_expire_d{ position:fixed; z-index: 2008;}		
#ow_expire_g{ position:fixed; z-index: 2008;}


/* 彈窗-網路異常、庫存不足、使用期限 */
#ow_abnormal, #ow_not_enough, #ow_deadline{ position:fixed; z-index: 2008;}	


/* 彈窗-下單留言、報名留言 */
#ow_order_message{ position:fixed; bottom:0; z-index: 2008; color: #191919;}
					
		.num_box2{ overflow:hidden; float:left;}
			.num_icon2{ float:left;}
				.num_icon2 img { width: 100%; vertical-align: top;}
			.num_total2{ float:left;}

		.btn_box{ overflow:hidden; float:right;}
			.btn_box a{ display: block; color: #ffffff; text-align: center; background: #ff9796;}
			.btn_ending{ display: block; color: #ffffff; text-align: center; background: #aaaaaa;}

		/*留言列表*/
		.order_message_list{ border:none; overflow-y: scroll; background: #f4f4f4;}

			/*下單內容、留言內容*/
			.place_order_box{ overflow:hidden;}
				.po_left{ float:left;}
					.user_avatar{ background:#ffffff; border: 1px solid #eeeeee; border-radius:50%;}
					.user_avatar img{ width:100%; border-radius:50%;}
				.po_right{ float:left;}
					.po_content{ background:#ffffff;}
						.user_name{ color: #000000; font-weight: bold; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical;}
						.po_content ul{ margin: 0; padding: 0;}
							.po_content li{ list-style-type: none; overflow:hidden; color: #000000;}
								.order_type{ float:left; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical;}
								.order_num{ float:left;}
								
								.already_registered{ word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical;}
					.po_time{ color: #666666;}

		/*目前沒有資訊*/
		.order_message_list_no{ border:none; background: #f4f4f4;} 

			.no_information{ text-align: center;}
				.ni_photo{ margin: 0 auto;}
					.ni_photo img{ width: 100%;}
				.ni_word{ color: #666666;}	


/* 彈窗-下單選項 */
#ow_order_kind_list{ position:fixed; bottom:0; z-index: 2008; color: #191919;}

		.order_kind_list{ border:none; overflow-y: scroll; background: #f4f4f4;}
			.kind{ overflow: hidden; background: #ffffff;}
				.kind_left{ float: left;}
					.kind_name{ color: #000000; font-weight: bold;}
					.unit_price{ color: #666666;}
					
				.kind_right{ float: right;}	
					.kr_btn{ overflow: hidden;}
					.out_of_stock{ color: #ec2626; width: 100%; text-align: center;}
		
			.ow_e_bottom .btn_no{ display: inline-block; margin: 0 auto; color: #ffffff; font-weight: bold; text-align: center; background: #aaaaaa; border: none; outline: none;}


/* 彈窗-取消訂單提示、已註冊提示*/
#ow_cancel_order, #ow_registered{ position:fixed; z-index: 2008;}
			.ow_directions2{ text-align: center;}

/* 彈窗-瀏覽圖片影片 */
#ow_pv{ position:fixed; z-index: 2008; top: 0;}


/* 彈窗-問卷項目 */
#ow_questionnaire{ position:fixed; bottom:0; z-index: 2008; color: #191919;}

		.question_list{ border:none; overflow-y: scroll; background: #f4f4f4;}
			.question{ overflow: hidden; background: #ffffff;}
				.q_top{ color:#191919; font-weight: bold; border-bottom: 1px solid #eeeeee; overflow: hidden;}
					.q_num{ float: left; font-weight: bold;}
					.q_required{ float: left; color: #ffffff; background: #e85a85;}
					.q_select_multiple{ float: left; color: #6b2b08; background: #ffd699;}

				.q_bottom{}
					.q_topic{ color:#191919; font-weight: bold; word-wrap: break-word;}
					.q_topic_img{ width: 100%; overflow: hidden;}
						.q_topic_Image{ width:100%; height:0; padding-bottom: 100%; overflow:hidden; background-position: center center !important; background-repeat: no-repeat !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; background-size:cover !important;}
					.q_options{ color:#333333;}
						.q_options_item{ overflow: hidden;}
							.q_options_choose{ float: left;}
								/*勾選*/
								.check{ overflow: hidden;}
									.q_options_choose input[type="checkbox"], .q_options_choose input[type="radio"] { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; display: block; float: left; opacity: 0; z-index: -1;}
									.q_options_choose input[type="checkbox"] + label, .q_options_choose input[type="radio"] + label { text-decoration: none; color: #191919; cursor: pointer; display: inline-block; position: relative;}
									.q_options_choose input[type="checkbox"] + label:before, .q_options_choose input[type="radio"] + label:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; background: #ffffff; border: solid 1px #999999; content: ''; display: inline-block; position: absolute; text-align: center; left: 0; top: 0; border-radius: 100%;}
									.q_options_choose input[type="checkbox"]:checked + label:before, .q_options_choose input[type="radio"]:checked + label:before { background: #ff9796; border-color: #ff9796; color: #ffffff; content: '\f00c';}
									.q_options_choose input[type="checkbox"]:focus + label:before, .q_options_choose input[type="radio"]:focus + label:before { border-color: none; box-shadow: none;}

								.form-check-input { margin-top: 0;}
								.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"], .form-check-input[type="radio"], .form-check-input:checked[type="radio"] {}

							.q_options_content{ float: left; word-wrap: break-word;}
							.q_options_img_box{ clear: both;}
								.q_options_blank{}
								.q_options_img{ overflow: hidden;}
									.q_optionsImage{ width:100%; height:0; padding-bottom: 100%; overflow:hidden; background-position: center center !important; background-repeat: no-repeat !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; background-size:cover !important;}

							.q_options_item textarea{ width: 100%; background: #f4f4f4; border: none; resize:none; outline: none;}


/* 彈窗-紀錄明細*/
#ow_record_details{ position:fixed; z-index: 2008;}
		.ow_top_r{ border:none; overflow:hidden; background: #ffffff;}

				.item_question_box{ border: 1px solid #cccccc;}
					.item_q_t{ overflow:hidden;  border-bottom: 1px solid #cccccc;}
						.item_q_num{ float: left; color: #ffffff; font-weight: bold; text-align: center; background: #e85a85;}
						.item_q_topic{ float: left; color: #191919; font-weight: bold; word-wrap: break-word;}
						.iqt_img_box{ clear: both;}
							.iqt_img_blank{ height: 10px;}
							.iqt_img{ width: 100%; overflow: hidden;}
								.iqt_topicImage{ width:100%; height:0; padding-bottom: 100%; overflow:hidden; background-position: center center !important; background-repeat: no-repeat !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; background-size:cover !important;}

					.item_q_b{ overflow:hidden; padding-top: 17px;}
						.item_a_mark{ float: left; color: #6b2b08; font-weight: bold; text-align: center; background: #ffd699;}
						.item_a_content{ float: left; color: #333333; word-wrap: break-word;}
							.iqb_img_box{ clear: both;}
								.iqb_options_img{ overflow: hidden;}
									.iqb_optionsImage{ width:100%; height:0; padding-bottom: 100%; overflow:hidden; background-position: center center !important; background-repeat: no-repeat !important; -webkit-background-size:cover !important; -moz-background-size:cover !important; background-size:cover !important;}
								.iqb_options_blank{}


/* 彈窗-選擇產業類別 */
#ow_select_category{ position:fixed; bottom:0; z-index: 2008; color: #191919;}

		.category_list{ border:none; overflow-y: scroll;}
			.category{ overflow:hidden; background: #ffffff; border-bottom: 1px solid #f4f4f4;}
				.category_name{ float: left; color: #191919; font-weight: bold;}
				.category_choose{ float: left;}


/* 彈窗-提醒綁定手機-下單完成後、彈窗-提醒綁定手機-可取貨時 */
#ow_bind_order_placed, #ow_bind_pick_up{ position:fixed; bottom:0; z-index: 2008; color: #191919;}

		.bind_content{ border:none; background: #ffffff; text-align: center;}
			.bc_title{ color: #191919; font-weight: bold;}
			.bc_describe{ color: #333333; text-align: left;}
			.bc_btn_box{ }
            	a.btn_bind_yes{ display: inline-block; width: 84%; color: #ffffff !important; font-weight: bold; text-align: center; background: #FF9796; border: 1px solid #FF9796; outline: none;}	
            	a.btn_bind_no{ display: inline-block; width: 84%; color: #FF9796; font-weight: bold; text-align: center; background: #ffffff; border: 1px solid #FF9796; outline: none;}


/* 彈窗-提醒綁定手機-3天後 */
#ow_bind_next_time{ position:fixed; bottom:51px; z-index: 2008;}

		.nt_bind_content{ border:none; background:rgba(0,0,0,0.9); text-align: center;}
			.nt_bc_title{ color: #ffffff; font-weight: bold;}
			.nt_bc_describe{ color: #ffffff; text-align: left;}
			.nt_bc_btn_box{ }
            	a.nt_btn_bind_yes{ display: inline-block; width: 55%; margin: 0 2.1%; color: #ffffff !important; font-weight: bold; text-align: center; background: #FF9796; border: 1px solid #FF9796; outline: none;}	
            	a.nt_btn_bind_no{ display: inline-block; width: 35%; margin: 0 2.1%; color: #FF9796; font-weight: bold; text-align: center; background: #ffffff; border: 1px solid #FF9796; outline: none;}	

			/* 黑透 */
			.overlay_pv { position: fixed; width: 100%; height: 100%; background-color: #000; background: rgba(0,0,0,.85); top: 0; left: 0; z-index: 2009;}


/* 彈窗-提醒綁定手機 */
#ow_bind_notice{ position:fixed; bottom:0; z-index: 2008; color: #191919;}


/* 彈窗-更多選單 */
#ow_more_list{ position:fixed; bottom:0; z-index: 2008; color: #191919;}

		.more_list{ border:none;}
			.select_item{ overflow: hidden; background: #ffffff; border-bottom: 1px solid #eeeeee; padding: 26px;}
				.si_icon{ float: left; width: 40px; height: 40px; margin-right: 17px;}
					.si_icon img { width: 100%;}
				.si_name{ float: left; color: #333333; font-size: 24px; line-height: 40px;}


/*彈窗-專屬優惠提醒*/
#ow_discount_notice{ position:fixed; bottom:0; z-index: 2008; color: #191919;}

		.ow_c_t2{ border:none; overflow:hidden; background: #ffffff;}

		.dn_img{ text-align: center; background: #ffffff;}
			.dn_img img{}

		.discount_content{ border:none; background: #ffffff; text-align: center;}
			.dc_title{ color: #191919; font-weight: bold;}
			.dc_describe{ color: #333333;}
				.discount_amount{ color: #e85a85; font-weight: bold;}
			.f_download_box{ overflow: hidden;}
				.sc_icon{ float: left;}
					.sc_icon img{ width: 100%;}
				.sc_directions{ float: left; text-align: left;}
					.scd_title{ color: #191919; font-weight: bold;}
					.scd_content{ color: #666666;}
						.give_sc{ font-weight: bold;}
				.fd_btn{ float: right;}
					.fd_btn a{ display: block; color: #6b2b08; text-align: center; background: #ffd699;}

			.h_account_box{ overflow: hidden;}
				.ha_btn{ float: right;}
					.ha_btn a{ display: block; color: #ffffff; text-align: center; background: #e85a85;}






/* 各別規格 */
@media screen and (min-width:992px){	
	
/* 彈窗-分享選單 */
#ow_share{ width: 460px; top:calc((100vh - 336px) / 2); margin-left:calc((100% - 460px) / 2);}	

		.ow_top{ padding: 30px 20px; border-top-left-radius: 16px; border-top-right-radius: 16px;}
			.ow_directions{ font-size: 24px;}
			.share_btn{ margin-top: 20px;}
				.share_btn a{ width: 110px; height: 110px; margin: 0 12px;}		

		.ow_bottom{ border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
			.ow_bottom a.btn_close{ line-height: 80px; font-size: 28px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
	
	
/* 彈窗-輸入格式錯誤提示、驗證碼錯誤提示、登錄異常提示、綁定成功提示、已綁定提示*/
#ow_error1, #ow_error2, #ow_bind_ok, #ow_bound{ width: 460px; top:calc((100vh - 173px) / 2); margin-left:calc((100% - 460px) / 2);}
#ow_error3{ width: 460px; top:calc((100vh - 249px) / 2); margin-left:calc((100% - 460px) / 2);}	
	
	
/* 彈窗-輸入核銷碼 */
#ow_vcode{ width: 460px; top:calc((100vh - 413px) / 2); margin-left:calc((100% - 460px) / 2);}	

			.ow_title{ font-size: 30px;}
			.code_error{ margin-top: 26px; font-size: 26px;}
			.code_box{ margin: 26px 0px;}
				.code_input{ width: calc(25% - 26px); margin: 0 13px;}
					.code_input input{ font-size: 51px;}

		.ow_bottom2{ border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
			.ow_bottom2 a.btn_close2{ line-height: 80px; font-size: 28px; border-bottom-left-radius: 16px;}
			.ow_bottom2 a.btn_ok{ line-height: 80px; font-size: 28px; border-bottom-right-radius: 16px;}
			.btn_line{ height: 80px;}
	
	
/* 彈窗-上傳附件位置選單*/
#ow_menu{ width: 460px; top:calc((100vh - 252px) / 2); margin-left:calc((100% - 460px) / 2);}	
		.ow_top2{ border-top-left-radius: 16px; border-top-right-radius: 16px;}
			#ow_menu .btn_appendix a{ font-size: 29px; line-height: 85px;}


/* 彈窗-其他瀏覽器登入提示*/
#ow_repeat_login{ width: 460px; top:calc((100vh - 213px) / 2); margin-left:calc((100% - 460px) / 2);}	
	
	
/* 彈窗-導下載 */
#w_download{ top:calc((100vh - 498px) / 2); margin-left:calc((100% - 800px) / 2);}	
		
				#w_download .download_pc{ width:800px; height:468px; border-radius:20px;}
					#w_download .download_pc .d_btn{ margin: 400px 50px 0 50px; width: 185px; height: 55px;}		
	
/* 彈窗-兌換 */
#ow_exchange_discount, #ow_exchange_group{ width: 638px; margin-left:calc((100% - 638px) / 2);}	

		.ow_e_top{ padding: 17px;}	
			.e_good_box{ padding-bottom: 17px;}	
				.e_good_photo{ margin-top: -68px; border-radius: 10px;}	
					.coverImage{ width:178px; border-radius: 10px;}
				.e_good_data{ margin-left: 204px; width: calc(100% - 204px);}
					.e_good_name{ height: 72px; font-size: 26px; line-height: 36px;}
					.e_g_price{ line-height: 44px;}
					.e_g_price_group{ line-height: 44px;}
						.e_g_price_group .special{ font-size: 34px;}
							.e_g_price_group .p_symbol{ font-size: 24px;}
						.e_g_price_group .o_price{ margin-left: 17px; font-size: 20px;}
			.exchange_box{ max-height: calc( 100vh - 400px);}	
				.item_box{ padding: 17px 0;}
						.ib_title{ font-size: 27px; line-height: 52px;}
						.ib_btn{ font-size: 24px;}
							.btn_subtract{ padding:8.5px 14px; font-size: 26px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
								.input_quantity input{ width: 110px; padding:10px;}
							.btn_add{ padding:8.5px 14px; font-size: 26px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
						.ib_b_left, .ib_b_right{ font-size: 26px; line-height: 60px;}							
							.ib_b_r_cd{ margin-right: 14px;}
							.ow_choose_discount{ font-size: 28px; margin-top: 9px; margin-right: 40px;}
								/*勾選*/
									input[type="checkbox"] + label:before { height: 40px; width: 40px; line-height: 40px;}

									.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"] { margin-right: -40px;}
						.c_balance{ margin-bottom: 25px; font-size: 22px; line-height: 25px;}
	
					.minimum_amount{ font-size: 34px;}

		.ow_e_bottom{ padding: 20px 0 25px 0;}
			.ow_e_bottom a.btn_exchange_discount, .ow_e_bottom a.btn_exchange_group{ width: 400px; font-size: 30px; line-height:60px; border-radius:60px;}
			.use_group_notice{ margin-bottom: 26px; font-size: 24px;}


/* 彈窗-快選選單 */
#ow_choose{ width: 638px; margin-left:calc((100% - 638px) / 2);}	

		.ow_c_t{ padding: 17px 26px; border-top-left-radius: 26px; border-top-right-radius: 26px;}
			a.ow_btn_close{ width: 26px; height: 26px; margin-top: 5px;}

		.ow_c_m{ padding: 26px; max-height: 580px; margin-bottom: 52px;}
			.k_box { margin-bottom: 52px;}
				.k_top{ margin-bottom: 17px;}
					.k_title{ font-size: 26px; line-height: 36px;}
						.k_item li{ margin-bottom: 16px; margin-right: 16px; padding: 10px 16px; font-size: 24px; border-radius: 5px;}	

		.ow_c_b{ width: 638px; padding: 20px 26px;}	
			.ow_c_b a{ margin: 0 30px;}	
            	a.btn_clear, a.btn_apply{ width: 220px; font-size: 26px; line-height: 75px; border-radius: 75px;}	


/* 彈窗-可領取票券 */
#ow_coupon_list{ width: 638px; margin-left:calc((100% - 638px) / 2);}	

			.cl_title{ font-size: 26px; line-height: 26px;}

		.coupon_list{ max-height: calc( 100vh - 200px);}


/* 彈窗-綁定信用卡提醒 */
#ow_bind_credit{ width: 604px; margin-top: 17px; margin-left:calc((100% - 604px) / 2);}	

		.bc_box{ padding: 17px 26px; border-radius: 26px;}	
			.cl_title{ width:calc(100% - 50px); font-size: 26px; line-height: 36px;}
			a.ow_btn_close2{ width: 26px; height: 26px; margin-top: 24px;}


/* 彈窗-刪除信用卡提示 */
#ow_del_credit{ width: 460px; top:calc((100vh - 178px) / 2); margin-left:calc((100% - 460px) / 2);}	
	
	
/* 彈窗-掃描支付 */
#ow_scan_pay{ width: 638px; margin-left:calc((100% - 638px) / 2);}	

		.ow_sp_top{ padding: 0 26px; border-top-left-radius: 26px; border-top-right-radius: 26px;}	


/* 彈窗-期限已到期提示 */
#ow_expire_d, #ow_expire_g{ width: 460px; top:calc((100vh - 178px) / 2); margin-left:calc((100% - 460px) / 2);}	


/* 彈窗-網路異常、庫存不足、使用期限 */
#ow_abnormal, #ow_not_enough, #ow_deadline{ width: 460px; top:calc((100vh - 214px) / 2); margin-left:calc((100% - 460px) / 2);}


/* 彈窗-下單留言、報名留言 */
#ow_order_message{ width: 638px; margin-left:calc((100% - 638px) / 2);}
	
		.num_box2{ margin-right: 26px; padding: 5px 0; font-size: 22px;}
			.num_icon2{ width: 27px; height: 27px;}
			.num_total2{ margin-left: 10px; line-height: 27px;}
	
			.btn_box a, .btn_ending{ margin-right: 26px; padding: 0 20px; font-size: 22px; line-height: 38px; border-radius: 19px;}

		/*留言列表、目前沒有資訊*/
		.order_message_list, .order_message_list_no{ height: calc( 100vh - 120px); padding: 26px;}

			/*下單內容、留言內容*/
			.place_order_box{ margin-bottom: 26px;}
					.user_avatar{ width: 77px; height: 77px;}
				.po_right{ width: calc(100% - 93px); margin-left: 14px;}
					.po_content{ padding: 14px; border-radius:14px;;}
						.user_name{ font-size: 26px;}
							.po_content li{ margin-top: 17px; font-size: 26px;}
								.order_type{ max-width: calc(100% - 88px);}
								.order_num{ margin-left: 14px;}
					.po_time{ margin-top: 14px; font-size: 22px;}
	
			/*目前沒有資訊*/
			.no_information { padding-top: 188px;}
				.ni_photo { width: 318px; height: 230px;}
				.ni_word { margin-top: 26px; font-size: 26px;}	


/* 彈窗-下單選項 */
#ow_order_kind_list{ width: 638px; margin-left:calc((100% - 638px) / 2);}	
	
		.order_kind_list{ max-height: calc( 100vh - 500px);}
			.kind{ margin: 26px; padding: 10px; border-radius: 10px;}
				.kind_left{ width: calc( 100% - 242px);}
					.kind_name{ font-size: 29px;}
					.unit_price{ font-size: 26px;}
					
				.kind_right{ width: 232px; margin-right: 10px;}	
					.kr_btn{ margin-top: 15px; font-size: 24px;}
					.out_of_stock{ margin-top: 15px; font-size: 26px; line-height: 52px;}
	
			.ow_e_bottom .btn_no{ width: 400px; font-size: 30px; line-height:60px; border-radius:60px;}


/* 彈窗-取消訂單提示、已註冊提示*/
#ow_cancel_order, #ow_registered{ width: 460px; top:calc((100vh - 249px) / 2); margin-left:calc((100% - 460px) / 2);}	
			.ow_directions2{ font-size: 24px;}	

/* 彈窗-瀏覽圖片影片 */
#ow_pv{ width: 638px; margin-left:calc((100% - 638px) / 2);}


/* 彈窗-問卷項目 */
#ow_questionnaire{ width: 638px; margin-left:calc((100% - 638px) / 2);}		
		.question_list{ max-height: calc( 100vh - 500px);}
			.question{ margin: 26px; padding: 17px; border-radius: 10px;}
				.q_top{ padding-bottom: 17px; font-size: 26px; line-height: 36px;}
					.q_required, .q_select_multiple{ margin-left: 17px; padding: 0 10px; font-size: 24px;}

				.q_bottom{ padding-top: 17px; font-size: 24px; line-height: 40px;}
					.q_topic_img{ height: 301px; border-radius: 10px;}
						.q_options_item{ margin-top: 10px;}
								/*勾選*/
									.q_options_choose input[type="checkbox"] + label:before, .q_options_choose input[type="radio"] + label:before { height: 40px; width: 40px; line-height: 40px;}

								.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"], .form-check-input[type="radio"], .form-check-input:checked[type="radio"] { margin-right: -40px;}

							.q_options_content{ width: calc( 100% - 55px); margin-left: 55px;}	
								.q_options_blank{ height: 10px;}
								.q_options_img{ width: 200px; height: 200px; margin-left: 55px; border-radius: 10px;}
							.q_options_item textarea{ height: 170px; padding: 17px;}


/* 彈窗-紀錄明細*/
#ow_record_details{ width: 587px; top:calc((100vh - 513px) / 2); margin-left:calc((100% - 587px) / 2);}
		.ow_top_r{ padding: 30px 20px 0 20px; border-top-left-radius: 16px; border-top-right-radius: 16px;}

				.item_question_box{ margin-bottom: 17px; padding: 17px; border-radius: 10px; line-height: 40px;}
					.item_q_t{ padding-bottom: 17px;}
					.item_q_b{ padding-top: 17px;}
						.item_q_num, .item_a_mark{ width: 50px; font-size: 26px; border-radius: 5px;}
						.item_q_topic, .item_a_content{ width: calc( 100% - 67px ); margin-left: 17px; font-size: 24px;}
	
							.iqt_img_blank{ height: 10px;}
							.iqt_img{ height: 278px; border-radius: 10px;}
	
								.iqb_options_img{ width: 191px; height: 191px; border-radius: 10px;}
								.iqb_options_blank{ height: 10px;}


/* 彈窗-選擇類別 */
#ow_select_category{ width: 638px; margin-left:calc((100% - 638px) / 2);}	
	
		.category_list{ max-height: calc( 100vh - 560px);}	
			.category{ padding: 20px 26px;}
				.category_name{ font-size: 29px; width: calc( 100% - 40px );}
				.category_choose{ font-size: 24px; line-height: 40px;}


/* 彈窗-提醒綁定手機-下單完成後、彈窗-提醒綁定手機-可取貨時 */
#ow_bind_order_placed, #ow_bind_pick_up{ width: 638px; margin-left:calc((100% - 638px) / 2);}

		.bind_content{ padding: 51px 26px; border-top-left-radius: 26px; border-top-right-radius: 26px; box-shadow: 0 -10px 10px 0 rgba(51,51,51,0.2);}
			.bc_title{ margin-bottom: 20px; font-size: 34px;}
			.bc_describe{ margin-bottom: 27px; font-size: 27px;}
	
            	a.btn_bind_yes{ margin-bottom: 34px;}
				a.btn_bind_yes, a.btn_bind_no{ font-size: 30px; line-height:60px; border-radius:60px;}


/* 彈窗-提醒綁定手機-3天後 */
#ow_bind_next_time{ width: 638px; margin-left:calc((100% - 638px) / 2); padding: 0 26px}

		.nt_bind_content{ padding: 51px 26px; border-radius: 26px;}
			.nt_bc_title{ margin-bottom: 20px; font-size: 34px;}
			.nt_bc_describe{ margin-bottom: 27px; font-size: 27px;}
	
            	a.nt_btn_bind_yes, a.nt_btn_bind_no{ font-size: 30px; line-height:60px; border-radius:60px;}	


/* 彈窗-提醒綁定手機 */
#ow_bind_notice{ width: 638px; margin-left:calc((100% - 638px) / 2);}


/* 彈窗-更多選單 */
#ow_more_list{ width: 638px; margin-left:calc((100% - 638px) / 2);}
	
			.select_item{ padding: 26px;}
				.si_icon{ width: 40px; height: 40px; margin-right: 17px;}
				.si_name{ font-size: 24px; line-height: 40px;}


/*彈窗-專屬優惠提醒*/
#ow_discount_notice{ width: 638px; margin-left:calc((100% - 638px) / 2);}	

		.ow_c_t2{ padding: 17px 26px; border-top-left-radius: 26px; border-top-right-radius: 26px;}
	
			.dn_img img{ width: 102px; height: 102px;}

		.discount_content{ padding: 26px;}
			.dc_title{ margin-bottom: 20px; font-size: 34px;}
			.dc_describe{ margin-bottom: 20px; font-size: 27px;}
				.discount_amount{ font-size: 31px;}
	
			.f_download_box{ margin-bottom: 26px; border: 2px solid #ffd699;}
			.h_account_box{ border: 2px solid #e85a85;}
			.f_download_box, .h_account_box{ padding: 26px 17px; border-radius: 17px;}
				.sc_icon{ width: 68px; height: 68px;}
				.sc_directions{ margin-left: 17px;}
					.scd_title{ font-size: 26px; line-height: 26px;}
					.scd_content{ margin-top: 19px; font-size: 22px; line-height: 22px;}
						.give_sc{ font-size: 31px;}
					.fd_btn a, .ha_btn a{ width: 128px; margin-top: 14px; font-size: 22px; line-height: 40px; border-radius: 20px;}
	
	}



@media screen and (min-width: 768px) and (max-width:991px){		
	
/* 彈窗-分享選單 */
#ow_share{ width: 460px; top:calc((100vh - 336px) / 2); margin-left:calc((100% - 460px) / 2);}	

		.ow_top{ padding: 30px 20px; border-top-left-radius: 16px; border-top-right-radius: 16px;}
			.ow_directions{ font-size: 24px;}
			.share_btn{ margin-top: 20px;}
				.share_btn a{ width: 110px; height: 110px; margin: 0 12px;}		

		.ow_bottom{ border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
			.ow_bottom a.btn_close{ line-height: 80px; font-size: 28px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
	
	
/* 彈窗-輸入格式錯誤提示、驗證碼錯誤提示、登錄異常提示、綁定成功提示、已綁定提示*/
#ow_error1, #ow_error2, #ow_bind_ok, #ow_bound{ width: 460px; top:calc((100vh - 173px) / 2); margin-left:calc((100% - 460px) / 2);}
#ow_error3{ width: 460px; top:calc((100vh - 249px) / 2); margin-left:calc((100% - 460px) / 2);}	
	
	
/* 彈窗-輸入核銷碼 */
#ow_vcode{ width: 460px; top:calc((100vh - 413px) / 2); margin-left:calc((100% - 460px) / 2);}	

			.ow_title{ font-size: 30px;}
			.code_error{ margin-top: 26px; font-size: 26px;}
			.code_box{ margin: 26px 0px;}
				.code_input{ width: calc(25% - 26px); margin: 0 13px;}
					.code_input input{ font-size: 51px;}

		.ow_bottom2{ border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
			.ow_bottom2 a.btn_close2{ line-height: 80px; font-size: 28px; border-bottom-left-radius: 16px;}
			.ow_bottom2 a.btn_ok{ line-height: 80px; font-size: 28px; border-bottom-right-radius: 16px;}
			.btn_line{ height: 80px;}
	
	
/* 彈窗-上傳附件位置選單*/
#ow_menu{ width: 460px; top:calc((100vh - 252px) / 2); margin-left:calc((100% - 460px) / 2);}	
		.ow_top2{ border-top-left-radius: 16px; border-top-right-radius: 16px;}
			#ow_menu .btn_appendix a{ font-size: 29px; line-height: 85px;}


/* 彈窗-其他瀏覽器登入提示*/
#ow_repeat_login{ width: 460px; top:calc((100vh - 213px) / 2); margin-left:calc((100% - 460px) / 2);}	
	
	
/* 彈窗-導下載2 */
#w_download{ top:calc((100vh - 440px) / 2); margin-left:calc((100% - 700px) / 2);}	
		
				#w_download .download_pc{ width:700px; height:410px; border-radius:20px;}
					#w_download .download_pc .d_btn{ margin: 350px 50px 0 50px; width: 160px; height: 47px;}
	
	
/* 彈窗-兌換 */
#ow_exchange_discount, #ow_exchange_group{ width: 638px; margin-left:calc((100% - 638px) / 2);}	

		.ow_e_top{ padding: 17px;}	
			.e_good_box{ padding-bottom: 17px;}	
				.e_good_photo{ margin-top: -68px; border-radius: 10px;}	
					.coverImage{ width:178px; border-radius: 10px;}
				.e_good_data{ margin-left: 204px; width: calc(100% - 204px);}
					.e_good_name{ height: 72px; font-size: 26px; line-height: 36px;}
					.e_g_price{ line-height: 44px;}
					.e_g_price_group{ line-height: 44px;}
						.e_g_price_group .special{ font-size: 34px;}
							.e_g_price_group .p_symbol{ font-size: 24px;}
						.e_g_price_group .o_price{ margin-left: 17px; font-size: 20px;}
			.exchange_box{ max-height: calc( 100vh - 400px);}	
				.item_box{ padding: 17px 0;}
						.ib_title{ font-size: 27px; line-height: 52px;}
						.ib_btn{ font-size: 24px;}
							.btn_subtract{ padding:8.5px 14px; font-size: 26px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
								.input_quantity input{ width: 110px; padding:10px;}
							.btn_add{ padding:8.5px 14px; font-size: 26px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
						.ib_b_left, .ib_b_right{ font-size: 26px; line-height: 60px;}						
							.ib_b_r_cd{ margin-right: 14px;}
							.ow_choose_discount{ font-size: 28px; margin-top: 9px; margin-right: 40px;}
								/*勾選*/
									input[type="checkbox"] + label:before { height: 40px; width: 40px; line-height: 40px;}

									.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"] { margin-right: -40px;}
						.c_balance{ margin-bottom: 25px; font-size: 22px; line-height: 25px;}
	
					.minimum_amount{ font-size: 34px;}

		.ow_e_bottom{ padding: 20px 0 25px 0;}
			.ow_e_bottom a.btn_exchange_discount, .ow_e_bottom a.btn_exchange_group{ width: 400px; font-size: 30px; line-height:60px; border-radius:60px;}
			.use_group_notice{ margin-bottom: 26px; font-size: 24px;}


/* 彈窗-快選選單 */
#ow_choose{ width: 638px; margin-left:calc((100% - 638px) / 2);}	

		.ow_c_t{ padding: 17px 26px; border-top-left-radius: 26px; border-top-right-radius: 26px;}
			a.ow_btn_close{ width: 26px; height: 26px; margin-top: 5px;}

		.ow_c_m{ padding: 26px; max-height: 580px; margin-bottom: 52px;}
			.k_box { margin-bottom: 52px;}
				.k_top{ margin-bottom: 17px;}
					.k_title{ font-size: 26px; line-height: 36px;}
						.k_item li{ margin-bottom: 16px; margin-right: 16px; padding: 10px 16px; font-size: 24px; border-radius: 5px;}	

		.ow_c_b{ width: 638px; padding: 20px 26px;}	
			.ow_c_b a{ margin: 0 30px;}	
            	a.btn_clear, a.btn_apply{ width: 220px; font-size: 26px; line-height: 75px; border-radius: 75px;}		


/* 彈窗-可領取票券 */
#ow_coupon_list{ width: 638px; margin-left:calc((100% - 638px) / 2);}	

			.cl_title{ font-size: 26px; line-height: 26px;}

		.coupon_list{ max-height: calc( 100vh - 200px);}


/* 彈窗-綁定信用卡提醒 */
#ow_bind_credit{ width: 604px; margin-top: 17px; margin-left:calc((100% - 604px) / 2);}	

		.bc_box{ padding: 17px 26px; border-radius: 26px;}	
			.cl_title{ width:calc(100% - 50px); font-size: 26px; line-height: 36px;}
			a.ow_btn_close2{ width: 26px; height: 26px; margin-top: 24px;}


/* 彈窗-刪除信用卡提示 */
#ow_del_credit{ width: 460px; top:calc((100vh - 178px) / 2); margin-left:calc((100% - 460px) / 2);}	
	
	
/* 彈窗-掃描支付 */
#ow_scan_pay{ width: 638px; margin-left:calc((100% - 638px) / 2);}	

		.ow_sp_top{ padding: 0 26px; border-top-left-radius: 26px; border-top-right-radius: 26px;}	


/* 彈窗-期限已到期提示 */
#ow_expire_d, #ow_expire_g{ width: 460px; top:calc((100vh - 250px) / 2); margin-left:calc((100% - 460px) / 2);}	


/* 彈窗-網路異常、庫存不足、使用期限 */
#ow_abnormal, #ow_not_enough, #ow_deadline{ width: 460px; top:calc((100vh - 214px) / 2); margin-left:calc((100% - 460px) / 2);}


/* 彈窗-下單留言、報名留言 */
#ow_order_message{ width: 638px; margin-left:calc((100% - 638px) / 2);}
	
		.num_box2{ margin-right: 26px; padding: 5px 0; font-size: 22px;}
			.num_icon2{ width: 27px; height: 27px;}
			.num_total2{ margin-left: 10px; line-height: 27px;}
	
			.btn_box a, .btn_ending{ margin-right: 26px; padding: 0 20px; font-size: 22px; line-height: 38px; border-radius: 19px;}

		/*留言列表、目前沒有資訊*/
		.order_message_list, .order_message_list_no{ height: calc( 100vh - 120px); padding: 26px;}

			/*下單內容、留言內容*/
			.place_order_box{ margin-bottom: 26px;}
					.user_avatar{ width: 77px; height: 77px;}
				.po_right{ width: calc(100% - 93px); margin-left: 14px;}
					.po_content{ padding: 14px; border-radius:14px;;}
						.user_name{ font-size: 26px;}
							.po_content li{ margin-top: 17px; font-size: 26px;}
								.order_type{ max-width: calc(100% - 88px);}
								.order_num{ margin-left: 14px;}
					.po_time{ margin-top: 14px; font-size: 22px;}	
	
			/*目前沒有資訊*/
			.no_information { padding-top: 188px;}
				.ni_photo { width: 318px; height: 230px;}
				.ni_word { margin-top: 26px; font-size: 26px;}			


/* 彈窗-下單選項 */
#ow_order_kind_list{ width: 638px; margin-left:calc((100% - 638px) / 2);}	
	
		.order_kind_list{ max-height: calc( 100vh - 500px);}
			.kind{ margin: 26px; padding: 10px; border-radius: 10px;}
				.kind_left{ width: calc( 100% - 242px);}
					.kind_name{ font-size: 29px;}
					.unit_price{ font-size: 26px;}
					
				.kind_right{ width: 232px; margin-left: 10px;}	
					.kr_btn{ margin-top: 15px; font-size: 24px;}
					.out_of_stock{ margin-top: 15px; font-size: 26px; line-height: 52px;}
	
			.ow_e_bottom .btn_no{ width: 400px; font-size: 30px; line-height:60px; border-radius:60px;}


/* 彈窗-取消訂單提示、已註冊提示*/
#ow_cancel_order, #ow_registered{ width: 460px; top:calc((100vh - 249px) / 2); margin-left:calc((100% - 460px) / 2);}	
			.ow_directions2{ font-size: 24px;}

/* 彈窗-瀏覽圖片影片 */
#ow_pv{ width: 638px; margin-left:calc((100% - 638px) / 2);}


/* 彈窗-問卷項目 */
#ow_questionnaire{ width: 638px; margin-left:calc((100% - 638px) / 2);}		
		.question_list{ max-height: calc( 100vh - 500px);}
			.question{ margin: 26px; padding: 17px; border-radius: 10px;}
				.q_top{ padding-bottom: 17px; font-size: 26px; line-height: 36px;}
					.q_required, .q_select_multiple{ margin-left: 17px; padding: 0 10px; font-size: 24px;}

				.q_bottom{ padding-top: 17px; font-size: 24px; line-height: 40px;}
					.q_topic_img{ height: 301px; border-radius: 10px;}
						.q_options_item{ margin-top: 10px;}
								/*勾選*/
									.q_options_choose input[type="checkbox"] + label:before, .q_options_choose input[type="radio"] + label:before { height: 40px; width: 40px; line-height: 40px;}

								.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"], .form-check-input[type="radio"], .form-check-input:checked[type="radio"] { margin-right: -40px;}

							.q_options_content{ width: calc( 100% - 55px); margin-left: 55px;}
								.q_options_blank{ height: 10px;}
								.q_options_img{ width: 200px; height: 200px; margin-left: 55px; border-radius: 10px;}
							.q_options_item textarea{ height: 170px; padding: 17px;}


/* 彈窗-紀錄明細*/
#ow_record_details{ width: 587px; top:calc((100vh - 513px) / 2); margin-left:calc((100% - 587px) / 2);}
		.ow_top_r{ padding: 30px 20px 0 20px; border-top-left-radius: 16px; border-top-right-radius: 16px;}

				.item_question_box{ margin-bottom: 17px; padding: 17px; border-radius: 10px; line-height: 40px;}
					.item_q_t{ padding-bottom: 17px;}
					.item_q_b{ padding-top: 17px;}
						.item_q_num, .item_a_mark{ width: 50px; font-size: 26px; border-radius: 5px;}
						.item_q_topic, .item_a_content{ width: calc( 100% - 67px ); margin-left: 17px; font-size: 24px;}
	
							.iqt_img_blank{ height: 10px;}
							.iqt_img{ height: 278px; border-radius: 10px;}
	
								.iqb_options_img{ width: 191px; height: 191px; border-radius: 10px;}
								.iqb_options_blank{ height: 10px;}


/* 彈窗-選擇類別 */
#ow_select_category{ width: 638px; margin-left:calc((100% - 638px) / 2);}	
	
		.category_list{ max-height: calc( 100vh - 560px);}	
			.category{ padding: 20px 26px;}
				.category_name{ font-size: 29px; width: calc( 100% - 40px );}
				.category_choose{ font-size: 24px; line-height: 40px;}


/* 彈窗-提醒綁定手機-下單完成後、彈窗-提醒綁定手機-可取貨時 */
#ow_bind_order_placed, #ow_bind_pick_up{ width: 638px; margin-left:calc((100% - 638px) / 2);}

		.bind_content{ padding: 51px 26px; border-top-left-radius: 26px; border-top-right-radius: 26px; box-shadow: 0 -10px 10px 0 rgba(51,51,51,0.2);}
			.bc_title{ margin-bottom: 20px; font-size: 34px;}
			.bc_describe{ margin-bottom: 27px; font-size: 27px;}
	
            	a.btn_bind_yes{ margin-bottom: 34px;}
				a.btn_bind_yes, a.btn_bind_no{ font-size: 30px; line-height:60px; border-radius:60px;}	


/* 彈窗-提醒綁定手機-3天後 */
#ow_bind_next_time{ width: 638px; margin-left:calc((100% - 638px) / 2); padding: 0 26px}

		.nt_bind_content{ padding: 51px 26px; border-radius: 26px;}
			.nt_bc_title{ margin-bottom: 20px; font-size: 34px;}
			.nt_bc_describe{ margin-bottom: 27px; font-size: 27px;}
	
            	a.nt_btn_bind_yes, a.nt_btn_bind_no{ font-size: 30px; line-height:60px; border-radius:60px;}	


/* 彈窗-提醒綁定手機 */
#ow_bind_notice{ width: 638px; margin-left:calc((100% - 638px) / 2);}


/* 彈窗-更多選單 */
#ow_more_list{ width: 638px; margin-left:calc((100% - 638px) / 2);}
	
			.select_item{ padding: 26px;}
				.si_icon{ width: 40px; height: 40px; margin-right: 17px;}
				.si_name{ font-size: 24px; line-height: 40px;}


/*彈窗-專屬優惠提醒*/
#ow_discount_notice{ width: 638px; margin-left:calc((100% - 638px) / 2);}	

		.ow_c_t2{ padding: 17px 26px; border-top-left-radius: 26px; border-top-right-radius: 26px;}
	
			.dn_img img{ width: 102px; height: 102px;}

		.discount_content{ padding: 26px;}
			.dc_title{ margin-bottom: 20px; font-size: 34px;}
			.dc_describe{ margin-bottom: 20px; font-size: 27px;}
				.discount_amount{ font-size: 31px;}
	
			.f_download_box{ margin-bottom: 26px; border: 2px solid #ffd699;}
			.h_account_box{ border: 2px solid #e85a85;}
			.f_download_box, .h_account_box{ padding: 26px 17px; border-radius: 17px;}
				.sc_icon{ width: 68px; height: 68px;}
				.sc_directions{ margin-left: 17px;}
					.scd_title{ font-size: 26px; line-height: 26px;}
					.scd_content{ margin-top: 19px; font-size: 22px; line-height: 22px;}
						.give_sc{ font-size: 31px;}
					.fd_btn a, .ha_btn a{ width: 128px; margin-top: 14px; font-size: 22px; line-height: 40px; border-radius: 20px;}
				
	}
	
	
	

@media screen and (min-width: 480px) and (max-width: 767px){	
	
/* 彈窗-分享選單 */
#ow_share{ width: 360px; top:calc((100vh - 256px) / 2); margin-left:calc((100% - 360px) / 2);}	

		.ow_top{ padding: 23px 15px; border-top-left-radius: 12px; border-top-right-radius: 12px;}
			.ow_directions{ font-size: 18px;}
			.share_btn{ margin-top: 15px;}
				.share_btn a{ width: 82px; height: 82px; margin: 0 10px;}		

		.ow_bottom{ border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
			.ow_bottom a.btn_close{ line-height: 60px; font-size: 21px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
	
	
/* 彈窗-輸入格式錯誤提示、驗證碼錯誤提示、登錄異常提示、綁定成功提示、已綁定提示*/
#ow_error1, #ow_error2, #ow_bind_ok, #ow_bound{ width: 360px; top:calc((100vh - 131px) / 2); margin-left:calc((100% - 360px) / 2);}	
#ow_error3{ width: 360px; top:calc((100vh - 187px) / 2); margin-left:calc((100% - 360px) / 2);}	
	
	
/* 彈窗-輸入核銷碼 */
#ow_vcode{ width: 360px; top:calc((100vh - 314px) / 2); margin-left:calc((100% - 360px) / 2);}	

			.ow_title{ font-size: 22px;}
			.code_error{ margin-top: 20px; font-size: 20px;}
			.code_box{ margin: 20px 0px;}
				.code_input{ width: calc(25% - 20px); margin: 0 10px;}
					.code_input input{ font-size: 38px;}

		.ow_bottom2{ border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
			.ow_bottom2 a.btn_close2{ line-height: 60px; font-size: 21px; border-bottom-left-radius: 12px;}
			.ow_bottom2 a.btn_ok{ line-height: 60px; font-size: 21px; border-bottom-right-radius: 12px;}
			.btn_line{ height: 60px;}
	
	
/* 彈窗-上傳附件位置選單*/
#ow_menu{ width: 360px; top:calc((100vh - 190px) / 2); margin-left:calc((100% - 360px) / 2);}	
		.ow_top2{ border-top-left-radius: 12px; border-top-right-radius: 12px;}
			#ow_menu .btn_appendix a{ font-size: 22px; line-height: 64px;}


/* 彈窗-其他瀏覽器登入提示*/
#ow_repeat_login{ width: 360px; top:calc((100vh - 162px) / 2); margin-left:calc((100% - 360px) / 2);}	
	
	
/* 彈窗-導下載 */
.for_pc{ display: none;}	
	
	
/* 彈窗-兌換 */
#ow_exchange_discount, #ow_exchange_group{ width: 100%;}	

		.ow_e_top{ padding: 13px;}	
			.e_good_box{ padding-bottom: 13px;}	
				.e_good_photo{ margin-top: -51px; border-radius: 8px;}	
					.coverImage{ width:134px; border-radius: 8px;}
				.e_good_data{ margin-left: 153px; width: calc(100% - 153px);}
					.e_good_name{ height: 54px; font-size: 20px; line-height: 27px;}
					.e_g_price{ line-height: 33px;}
					.e_g_price_group{ line-height: 33px;}
						.e_g_price_group .special{ font-size: 26px;}
							.e_g_price_group .p_symbol{ font-size: 18px;}
						.e_g_price_group .o_price{ margin-left: 13px; font-size: 15px;}
			.exchange_box{ max-height: calc( 100vh - 300px);}	
				.item_box{ padding: 13px 0;}
						.ib_title{ font-size: 20px; line-height: 39px;}
						.ib_btn{ font-size: 18px;}
							.btn_subtract{ padding:6.3px 11px; font-size: 20px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
								.input_quantity input{ width: 83px; padding:8px;}
							.btn_add{ padding:6.3px 11px; font-size: 20px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
						.ib_b_left, .ib_b_right{ font-size: 20px; line-height: 45px;}						
							.ib_b_r_cd{ margin-right: 11px;}
							.ow_choose_discount{ font-size: 21px; margin-top: 7px; margin-right: 30px;}
								/*勾選*/
									input[type="checkbox"] + label:before { height: 30px; width: 30px; line-height: 30px;}

									.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"] { margin-right: -30px;}
						.c_balance{ margin-bottom: 19px; font-size: 17px; line-height: 19px;}
	
					.minimum_amount{ font-size: 26px;}

		.ow_e_bottom{ padding: 15px 0 19px 0;}
			.ow_e_bottom a.btn_exchange_discount, .ow_e_bottom a.btn_exchange_group{ width: 300px; font-size: 23px; line-height:45px; border-radius:45px;}
			.use_group_notice{ margin-bottom: 20px; font-size: 18px;}


/* 彈窗-快選選單 */
#ow_choose{ width: 100%;}	

		.ow_c_t{ padding: 13px 20px; border-top-left-radius: 20px; border-top-right-radius: 20px;}
			a.ow_btn_close{ width: 20px; height: 20px; margin-top: 4px;}

		.ow_c_m{ padding: 20px; max-height: 450px; margin-bottom: 39px;}
			.k_box { margin-bottom: 39px;}
				.k_top{ margin-bottom: 13px;}
					.k_title{ font-size: 20px; line-height: 30px;}
						.k_item li{ margin-bottom: 12px; margin-right: 12px; padding: 8px 12px; font-size: 18px; border-radius: 4px;}	

		.ow_c_b{ width: 100%; padding: 15px 20px;}	
			.ow_c_b a{ margin: 0 23px;}	
            	a.btn_clear, a.btn_apply{ width: 166px; font-size: 20px; line-height: 56px; border-radius: 56px;}		


/* 彈窗-可領取票券 */
#ow_coupon_list{ width: 100%;}	

			.cl_title{ font-size: 20px; line-height: 20px;}

		.coupon_list{ max-height: calc( 100vh - 150px);}


/* 彈窗-綁定信用卡提醒 */
#ow_bind_credit{ width: 96%; margin-top: 13px; margin-left: 2%;}	

		.bc_box{ padding: 13px 20px; border-radius: 20px;}	
			.cl_title{ width:calc(100% - 38px); font-size: 20px; line-height: 27px;}
			a.ow_btn_close2{ width: 20px; height: 20px; margin-top: 18px;}


/* 彈窗-刪除信用卡提示 */
#ow_del_credit{ width: 360px; top:calc((100vh - 134px) / 2); margin-left:calc((100% - 360px) / 2);}	
	
	
/* 彈窗-掃描支付 */
#ow_scan_pay{ width: 100%;}	

		.ow_sp_top{ padding: 0 20px; border-top-left-radius: 20px; border-top-right-radius: 20px;}


/* 彈窗-期限已到期提示 */
#ow_expire_d, #ow_expire_g{ width: 360px; top:calc((100vh - 188px) / 2); margin-left:calc((100% - 360px) / 2);}	


/* 彈窗-網路異常、庫存不足、使用期限 */
#ow_abnormal, #ow_not_enough, #ow_deadline{ width: 360px; top:calc((100vh - 162px) / 2); margin-left:calc((100% - 360px) / 2);}


/* 彈窗-下單留言、報名留言 */
#ow_order_message{ width: 100%;}	
	
		.num_box2{ margin-right: 20px; padding: 4px 0; font-size: 17px;}
			.num_icon2{ width: 20px; height: 20px;}
			.num_total2{ margin-left: 8px; line-height: 20px;}
	
			.btn_box a, .btn_ending{ margin-right: 20px; padding: 0 15px; font-size: 17px; line-height: 30px; border-radius: 15px;}

		/*留言列表、目前沒有資訊*/
		.order_message_list, .order_message_list_no{ height: calc( 100vh - 90px); padding: 20px;}

			/*下單內容、留言內容*/
			.place_order_box{ margin-bottom: 20px;}
					.user_avatar{ width: 58px; height: 58px;}
				.po_right{ max-width: calc(100% - 71px); margin-left: 11px;}
					.po_content{ padding: 11px; border-radius:11px;;}
						.user_name{ font-size: 20px;}
							.po_content li{ margin-top: 13px; font-size: 20px;}
								.order_type{ max-width: calc(100% - 67px);}
								.order_num{ width: 56px; margin-left: 11px;}
					.po_time{ margin-top: 11px; font-size: 17px;}
	
			/*目前沒有資訊*/
			.no_information { padding-top: 140px;}
				.ni_photo { width: 240px; height: 173px;}
				.ni_word { margin-top: 20px; font-size: 20px;}


/* 彈窗-下單選項 */
#ow_order_kind_list{ width: 100%;}	
	
		.order_kind_list{ max-height: calc( 100vh - 376px);}
			.kind{ margin: 20px; padding: 8px; border-radius: 8px;}
				.kind_left{ width: calc( 100% - 186px);}
					.kind_name{ font-size: 22px;}
					.unit_price{ font-size: 20px;}
					
				.kind_right{ width: 178px; margin-left: 8px;}	
					.kr_btn{ margin-top: 11px; font-size: 18px;}
					.out_of_stock{ margin-top: 11px; font-size: 20px; line-height: 39px;}
	
			.ow_e_bottom .btn_no{ width: 300px; font-size: 23px; line-height:45px; border-radius:45px;}


/* 彈窗-取消訂單提示、已註冊提示*/
#ow_cancel_order, #ow_registered{ width: 360px; top:calc((100vh - 188px) / 2); margin-left:calc((100% - 360px) / 2);}	
			.ow_directions2{ font-size: 18px;}

/* 彈窗-瀏覽圖片影片 */
#ow_pv{ width: 100%; margin-left:0;}


/* 彈窗-問卷項目 */
#ow_questionnaire{ width: 100%;}	
		.question_list{ max-height: calc( 100vh - 376px);}
			.question{ margin: 20px; padding: 13px; border-radius: 8px;}
				.q_top{ padding-bottom: 13px; font-size: 20px; line-height: 27px;}
					.q_required, .q_select_multiple{ margin-left: 13px; padding: 0 8px; font-size: 18px;}

				.q_bottom{ padding-top: 13px; font-size: 18px; line-height: 30px;}
					.q_topic_img{ height: 233px; border-radius: 8px;}
						.q_options_item{ margin-top: 8px;}
								/*勾選*/
									.q_options_choose input[type="checkbox"] + label:before, .q_options_choose input[type="radio"] + label:before { height: 30px; width: 30px; line-height: 30px;}

								.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"], .form-check-input[type="radio"], .form-check-input:checked[type="radio"] { margin-right: -30px;}

							.q_options_content{ width: calc( 100% - 41px); margin-left: 41px;}
								.q_options_blank{ height: 8px;}
								.q_options_img{ width: 150px; height: 150px; margin-left: 41px; border-radius: 8px;}
							.q_options_item textarea{ height: 128px; padding: 13px;}


/* 彈窗-紀錄明細*/
#ow_record_details{ width: 442px; top:calc((100vh - 387px) / 2); margin-left:calc((100% - 442px) / 2);}
		.ow_top_r{ padding: 23px 15px 0 15px; border-top-left-radius: 12px; border-top-right-radius: 12px;}

				.item_question_box{ margin-bottom: 13px; padding: 13px; border-radius: 8px; line-height: 30px;}
					.item_q_t{ padding-bottom: 13px;}
					.item_q_b{ padding-top: 13px;}
						.item_q_num, .item_a_mark{ width: 38px; font-size: 20px; border-radius: 4px;}
						.item_q_topic, .item_a_content{ width: calc( 100% - 51px ); margin-left: 13px; font-size: 18px;}
	
							.iqt_img_blank{ height: 8px;}
							.iqt_img{ height: 216px; border-radius: 8px;}
	
								.iqb_options_img{ width: 144px; height: 144px; border-radius: 8px;}
								.iqb_options_blank{ height: 8px;}


/* 彈窗-選擇類別 */
#ow_select_category{ width: 100%;}	
	
		.category_list{ max-height: calc( 100vh - 421px);}	
			.category{ padding: 15px 26px;}
				.category_name{ font-size: 22px; width: calc( 100% - 30px );}
				.category_choose{ font-size: 18px; line-height: 30px;}


/* 彈窗-提醒綁定手機-下單完成後、彈窗-提醒綁定手機-可取貨時 */
#ow_bind_order_placed, #ow_bind_pick_up{ width: 100%;}

		.bind_content{ padding: 38px 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow: 0 -8px 8px 0 rgba(51,51,51,0.2);}
			.bc_title{ margin-bottom: 15px; font-size: 26px;}
			.bc_describe{ margin-bottom: 20px; font-size: 20px;}
	
            	a.btn_bind_yes{ margin-bottom: 26px;}
				a.btn_bind_yes, a.btn_bind_no{ font-size: 23px; line-height:45px; border-radius:45px;}	


/* 彈窗-提醒綁定手機-3天後 */
#ow_bind_next_time{ width:calc(100% - 40px); margin:0 20px;}

		.nt_bind_content{ padding: 38px 20px; border-radius: 20px;}
			.nt_bc_title{ margin-bottom: 15px; font-size: 26px;}
			.nt_bc_describe{ margin-bottom: 20px; font-size: 20px;}
	
            	a.nt_btn_bind_yes, a.nt_btn_bind_no{ font-size: 23px; line-height:45px; border-radius:45px;}	


/* 彈窗-提醒綁定手機 */
#ow_bind_notice{ width: 100%;}


/* 彈窗-更多選單 */
#ow_more_list{ width: 100%;}
	
			.select_item{ padding: 20px;}
				.si_icon{ width: 30px; height: 30px; margin-right: 13px;}
				.si_name{ font-size: 18px; line-height: 30px;}


/*彈窗-專屬優惠提醒*/
#ow_discount_notice{ width: 100%;}

		.ow_c_t2{ padding: 13px 20px; border-top-left-radius: 20px; border-top-right-radius: 20px;}
	
			.dn_img img{ width: 77px; height: 77px;}

		.discount_content{ padding: 20px;}
			.dc_title{ margin-bottom: 15px; font-size: 26px;}
			.dc_describe{ margin-bottom: 15px; font-size: 20px;}
				.discount_amount{ font-size: 23px;}
	
			.f_download_box{ margin-bottom: 20px; border: 2px solid #ffd699;}
			.h_account_box{ border: 2px solid #e85a85;}
			.f_download_box, .h_account_box{ padding: 20px 13px; border-radius: 13px;}
				.sc_icon{ width: 51px; height: 51px;}
				.sc_directions{ margin-left: 13px;}
					.scd_title{ font-size: 20px; line-height: 20px;}
					.scd_content{ margin-top: 14px; font-size: 17px; line-height: 17px;}
						.give_sc{ font-size: 23px;}
					.fd_btn a, .ha_btn a{ width: 96px; margin-top: 11px; font-size: 17px; line-height: 30px; border-radius: 15px;}
		
	}

	
	
@media screen and (min-width: 411px) and (max-width: 479px){
	
/* 彈窗-分享選單 */
#ow_share{ width: 308px; top:calc((100vh - 220px) / 2); margin-left:calc((100% - 308px) / 2);}	

		.ow_top{ padding: 20px 13px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
			.ow_directions{ font-size: 15px;}
			.share_btn{ margin-top: 13px;}
				.share_btn a{ width: 70px; height: 70px; margin: 0 8px;}		

		.ow_bottom{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
			.ow_bottom a.btn_close{ line-height: 51px; font-size: 18px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}	
	
	
/* 彈窗-輸入格式錯誤提示、驗證碼錯誤提示、登錄異常提示、綁定成功提示、已綁定提示*/
#ow_error1, #ow_error2, #ow_bind_ok, #ow_bound{ width: 308px; top:calc((100vh - 112px) / 2); margin-left:calc((100% - 308px) / 2);}	
#ow_error3{ width: 308px; top:calc((100vh - 160px) / 2); margin-left:calc((100% - 308px) / 2);}	
	
	
/* 彈窗-輸入核銷碼 */
#ow_vcode{ width: 308px; top:calc((100vh - 269px) / 2); margin-left:calc((100% - 308px) / 2);}	

			.ow_title{ font-size: 19px;}
			.code_error{ margin-top: 17px; font-size: 17px;}
			.code_box{ margin: 17px 0px;}
				.code_input{ width: calc(25% - 18px); margin: 0 9px;}
					.code_input input{ font-size: 33px;}

		.ow_bottom2{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
			.ow_bottom2 a.btn_close2{ line-height: 51px; font-size: 18px; border-bottom-left-radius: 10px;}
			.ow_bottom2 a.btn_ok{ line-height: 51px; font-size: 18px; border-bottom-right-radius: 10px;}
			.btn_line{ height: 51px;}
	
	
/* 彈窗-上傳附件位置選單*/
#ow_menu{ width: 308px; top:calc((100vh - 163px) / 2); margin-left:calc((100% - 308px) / 2);}	
		.ow_top2{ border-top-left-radius: 10px; border-top-right-radius: 10px;}
			#ow_menu .btn_appendix a{ font-size: 19px; line-height: 55px;}


/* 彈窗-其他瀏覽器登入提示*/
#ow_repeat_login{ width: 308px; top:calc((100vh - 137px) / 2); margin-left:calc((100% - 308px) / 2);}	
	
	
/* 彈窗-導下載 */
.for_pc{ display: none;}
	
	
/* 彈窗-兌換 */
#ow_exchange_discount, #ow_exchange_group{ width: 100%;}	

		.ow_e_top{ padding: 11px;}	
			.e_good_box{ padding-bottom: 11px;}	
				.e_good_photo{ margin-top: -44px; border-radius: 7px;}	
					.coverImage{ width:115px; border-radius: 7px;}
				.e_good_data{ margin-left: 131px; width: calc(100% - 131px);}
					.e_good_name{ height: 46px; font-size: 17px; line-height: 23px;}
					.e_g_price{ line-height: 28px;}
					.e_g_price_group{ line-height: 28px;}
						.e_g_price_group .special{ font-size: 22px;}
							.e_g_price_group .p_symbol{ font-size: 15px;}
						.e_g_price_group .o_price{ margin-left: 11px; font-size: 13px;}
			.exchange_box{ max-height: calc( 100vh - 257px);}	
				.item_box{ padding: 11px 0;}
						.ib_title{ font-size: 17px; line-height: 33px;}
						.ib_btn{ font-size: 15px;}
							.btn_subtract{ padding:5.5px 9px; font-size: 17px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
								.input_quantity input{ width: 71px; padding:7px;}
							.btn_add{ padding:5.5px 9px; font-size: 17px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
						.ib_b_left, .ib_b_right{ font-size: 17px; line-height: 39px;}						
							.ib_b_r_cd{ margin-right: 9px;}
							.ow_choose_discount{ font-size: 18px; margin-top: 6px; margin-right: 26px;}
								/*勾選*/
									input[type="checkbox"] + label:before { height: 26px; width: 26px; line-height: 26px;}

									.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"] { margin-right: -26px;}
						.c_balance{ margin-bottom: 16px; font-size: 15px; line-height: 16px;}
	
					.minimum_amount{ font-size: 22px;}

		.ow_e_bottom{ padding: 13px 0 16px 0;}
			.ow_e_bottom a.btn_exchange_discount, .ow_e_bottom a.btn_exchange_group{ width: 257px; font-size: 20px; line-height:40px; border-radius:40px;}
			.use_group_notice{ margin-bottom: 17px; font-size: 15px;}


/* 彈窗-快選選單 */
#ow_choose{ width: 100%;}	

		.ow_c_t{ padding: 11px 17px; border-top-left-radius: 17px; border-top-right-radius: 17px;}
			a.ow_btn_close{ width: 17px; height: 17px; margin-top: 3px;}

		.ow_c_m{ padding: 17px; max-height: 380px; margin-bottom: 33px;}
			.k_box { margin-bottom: 33px;}
				.k_top{ margin-bottom: 11px;}
					.k_title{ font-size: 17px; line-height: 26px;}
						.k_item li{ margin-bottom: 10px; margin-right: 10px; padding: 7px 10px; font-size: 15px; border-radius: 3px;}	

		.ow_c_b{ width: 100%; padding: 13px 17px;}	
			.ow_c_b a{ margin: 0 20px;}	
            	a.btn_clear, a.btn_apply{ width: 142px; font-size: 17px; line-height: 48px; border-radius: 48px;}		


/* 彈窗-可領取票券 */
#ow_coupon_list{ width: 100%;}	

			.cl_title{ font-size: 17px; line-height: 17px;}

		.coupon_list{ max-height: calc( 100vh - 128px);}


/* 彈窗-綁定信用卡提醒 */
#ow_bind_credit{ width: 96%; margin-top: 11px; margin-left: 2%;}	

		.bc_box{ padding: 11px 17px; border-radius: 17px;}	
			.cl_title{ width:calc(100% - 33px); font-size: 17px; line-height: 23px;}
			a.ow_btn_close2{ width: 17px; height: 17px; margin-top: 15px;}


/* 彈窗-刪除信用卡提示 */
#ow_del_credit{ width: 308px; top:calc((100vh - 116px) / 2); margin-left:calc((100% - 308px) / 2);}	
	
	
/* 彈窗-掃描支付 */
#ow_scan_pay{ width: 100%;}	

		.ow_sp_top{ padding: 0 17px; border-top-left-radius: 17px; border-top-right-radius: 17px;}


/* 彈窗-期限已到期提示 */
#ow_expire_d, #ow_expire_g{ width: 308px; top:calc((100vh - 162px) / 2); margin-left:calc((100% - 308px) / 2);}	


/* 彈窗-網路異常、庫存不足、使用期限 */
#ow_abnormal, #ow_not_enough, #ow_deadline{ width: 308px; top:calc((100vh - 140px) / 2); margin-left:calc((100% - 308px) / 2);}


/* 彈窗-下單留言、報名留言 */
#ow_order_message{ width: 100%;}	
	
		.num_box2{ margin-right: 17px; padding: 4px 0; font-size: 15px;}
			.num_icon2{ width: 17px; height: 17px;}
			.num_total2{ margin-left: 7px; line-height: 17px;}
	
			.btn_box a, .btn_ending{ margin-right: 17px; padding: 0 13px; font-size: 15px; line-height: 26px; border-radius: 13px;}

		/*留言列表、目前沒有資訊*/
		.order_message_list, .order_message_list_no{ height: calc( 100vh - 77px); padding: 17px;}

			/*下單內容、留言內容*/
			.place_order_box{ margin-bottom: 17px;}
					.user_avatar{ width: 50px; height: 50px;}
				.po_right{ max-width: calc(100% - 61px); margin-left: 9px;}
					.po_content{ padding: 9px; border-radius:9px;;}
						.user_name{ font-size: 17px;}
							.po_content li{ margin-top: 11px; font-size: 17px;}
								.order_type{ max-width: calc(100% - 57px);}
								.order_num{ width: 48px; margin-left: 9px;}
					.po_time{ margin-top: 9px; font-size: 13px;}
	
			/*目前沒有資訊*/
			.no_information, .not_find{ padding-top: 120px;}
				.ni_photo, .nf_photo{ width: 206px; height: 149px;}
				.ni_word, .nf_word{ margin-top: 17px; font-size: 17px;}


/* 彈窗-下單選項 */
#ow_order_kind_list{ width: 100%;}	
	
		.order_kind_list{ max-height: calc( 100vh - 322px);}
			.kind{ margin: 17px; padding: 7px; border-radius: 7px;}
				.kind_left{ width: calc( 100% - 159px);}
					.kind_name{ font-size: 19px;}
					.unit_price{ font-size: 17px;}
					
				.kind_right{ width: 152px; margin-left: 7px;}	
					.kr_btn{ margin-top: 9px; font-size: 15px;}
					.out_of_stock{ margin-top: 9px; font-size: 17px; line-height: 33px;}
	
			.ow_e_bottom .btn_no{ width: 257px; font-size: 20px; line-height:40px; border-radius:40px;}


/* 彈窗-取消訂單提示、已註冊提示*/
#ow_cancel_order, #ow_registered{ width: 308px; top:calc((100vh - 137px) / 2); margin-left:calc((100% - 308px) / 2);}	
			.ow_directions2{ font-size: 15px;}

/* 彈窗-瀏覽圖片影片 */
#ow_pv{ width: 100%; margin-left:0;}


/* 彈窗-問卷項目 */
#ow_questionnaire{ width: 100%;}	
		.question_list{ max-height: calc( 100vh - 322px);}
			.question{ margin: 17px; padding: 11px; border-radius: 7px;}
				.q_top{ padding-bottom: 11px; font-size: 17px; line-height: 23px;}
					.q_required, .q_select_multiple{ margin-left: 11px; padding: 0 7px; font-size: 15px;}

				.q_bottom{ padding-top: 11px; font-size: 15px; line-height: 26px;}
					.q_topic_img{ height: 202px; border-radius: 7px;}
						.q_options_item{ margin-top: 7px;}
								/*勾選*/
									.q_options_choose input[type="checkbox"] + label:before, .q_options_choose input[type="radio"] + label:before { height: 26px; width: 26px; line-height: 26px;}

								.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"], .form-check-input[type="radio"], .form-check-input:checked[type="radio"] { margin-right: -26px;}

							.q_options_content{ width: calc( 100% - 35px); margin-left: 35px;}
								.q_options_blank{ height: 7px;}
								.q_options_img{ width: 128px; height: 128px; margin-left: 35px; border-radius: 7px;}
							.q_options_item textarea{ height: 110px; padding: 11px;}


/* 彈窗-紀錄明細*/
#ow_record_details{ width: 378px; top:calc((100vh - 332px) / 2); margin-left:calc((100% - 378px) / 2);}
		.ow_top_r{ padding: 20px 13px 0 13px; border-top-left-radius: 10px; border-top-right-radius: 10px;}

				.item_question_box{ margin-bottom: 11px; padding: 11px; border-radius: 7px; line-height: 26px;}
					.item_q_t{ padding-bottom: 11px;}
					.item_q_b{ padding-top: 11px;}
						.item_q_num, .item_a_mark{ width: 33px; font-size: 17px; border-radius: 3px;}
						.item_q_topic, .item_a_content{ width: calc( 100% - 44px ); margin-left: 11px; font-size: 15px;}
	
							.iqt_img_blank{ height: 7px;}
							.iqt_img{ height: 185px; border-radius: 7px;}
	
								.iqb_options_img{ width: 123px; height: 123px; border-radius: 7px;}
								.iqb_options_blank{ height: 7px;}


/* 彈窗-選擇類別 */
#ow_select_category{ width: 100%;}	
	
		.category_list{ max-height: calc( 100vh - 360px);}	
			.category{ padding: 13px 22px;}
				.category_name{ font-size: 19px; width: calc( 100% - 26px );}
				.category_choose{ font-size: 15px; line-height: 26px;}


/* 彈窗-提醒綁定手機-下單完成後、彈窗-提醒綁定手機-可取貨時 */
#ow_bind_order_placed, #ow_bind_pick_up{ width: 100%;}

		.bind_content{ padding: 33px 17px; border-top-left-radius: 17px; border-top-right-radius: 17px; box-shadow: 0 -7px 7px 0 rgba(51,51,51,0.2);}
			.bc_title{ margin-bottom: 13px; font-size: 22px;}
			.bc_describe{ margin-bottom: 17px; font-size: 17px;}
	
            	a.btn_bind_yes{ margin-bottom: 22px;}
				a.btn_bind_yes, a.btn_bind_no{ font-size: 20px; line-height:39px; border-radius:39px;}	


/* 彈窗-提醒綁定手機-3天後 */
#ow_bind_next_time{ width:calc(100% - 34px); margin:0 17px;}

		.nt_bind_content{ padding: 38px 17px; border-radius: 17px;}
			.nt_bc_title{ margin-bottom: 13px; font-size: 22px;}
			.nt_bc_describe{ margin-bottom: 17px; font-size: 17px;}
	
            	a.nt_btn_bind_yes, a.nt_btn_bind_no{ font-size: 20px; line-height:39px; border-radius:39px;}	


/* 彈窗-提醒綁定手機 */
#ow_bind_notice{ width: 100%;}


/* 彈窗-更多選單 */
#ow_more_list{ width: 100%;}
	
			.select_item{ padding: 17px;}
				.si_icon{ width: 26px; height: 26px; margin-right: 11px;}
				.si_name{ font-size: 15px; line-height: 26px;}


/*彈窗-專屬優惠提醒*/
#ow_discount_notice{ width: 100%;}

		.ow_c_t2{ padding: 11px 17px; border-top-left-radius: 17px; border-top-right-radius: 17px;}
	
			.dn_img img{ width: 66px; height: 66px;}

		.discount_content{ padding: 17px;}
			.dc_title{ margin-bottom: 11px; font-size: 20px;}
			.dc_describe{ margin-bottom: 13px; font-size: 17px;}
				.discount_amount{ font-size: 20px;}
	
			.f_download_box{ margin-bottom: 17px; border: 2px solid #ffd699;}
			.h_account_box{ border: 2px solid #e85a85;}
			.f_download_box, .h_account_box{ padding: 17px 11px; border-radius: 11px;}
				.sc_icon{ width: 44px; height: 44px;}
				.sc_directions{ margin-left: 11px;}
					.scd_title{ font-size: 17px; line-height: 17px;}
					.scd_content{ margin-top: 12px; font-size: 15px; line-height: 15px;}
						.give_sc{ font-size: 20px;}
					.fd_btn a, .ha_btn a{ width: 82px; margin-top: 9px; font-size: 15px; line-height: 26px; border-radius: 13px;}
	
	}
	
	
	
@media screen and (min-width: 375px) and (max-width: 410px){
	
/* 彈窗-分享選單 */
#ow_share{ width: 282px; top:calc((100vh - 202px) / 2); margin-left:calc((100% - 282px) / 2);}	

		.ow_top{ padding: 18px 12px; border-top-left-radius: 9px; border-top-right-radius: 9px;}
			.ow_directions{ font-size: 14px;}
			.share_btn{ margin-top: 12px;}
				.share_btn a{ width: 64px; height: 64px; margin: 0 8px;}		

		.ow_bottom{ border-bottom-left-radius: 9px; border-bottom-right-radius: 9px;}
			.ow_bottom a.btn_close{ line-height: 47px; font-size: 16px; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px;}
	
	
/* 彈窗-輸入格式錯誤提示、驗證碼錯誤提示、登錄異常提示、綁定成功提示、已綁定提示*/
#ow_error1, #ow_error2, #ow_bind_ok, #ow_bound{ width: 282px; top:calc((100vh - 103px) / 2); margin-left:calc((100% - 282px) / 2);}	
#ow_error3{ width: 282px; top:calc((100vh - 146px) / 2); margin-left:calc((100% - 282px) / 2);}	
	
	
/* 彈窗-輸入核銷碼 */
#ow_vcode{ width: 282px; top:calc((100vh - 249px) / 2); margin-left:calc((100% - 282px) / 2);}	

			.ow_title{ font-size: 17px;}
			.code_error{ margin-top: 16px; font-size: 16px;}
			.code_box{ margin: 16px 0px;}
				.code_input{ width: calc(25% - 16px); margin: 0 8px;}
					.code_input input{ font-size: 30px;}

		.ow_bottom2{ border-bottom-left-radius: 9px; border-bottom-right-radius: 9px;}
			.ow_bottom2 a.btn_close2{ line-height: 47px; font-size: 16px; border-bottom-left-radius: 9px;}
			.ow_bottom2 a.btn_ok{ line-height: 47px; font-size: 16px; border-bottom-right-radius: 9px;}
			.btn_line{ height: 47px;}
	
	
/* 彈窗-上傳附件位置選單*/
#ow_menu{ width: 282px; top:calc((100vh - 149px) / 2); margin-left:calc((100% - 282px) / 2);}	
		.ow_top2{ border-top-left-radius: 9px; border-top-right-radius: 9px;}
			#ow_menu .btn_appendix a{ font-size: 17px; line-height: 50px;}


/* 彈窗-其他瀏覽器登入提示*/
#ow_repeat_login{ width: 282px; top:calc((100vh - 160px) / 2); margin-left:calc((100% - 282px) / 2);}	
	
	
/* 彈窗-導下載 */
.for_pc{ display: none;}
	
	
/* 彈窗-兌換 */
#ow_exchange_discount, #ow_exchange_group{ width: 100%;}		

		.ow_e_top{ padding: 10px;}	
			.e_good_box{ padding-bottom: 10px;}	
				.e_good_photo{ margin-top: -40px; border-radius: 6px;}	
					.coverImage{ width:105px; border-radius: 6px;}
				.e_good_data{ margin-left: 120px; width: calc(100% - 120px);}
					.e_good_name{ height: 42px; font-size: 16px; line-height: 21px;}
					.e_g_price{ line-height: 26px;}
					.e_g_price_group{ line-height: 26px;}
						.e_g_price_group .special{ font-size: 20px;}
							.e_g_price_group .p_symbol{ font-size: 14px;}
						.e_g_price_group .o_price{ margin-left: 10px; font-size: 12px;}
			.exchange_box{ max-height: calc( 100vh - 234px);}	
				.item_box{ padding: 10px 0;}
						.ib_title{ font-size: 16px; line-height: 30px;}
						.ib_btn{ font-size: 14px;}
							.btn_subtract{ padding:4.5px 9px; font-size: 16px; border-top-left-radius: 2px; border-bottom-left-radius: 2px;}
								.input_quantity input{ width: 64px; padding:6px;}
							.btn_add{ padding:4.5px 9px; font-size: 16px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
						.ib_b_left, .ib_b_right{ font-size: 16px; line-height: 35px;}						
							.ib_b_r_cd{ margin-right: 9px;}
							.ow_choose_discount{ font-size: 16px; margin-top: 5px; margin-right: 23px;}
								/*勾選*/
									input[type="checkbox"] + label:before { height: 23px; width: 23px; line-height: 23px;}

									.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"] { margin-right: -23px;}
						.c_balance{ margin-bottom: 15px; font-size: 13px; line-height: 15px;}
	
					.minimum_amount{ font-size: 20px;}

		.ow_e_bottom{ padding: 12px 0 15px 0;}
			.ow_e_bottom a.btn_exchange_discount, .ow_e_bottom a.btn_exchange_group{ width: 234px; font-size: 18px; line-height:35px; border-radius:35px;}
			.use_group_notice{ margin-bottom: 16px; font-size: 14px;}


/* 彈窗-快選選單 */
#ow_choose{ width: 100%;}	

		.ow_c_t{ padding: 10px 16px; border-top-left-radius: 16px; border-top-right-radius: 16px;}
			a.ow_btn_close{ width: 16px; height: 16px; margin-top: 3px;}

		.ow_c_m{ padding: 16px; max-height: 350px; margin-bottom: 30px;}
			.k_box { margin-bottom: 30px;}
				.k_top{ margin-bottom: 10px;}
					.k_title{ font-size: 16px; line-height: 23px;}
						.k_item li{ margin-bottom: 9px; margin-right: 9px; padding: 6px 9px; font-size: 14px; border-radius: 3px;}	

		.ow_c_b{ width: 100%; padding: 12px 16px;}	
			.ow_c_b a{ margin: 0 18px;}	
            	a.btn_clear, a.btn_apply{ width: 130px; font-size: 16px; line-height: 44px; border-radius: 44px;}		


/* 彈窗-可領取票券 */
#ow_coupon_list{ width: 100%;}

			.cl_title{ font-size: 16px; line-height: 16px;}

		.coupon_list{ max-height: calc( 100vh - 117px);}	


/* 彈窗-綁定信用卡提醒 */
#ow_bind_credit{ width: 96%; margin-top: 10px; margin-left: 2%;}	

		.bc_box{ padding: 10px 16px; border-radius: 16px;}	
			.cl_title{ width:calc(100% - 30px); font-size: 16px; line-height: 21px;}
			a.ow_btn_close2{ width: 16px; height: 16px; margin-top: 14px;}


/* 彈窗-刪除信用卡提示 */
#ow_del_credit{ width: 282px; top:calc((100vh - 106px) / 2); margin-left:calc((100% - 282px) / 2);}	
	
	
/* 彈窗-掃描支付 */
#ow_scan_pay{ width: 100%;}	

		.ow_sp_top{ padding: 0 16px; border-top-left-radius: 16px; border-top-right-radius: 16px;}


/* 彈窗-期限已到期提示 */
#ow_expire_d, #ow_expire_g{ width: 282px; top:calc((100vh - 148px) / 2); margin-left:calc((100% - 282px) / 2);}	


/* 彈窗-網路異常、庫存不足、使用期限 */
#ow_abnormal, #ow_not_enough, #ow_deadline{ width: 282px; top:calc((100vh - 128px) / 2); margin-left:calc((100% - 282px) / 2);}


/* 彈窗-下單留言、報名留言 */
#ow_order_message{ width: 100%;}	
	
		.num_box2{ margin-right: 16px; padding: 3px 0; font-size: 13px;}
			.num_icon2{ width: 16px; height: 16px;}
			.num_total2{ margin-left: 6px; line-height: 16px;}
	
			.btn_box a, .btn_ending{ margin-right: 16px; padding: 0 12px; font-size: 13px; line-height: 23px; border-radius: 12px;}

		/*留言列表、目前沒有資訊*/
		.order_message_list, .order_message_list_no{ height: calc( 100vh - 70px); padding: 16px;}

			/*下單內容、留言內容*/
			.place_order_box{ margin-bottom: 16px;}
					.user_avatar{ width: 45px; height: 45px;}
				.po_right{ max-width: calc(100% - 56px); margin-left: 9px;}
					.po_content{ padding: 9px; border-radius:9px;;}
						.user_name{ font-size: 16px;}
							.po_content li{ margin-top: 10px; font-size: 16px;}
								.order_type{ max-width: calc(100% - 53px);}
								.order_num{ width: 44px; margin-left: 9px;}
					.po_time{ margin-top: 9px; font-size: 13px;}
	
			/*目前沒有資訊*/
			.no_information { padding-top: 109px;}
				.ni_photo { width: 188px; height: 136px;}
				.ni_word { margin-top: 16px; font-size: 16px;}


/* 彈窗-下單選項 */
#ow_order_kind_list{ width: 100%;}	
	
		.order_kind_list{ max-height: calc( 100vh - 294px);}
			.kind{ margin: 16px; padding: 6px; border-radius: 6px;}
				.kind_left{ width: calc( 100% - 148px);}
					.kind_name{ font-size: 17px;}
					.unit_price{ font-size: 16px;}
					
				.kind_right{ width: 142px; margin-left: 6px;}	
					.kr_btn{ margin-top: 9px; font-size: 14px;}
					.out_of_stock{ margin-top: 9px; font-size: 16px; line-height: 30px;}
	
			.ow_e_bottom .btn_no{ width: 234px; font-size: 18px; line-height:35px; border-radius:35px;}


/* 彈窗-取消訂單提示、已註冊提示*/
#ow_cancel_order, #ow_registered{ width: 282px; top:calc((100vh - 147px) / 2); margin-left:calc((100% - 282px) / 2);}	
			.ow_directions2{ font-size: 14px;}

/* 彈窗-瀏覽圖片影片 */
#ow_pv{ width: 100%; margin-left:0;}


/* 彈窗-問卷項目 */
#ow_questionnaire{ width: 100%;}	
		.question_list{ max-height: calc( 100vh - 294px);}
			.question{ margin: 16px; padding: 10px; border-radius: 6px;}
				.q_top{ padding-bottom: 10px; font-size: 16px; line-height: 21px;}
					.q_required, .q_select_multiple{ margin-left: 10px; padding: 0 6px; font-size: 14px;}

				.q_bottom{ padding-top: 10px; font-size: 14px; line-height: 23px;}
					.q_topic_img{ height: 182px; border-radius: 6px;}
						.q_options_item{ margin-top: 6px;}
								/*勾選*/
									.q_options_choose input[type="checkbox"] + label:before, .q_options_choose input[type="radio"] + label:before { height: 23px; width: 23px; line-height: 23px;}

								.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"], .form-check-input[type="radio"], .form-check-input:checked[type="radio"] { margin-right: -23px;}

							.q_options_content{ width: calc( 100% - 32px); margin-left: 32px;}
								.q_options_blank{ height: 6px;}
								.q_options_img{ width: 117px; height: 117px; margin-left: 32px; border-radius: 6px;}
							.q_options_item textarea{ height: 100px; padding: 10px;}


/* 彈窗-紀錄明細*/
#ow_record_details{ width: 345px; top:calc((100vh - 303px) / 2); margin-left:calc((100% - 345px) / 2);}
		.ow_top_r{ padding: 18px 12px 0 12px; border-top-left-radius: 9px; border-top-right-radius: 9px;}

				.item_question_box{ margin-bottom: 10px; padding: 10px; border-radius: 6px; line-height: 23px;}
					.item_q_t{ padding-bottom: 10px;}
					.item_q_b{ padding-top: 10px;}
						.item_q_num, .item_a_mark{ width: 30px; font-size: 16px; border-radius: 3px;}
						.item_q_topic, .item_a_content{ width: calc( 100% - 40px ); margin-left: 10px; font-size: 14px;}
	
							.iqt_img_blank{ height: 6px;}
							.iqt_img{ height: 168px; border-radius: 6px;}
	
								.iqb_options_img{ width: 113px; height: 113px; border-radius: 6px;}
								.iqb_options_blank{ height: 6px;}


/* 彈窗-選擇類別 */
#ow_select_category{ width: 100%;}	
	
		.category_list{ max-height: calc( 100vh - 329px);}	
			.category{ padding: 12px 20px;}
				.category_name{ font-size: 17px; width: calc( 100% - 23px );}
				.category_choose{ font-size: 14px; line-height: 23px;}


/* 彈窗-提醒綁定手機-下單完成後、彈窗-提醒綁定手機-可取貨時 */
#ow_bind_order_placed, #ow_bind_pick_up{ width: 100%;}

		.bind_content{ padding: 30px 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; box-shadow: 0 -6px 6px 0 rgba(51,51,51,0.2);}
			.bc_title{ margin-bottom: 12px; font-size: 20px;}
			.bc_describe{ margin-bottom: 16px; font-size: 16px;}
	
            	a.btn_bind_yes{ margin-bottom: 20px;}
				a.btn_bind_yes, a.btn_bind_no{ font-size: 18px; line-height:35px; border-radius:35px;}	


/* 彈窗-提醒綁定手機-3天後 */
#ow_bind_next_time{ width:calc(100% - 32px); margin:0 16px;}

		.nt_bind_content{ padding: 30px 16px; border-radius: 16px;}
			.nt_bc_title{ margin-bottom: 12px; font-size: 20px;}
			.nt_bc_describe{ margin-bottom: 16px; font-size: 16px;}
	
            	a.nt_btn_bind_yes, a.nt_btn_bind_no{ font-size: 18px; line-height:35px; border-radius:35px;}	


/* 彈窗-提醒綁定手機 */
#ow_bind_notice{ width: 100%;}


/* 彈窗-更多選單 */
#ow_more_list{ width: 100%;}
	
			.select_item{ padding: 16px;}
				.si_icon{ width: 23px; height: 23px; margin-right: 10px;}
				.si_name{ font-size: 14px; line-height: 23px;}


/*彈窗-專屬優惠提醒*/
#ow_discount_notice{ width: 100%;}

		.ow_c_t2{ padding: 10px 16px; border-top-left-radius: 16px; border-top-right-radius: 16px;}
	
			.dn_img img{ width: 60px; height: 60px;}

		.discount_content{ padding: 16px;}
			.dc_title{ margin-bottom: 12px; font-size: 20px;}
			.dc_describe{ margin-bottom: 12px; font-size: 16px;}
				.discount_amount{ font-size: 18px;}
	
			.f_download_box{ margin-bottom: 16px; border: 2px solid #ffd699;}
			.h_account_box{ border: 2px solid #e85a85;}
			.f_download_box, .h_account_box{ padding: 16px 10px; border-radius: 10px;}
				.sc_icon{ width: 40px; height: 40px;}
				.sc_directions{ margin-left: 10px;}
					.scd_title{ font-size: 16px; line-height: 16px;}
					.scd_content{ margin-top: 11px; font-size: 13px; line-height: 13px;}
						.give_sc{ font-size: 18px;}
					.fd_btn a, .ha_btn a{ width: 75px; margin-top: 9px; font-size: 13px; line-height: 23px; border-radius: 12px;}
			
	}
	
	
	
@media screen and (min-width: 360px) and (max-width: 374px){	
	
/* 彈窗-分享選單 */
#ow_share{ width: 270px; top:calc((100vh - 196px) / 2); margin-left:calc((100% - 270px) / 2);}	

		.ow_top{ padding: 17px 11px; border-top-left-radius: 9px; border-top-right-radius: 9px;}
			.ow_directions{ font-size: 14px;}
			.share_btn{ margin-top: 11px;}
				.share_btn a{ width: 62px; height: 62px; margin: 0 8px;}		

		.ow_bottom{ border-bottom-left-radius: 9px; border-bottom-right-radius: 9px;}
			.ow_bottom a.btn_close{ line-height: 45px; font-size: 16px; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px;}
	
	
/* 彈窗-輸入格式錯誤提示、驗證碼錯誤提示、登錄異常提示、綁定成功提示、已綁定提示*/
#ow_error1, #ow_error2, #ow_bind_ok, #ow_bound{ width: 270px; top:calc((100vh - 99px) / 2); margin-left:calc((100% - 270px) / 2);}	
#ow_error3{ width: 270px; top:calc((100vh - 140px) / 2); margin-left:calc((100% - 270px) / 2);}	
	
	
/* 彈窗-輸入核銷碼 */
#ow_vcode{ width: 270px; top:calc((100vh - 245px) / 2); margin-left:calc((100% - 270px) / 2);}	

			.ow_title{ font-size: 17px;}
			.code_error{ margin-top: 15px; font-size: 15px;}
			.code_box{ margin: 15px 0px;}
				.code_input{ width: calc(25% - 16px); margin: 0 8px;}
					.code_input input{ font-size: 30px;}

		.ow_bottom2{ border-bottom-left-radius: 9px; border-bottom-right-radius: 9px;}
			.ow_bottom2 a.btn_close2{ line-height: 45px; font-size: 16px; border-bottom-left-radius: 9px;}
			.ow_bottom2 a.btn_ok{ line-height: 45px; font-size: 16px; border-bottom-right-radius: 9px;}
			.btn_line{ height: 45px;}
	
	
/* 彈窗-上傳附件位置選單*/
#ow_menu{ width: 270px; top:calc((100vh - 149px) / 2); margin-left:calc((100% - 270px) / 2);}	
		.ow_top2{ border-top-left-radius: 9px; border-top-right-radius: 9px;}
			#ow_menu .btn_appendix a{ font-size: 17px; line-height: 48px;}


/* 彈窗-其他瀏覽器登入提示*/
#ow_repeat_login{ width: 270px; top:calc((100vh - 122px) / 2); margin-left:calc((100% - 270px) / 2);}	
	
	
/* 彈窗-導下載 */
.for_pc{ display: none;}
	
	
/* 彈窗-兌換 */
#ow_exchange_discount, #ow_exchange_group{ width: 100%;}		

		.ow_e_top{ padding: 10px;}	
			.e_good_box{ padding-bottom: 10px;}	
				.e_good_photo{ margin-top: -38px; border-radius: 6px;}	
					.coverImage{ width:100px; border-radius: 6px;}
				.e_good_data{ margin-left: 115px; width: calc(100% - 115px);}
					.e_good_name{ height: 40px; font-size: 15px; line-height: 20px;}
					.e_g_price{ line-height: 25px;}
					.e_g_price_group{ line-height: 25px;}
						.e_g_price_group .special{ font-size: 20px;}
							.e_g_price_group .p_symbol{ font-size: 14px;}
						.e_g_price_group .o_price{ margin-left: 10px; font-size: 11px;}
			.exchange_box{ max-height: calc( 100vh - 225px);}	
				.item_box{ padding: 10px 0;}
						.ib_title{ font-size: 15px; line-height: 29px;}
						.ib_btn{ font-size: 14px;}
							.btn_subtract{ padding:5px 8px; font-size: 15px; border-top-left-radius: 2px; border-bottom-left-radius: 2px;}
								.input_quantity input{ width: 62px; padding:6px;}
							.btn_add{ padding:5px 8px; font-size: 15px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
						.ib_b_left, .ib_b_right{ font-size: 15px; line-height: 34px;}						
							.ib_b_r_cd{ margin-right: 8px;}
							.ow_choose_discount{ font-size: 16px; margin-top: 5px; margin-right: 23px;}
								/*勾選*/
									input[type="checkbox"] + label:before { height: 23px; width: 23px; line-height: 23px;}

									.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"] { margin-right: -23px;}
						.c_balance{ margin-bottom: 14px; font-size: 13px; line-height: 14px;}
	
					.minimum_amount{ font-size: 20px;}

		.ow_e_bottom{ padding: 11px 0 14px 0;}
			.ow_e_bottom a.btn_exchange_discount, .ow_e_bottom a.btn_exchange_group{ width: 225px; font-size: 17px; line-height:34px; border-radius:34px;}
			.use_group_notice{ margin-bottom: 15px; font-size: 14px;}


/* 彈窗-快選選單 */
#ow_choose{ width: 100%;}	

		.ow_c_t{ padding: 10px 15px; border-top-left-radius: 15px; border-top-right-radius: 15px;}
			a.ow_btn_close{ width: 15px; height: 15px; margin-top: 3px;}

		.ow_c_m{ padding: 15px; max-height: 340px; margin-bottom: 29px;}
			.k_box { margin-bottom: 29px;}
				.k_top{ margin-bottom: 10px;}
					.k_title{ font-size: 15px; line-height: 23px;}
						.k_item li{ margin-bottom: 9px; margin-right: 9px; padding: 6px 9px; font-size: 14px; border-radius: 3px;}	

		.ow_c_b{ width: 100%; padding: 11px 15px;}	
			.ow_c_b a{ margin: 0 17px;}	
            	a.btn_clear, a.btn_apply{ width: 125px; font-size: 15px; line-height: 42px; border-radius: 42px;}		


/* 彈窗-可領取票券 */
#ow_coupon_list{ width: 100%;}	

			.cl_title{ font-size: 15px; line-height: 15px;}

		.coupon_list{ max-height: calc( 100vh - 113px);}


/* 彈窗-綁定信用卡提醒 */
#ow_bind_credit{ width: 96%; margin-top: 10px; margin-left: 2%;}	

		.bc_box{ padding: 10px 15px; border-radius: 15px;}	
			.cl_title{ width:calc(100% - 29px); font-size: 15px; line-height: 20px;}
			a.ow_btn_close2{ width: 15px; height: 15px; margin-top: 14px;}


/* 彈窗-刪除信用卡提示 */
#ow_del_credit{ width: 270px; top:calc((100vh - 102px) / 2); margin-left:calc((100% - 270px) / 2);}
	
	
/* 彈窗-掃描支付 */
#ow_scan_pay{ width: 100%;}	

		.ow_sp_top{ padding: 0 15px; border-top-left-radius: 15px; border-top-right-radius: 15px;}


/* 彈窗-期限已到期提示 */
#ow_expire_d, #ow_expire_g{ width: 270px; top:calc((100vh - 142px) / 2); margin-left:calc((100% - 270px) / 2);}	


/* 彈窗-網路異常、庫存不足、使用期限 */
#ow_abnormal, #ow_not_enough, #ow_deadline{ width: 270px; top:calc((100vh - 122px) / 2); margin-left:calc((100% - 270px) / 2);}


/* 彈窗-下單留言、報名留言 */
#ow_order_message{ width: 100%;}
	
		.num_box2{ margin-right: 15px; padding: 3px 0; font-size: 13px;}
			.num_icon2{ width: 15px; height: 15px;}
			.num_total2{ margin-left: 6px; line-height: 15px;}
	
			.btn_box a, .btn_ending{ margin-right: 15px; padding: 0 11px; font-size: 13px; line-height: 23px; border-radius: 12px;}

		/*留言列表、目前沒有資訊*/
		.order_message_list, .order_message_list_no{ height: calc( 100vh - 68px); padding: 15px;}

			/*下單內容、留言內容*/
			.place_order_box{ margin-bottom: 15px;}
					.user_avatar{ width: 44px; height: 44px;}
				.po_right{ max-width: calc(100% - 54px); margin-left: 8px;}
					.po_content{ padding: 8px; border-radius:8px;;}
						.user_name{ font-size: 15px;}
							.po_content li{ margin-top: 10px; font-size: 15px;}
								.order_type{ max-width: calc(100% - 50px);}
								.order_num{ width: 42px; margin-left: 8px;}
					.po_time{ margin-top: 8px; font-size: 13px;}
	
			/*目前沒有資訊*/
			.no_information { padding-top: 105px;}
				.ni_photo { width: 180px; height: 130px;}
				.ni_word { margin-top: 15px; font-size: 15px;}


/* 彈窗-下單選項 */
#ow_order_kind_list{ width: 100%;}	
	
		.order_kind_list{ max-height: calc( 100vh - 282px);}
			.kind{ margin: 15px; padding: 6px; border-radius: 6px;}
				.kind_left{ width: calc( 100% - 140px);}
					.kind_name{ font-size: 17px;}
					.unit_price{ font-size: 15px;}
					
				.kind_right{ width: 134px; margin-left: 6px;}	
					.kr_btn{ margin-top: 8px; font-size: 14px;}
					.out_of_stock{ margin-top: 8px; font-size: 15px; line-height: 29px;}
	
			.ow_e_bottom .btn_no{ width: 225px; font-size: 17px; line-height:34px; border-radius:34px;}


/* 彈窗-取消訂單提示、已註冊提示*/
#ow_cancel_order, #ow_registered{ width: 270px; top:calc((100vh - 143px) / 2); margin-left:calc((100% - 270px) / 2);}	
			.ow_directions2{ font-size: 14px;}

/* 彈窗-瀏覽圖片影片 */
#ow_pv{ width: 100%; margin-left:0;}


/* 彈窗-問卷項目 */
#ow_questionnaire{ width: 100%;}	
		.question_list{ max-height: calc( 100vh - 282px);}
			.question{ margin: 15px; padding: 10px; border-radius: 6px;}
				.q_top{ padding-bottom: 10px; font-size: 15px; line-height: 20px;}
					.q_required, .q_select_multiple{ margin-left: 10px; padding: 0 6px; font-size: 14px;}

				.q_bottom{ padding-top: 10px; font-size: 14px; line-height: 23px;}
					.q_topic_img{ height: 175px; border-radius: 6px;}
						.q_options_item{ margin-top: 6px;}
								/*勾選*/
									.q_options_choose input[type="checkbox"] + label:before, .q_options_choose input[type="radio"] + label:before { height: 23px; width: 23px; line-height: 23px;}

								.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"], .form-check-input[type="radio"], .form-check-input:checked[type="radio"] { margin-right: -23px;}

							.q_options_content{ width: calc( 100% - 31px); margin-left: 31px;}
								.q_options_blank{ height: 6px;}
								.q_options_img{ width: 113px; height: 113px; margin-left: 31px; border-radius: 6px;}
							.q_options_item textarea{ height: 96px; padding: 10px;}


/* 彈窗-紀錄明細*/
#ow_record_details{ width: 332px; top:calc((100vh - 291px) / 2); margin-left:calc((100% - 332px) / 2);}
		.ow_top_r{ padding: 17px 11px 0 11px; border-top-left-radius: 9px; border-top-right-radius: 9px;}

				.item_question_box{ margin-bottom: 10px; padding: 10px; border-radius: 6px; line-height: 23px;}
					.item_q_t{ padding-bottom: 10px;}
					.item_q_b{ padding-top: 10px;}
						.item_q_num, .item_a_mark{ width: 29px; font-size: 15px; border-radius: 3px;}
						.item_q_topic, .item_a_content{ width: calc( 100% - 39px ); margin-left: 10px; font-size: 12px;}
	
							.iqt_img_blank{ height: 6px;}
							.iqt_img{ height: 162px; border-radius: 6px;}
	
								.iqb_options_img{ width: 108px; height: 108px; border-radius: 6px;}
								.iqb_options_blank{ height: 6px;}


/* 彈窗-選擇類別 */
#ow_select_category{ width: 100%;}	
	
		.category_list{ max-height: calc( 100vh - 316px);}	
			.category{ padding: 11px 20px;}
				.category_name{ font-size: 17px; width: calc( 100% - 23px );}
				.category_choose{ font-size: 14px; line-height: 23px;}


/* 彈窗-提醒綁定手機-下單完成後、彈窗-提醒綁定手機-可取貨時 */
#ow_bind_order_placed, #ow_bind_pick_up{ width: 100%;}

		.bind_content{ padding: 29px 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; box-shadow: 0 -6px 6px 0 rgba(51,51,51,0.2);}
			.bc_title{ margin-bottom: 11px; font-size: 20px;}
			.bc_describe{ margin-bottom: 15px; font-size: 15px;}
	
            	a.btn_bind_yes{ margin-bottom: 20px;}
				a.btn_bind_yes, a.btn_bind_no{ font-size: 17px; line-height:34px; border-radius:34px;}	


/* 彈窗-提醒綁定手機-3天後 */
#ow_bind_next_time{ width:calc(100% - 30px); margin:0 15px;}

		.nt_bind_content{ padding: 29px 15px; border-radius: 15px;}
			.nt_bc_title{ margin-bottom: 11px; font-size: 20px;}
			.nt_bc_describe{ margin-bottom: 15px; font-size: 15px;}
	
            	a.nt_btn_bind_yes, a.nt_btn_bind_no{ font-size: 17px; line-height:34px; border-radius:34px;}	


/* 彈窗-提醒綁定手機 */
#ow_bind_notice{ width: 100%;}


/* 彈窗-更多選單 */
#ow_more_list{ width: 100%;}
	
			.select_item{ padding: 15px;}
				.si_icon{ width: 23px; height: 23px; margin-right: 10px;}
				.si_name{ font-size: 14px; line-height: 23px;}


/*彈窗-專屬優惠提醒*/
#ow_discount_notice{ width: 100%;}

		.ow_c_t2{ padding: 10px 15px; border-top-left-radius: 15px; border-top-right-radius: 15px;}
	
			.dn_img img{ width: 58px; height: 58px;}

		.discount_content{ padding: 15px;}
			.dc_title{ margin-bottom: 11px; font-size: 20px;}
			.dc_describe{ margin-bottom: 11px; font-size: 15px;}
				.discount_amount{ font-size: 17px;}
	
			.f_download_box{ margin-bottom: 15px; border: 2px solid #ffd699;}
			.h_account_box{ border: 2px solid #e85a85;}
			.f_download_box, .h_account_box{ padding: 15px 10px; border-radius: 10px;}
				.sc_icon{ width: 38px; height: 38px;}
				.sc_directions{ margin-left: 10px;}
					.scd_title{ font-size: 15px; line-height: 15px;}
					.scd_content{ margin-top: 11px; font-size: 13px; line-height: 13px;}
						.give_sc{ font-size: 17px;}
					.fd_btn a, .ha_btn a{ width: 72px; margin-top: 8px; font-size: 13px; line-height: 23px; border-radius: 12px;}
			
	}
	
	
	
@media only screen and (max-width:359px){
	
/* 彈窗-分享選單 */
#ow_share{ width: 240px; top:calc((100vh - 172px) / 2); margin-left:calc((100% - 240px) / 2);}	

		.ow_top{ padding: 15px 10px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
			.ow_directions{ font-size: 12px;}
			.share_btn{ margin-top: 10px;}
				.share_btn a{ width: 55px; height: 55px; margin: 0 7px;}		

		.ow_bottom{ border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
			.ow_bottom a.btn_close{ line-height: 40px; font-size: 14px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
	
	
/* 彈窗-輸入格式錯誤提示、驗證碼錯誤提示、登錄異常提示、綁定成功提示、已綁定提示*/
#ow_error1, #ow_error2, #ow_bind_ok, #ow_bound{ width: 240px; top:calc((100vh - 87px) / 2); margin-left:calc((100% - 240px) / 2);}	
#ow_error3{ width: 240px; top:calc((100vh - 125px) / 2); margin-left:calc((100% - 240px) / 2);}	
	
	
/* 彈窗-輸入核銷碼 */
#ow_vcode{ width: 240px; top:calc((100vh - 240px) / 2); margin-left:calc((100% - 240px) / 2);}	

			.ow_title{ font-size: 15px;}
			.code_error{ margin-top: 14px; font-size: 13px;}
			.code_box{ margin: 14px 0px;}
				.code_input{ width: calc(25% - 14px); margin: 0 7px;}
					.code_input input{ font-size: 25px;}

		.ow_bottom2{ border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
			.ow_bottom2 a.btn_close2{ line-height: 40px; font-size: 14px; border-bottom-left-radius: 8px;}
			.ow_bottom2 a.btn_ok{ line-height: 40px; font-size: 14px; border-bottom-right-radius: 8px;}
			.btn_line{ height: 40px;}
	
	
/* 彈窗-上傳附件位置選單*/
#ow_menu{ width: 240px; top:calc((100vh - 128px) / 2); margin-left:calc((100% - 240px) / 2);}	
		.ow_top2{ border-top-left-radius: 8px; border-top-right-radius: 8px;}
			#ow_menu .btn_appendix a{ font-size: 15px; line-height: 43px;}


/* 彈窗-其他瀏覽器登入提示*/
#ow_repeat_login{ width: 270px; top:calc((100vh - 107px) / 2); margin-left:calc((100% - 270px) / 2);}	
	
	
/* 彈窗-導下載 */
.for_pc{ display: none;}
	
	
/* 彈窗-兌換 */
#ow_exchange_discount, #ow_exchange_group{ width: 100%;}		

		.ow_e_top{ padding: 9px;}	
			.e_good_box{ padding-bottom: 9px;}	
				.e_good_photo{ margin-top: -34px; border-radius: 5px;}	
					.coverImage{ width:89px; border-radius: 5px;}
				.e_good_data{ margin-left: 102px; width: calc(100% - 102px);}
					.e_good_name{ height: 36px; font-size: 13px; line-height: 18px;}
					.e_g_price{ line-height: 22px;}
					.e_g_price_group{ line-height: 22px;}
						.e_g_price_group .special{ font-size: 17px;}
							.e_g_price_group .p_symbol{ font-size: 12px;}
						.e_g_price_group .o_price{ margin-left: 9px; font-size: 10px;}
						@media screen and (-webkit-min-device-pixel-ratio:0) {
							/* Safari and Chrome, if Chrome rule needed */
							.e_g_price_group .o_price{ -webkit-transform:scale(0.83);}
							/* Safari 5+ ONLY */
							::i-block-chrome, .e_g_price_group .o_price{ font-size:10px;}
							}
			.exchange_box{ max-height: calc( 100vh - 200px);}	
				.item_box{ padding: 9px 0;}
						.ib_title{ font-size: 13px; line-height: 26px;}
						.ib_btn{ font-size: 12px;}
							.btn_subtract{ padding:4.5px 7px; font-size: 13px; border-top-left-radius: 2px; border-bottom-left-radius: 2px;}
								.input_quantity input{ width: 55px; padding:5px;}
							.btn_add{ padding:4.5px 7px; font-size: 13px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
						.ib_b_left, .ib_b_right{ font-size: 13px; line-height: 30px;}						
							.ib_b_r_cd{ margin-right: 7px;}
							.ow_choose_discount{ font-size: 14px; margin-top: 4px; margin-right: 20px;}
								/*勾選*/
									input[type="checkbox"] + label:before { height: 20px; width: 20px; line-height: 20px;}

									.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"] { margin-right: -20px;}
						.c_balance{ margin-bottom: 13px; font-size: 12px; line-height: 13px;}
	
					.minimum_amount{ font-size: 17px;}

		.ow_e_bottom{ padding: 10px 0 13px 0;}
			.ow_e_bottom a.btn_exchange_discount, .ow_e_bottom a.btn_exchange_group{ width: 200px; font-size: 15px; line-height:30px; border-radius:30px;}
			.use_group_notice{ margin-bottom: 13px; font-size: 12px;}


/* 彈窗-快選選單 */
#ow_choose{ width: 100%;}	

		.ow_c_t{ padding: 9px 13px; border-top-left-radius: 13px; border-top-right-radius: 13px;}
			a.ow_btn_close{ width: 13px; height: 13px; margin-top: 3px;}

		.ow_c_m{ padding: 13px; max-height: 300px; margin-bottom: 26px;}
			.k_box { margin-bottom: 26px;}
				.k_top{ margin-bottom: 9px;}
					.k_title{ font-size: 13px; line-height: 20px;}
						.k_item li{ margin-bottom: 8px; margin-right: 8px; padding: 5px 8px; font-size: 12px; border-radius: 3px;}	

		.ow_c_b{ width: 100%; padding: 10px 13px;}	
			.ow_c_b a{ margin: 0 15px;}	
            	a.btn_clear, a.btn_apply{ width: 111px; font-size: 13px; line-height: 37px; border-radius: 37px;}		


/* 彈窗-可領取票券 */
#ow_coupon_list{ width: 100%;}	

			.cl_title{ font-size: 13px; line-height: 13px;}

		.coupon_list{ max-height: calc( 100vh - 100px);}


/* 彈窗-綁定信用卡提醒 */
#ow_bind_credit{ width: 96%; margin-top: 9px; margin-left: 2%;}	

		.bc_box{ padding: 9px 13px; border-radius: 13px;}	
			.cl_title{ width:calc(100% - 25px); font-size: 13px; line-height: 18px;}
			a.ow_btn_close2{ width: 13px; height: 13px; margin-top: 12px;}


/* 彈窗-刪除信用卡提示 */
#ow_del_credit{ width: 270px; top:calc((100vh - 90px) / 2); margin-left:calc((100% - 270px) / 2);}	
	
	
/* 彈窗-掃描支付 */
#ow_scan_pay{ width: 100%;}	

		.ow_sp_top{ padding: 0 13px; border-top-left-radius: 13px; border-top-right-radius: 13px;}


/* 彈窗-期限已到期提示 */
#ow_expire_d, #ow_expire_g{ width: 270px; top:calc((100vh - 125px) / 2); margin-left:calc((100% - 270px) / 2);}	


/* 彈窗-網路異常、庫存不足、使用期限 */
#ow_abnormal, #ow_not_enough, #ow_deadline{ width: 270px; top:calc((100vh - 108px) / 2); margin-left:calc((100% - 270px) / 2);}


/* 彈窗-下單留言、報名留言 */
#ow_order_message{ width: 100%;}
	
		.num_box2{ margin-right: 13px; padding: 3px 0; font-size: 12px;}
			.num_icon2{ width: 13px; height: 13px;}
			.num_total2{ margin-left: 5px; line-height: 13px;}
	
			.btn_box a, .btn_ending{ margin-right: 13px; padding: 0 10px; font-size: 12px; line-height: 20px; border-radius: 10px;}

		/*留言列表、目前沒有資訊*/
		.order_message_list, .order_message_list_no{ height: calc( 100vh - 60px); padding: 13px;}

			/*下單內容、留言內容*/
			.place_order_box{ margin-bottom: 13px;}
					.user_avatar{ width: 39px; height: 39px;}
				.po_right{ max-width: calc(100% - 48px); margin-left: 7px;}
					.po_content{ padding: 7px; border-radius:7px;;}
						.user_name{ font-size: 13px;}
							.po_content li{ margin-top: 9px; font-size: 13px;}
								.order_type{ max-width: calc(100% - 44px);}
								.order_num{ width: 37px; margin-left: 7px;}
					.po_time{ margin-top: 7px; font-size: 11px;}


/* 彈窗-下單選項 */
#ow_order_kind_list{ width: 100%;}	
	
		.order_kind_list{ max-height: calc( 100vh - 251px);}
			.kind{ margin: 13px; padding: 5px; border-radius: 5px;}
				.kind_left{ width: calc( 100% - 124px);}
					.kind_name{ font-size: 15px;}
					.unit_price{ font-size: 13px;}
					
				.kind_right{ width: 119px; margin-left: 5px;}	
					.kr_btn{ margin-top: 7px; font-size: 12px;}
						.kr_btn .btn_subtract, .kr_btn .btn_add{ padding: 4px 7px;}
					.out_of_stock{ margin-top: 7px; font-size: 13px; line-height: 26px;}
	
			.ow_e_bottom .btn_no{ width: 200px; font-size: 15px; line-height:30px; border-radius:30px;}
	
			/*目前沒有資訊*/
			.no_information { padding-top: 93px;}
				.ni_photo { width: 160px; height: 116px;}
				.ni_word { margin-top: 13px; font-size: 13px;}


/* 彈窗-取消訂單提示、已註冊提示*/
#ow_cancel_order, #ow_registered{ width: 270px; top:calc((100vh - 125px) / 2); margin-left:calc((100% - 270px) / 2);}	
			.ow_directions2{ font-size: 12px;}

/* 彈窗-瀏覽圖片影片 */
#ow_pv{ width: 100%; margin-left:0;}


/* 彈窗-問卷項目 */
#ow_questionnaire{ width: 100%;}	
		.question_list{ max-height: calc( 100vh - 251px);}
			.question{ margin: 13px; padding: 7px; border-radius: 5px;}
				.q_top{ padding-bottom: 7px; font-size: 13px; line-height: 18px;}
					.q_required, .q_select_multiple{ margin-left: 7px; padding: 0 5px; font-size: 12px;}

				.q_bottom{ padding-top: 9px; font-size: 12px; line-height: 20px;}
					.q_topic_img{ height: 158px; border-radius: 5px;}
						.q_options_item{ margin-top: 7px;}
								/*勾選*/
									.q_options_choose input[type="checkbox"] + label:before, .q_options_choose input[type="radio"] + label:before { height: 20px; width: 20px; line-height: 20px;}

								.form-check-input[type="checkbox"], .form-check-input:checked[type="checkbox"], .form-check-input[type="radio"], .form-check-input:checked[type="radio"] { margin-right: -20px;}

							.q_options_content{ width: calc( 100% - 27px); margin-left: 27px;}
								.q_options_blank{ height: 5px;}
								.q_options_img{ width: 100px; height: 100px; margin-left: 27px; border-radius: 5px;}
							.q_options_item textarea{ height: 85px; padding: 9px;}


/* 彈窗-紀錄明細*/
#ow_record_details{ width: 295px; top:calc((100vh - 259px) / 2); margin-left:calc((100% - 295px) / 2);}
		.ow_top_r{ padding: 15px 10px 0 10px; border-top-left-radius: 8px; border-top-right-radius: 8px;}

				.item_question_box{ margin-bottom: 9px; padding: 9px; border-radius: 5px; line-height: 20px;}
					.item_q_t{ padding-bottom: 9px;}
					.item_q_b{ padding-top: 9px;}
						.item_q_num, .item_a_mark{ width: 23px; font-size: 13px; border-radius: 3px;}
						.item_q_topic, .item_a_content{ width: calc( 100% - 32px ); margin-left: 9px; font-size: 12px;}
	
							.iqt_img_blank{ height: 5px;}
							.iqt_img{ height: 144px; border-radius: 5px;}
	
								.iqb_options_img{ width: 96px; height: 96px; border-radius: 5px;}
								.iqb_options_blank{ height: 5px;}


/* 彈窗-選擇類別 */
#ow_select_category{ width: 100%;}	
	
		.category_list{ max-height: calc( 100vh - 280px);}	
			.category{ padding: 10px 17px;}
				.category_name{ font-size: 15px; width: calc( 100% - 20px );}
				.category_choose{ font-size: 12px; line-height: 20px;}


/* 彈窗-提醒綁定手機-下單完成後、彈窗-提醒綁定手機-可取貨時 */
#ow_bind_order_placed, #ow_bind_pick_up{ width: 100%;}

		.bind_content{ padding: 25px 13px; border-top-left-radius: 13px; border-top-right-radius: 13px; box-shadow: 0 -5px 5px 0 rgba(51,51,51,0.2);}
			.bc_title{ margin-bottom: 10px; font-size: 17px;}
			.bc_describe{ margin-bottom: 13px; font-size: 13px;}
	
            	a.btn_bind_yes{ margin-bottom: 17px;}
				a.btn_bind_yes, a.btn_bind_no{ font-size: 15px; line-height:30px; border-radius:30px;}	


/* 彈窗-提醒綁定手機-3天後 */
#ow_bind_next_time{ width:calc(100% - 26px); margin:0 13px;}

		.nt_bind_content{ padding: 25px 13px; border-radius: 13px;}
			.nt_bc_title{ margin-bottom: 10px; font-size: 17px;}
			.nt_bc_describe{ margin-bottom: 13px; font-size: 13px;}
	
            	a.nt_btn_bind_yes, a.nt_btn_bind_no{ font-size: 15px; line-height:30px; border-radius:30px;}	


/* 彈窗-提醒綁定手機 */
#ow_bind_notice{ width: 100%;}


/* 彈窗-更多選單 */
#ow_more_list{ width: 100%;}
	
			.select_item{ padding: 13px;}
				.si_icon{ width: 20px; height: 20px; margin-right: 9px;}
				.si_name{ font-size: 12px; line-height: 20px;}


/*彈窗-專屬優惠提醒*/
#ow_discount_notice{ width: 100%;}

		.ow_c_t2{ padding: 9px 13px; border-top-left-radius: 13px; border-top-right-radius: 13px;}
	
			.dn_img img{ width: 51px; height: 51px;}

		.discount_content{ padding: 13px;}
			.dc_title{ margin-bottom: 10px; font-size: 17px;}
			.dc_describe{ margin-bottom: 10px; font-size: 13px;}
				.discount_amount{ font-size: 15px;}
	
			.f_download_box{ margin-bottom: 13px; border: 1px solid #ffd699;}
			.h_account_box{ border: 1px solid #e85a85;}
			.f_download_box, .h_account_box{ padding: 13px 9px; border-radius: 9px;}
				.sc_icon{ width: 34px; height: 34px;}
				.sc_directions{ margin-left: 9px;}
					.scd_title{ font-size: 13px; line-height: 13px;}
					.scd_content{ margin-top: 9px; font-size: 12px; line-height: 12px;}
						.give_sc{ font-size: 15px;}
					.fd_btn a, .ha_btn a{ width: 64px; margin-top: 7px; font-size: 12px; line-height: 20px; border-radius: 10px;}
			
	}