PageSourceSearch

https://vrlife.com.tw/penghuevent/

html vrlife.com.tw collected 2026-10-07 11:31:02 UTC 106,478 bytes, 2,596 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" lang="en-us">
3<html xmlns:og='http://ogp.me/ns#'>
4<head>
5
6<!---->
7    <title>搖滾藍洞-VR體驗活動</title>
8    <meta property="og:url" content="https://vrlife.com.tw/penghuevent/index.php?" />
9    <meta property="og:type" content="website" />
10    <meta property="og:title" content="搖滾藍洞-VR體驗活動 - Home Page" />
11         <!-- 網頁基本資料 網站 meta 說明 -->
12        <meta property="og:description" content="" />
13    <meta property="og:image" content="https://vrlife.com.tw/website/uploads/website_1/en-us/" /> <!-- 網頁基本資料 FB 分享圖 -->
14
15    <meta name="keywords" content="澎湖海洋地質公園中心,澎湖,海洋,地質,公園中心">
16    <meta name="description" content="">
17    <link href="https://vrlife.com.tw/website/uploads/website_1/en-us/logo.png?0216170321" rel="image_src" type="image/jpeg">
18	<link rel="canonical" href="https://vrlife.com.tw/penghuevent/">
19
20
21<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
22<meta property="fb:app_id" content="" />
23<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/javascripts/gohappy/lanrenzhijia.js"></script>
23
24
25<!--<link href="https://vrlife.com.tw/penghuevent/css/df_style.css" rel="stylesheet" type="text/css" />-->
26<link href="https://vrlife.com.tw/penghuevent/css/membercss.css" rel="stylesheet" type="text/css" />
27<link href="https://vrlife.com.tw/penghuevent/css/group.css" rel="stylesheet" type="text/css" />
28<link href="https://vrlife.com.tw/penghuevent/css/all_plugin.css" rel="stylesheet" type="text/css" />  <!-- 全部套件統一CSS -->
29<link href="https://vrlife.com.tw/penghuevent/javascripts/jquery/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" media="screen" />
30<link href="https://vrlife.com.tw/penghuevent/javascripts/jquery/css/jquery.jscrollpane.css" rel="stylesheet" type="text/css" media="screen" />
31
32
33<!--  -->
34<script language="javascript" src="https://vrlife.com.tw/penghuevent/javascripts/ij-ajax/ij-ajax.js"></script>
vendor: 2 bytes, line 34
34
35<script language="javascript" src="https://vrlife.com.tw/penghuevent/javascripts/ij-ajax/_ij_package.js"></script>
vendor: 2 bytes, line 35
35
36<script language="javascript">
37	var IJ = new IJ("https://vrlife.com.tw/penghuevent/javascripts/ij-ajax/");
38	/* IJ.loadJs();*/
39	var menu_move_x = 0; /**/
40	var menu_move_y = 0; /**/
41</script>
41
42<!--  -->
43<script src="https://vrlife.com.tw/penghuevent/javascripts/jquery/jquery.min.js"></script>
vendor: 2 bytes, line 43
43
44<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/javascripts/jquery.flexslider-min.js"></script>
44 <!-- flexslider套件 -->
45<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/javascripts/jquery.imagezoom.min.js"></script>
45 <!-- 圖像縮放套件 -->
46<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/javascripts/owl.carousel.min-2.0.js"></script>
46 <!-- 貓頭鷹輪播套件 -->
47<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/javascripts/slick.min.js"></script>
47 <!-- slick套件 -->
48<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/javascripts/jquery.countdown.min.js"></script>
48 <!-- 倒數計時套件 -->
49<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/javascripts/imagesloaded.pkgd.js"></script>
49 <!-- imagesloaded套件 -->
50<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/javascripts/swiper.min.js" type="text/javascript"></script>
50 <!-- swiper套件 -->
51<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/javascripts/snap.min.js"></script>
51 <!-- Snap套件 -->
52<!--<![endif]-->
53<script language="javascript" src="https://vrlife.com.tw/penghuevent/javascripts/timer/jquery.timer.js"></script>
vendor: 2 bytes, line 53
53
54<script language="javascript" src="https://vrlife.com.tw/penghuevent/javascripts/jquery/fancybox/jquery.fancybox.pack.js"></script>
vendor: 2 bytes, line 54
54
55<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/javascripts/jquery.countdown.min.js"></script>
55<!--倒數計時-->
56
57<link href="https://vrlife.com.tw/penghuevent/css/images/icons-line.css" rel="stylesheet" type="text/css" /><!-- Web-Font(Line) CSS -->
58<link href="https://vrlife.com.tw/penghuevent/css/images/icons-solid.css" rel="stylesheet" type="text/css" /><!-- Web-Font(Solid) CSS -->
59
60
61<!--  -->
62<link href="https://vrlife.com.tw/penghuevent/css/normal_symbol.min.css?2407042" rel="stylesheet" type="text/css" /><!-- 電腦版公用元件CSS -->
63<link href="https://vrlife.com.tw/penghuevent/templates/web_style/penghuevent/color_1/style.css?2407042" rel="stylesheet" type="text/css" />
64<link href="https://vrlife.com.tw/penghuevent/templates/web_style/penghuevent/color_1/css/style.css?2407042" rel="stylesheet" type="text/css" media="screen" />
65
66<!--  -->
67<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/templates/web_style/penghuevent/color_1/js/jquery.imagezoom.min.js"></script>
vendor: 2 bytes, line 67
67
68<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/templates/web_style/penghuevent/color_1/js/function_anyong.js"></script>
68<!--安永版頭-->
69<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/templates/web_style/penghuevent/color_1/js/jquery.flexslider-min.js"></script>
69<!--廣告輪播-->
70<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/templates/web_style/penghuevent/color_1/js/lanrenzhijia.js"></script>
70<!--天河商品輪播-->
71<link href="https://vrlife.com.tw/penghuevent/templates/web_style/penghuevent/color_1/css/member_symbol.css" rel="stylesheet" type="text/css" /><!--會員中心-->
72<link href="https://vrlife.com.tw/penghuevent/templates/web_style/penghuevent/color_1/css/setting.css" rel="stylesheet" type="text/css" /><!--購物車-->
73<link href="https://vrlife.com.tw/penghuevent/templates/web_style/penghuevent/color_1/item_layout.css" rel="stylesheet" type="text/css" /><!--購物車NEW-->
74<link href="https://vrlife.com.tw/penghuevent/css/product_joo2.css" rel="stylesheet" type="text/css" /><!--商品頁樣式2-->
75<link href="https://fonts.googleapis.com/css?family=Cormorant+SC" rel="stylesheet" type="text/css"/><!--特殊字體-->
76� 
77<!--  -->
78  
79    <link href="https://vrlife.com.tw/website/uploads/website_1/en-us/web_style.css?0216170321" rel="stylesheet" type="text/css" />
80
81
82
83    
83<script>
84    /*<!---->*/
85        window.is_login = 0;
86    /*<!---->*/
87        window.ajax = {
88            key:1,
89            default_setting:{type:'POST', dataType:'json', crossDomain:true, withCredentials:true, async:true},
90            ajax_trans:function(){if(window.ajax.key == 1){key = 0;return true;}else return false;},
91            ajax_commit:function(){window.ajax.key == 1},
92            ajax_connect:function(){
93                var ajax_this = this;
94                $.ajax({
95                    url:ajax_this.url,
96                    type:ajax_this.type,
97                    async:ajax_this.async,
98                    dataType:ajax_this.dataType,
99                    data:{params:ajax_this.params},
100                    crossDomain: ajax_this.crossDomain,
101                    xhrFields:{
102                        withCredentials: ajax_this.withCredentials
103                    },
104                    beforeSend:function(){
105                        if(!window.ajax.ajax_trans())return false;
106                    },
107                    success:function(r){
108                        try{
109                            ajax_this.ajax_access_response(r);
110                        }catch(e){
111                            alert('驗證有誤,請稍後再試或洽詢客服。');
112                        }
113                    },
114                    error:function(e){
115                        alert("伺服器請求錯誤,請稍後再試。");
116                    },
117                    complete:function(e){
118                        window.ajax.ajax_commit();
119                    }
120                });
121            }
122        }
123    </script>
123
124
125    
125<script src="./javascripts/jquery/jquery-ui.min.js"></script>
125
126    
126<script src="javascripts/imagesloaded.pkgd.js"></script>
126
127    <link rel="stylesheet" href="./css/jquery-ui.css">
128
129    <!----------------- GA & Ewebs Analytics ----------------->
130    
131<!--page view-->
vendor: 65 bytes, lines 131-132
131
132<script async src="https://www.googletagmanager.com/gtag/js?id=
132G-CPYBJVTF3J
vendor: 11 bytes, line 132
132"></script>
132<!-- Google gtag (PageView) -->
133<script>
vendor: 134 bytes, lines 134-139
134window.dataLayer = window.dataLayer || [];
135
136function gtag(){dataLayer.push(arguments);}
137
138gtag('js', new Date());
139gtag('config', '
139G-CPYBJVTF3J
vendor: 5 bytes, line 139
139');
140</script>
vendor: 2 bytes, line 140
140
141<script>
142 $(document).ready(function() {
143   var strJson = {'list':'_%2Fpenghuevent%2F'};
144   $.ajax({ 
145   	url:'api/api.save_google_analytics_data.php',
146	    type:'post', 
147	    dataType:'text', 
148	    async:false, 
149	    data:{type:'9',data:strJson, referer_url:''} 
150	});
151 });
152</script>
152
153
154
155<!--商品點擊 Function-->
156<!-- Google gtag function (clicks) -->
157<script>
158function ga_onProductClick(event, p_no, p_name, p_url, p_witem_uid)
159{
160	       var viewportwidth;  var viewportheight;
161       if (typeof window.innerWidth != 'undefined'){
162           viewportwidth = window.innerWidth,
163           viewportheight = window.innerHeight
164       }
165       else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth !='undefined' && document.documentElement.clientWidth != 0)
166						{
167						    viewportwidth = document.documentElement.clientWidth,
168						    viewportheight = document.documentElement.clientHeight
169						}else
170						{
171						    viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
172						    viewportheight = document.getElementsByTagName('body')[0].clientHeight
173                        }
174       /*點擊座標*/
175						var evt = event ? event : (window.event ? window.event : null);
176						if (document.all) /*IE*/
177						{
178							var click_x =   event.x ;   /* 取得滑鼠指標目前的 x 位置*/
179							var click_y =   event.y ;   /* 取得滑鼠指標目前的 y 位置*/
180						}
181						else  /* firefox*/
182						{ 
183							var click_x = evt.clientX;  /* 取得滑鼠指標目前的 x 位置*/
184							var click_y = evt.clientY;  /* 取得滑鼠指標目前的 y 位置*/                           
185						}
186       var screen_w = screen.width;      
187						var screen_h = screen.height; 
188						var _witem_uid = p_witem_uid || '';
189       var strJson = {'id':p_no, 'name':p_name, 'list':'_%2Fpenghuevent%2F', 'click_x':click_x, 'click_y':click_y, 'window_w':viewportwidth, 'window_h':viewportheight, 'screen_w':screen_w, 'screen_h':screen_h};
190       $.ajax({
191                            url:'api/api.save_google_analytics_data.php',
192                            type:'post',
193                            dataType:'text',
194                            async:false,
195                            data:{type:'3',witem_uid:_witem_uid, data:strJson, referer_url:''}
196                        });
197
198
199	gtag('event', 'select_item', {
200		"items": [{
201			"item_id": p_no,
202			"item_name": p_name,
203			"item_list_name": "_%2Fpenghuevent%2F"
204		}],
205		"event_callback": function() {
206			document.location = p_url;
207		}
208	});
209}
210</script>
210
211
212
213<!--加入購物車 Function-->
214
215
216
217
218
219
220                <!----------------- Facebook Pixel Code ----------------->
221        <!---->
222        
223<!--設定 pixel_id-->
224
225
226<!--FB Pixel 基底程式碼-->
227		
227<script>
228			var metaData = {
229				web_uid: '1',
230				event_source_url: 'https://vrlife.com.tw/penghuevent/index.php?action=index',
231				client_ip_address: '181.215.65.49',
232				client_user_agent: 'Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; PageSourceSearchBot/1.0; +https://pagesourcesearch.com/bot) Chrome/128.0.0.0 Safari/537.36'
233			};
234			if ('') metaData.fbp = '';
235			if ('' && ''.trim().length > 0) metaData.fbc = '';
236			if ({}) metaData.member = {};
vendor: 423 bytes, lines 236-244
236
237
238			!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
239			n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
240			n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
241			t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
242			document,'script','https://connect.facebook.net/en_US/fbevents.js');
243
244			fbq('init', '
244313725192500480
vendor: 14 bytes, lines 244-246
244', {});
245
246			
246const eventID = new Date().getTime().toString() + Math.random().toString(36).substring(2);
247
248			fbq('track', 'PageView', {}, {eventID: eventID});
249
250			metaData.event_name = 'PageView';
251			metaData.event_id = eventID;
252			$.ajax({
253				url: 'https://vrlife.com.tw/website/api/api.meta_conversions_api.php',
254				type: 'POST',
255				dataType: 'json',
256				data: {
257					metaData: metaData,
258					nti_JUI4eiVCNyU4MCU4MSU4MSVCMyVCRSU3RiU3QiVBRSVCQyU3RiU4MSVCNCVCRSVCMSVBOXklQkIlQjAlQUQlQkElQjMlN0MlN0I: 'MTc5MTM3MjY2MGVuTjA3dWd2NFNITTZOdTNKSnFTQ1haOFBKUkVFTTlu'
259				},
260				success: function(r){},
261				error: function(r){}
262			});
263
264			
265		</script>
265
266<!--加入購物車 Function-->
267		
267<script>
268		function fb_AddToCart(prodNo, value, contents) {
269			value = parseInt(value);
270
271			if (prodNo && value > 0) {
272				let content_ids = [];
273				content_ids.push(prodNo);
274			
275				let obj = {
276					content_ids: content_ids,
277					content_type: 'product',
278					value: value,
279					currency: 'TWD'
280				};
281			
282				if (contents) {
283					obj.contents = contents;
284				}
285
286				const eventID = new Date().getTime().toString() + Math.random().toString(36).substring(2);
287
288				fbq('track', 'AddToCart', obj, {eventID: eventID});
289
290				metaData.event_name = 'AddToCart';
291				metaData.custom_data = obj;
292				metaData.event_id = eventID;
293				$.ajax({
294					url: 'https://vrlife.com.tw/website/api/api.meta_conversions_api.php',
295					type: 'POST',
296					dataType: 'json',
297					data: {
298						metaData:metaData,
299						nti_JUI4eiVCNyU4MCU4MSU4MSVCMyVCRSU3RiU3QiVBRSVCQyU3RiU4MSVCNCVCRSVCMSVBOXklQkIlQjAlQUQlQkElQjMlN0MlN0I:'MTc5MTM3MjY2MGVuTjA3dWd2NFNITTZOdTNKSnFTQ1haOFBKUkVFTTlu'  
300					},
301					success: function(r){},
302					error: function(r){}
303				});
304			}
305		}
306		</script>
306
307<!--加入願望清單 Function-->
308		
308<script>
309		function fb_AddToWishlist(prodNo, value) {
310			value = parseInt(value);
311
312			if (prodNo && value > 0) {
313				let content_ids = [];
314				content_ids.push(prodNo);
315			
316				const obj = {
317					content_ids: content_ids,
318					content_type: 'product',
319					value: value,
320					currency: 'TWD'
321				};
322
323				const eventID = new Date().getTime().toString() + Math.random().toString(36).substring(2);
324
325				fbq('track', 'AddToWishlist', obj, {eventID: eventID});
326
327				metaData.event_name = 'AddToWishlist';
328				metaData.custom_data = obj;
329				metaData.event_id = eventID;
330
331				$.ajax({
332					url: 'https://vrlife.com.tw/website/api/api.meta_conversions_api.php',
333					type: 'POST',
334					dataType: 'json',
335					data: {
336						metaData:metaData,
337						nti_JUI4eiVCNyU4MCU4MSU4MSVCMyVCRSU3RiU3QiVBRSVCQyU3RiU4MSVCNCVCRSVCMSVBOXklQkIlQjAlQUQlQkElQjMlN0MlN0I:'MTc5MTM3MjY2MGVuTjA3dWd2NFNITTZOdTNKSnFTQ1haOFBKUkVFTTlu'
338					},
339					success: function(r){},
340					error: function(r){}
341				});
342			}
343		}
344		</script>
344
345<!--完成註冊 Function-->
346		
346<script>
347		function fb_CompleteRegistration() {
348			const obj = {
349				currency:'TWD'
350			};
351
352			const eventID = new Date().getTime().toString() + Math.random().toString(36).substring(2);
353
354			fbq('track', 'CompleteRegistration', obj, {eventID: eventID});
355
356			metaData.event_name = 'CompleteRegistration';
357			metaData.custom_data = obj;
358			metaData.event_id = eventID;
359
360			$.ajax({
361				url: 'https://vrlife.com.tw/website/api/api.meta_conversions_api.php',
362				type: 'POST',
363				dataType: 'json',
364				data: {
365					metaData:metaData,
366					nti_JUI4eiVCNyU4MCU4MSU4MSVCMyVCRSU3RiU3QiVBRSVCQyU3RiU4MSVCNCVCRSVCMSVBOXklQkIlQjAlQUQlQkElQjMlN0MlN0I:'MTc5MTM3MjY2MGVuTjA3dWd2NFNITTZOdTNKSnFTQ1haOFBKUkVFTTlu'
367				},
368				success: function(r){},
369				error: function(r){}
370			});
371		}
372		</script>
372
373<!--開發潛在顧客 Function-->
374		
374<script>
375		function fb_Lead() {
376			const obj = {
377				currency:'TWD',
378				value:''
379			};
380
381			const eventID = new Date().getTime().toString() + Math.random().toString(36).substring(2);
382
383			fbq('track', 'Lead', obj, {eventID: eventID});
384
385			metaData.event_name = 'Lead';
386			metaData.custom_data = obj;
387			metaData.event_id = eventID;
388
389			$.ajax({
390				url: 'https://vrlife.com.tw/website/api/api.meta_conversions_api.php',
391				type: 'POST',
392				dataType: 'json',
393				data: {
394					metaData:metaData,
395					nti_JUI4eiVCNyU4MCU4MSU4MSVCMyVCRSU3RiU3QiVBRSVCQyU3RiU4MSVCNCVCRSVCMSVBOXklQkIlQjAlQUQlQkElQjMlN0MlN0I:'MTc5MTM3MjY2MGVuTjA3dWd2NFNITTZOdTNKSnFTQ1haOFBKUkVFTTlu'
396				},
397				success: function(r){},
398				error: function(r){}
399			});
400		}
401		</script>
401
402<!--查看內容 Function-->
403		
403<script>
404		function fb_ViewContent(prodNo, value, content_name) {
405			let content_ids = [];
406			content_ids.push(prodNo);
407
408			const obj = {
409				content_ids: content_ids,
410				content_type: 'product',
411				content_name: content_name,
412				value: value,
413				currency: 'TWD'
414			};
415
416			const eventID = new Date().getTime().toString() + Math.random().toString(36).substring(2);
417
418			fbq('track', 'ViewContent', obj, {eventID: eventID});
419		
420			metaData.event_name = 'ViewContent';
421			metaData.custom_data = obj;
422			metaData.event_id = eventID;
423			$.ajax({
424				url: 'https://vrlife.com.tw/website/api/api.meta_conversions_api.php',
425				type: 'POST',
426				dataType: 'json',
427				data: {
428					metaData:metaData,
429					nti_JUI4eiVCNyU4MCU4MSU4MSVCMyVCRSU3RiU3QiVBRSVCQyU3RiU4MSVCNCVCRSVCMSVBOXklQkIlQjAlQUQlQkElQjMlN0MlN0I:'MTc5MTM3MjY2MGVuTjA3dWd2NFNITTZOdTNKSnFTQ1haOFBKUkVFTTlu'  
430				},
431				success: function(r){},
432				error: function(r){}
433			});
434		}
435		</script>
435
436<!--搜尋 Function-->
437		
437<script>
438		function fb_Search(prod_keyword, str_content_ids) {			
439			const obj = {
440				content_ids: str_content_ids,
441				content_type: 'product',
442				search_string: prod_keyword
443			};
444
445			const eventID = new Date().getTime().toString() + Math.random().toString(36).substring(2);
446
447			fbq('track', 'Search', obj, {eventID: eventID});
448
449			metaData.event_name = 'Search';
450			metaData.custom_data = obj;
451			metaData.event_id = eventID;
452			$.ajax({
453				url: 'https://vrlife.com.tw/website/api/api.meta_conversions_api.php',
454				type: 'POST',
455				dataType: 'json',
456				data: {
457					metaData:metaData,
458					nti_JUI4eiVCNyU4MCU4MSU4MSVCMyVCRSU3RiU3QiVBRSVCQyU3RiU4MSVCNCVCRSVCMSVBOXklQkIlQjAlQUQlQkElQjMlN0MlN0I:'MTc5MTM3MjY2MGVuTjA3dWd2NFNITTZOdTNKSnFTQ1haOFBKUkVFTTlu'  
459				},
460				success: function(r){},
461				error: function(r){}
462			});
463		}
464		</script>
464
465
466<!--查看內容 ViewContent-->
467
468<!--搜尋 Search-->
469
470<!--開始結帳 InitiateCheckout-->
471
472<!--購買 Purchase Function-->
473
474<!--開發潛在顧客 Function,fb_lead設定在 epmem_register.php-->
475    
476        
477        
478            
479            
480        
481        
482        
483    
484    
485    
486    <!--SEO優化 資料結構化:品牌資訊 -->
487    
487<script type="application/ld+json">
488        {
489            "@context":"https://schema.org",
490            "@type":"Corporation",
491            "brand":"",
492            "alternateName":"搖滾藍洞-VR體驗活動",
493            "url":"https://vrlife.com.tw/penghuevent",
494            "logo":"",
495            "contactPoint":[{
496                "@type":"ContactPoint",
497                "telephone":"",
498                                "contactType":"bill payment",
499                                "contactOption":"TollFree",
500                "areaServed":"TW"
501            }]
502        }
503    </script>
503
504
505        
505<script type="text/javascript" src="https://vrlife.com.tw/penghuevent/javascripts/jquery/jquery.cookie.js"></script>
505<!--200310  cookie-->
506    
507
508    
508<script>
509        let isIOS = /iPad|iPhone|iPod/.test(navigator.platform) ||
510        (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)
511        
512        pad_show_type = 'web';
513        mobileDeviceDirected = '';
514        forceDevice = '';
515        if(isIOS && pad_show_type =='mobile' && !mobileDeviceDirected && location.href.indexOf("forceDevice=mobile") < 0 && forceDevice != 'web'){
516            url = location.href;
517            if( url.indexOf("?") >= 0 ){
518                url = url+'&forceDevice=mobile';
519            }else{
520                url = url+'?forceDevice=mobile';
521            }
522            window.location.href = url;
523        }
524    </script>
524
525
526                
527    <!-- EXT24 -->
528        <!-- EXT24 END -->
529</head>                        <body id="index">
530                <!---->
531                
532    <!---->
533
534
535<script>
536    //靜態頁
537    var csrf_key, csrf_val, mem_uid, arrMember, prodTrace;
538    if (0) {
539        $.ajax({
540            url:"/penghuevent/api/api.csrf.php",
541            type: "GET",
542            dataType: "json",
543            async: false,
544            success: function(r){
545                csrf_key = r.key;
546                csrf_val = r.value;
547            }
548        });
549
550        $.ajax({
551            url:"/penghuevent/api/api.get_member.php?member_group=1",
552            type: "GET",
553            dataType: "json",
554            async: false,
555            success: function(r){
556                mem_uid = r.mem_uid ? r.mem_uid : 0;
557                arrMember = r;
558            }
559        });
560
561        //版頭會員登入登出顯示,function放在各自版頭
562        $(function(){
563            if (typeof setLoginIcon === 'function')
564                setLoginIcon();
565        });
566    } else {
567        csrf_key = 'nti_JUI4eiVCNyU4MCU4MSU4MSVCMyVCRSU3RiU3QiVBRSVCQyU3RiU4MSVCNCVCRSVCMSVBOXklQkIlQjAlQUQlQkElQjMlN0MlN0I';
568        csrf_val = 'MTc5MTM3MjY2MGVuTjA3dWd2NFNITTZOdTNKSnFTQ1haOFBKUkVFTTlu';
569        mem_uid = '' ? parseInt('') : 0;
570    }
571</script>
571
572
573
574<script>
575    $(function(){
576        if ($("#currency").length) {
577            //選取幣別
578            $("#currency").find("option").each(function(){
579                if ($(this).val() == 'TWD') {
580                    $("#currency").val($(this).val());
581                }
582            });
583
584            //切換幣別
585            $("#currency").change(function(){
586                var currency = $("#currency").val();
587                window.location.href = "https://vrlife.com.tw/penghuevent/index.php?&web_currency=" + currency;
588            });
589        }
590    });
591
592    function formatCurrencyPrice(price)
593    {
594        var new_price = price / parseFloat(1);
595        return new_price.toFixed(2);
596    }
597</script>
597
598    <!---->
599    
600            <div class="mp-pusher" id="mp-pusher">
601                    <div class="FOR_TOP" >
602<!---->
603			<div class="md_top_top">
604<div class="md_top_top_in">
605<a href="https://vrlife.com.tw/penghuevent/" class="md_home_icon">HOME</a>
606<ul class="md_right_icon">
607<li class="md_phone">02-2362-2588</li>
608<li class="md_contact"><a href="index.php?action=contact">與我們聯絡</a></li>
609</ul>
610</div>
611</div>
612<div class="md_top_box">
613
614    <h1 class="md_top_logo"><a href="https://vrlife.com.tw/penghuevent/"><img src="https://vrlife.com.tw/website/uploads/website_1/en-us/logo.png?0216170321" alt="搖滾藍洞-VR體驗活動 Back to front page" width="400" height="112" border="0" title="搖滾藍洞-VR體驗活動 Back to front page"></a></h1>
615    
616		<div class="md_top_member">
617			<ul class="clearfix">
618				<li class="top_search"><a href="#">search</a>
619					
620				</li>
621                				<li class="top_login"><a href="index.php?action=member_login&r_byeurl=penghuevent&b_action=index">Login</a></li>
622				<li class="top_cart"><a href="index.php?action=shopping_cart">Bag</a><span id="Cart_Total">0</span><div class="MemMenu_Cart" id="top_content"></div></li>
623			</ul>
624			<div class="search_open"><!--search open-->
625				<ul class="clearfix">
626					<li class="search01"><input id="keyword" type="text" value="" placeholder="請輸入商品關鍵字" title="請輸入商品關鍵字"/></li>
627					<li class="search02"><input id="button_search" type="button"></li>  
628				</ul>
629			</div>
630		</div>		
631<div class="lm_TopMenu clearfix  lm_TopMenu_en"><!-- 主選單 -->
632<ul>
633		<!--主選單-->
634				
635				<li id="MENU0">
636			<a class="main_menu" href="index.php?action=about" target="" 
637				accesskey="0" 
638				title="About us Alt+0"
639				onmouseover="javascript:showWebMenu( 0 );" 
640				onfocus="javascript:showWebMenu( 0 );"
641				onmouseout="javascript:removeWebMenu( 0, 1000 );"
642				onblur="javascript:removeWebMenu( 0, 1000 );" >
643								About us
644				<span style="display:block;"></span>
645							</a>
646						<!-- 展開選單 end -->               
647		</li>
648				
649				<li id="MENU1">
650			<a class="main_menu" href="index.php?action=news_list" target="" 
651				accesskey="1" 
652				title="News Alt+1"
653				onmouseover="javascript:showWebMenu( 1 );" 
654				onfocus="javascript:showWebMenu( 1 );"
655				onmouseout="javascript:removeWebMenu( 1, 1000 );"
656				onblur="javascript:removeWebMenu( 1, 1000 );" >
657								News
658				<span style="display:block;"></span>
659							</a>
660						<!-- 展開選單 end -->               
661		</li>
662				
663				<li id="MENU2">
664			<a class="main_menu" href="index.php?action=er_VRLIFE115" target="" 
665				accesskey="2" 
666				title="Sign up Alt+2"
667				onmouseover="javascript:showWebMenu( 2 );" 
668				onfocus="javascript:showWebMenu( 2 );"
669				onmouseout="javascript:removeWebMenu( 2, 1000 );"
670				onblur="javascript:removeWebMenu( 2, 1000 );" >
671								Sign up
672				<span style="display:block;"></span>
673							</a>
674						<!-- 展開選單 end -->               
675		</li>
676				
677				<li id="MENU3">
678			<a class="main_menu" href="index.php?action=wpage_67" target="" 
679				accesskey="3" 
680				title="Audio Tour Alt+3"
681				onmouseover="javascript:showWebMenu( 3 );" 
682				onfocus="javascript:showWebMenu( 3 );"
683				onmouseout="javascript:removeWebMenu( 3, 1000 );"
684				onblur="javascript:removeWebMenu( 3, 1000 );" >
685								Audio Tour
686				<span style="display:block;"></span>
687							</a>
688						<!-- 展開選單 end -->               
689		</li>
690				
691				<li id="MENU4">
692			<a class="main_menu" href="https://penghutravel.com/Food/CreativeGoods" target="" 
693				accesskey="4" 
694				title="Product Alt+4"
695				onmouseover="javascript:showWebMenu( 4 );" 
696				onfocus="javascript:showWebMenu( 4 );"
697				onmouseout="javascript:removeWebMenu( 4, 1000 );"
698				onblur="javascript:removeWebMenu( 4, 1000 );" >
699								Product
700				<span style="display:block;"></span>
701							</a>
702						<!-- 展開選單 end -->               
703		</li>
704				
705				<li id="MENU5">
706			<a class="main_menu" href="index.php?action=video" target="_blank" 
707				accesskey="5" 
708				title="Videos Alt+5"
709				onmouseover="javascript:showWebMenu( 5 );" 
710				onfocus="javascript:showWebMenu( 5 );"
711				onmouseout="javascript:removeWebMenu( 5, 1000 );"
712				onblur="javascript:removeWebMenu( 5, 1000 );" >
713								Videos
714				<span style="display:block;"></span>
715							</a>
716						<!-- 展開選單 end -->               
717		</li>
718				
719				<li id="MENU6">
720			<a class="main_menu" href="https://penghutravel.com/index.aspx" target="_blank" 
721				accesskey="6" 
722				title="Penghu Travel Alt+6"
723				onmouseover="javascript:showWebMenu( 6 );" 
724				onfocus="javascript:showWebMenu( 6 );"
725				onmouseout="javascript:removeWebMenu( 6, 1000 );"
726				onblur="javascript:removeWebMenu( 6, 1000 );" >
727								Penghu Travel
728				<span style="display:block;"></span>
729							</a>
730						<!-- 展開選單 end -->               
731		</li>
732		</ul>
733<!---->
734
735    <div class="lang_box">
736    			<a id="wl_zh-tw" class="" href="https://vrlife.com.tw/penghuevent/index.php?&web_lang=zh-tw" title="繁體中文" >
737			繁
738		</a>
739				<a id="wl_en-us" class="" href="https://vrlife.com.tw/penghuevent/index.php?&web_lang=en-us" title="英語 - 美國" >
740			EN
741		</a>
742	    </div>
743
744</div>
745
746</div>
747
748<!-- scroll_to_top_btn -->
749<div class="gotop">
750	<div class="arrowbox"></div>
751</div>
752
753<script>
754$(function(){
755	$(window).scroll(function() {
756		if ($(window).scrollTop() > 400) {
757		 	$(".gotop").fadeIn("slow");
758		}
759		else {
760		    $(".gotop").fadeOut("fast");
761		}
762     });
763});
764
765$('.gotop').click(function(){
766var $body = (window.opera) ? (document.compatMode == "CSS1Compat" ?
767$('html') : $('body')) : $('html,body');
768$body.animate({
769	scrollTop: 0
770	}, 600);
771	return false;
772});
773</script>
773
774
775<script>
776$(function(){
777$(window).scroll(function() {
778      if ($(window).scrollTop() > 400) {
779         $(".dadeyr_car_box").fadeIn("slow");
780      }
781      else {
782        $(".dadeyr_car_box").fadeOut("fast");
783      }
784     });
785})
786
787//抓網址get變數
788function getQueryParams(qs) {
789    qs = qs.split("+").join(" ");
790    var params = [],
791        tokens,
792        re = /[?&]?([^=]+)=([^&]*)/g;
793    while (tokens = re.exec(qs)) {
794        params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
795    }
796    return params;
797}
798var _GET = getQueryParams(document.location.search);//網址get變數
799//版頭購物車
800$(function(){
801	if (_GET['action'] != "shopping_checkout_2" && _GET['action'] != "shopping_checkout_3"){
802		$(".top_cart").hover(
803			function(){
804				$(".MemMenu_Cart").stop(true, true).slideDown(300);
805			},function(){
806				$(".MemMenu_Cart").stop().slideUp(300);
807			}
808		);
809	}
810});
811$(function(){
812	$("#button_search").click(function(){
813		prod_search();
814	});
815	$('#keyword').keypress(function(event){
816		if(event.keyCode == 13){
817			prod_search($(this).val());
818		}
819	});
820});
821function prod_search(Kw){
822	var keyword ;
823	if (Kw){
824		keyword = Kw ;
825	}else{
826		keyword = $("#keyword").val();
827	}
828	window.location.href = 'https://vrlife.com.tw/penghuevent/index.php?action=product_search&prod_keyword='+keyword;
829}
830function headtop_removeScar( uid ){
831	$.ajax({
832		url:"/penghuevent/api/api.shopping_cart.php",
833		type: "POST",
834		dataType: "json",
835		data: {myAct:"removeScarByUid",
836			   uid: uid,
837               nti_JUI4eiVCNyU4MCU4MSU4MSVCMyVCRSU3RiU3QiVBRSVCQyU3RiU4MSVCNCVCRSVCMSVBOXklQkIlQjAlQUQlQkElQjMlN0MlN0I : 'MTc5MTM3MjY2MGVuTjA3dWd2NFNITTZOdTNKSnFTQ1haOFBKUkVFTTlu'
838		},
839		success: function(Jdata){
840			if(Jdata.error=='C00'){
841				top_refresh();
842			}
843		}
844	});
845}
846function top_refresh(_scar_no)
847{
848	if(_scar_no==null)
849		var _scar_no = "";
850
851	$.ajax({
852		url: "/penghuevent/api/api.shopping_cart.php",
853		type: "POST",
854		dataType: "json",
855		data: {myAct:"getCartNumber",
856	           nti_JUI4eiVCNyU4MCU4MSU4MSVCMyVCRSU3RiU3QiVBRSVCQyU3RiU4MSVCNCVCRSVCMSVBOXklQkIlQjAlQUQlQkElQjMlN0MlN0I : 'MTc5MTM3MjY2MGVuTjA3dWd2NFNITTZOdTNKSnFTQ1haOFBKUkVFTTlu'
857		},
858		success: function(Jdata){
859			if( Jdata.error == 'C00' ){
860				$('#top_content').empty();
861				var html='';
862				var count = 0;
863					$.each( Jdata.content, function( key, value ) {
864						var top_str = "";
865						if(value['scar_type']==1)
866							top_str = "(加贈)";
867						if(value['scar_type']==2)
868							top_str = "(加購)";
869						html +='<ul class="MemMenu_Product clearfix" id="'+value['uid']+'">';
870						html +='<li class="Cart_Pimg"><a href="index.php?action=product_detail&prod_no='+value['prod_no']+'" class="mycart-img"><img border="0" alt="'+value["prod_name"]+'" title="'+value["prod_name"]+'" src="'+value['prod_file']+'"></a></li>';
871						html +='<li class="Cart_Pname">';
872						html +='<h2><a href="index.php?action=product_detail&prod_no='+value['prod_no']+'" title="'+value["prod_name"]+'">'+value["prod_name"]+top_str+'</a></h2>';
873						html +="<p>$ "+value['scar_price']+'<span>x'+value['scar_count']+'</span></p>';
874						html +='</li>';
875						if(value['scar_type'] != 1)
876							html +='<li class="Cart_Pdelete"><a href="javascript:void(0);" title="刪除" onClick="javascript:headtop_removeScar( '+value['uid']+' );">刪除</a></li>';
877						html +="</ul>";
878						count = count+parseInt(value['scar_count']);
879					});
880					html +='<div class="MemMenu_Product_total">';
881					html +='<p>總計:<span id="Cart_Total">$'+Jdata.total+'</span></p>';
882					html +='<a href="index.php?action=shopping_cart" title="結帳">結帳</a></div>';
883				$('#top_content').append(html);
884				$('#Cart_Total').html(count);
885				$('#Cart_Total01').html(count);
886				$('#Cart_Count').html(count+"件商品");
887
888                if (typeof top_refresh_authority === 'function') {
889                    top_refresh_authority();
890                }
891			}
892		}
893	})
894}
895top_refresh();
896	
897/*下拉選單*/
898$(function(){
899	$(".lm_TopMenu > ul > li").hover(
900		function(){
901			var N = this.id.substr(4);
902			$("#MENU_in"+N).stop(true, true).slideToggle(300);
903	});
904});
905	
906//選單平分寬度
907//$(function(){
908//var MENU_W = 100;
909//var LIST_N = $(".lm_TopMenu > ul > li").length;
910//var LIST_W = MENU_W / LIST_N + "%";
911//$(".lm_TopMenu > ul > li").css({ width:LIST_W});
912//})
913
914//搜尋按鈕
915$(".top_search").click(function(){
916			$(".search_open").toggleClass('active');
917	});
918
919</script>
919
920<div id="fb-root"></div>
921<script>
922(function(d, s, id) {
923  var js, fjs = d.getElementsByTagName(s)[0];
924  if (d.getElementById(id)) return;
925  js = d.createElement(s); js.id = id;
926  js.src = "//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.5";
927  fjs.parentNode.insertBefore(js, fjs);
928}(document, 'script', 'facebook-jssdk'));
929</script>
vendor: 2 bytes, line 929
929
930<script type="text/javascript">
931$(function(){
932	$(".top_search").click(function(){
933			$(".search_open").toggleClass('active');
934	});
935	$(".sub_maskbox ,.sub_maskbox01 ,.all_menubox ").hide();
936	$(".show_menu").hover(
937		function(){
938			$(this).find(".sub_maskbox01").stop(false, true).fadeIn(300);
939			$(this).find(".all_menubox").stop(false, true).fadeIn(300);
940			$(this).find(".main_menu").addClass("show");
941		},function(){
942			$(this).find(".sub_maskbox01").stop(false, true).fadeOut(300);
943			$(this).find(".all_menubox").stop(false, true).fadeOut(300);
944			$(this).find(".main_menu").removeClass("show")
945		}
946				
947	);
948		
949});
950</script>
vendor: 2 bytes, line 950
950
951<script type="text/javascript">
952$(function(){
953	$(".top_search").click(function(){
954			$(".search_open").toggleClass('active');
955	});
956	$(".sub_maskbox ,.sub_maskbox01 ,.all_menubox ").hide();
957	$(".show_menu").hover(
958		function(){
959			$(this).find(".sub_maskbox01").stop(false, true).fadeIn(300);
960			$(this).find(".all_menubox").stop(false, true).fadeIn(300);
961			$(this).find(".main_menu").addClass("show");
962		},function(){
963			$(this).find(".sub_maskbox01").stop(false, true).fadeOut(300);
964			$(this).find(".all_menubox").stop(false, true).fadeOut(300);
965			$(this).find(".main_menu").removeClass("show")
966		}
967				
968	);
969		
970});
971</script>
971	</div>
972        
973        <div class="FOR_MAIN" >
974
975                        <!--加入購物車完成 遮罩-->
976            <div id="addCartMask" class="addCartMask" style="display: none;" onclick="$(this).css('display','none')">
977                <div class="addCartBlock">
978                    <div class="addCartBlock_img"><img src="images/addCartIcon.png" alt="" /></div>
979                    <div class="addCartBlock_txt">Succeed</div>
980                </div>
981            </div>
982
983            <!--加入詢價車完成 遮罩-->
984            <div id="addRfqMask" class="addCartMask" style="display: none;" onclick="$(this).css('display','none')">
985                <div class="addCartBlock">
986                    <div class="addCartBlock_img"><img src="images/addCartIcon.png" alt="" /></div>
987                    <div class="addCartBlock_txt">已加入詢價車</div>
988                </div>
989            </div>
990            
991            <!---->
992                        
993                        <!---->
994            <!---->
995            <div class="clearfix">
996<!---->
997<!---->
998<!---->                    
999<!---->
1000<!---->
1001<!---->
1002		 <!---->
1003<div class="main_content_no_center"><!---->
1004<!---->
1005
1006<!---->
1007
1008<!---->
1009				<!---->
1010		<!---->
1011
1012	<!---->
1013	
1014
1015	<!---->
1016				
1017		
1018
1019
1020            
1021                                
1022<script>
1023    var owl_switch_temp = "dot";
1024
1025    var dots_status = false;
1026    var arrow_status = false;
1027
1028    var autoplay_status = 1 ? true : false;
1029    var autoplayTimeout_value = "5" ? parseInt("5") * 1000 : 0;
1030
1031    switch (owl_switch_temp) {
1032        case "dot":
1033            dots_status = true;
1034            break;
1035        case "arrow":
1036            arrow_status = true;
1037            break;
1038        case "both":
1039            dots_status = true;
1040            arrow_status = true;
1041            break;
1042    }
1043</script>
1043
1044
1045 
1046<style>
1047    .item_668{width:1200px; margin:0 auto;}
1048</style>
1049
1050<div class="item_668" style="width:100%;">
1051    <div class="item_668_113">
1052        <div class="owl-carousel owl-theme it668_slider" id="item_668_113">
1053            <!--電腦版-->
1054                                                <a href="https://vrlife.com.tw/penghuevent/index.php?action=activity" target="" rel=""> <img class=" " 
1055                                 src="https://vrlife.com.tw/website/uploads/website_1/en-us/wpicon_img_221.png?_67017"  
1056                                 id="wpicon_img_221.png?_67017" 
1057                                 alt="藝文推廣活動" 
1058                                 title="藝文推廣活動" 
1059                                 border="0"
1060                                 /></a>
1061                                    </div>
1062    </div>
1063</div>
1064<script>
1065        $('#item_668_113').owlCarousel({
1066        items: 1,
1067        loop: false,
1068        margin: 0,
1069        mouseDrag: false,
1070        dots: false,
1071        navElement: false
1072    });
1073    </script>
1073
1074
1075					<!---->
1076		<!---->
1077
1078	<!---->
1079	
1080
1081	<!---->
1082				
1083		<div class="warpper_page normal_item11BOX item_frame_line newitem_html_edit"
1084     style="padding:0px 0px 0px 0px">
1085            <div class="penghuevent_about_content">
1086<div class="penghuevent_title_about">
1087<div class="about_pic_01_mobile"><img alt="about_pic_01_mobile" src="uploads/ckfinder/penghuevent/images/about_pic_01.png" /></div>
1088
1089<div class="title_icon"><img alt="title_icon" src="uploads/ckfinder/penghuevent/images/icon_title_01.png" /></div>
1090
1091<div class="title_text"><span>ABOUT US</span>
1092
1093<p>關於我們</p>
1094</div>
1095
1096<div class="title_icon"><img alt="title_icon" src="uploads/ckfinder/penghuevent/images/icon_title_02.png" /></div>
1097<a class="about_link" href="https://goo.gl/maps/1cZYEWdZggGDe8zLA" target="_blank"><img alt="icon_map" src="uploads/ckfinder/penghuevent/images/icon_about_map.png" /></a></div>
1098
1099<div class="penghuevent_about_bottom">
1100<div class="about_pic_01_web"><img alt="about_pic_01" src="uploads/ckfinder/penghuevent/images/about_pic_01.png" /></div>
1101
1102
1103<div class="penghuevent_about_text">
1104<p>The Penghu Marine Geopark Center is set up by the Penghu County Government for the geopark. It is located next to the third fishing port and is only one street away from the Magong City Office. In the geology center, there are introductions to geoparks, as well as nature reserves in Penghu, Maoyu Seabird Sanctuary, distribution map of Qimei Stone Tool Factory, Penghu Geological Years, Geoparks of the World, Taiwan Geoparks, Stone Life Theme, Penghu The characteristic landscape, the introduction of basalt, etc., are very rich and detailed.</p>
1105&nbsp;
1106
1107<p>Although the internal space is not large, it is divided into 15 areas, including: &quot;Penghu Basalt Exhibition&quot;, &quot;Penghu Characteristic Landscape&quot;, &quot;Basalt Introduction&quot;, &quot;Penghu Geological Timeline&quot;, &quot;Penghu Six Geological Parks&quot;, &quot;Penghu Natural and Seabird Sanctuary&quot;, &quot;Qimei History Stone Tool Factory&quot;, &quot;Common Assets of the World&quot;, &quot;Stone Life Theme&quot;, &quot;Audio-Visual Room&quot;, &quot;Books and Stone Crafts&quot; and &quot;Interactive Educational Activities&quot;, etc.</p>
1108&nbsp;
1109
1110<p>In particular, the appearance of the geological center is mainly made of stone, and it follows the traditional and Japanese style, which is a very distinctive building. The interior is divided into many museum areas, and there are also wooden stairs inside. The floors in the middle of the building go up, and you can stand on a higher place to enjoy the inside of the museum. There are also many areas for science teaching for children!</p>
1111</div>
1112
1113<div class="about_pic_02"><img alt="about_pic_02" src="uploads/ckfinder/penghuevent/images/about_pic_02.png" /></div>
1114</div>
1115</div>
1116<style type="text/css">.penghuevent_about_content{ position: relative; max-width: 1200px; margin: 0 auto; padding: 2% 0;}
1117.penghuevent_title_about{ display: flex; justify-content: center; align-items: center; margin: 2% auto;}
1118.title_text{ color: #2A5CA1; font: 500 20px/1.4 sans-serif; text-align: center; margin: 0 2%;}
1119.title_text p { font-size: 32px;}
1120.title_icon{ width: 50px;}
1121.title_icon img{ width: 100%; image-rendering: -webkit-optimize-contrast;}
1122.about_link{ display: block; width: 75px; margin-right: 2%; position: relative; top: -3px; left: 30px;}
1123.about_link:hover{ filter: brightness(1.1);}
1124.about_link img{ width: 100%;}
1125.penghuevent_about_text{ max-width: 800px; margin: 0 3%;
1126    color: #303030; font: 500 20px/36px sans-serif; text-align: left;}
1127
1128.penghuevent_about_bottom{ display: flex;}
1129.about_pic_01_web{ width: 100%; display: flex; justify-content: center; align-items: flex-start;}
1130.about_pic_01_web img{ width: 100%; }
1131.about_pic_02{ width: 100%; display: flex; justify-content: center; align-items: flex-end;}
1132.about_pic_02 img{ width: 100%;}
1133
1134@media screen and (min-width: 781px){
1135.about_pic_01_mobile{ display: none;}
1136}
1137
1138@media screen and (max-width: 780px){
1139.about_pic_01_web{ display: none;}
1140.about_pic_01_mobile{ width: 16%;}
1141}
1142
1143@media screen and (max-width: 768px){
1144.title_text{ color: #2A5CA1; font: 500 15px/1.4 sans-serif; text-align: center; margin: 0 3%;}
1145.title_text p { font-size: 26px;}
1146.title_icon{ width: 37px;}
1147.about_link{ width: 12%; left: 8px;}
1148.penghuevent_about_text{ max-width: 90%; margin: 0 auto; padding: 2% 0;
1149font: 500 14px/25px sans-serif;}
1150/* about_pic_mobile */
1151.penghuevent_about_content { margin: 2% auto;}
1152.penghuevent_about_bottom{ position: relative; flex-direction: column;}
1153.about_pic_02{ width: 100%; justify-content: flex-end;}
1154.about_pic_02 img{ width: 40%;}
1155}
1156</style>
1157    </div>					<!---->
1158		<!---->
1159
1160	<!---->
1161	
1162
1163	<!---->
1164				
1165		<div class="warpper_page normal_item11BOX item_frame_line newitem_html_edit"
1166     style="padding:0px 0px 0px 0px">
1167            <div class="penghuevent_title penghuevent_title_bg">
1168<div class="title_icon"><img alt="title_icon" src="uploads/ckfinder/penghuevent/images/icon_title_01.png" /></div>
1169
1170<div class="title_text"><span>HOT NEWS</span>
1171
1172<p>最新消息</p>
1173</div>
1174
1175<div class="title_icon"><img alt="title_icon" src="uploads/ckfinder/penghuevent/images/icon_title_02.png" /></div>
1176</div>
1177<style type="text/css">.penghuevent_title{ display: flex; justify-content: center; margin: 2% auto 0 auto; padding-top: 3%;}
1178.penghuevent_title_bg{ background: #f9f9f9;}
1179.title_text{ color: #2A5CA1; font: 500 20px/1.4 sans-serif; text-align: center; margin: 0 2%;}
1180.title_text p { font-size: 32px;}
1181.title_icon{ width: 50px;}
1182.title_icon img{ width: 100%; image-rendering: -webkit-optimize-contrast;}
1183@media screen and (max-width: 768px){
1184.penghuevent_title{ padding-top: 6%;}
1185.title_text{ color: #2A5CA1; font: 500 15px/1.4 sans-serif; text-align: center; margin: 0 3%;}
1186.title_text p { font-size: 26px;}
1187.title_icon{ width: 37px;}
1188}
1189</style>
1190
1191    </div>					<!---->
1192		<!---->
1193
1194	<!---->
1195	
1196
1197	<!---->
1198				
1199		<div class="it702_style2" style="background-image: url(https://vrlife.com.tw/website/uploads/website_1/en-u
1199s/wpitem_pic_116.png?_9413?_4123?_3293?_2382?_5187?_);">
1200    <div class="it702_box">
1201                        <ul class="it702_tabs">
1202                        <li><a href="#tabsubtitle重要公告">重要公告</a></li>
1203                        <li><a href="#tabsubtitleNews">News</a></li>
1204                        <li><a href="#tabsubtitle最新消息">最新消息</a></li>
1205                        <li><a href="#tabsubtitle"></a></li>
1206                    </ul>
1207        
1208        <div class="tab_container">
1209                        <div id="tabsubtitle重要公告" class="tab_content"><!---抓最新的四則--->
1210                <ul>
1211                                        <li>
1212                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=326" title="【重要公告】因丹娜絲颱風來襲,7/6(日)下午本場館暫停開放半天。">
1213                            <span class="news_date"></span>
1214                            <span class="it702_slogan">
1215                                <h3 title="重要公告">重要公告</h3>
1216                            </span>
1217                            <span class="news_txt">【重要公告】因丹娜絲颱風來襲,7/6(日)下午本場館暫停開放半天。</span>
1218                        </a>
1219                    </li>
1220                                        <li>
1221                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=339" title="【重要公告】因巴威颱風來襲,115/7/11本景點暫停開放。">
1222                            <span class="news_date"></span>
1223                            <span class="it702_slogan">
1224                                <h3 title="重要公告">重要公告</h3>
1225                            </span>
1226                            <span class="news_txt">【重要公告】因巴威颱風來襲,115/7/11本景點暫停開放。</span>
1227                        </a>
1228                    </li>
1229                                        <li>
1230                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=307" title=" 【重要公告】因山陀兒颱風來襲,10/2 (三)本場館暫停開放一天。">
1231                            <span class="news_date"></span>
1232                            <span class="it702_slogan">
1233                                <h3 title="重要公告">重要公告</h3>
1234                            </span>
1235                            <span class="news_txt"> 【重要公告】因山陀兒颱風來襲,10/2 (三)本場館暫停開放一天。</span>
1236                        </a>
1237                    </li>
1238                                        <li>
1239                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=290" title="春節連假期間,本景點於除夕(2/9)休館一天,其餘春節期間皆正常開館。">
1240                            <span class="news_date"></span>
1241                            <span class="it702_slogan">
1242                                <h3 title="重要公告">重要公告</h3>
1243                            </span>
1244                            <span class="news_txt">春節連假期間,本景點於除夕(2/9)休館一天,其餘春節期間皆正常開館。</span>
1245                        </a>
1246                    </li>
1247                                        <li>
1248                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=311" title="【重要公告】因山陀兒颱風來襲,10/3(四)本場館暫停開放一天。">
1249                            <span class="news_date"></span>
1250                            <span class="it702_slogan">
1251                                <h3 title="重要公告">重要公告</h3>
1252                            </span>
1253                            <span class="news_txt">【重要公告】因山陀兒颱風來襲,10/3(四)本場館暫停開放一天。</span>
1254                        </a>
1255                    </li>
1256                                        <li>
1257                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=309" title="【重要公告】因山陀兒颱風來襲,10/2 (三)本場館暫停開放一天。">
1258                            <span class="news_date"></span>
1259                            <span class="it702_slogan">
1260                                <h3 title="重要公告">重要公告</h3>
1261                            </span>
1262                            <span class="news_txt">【重要公告】因山陀兒颱風來襲,10/2 (三)本場館暫停開放一天。</span>
1263                        </a>
1264                    </li>
1265                                    </ul>
1266                            </div>
1267                        <div id="tabsubtitleNews" class="tab_content"><!---抓最新的四則--->
1268                <ul>
1269                                        <li>
1270                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=226" title="The main buildings free Wi-Fi network is officially open ">
1271                            <span class="news_date"></span>
1272                            <span class="it702_slogan">
1273                                <h3 title="News">News</h3>
1274                            </span>
1275                            <span class="news_txt">The main buildings free Wi-Fi network is officially open </span>
1276                        </a>
1277                    </li>
1278                                        <li>
1279                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=225" title="Penghu Marine Geopark Center will be closed from now on">
1280                            <span class="news_date"></span>
1281                            <span class="it702_slogan">
1282                                <h3 title="News">News</h3>
1283                            </span>
1284                            <span class="news_txt">Penghu Marine Geopark Center will be closed from now on</span>
1285                        </a>
1286                    </li>
1287                                        <li>
1288                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=152" title="VR experience temporarily closed">
1289                            <span class="news_date"></span>
1290                            <span class="it702_slogan">
1291                                <h3 title="News">News</h3>
1292                            </span>
1293                            <span class="news_txt">VR experience temporarily closed</span>
1294                        </a>
1295                    </li>
1296                                        <li>
1297                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=281" title="The Marine Geopark Center is now open for operation starting today.">
1298                            <span class="news_date"></span>
1299                            <span class="it702_slogan">
1300                                <h3 title="News">News</h3>
1301                            </span>
1302                            <span class="news_txt">The Marine Geopark Center is now open for operation starting today.</span>
1303                        </a>
1304                    </li>
1305                                        <li>
1306                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=283" title="Penghu Marine Geopark Center will be temporarily closed for one day on July 27 (Thursday).">
1307                            <span class="news_date"></span>
1308                            <span class="it702_slogan">
1309                                <h3 title="News">News</h3>
1310                            </span>
1311                            <span class="news_txt">Penghu Marine Geopark Center will be temporarily closed for one day on July 27 (Thursday).</span>
1312                        </a>
1313                    </li>
1314                                        <li>
1315                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=286" title="[Important Announcement] Due to Typhoon Haikui approaching, classeswork will be suspended after noon on 9/3,this attraction will temporarily close.">
1316                            <span class="news_date"></span>
1317                            <span class="it702_slogan">
1318                                <h3 title="News">News</h3>
1319                            </span>
1320                            <span class="news_txt">[Important Announcement] Due to Typhoon Haikui approaching, classeswork will be suspended after noon on 9/3,this attraction will temporarily close.</span>
1321                        </a>
1322                    </li>
1323                                        <li>
1324                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=285" title=""Protect Your Wonderful Penghu Journey" Travel Promotion is now underway">
1325                            <span class="news_date"></span>
1326                            <span class="it702_slogan">
1327                                <h3 title="News">News</h3>
1328                            </span>
1329                            <span class="news_txt">"Protect Your Wonderful Penghu Journey" Travel Promotion is now underway</span>
1330                        </a>
1331                    </li>
1332                                        <li>
1333                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=284" title="The venue will be temporarily closed for two days from July 29 to July 30 for site maintenancecleaning.">
1334                            <span class="news_date"></span>
1335                            <span class="it702_slogan">
1336                                <h3 title="News">News</h3>
1337                            </span>
1338                            <span class="news_txt">The venue will be temporarily closed for two days from July 29 to July 30 for site maintenancecleaning.</span>
1339                        </a>
1340                    </li>
1341                                    </ul>
1342                                <div class="it702_more">
1343                    <a href="https://vrlife.com.tw/penghuevent/index.php?action=news_list&wpitem_uid=116&subtitle=News" target="_blank">view more</a>
1344                </div>
1345                            </div>
1346                        <div id="tabsubtitle最新消息" class="tab_content"><!---抓最新的四則--->
1347                <ul>
1348                                        <li>
1349                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=328" title="【重要公告】因課程辦理需求,8/5(二)本場館暫停開放一天。">
1350                            <span class="news_date"></span>
1351                            <span class="it702_slogan">
1352                                <h3 title="最新消息">最新消息</h3>
1353                            </span>
1354                            <span class="news_txt">【重要公告】因課程辦理需求,8/5(二)本場館暫停開放一天。</span>
1355                        </a>
1356                    </li>
1357                                        <li>
1358                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=327" title="【重要公告】因丹娜絲颱風來襲,7/7(一)本場館暫停開放一天。">
1359                            <span class="news_date"></span>
1360                            <span class="it702_slogan">
1361                                <h3 title="最新消息">最新消息</h3>
1362                            </span>
1363                            <span class="news_txt">【重要公告】因丹娜絲颱風來襲,7/7(一)本場館暫停開放一天。</span>
1364                        </a>
1365                    </li>
1366                                        <li>
1367                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=329" title="【重要公告】因進行場地清整作業,本場館8/4(一)暫停開放一天。">
1368                            <span class="news_date"></span>
1369                            <span class="it702_slogan">
1370                                <h3 title="最新消息">最新消息</h3>
1371                            </span>
1372                            <span class="news_txt">【重要公告】因進行場地清整作業,本場館8/4(一)暫停開放一天。</span>
1373                        </a>
1374                    </li>
1375                                        <li>
1376                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=330" title="【重要公告】因楊柳颱風來襲,8/13(二)本場館暫停開放一天。">
1377                            <span class="news_date"></span>
1378                            <span class="it702_slogan">
1379                                <h3 title="最新消息">最新消息</h3>
1380                            </span>
1381                            <span class="news_txt">【重要公告】因楊柳颱風來襲,8/13(二)本場館暫停開放一天。</span>
1382                        </a>
1383                    </li>
1384                                        <li>
1385                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=331" title="【重要公告】因鳳凰颱風來襲,11/11本景點暫停開放。">
1386                            <span class="news_date"></span>
1387                            <span class="it702_slogan">
1388                                <h3 title="最新消息">最新消息</h3>
1389                            </span>
1390                            <span class="news_txt">【重要公告】因鳳凰颱風來襲,11/11本景點暫停開放。</span>
1391                        </a>
1392                    </li>
1393                                        <li>
1394                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=325" title="春節連假期間,本場館除夕(1/28)休館一天,其餘春節期間皆正常開館。">
1395                            <span class="news_date"></span>
1396                            <span class="it702_slogan">
1397                                <h3 title="最新消息">最新消息</h3>
1398                            </span>
1399                            <span class="news_txt">春節連假期間,本場館除夕(1/28)休館一天,其餘春節期間皆正常開館。</span>
1400                        </a>
1401                    </li>
1402                                        <li>
1403                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=312" title="因康芮颱風來襲,10/31本景點暫停開放">
1404                            <span class="news_date"></span>
1405                            <span class="it702_slogan">
1406                                <h3 title="最新消息">最新消息</h3>
1407                            </span>
1408                            <span class="news_txt">因康芮颱風來襲,10/31本景點暫停開放</span>
1409                        </a>
1410                    </li>
1411                                        <li>
1412                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=288" title="【重要公告】因小狗颱風來襲,10/4本景點暫停開放。">
1413                            <span class="news_date"></span>
1414                            <span class="it702_slogan">
1415                                <h3 title="最新消息">最新消息</h3>
1416                            </span>
1417                            <span class="news_txt">【重要公告】因小狗颱風來襲,10/4本景點暫停開放。</span>
1418                        </a>
1419                    </li>
1420                                    </ul>
1421                                <div class="it702_more">
1422                    <a href="https://vrlife.com.tw/penghuevent/index.php?action=news_list&wpitem_uid=116&subtitle=%E6%9C%80%E6%96%B0%E6%B6%88%E6%81%AF" target="_blank">view more</a>
1423                </div>
1424                            </div>
1425                        <div id="tabsubtitle" class="tab_content"><!---抓最新的四則--->
1426                <ul>
1427                                        <li>
1428                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=332" title="【重要公告】因鳳凰颱風來襲,11/12本景點暫停開放。">
1429                            <span class="news_date"></span>
1430                            <span class="it702_slogan">
1431                                <h3 title=""></h3>
1432                            </span>
1433                            <span class="news_txt">【重要公告】因鳳凰颱風來襲,11/12本景點暫停開放。</span>
1434                        </a>
1435                    </li>
1436                                        <li>
1437                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=310" title="【重要公告】因山陀兒颱風來襲,10/3(四)本場館暫停開放一天。">
1438                            <span class="news_date"></span>
1439                            <span class="it702_slogan">
1440                                <h3 title=""></h3>
1441                            </span>
1442                            <span class="news_txt">【重要公告】因山陀兒颱風來襲,10/3(四)本場館暫停開放一天。</span>
1443                        </a>
1444                    </li>
1445                                        <li>
1446                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=306" title="搖滾藍洞VR體驗活動 9/18重新開放體驗">
1447                            <span class="news_date"></span>
1448                            <span class="it702_slogan">
1449                                <h3 title=""></h3>
1450                            </span>
1451                            <span class="news_txt">搖滾藍洞VR體驗活動 9/18重新開放體驗</span>
1452                        </a>
1453                    </li>
1454                                        <li>
1455                        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=291" title="有關搖滾藍洞VR體驗活動,因VR設備故障,現正檢修中,自即日起暫停開放預約體驗,如造成不便,敬請見諒!">
1456                            <span class="news_date"></span>
1457                            <span class="it702_slogan">
1458                                <h3 title=""></h3>
1459                            </span>
1460                            <span class="news_txt">有關搖滾藍洞VR體驗活動,因VR設備故障,現正檢修中,自即日起暫停開放預約體驗,如造成不便,敬請見諒!</span>
1461                        </a>
1462                    </li>
1463                                    </ul>
1464                            </div>
1465                    </div>
1466    </div>
1467</div>
1468
1469<!---頁籤切換js--->
1470<script>
1471    $(function(){
1472        // 預設顯示第一個 Tab
1473        var _showTab = 0;
1474        var $defaultLi = $('ul.it702_tabs li').eq(_showTab).addClass('active');
1475        $($defaultLi.find('a').attr('href')).siblings().hide();
1476    
1477        // 當 li 頁籤被點擊時...
1478        // 若要改成滑鼠移到 li 頁籤就切換時, 把 click 改成 mouseover
1479        $('ul.it702_tabs li').click(function() {
1480            // 找出 li 中的超連結 href(#id)
1481            var $this = $(this),
1482                _clickTab = $this.find('a').attr('href');
1483            // 把目前點擊到的 li 頁籤加上 .active
1484            // 並把兄弟元素中有 .active 的都移除 class
1485            $this.addClass('active').siblings('.active').removeClass('active');
1486            // 淡入相對應的內容並隱藏兄弟元素
1487            $(_clickTab).stop(false, true).fadeIn().siblings().hide();
1488    
1489            return false;
1490        }).find('a').focus(function(){
1491            this.blur();
1492        });
1493    });
1494</script>
1494
1495
1496<style>
1497/* it702_style2 */
1498.it702_style2{ width:100%; height: auto; background-position: bottom center; background-repeat: no-repeat; background-size: cover;}
1499.it702_style2 .it702_box{ max-width: 1200px; margin:0 auto; padding:50px 0;}
1500.it702_style2 .item_ph_title{text-align: center; font-size: 25px; line-height: 32px;}
1501.it702_style2 .abgne_tab { width: 400px; margin: 10px 0;}
1502.it702_style2 ul.it702_tabs { width: 60%; height: 50px; display: flex; align-items: center; border-radius: 50px; overflow:hidden; margin:20px auto; border:3px solid #6600ff;}
1503.it702_style2 ul.it702_tabs li { width: 100%; }
1504.it702_style2 ul.it702_tabs li a { font-size: 18px; line-height: 50px; display: block; padding: 0 20px; color: #000;  background: #fff; text-decoration: none; text-align: center;}
1505.it702_style2 ul.it702_tabs li a:hover { background: #6600ff; color: #fff;}
1506.it702_style2 ul.it702_tabs li.active a{ background: #6600ff; color: #fff;}
1507.it702_style2 ul.it702_tabs li.active a:hover { background: #6600ff; color: #fff;}
1508.it702_style2 div.tab_container { width: 100%; border-top: none;}
1509.it702_style2 div.tab_container .tab_content { padding:0 30px;}
1510.it702_style2 div.tab_container .tab_content ul{ margin-bottom:30px;}
1511.it702_style2 div.tab_container .tab_content ul li { border-bottom:1px dotted #ccc;}
1512.it702_style2 div.tab_container .tab_content ul li a{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width:100%; line-height: 50px; font-size: 16px; overflow: hidden; color: #333;}
1513.it702_style2 div.tab_container .tab_content ul li a:hover{ color: #000;}
1514.it702_style2 div.tab_container .tab_content ul li a span.news_date, .it702_style2 div.tab_container .tab_content ul li a span.news_txt{ padding:0 10px; height:66px; overflow:hidden; line-height: 66px;}
1515.it702_style2 div.tab_container .tab_content ul li a span.news_date{ -webkit-box-flex: 0 10%; -moz-box-flex: 0 10%; -webkit-flex: 0 10%; -ms-flex: 0 10%; flex: 0 10%;; letter-spacing: 2px;}
1516.it702_style2 div.tab_container .tab_content ul li a span.it702_slogan{ -webkit-box-flex: 0 12%; -moz-box-flex: 0 12%; -webkit-flex: 0 12%; -ms-flex: 0 12%; flex: 0 12%;; padding:0 10px;}
1517.it702_style2 div.tab_container .tab_content ul li a span.it702_slogan h3 { border: 1px solid #6600ff; border-radius: 2px; color: #6600ff; font-size: 15px; line-height:33px; overflow: hidden; margin: 0 auto; width:auto; height: 38px; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-weight: normal; letter-spacing: 2px;}
1518.it702_style2 div.tab_container .tab_content ul li a span.news_txt{ -webkit-box-flex: 0 78%; -moz-box-flex: 0 78%; -webkit-flex: 0 78%; -ms-flex: 0 78%; flex: 0 78%;}
1519.it702_style2 .it702_more a{ transition: all .5s; display:block; width:150px; color:#fff ; font-size: 18px; line-height: 50px; margin:0 auto; text-align:center;  border: 1px solid #6600ff; border-radius: 2px; background-color: #6600ff; cursor: pointer;}
1520.it702_style2 .it702_more a:hover{ display:block; width:150px; color:#6600ff; font-size: 18px; line-height: 50px; margin:0 auto; text-align:center; background-color: white;}
1521@media screen and (max-width: 1200px) {
1522    .it702_style2 div.tab_container .tab_content{padding: 0 10px;}
1523    .it702_style2 div.tab_container .tab_content ul li{padding: 15px 0;}
1524    .it702_style2 div.tab_container .tab_content ul li a span.news_date, .it702_style2 div.tab_container .tab_content ul li a span.it702_slogan{ -webkit-box-flex: 0 auto; -moz-box-flex: 0 auto; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto;}
1525    .it702_style2 div.tab_container .tab_content ul li a span.news_date, .it702_style2 div.tab_container .tab_content ul li a span.news_txt{ height:auto; line-height: 22px;}
1526    .it702_style2 div.tab_container .tab_content ul li a span.news_txt{ margin-top:10px; -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
1527}
1528</style>					<!---->
1529		<!---->
1530
1531	<!---->
1532	
1533
1534	<!---->
1535				
1536		<div class="warpper_page normal_item11BOX item_frame_line newitem_html_edit"
1537     style="padding:0px 0px 0px 0px">
1538            <div class="penghuevent_title penghuevent_title_bg">
1539<div class="title_icon"><img alt="title_icon" src="uploads/ckfinder/penghuevent/images/icon_title_01.png" /></div>
1540
1541<div class="title_text"><span>MAPS</span>
1542
1543<p>地圖</p>
1544</div>
1545
1546<div class="title_icon"><img alt="title_icon" src="uploads/ckfinder/penghuevent/images/icon_title_02.png" /></div>
1547</div>
1548<style type="text/css">.penghuevent_title{ display: flex; justify-content: center; margin: 2% auto 0 auto; padding-top: 3%;}
1549.penghuevent_title_bg{ background: #f9f9f9;}
1550.title_text{ color: #2A5CA1; font: 500 20px/1.4 sans-serif; text-align: center; margin: 0 2%;}
1551.title_text p { font-size: 32px;}
1552.title_icon{ width: 50px;}
1553.title_icon img{ width: 100%; image-rendering: -webkit-optimize-contrast;}
1554@media screen and (max-width: 768px){
1555.penghuevent_title{ padding-top: 6%;}
1556.title_text{ color: #2A5CA1; font: 500 15px/1.4 sans-serif; text-align: center; margin: 0 3%;}
1557.title_text p { font-size: 26px;}
1558.title_icon{ width: 37px;}
1559}
1560</style>
1561
1562    </div>					<!---->
1563		<!---->
1564
1565	<!---->
1566	
1567
1568	<!---->
1569				
1570		<div class="warpper_page normal_item11BOX item_frame_line newitem_html_edit"
1571     style="padding:0px 0px 0px 0px">
1572            <img alt="" src="https://vrlife.com.tw/website/uploads/ckfinder/penghuevent/images/%E7%B8%A3%E5%BA%9C%E5%9C%B0%E5%9C%96_1125_art%E4%BF%AE%E6%94%B9-01.jpg" style="height:1684px; width:1280px" />
1573    </div>					<!---->
1574		<!---->
1575
1576	<!---->
1577	
1578
1579	<!---->
1580				
1581		<div class="warpper_page normal_item11BOX item_frame_line newitem_html_edit"
1582     style="padding:0px 0px 0px 0px">
1583            <div class="penghuevent_title">
1584<div class="title_icon"><img alt="title_icon" src="uploads/ckfinder/penghuevent/images/icon_title_01.png" /></div>
1585
1586<div class="title_text"><span>VIDEO</span>
1587
1588<p>影片分享</p>
1589</div>
1590
1591<div class="title_icon"><img alt="title_icon" src="uploads/ckfinder/penghuevent/images/icon_title_02.png" /></div>
1592</div>
1593<style type="text/css">.penghuevent_title{ display: flex; justify-content: center; margin: 2% auto 0 auto;}
1594.title_text{ color: #2A5CA1; font: 500 20px/1.4 sans-serif; text-align: center; margin: 0 2%;}
1595.title_text p { font-size: 32px;}
1596.title_icon{ width: 50px;}
1597.title_icon img{ width: 100%; image-rendering: -webkit-optimize-contrast;}
1598@media screen and (max-width: 768px){
1599.title_text{ color: #2A5CA1; font: 500 15px/1.4 sans-serif; text-align: center; margin: 0 3%;}
1600.title_text p { font-size: 26px;}
1601.title_icon{ width: 37px;}
1602}
1603</style>
1604
1605    </div>					<!---->
1606		<!---->
1607
1608	<!---->
1609	
1610
1611	<!---->
1612				
1613		<div class="warpper_page normal_item11BOX item_frame_line newitem_html_edit"
1614     style="padding:0px 0px 0px 0px">
1615            <div class="ytb_video_box">
1616<div class="ytb_video_container">
1616<!______嵌入碼貼在這下面______><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/kGGEgZ3Ccjc" title="YouTube video player" width="560"></iframe><!______嵌入碼貼在這上面______></div>
1617</div>
1618<style type="text/css">.ytb_video_box{ max-width:960px; padding:5px; margin:0 auto; background:#FFF;
1619-webkit-border-radius:8px; -moz-border-radius: 8px; border-radius:8px; margin-bottom: 5%;}
1620.ytb_video_container { max-width:960px; margin:0 auto; position:relative; height:620px;
1621overflow:hidden;}
1622.ytb_video_container iframe,.ytb_video_container object,.ytb_video_container embed {
1623position:absolute; top:0; left:0; width:100%; height:100%; max-height:658px;}
1624@media screen and (max-width:1280px) {
1625.ytb_video_container{ padding-bottom:56%; height:0;}
1626}
1627</style>
1628
1629    </div>					<!---->
1630		<!---->
1631
1632	<!---->
1633	
1634
1635	<!---->
1636				
1637		<style>
1638    .item271_box .item271_inbox {height: auto;}
1639    .item271_box .item271_inbox a{display: flex; justify-content: center; align-items: center;}
1640    .item271_box img {vertical-align: middle;}
1641    .item271_box .item271_inbox span {
1642        position: absolute;
1643        z-index: 1;
1644        display: block;
1645        cursor: pointer;
1646        width: 28px;
1647        height: 28px;
1648        color: transparent;
1649        background: url(css/images/it271_x.svg) 0 0 no-repeat;
1650    }
1651</style>
1652<!--  -->
1653<div class="item271_box" style="top:262px; margin-left:-870px;">
1654    <div class="item271_inbox">
1655        <a href="https://vrlife.com.tw/penghuevent/index.php?action=item_article&wpicon_uid=225"
1656            title="澎湖海洋地質公園中心即日起地下展場休館"
1657            target="">
1658            <img src="https://vrlife.com.tw/website/uploads/website_1/en-us/wpicon_img_227.jpg?_29766" width="250" height="250" title="澎湖海洋地質公園中心即日起地下展場休館" alt="澎湖海洋地質公園中心即日起地下展場休館"/></a>
1659        <span>關閉</span>
1660    </div>
1661</div>
1662<!--  -->
1663<script>
1664    $(function(){
1665        // 1. 把 .item271_box 本身也加入點擊事件的行列
1666        $(".item271_box, .item271_box span").click(function(){
1667            $(".item271_box").hide();
1668        });
1669
1670        // 2. 核心關鍵:點擊白色內容區塊時,阻止事件往外擴散(冒泡)
1671        $(".item271_inbox").click(function(e){
1672            e.stopPropagation();
1673        });
1674    });
1675</script>
1675	
1676</div>
1677<!---->
1678<!---->
1679
1680</div>            <!---->
1681        </div>
1682
1683        
1684                  <div class="FOR_FOOTER">
1685                      <span class="copy_right"><span class="copy_right">
1686  <div class="footer_logo">
1687    <ul>
1688      <li>Organizer<br>
1689      <img alt="" src="/website/uploads/ckfinder/signup/images/footer/foot_logo01.png" style="height:52px; width:220px"></li>
1690      <li>Co-organiser<br>
1691      <img alt="" src="/website/uploads/ckfinder/signup/images/footer/foot_logo02.png" style="height:61px; width:191px"></li>
1692      <li>Tel:06-9269737 Consultation time:8:00-17:00 LINE@:<a href="https://lin.ee/O48Ifmi" target="_blank">@675yabuu</a></li>
1693    </ul>
1694  </div>
1695  <div class="joo_normal_cr2">Copyright(C) Penghu County Government. <span><a href="index.php?forceDevice=mobile" alt="Switch mobile version">Switch mobile version</a></span></div>
1696</span>
1697
1698<style media="screen" type="text/css">
1699.jooshop_btn_color > input, .jooshop_btn_color > a{    min-height: 55px;}
1700    input[type="text"], input[type="password"], select{border:0;}
1701.FOR_FOOTER{position: relative; background: url(/website/uploads/ckfinder/signup/images/index/story_bigbg.jpg)center center no-repeat; width: 100%; clear: both; min-width: 1200px; margin: 0 auto; font: 15px/24px 微軟正黑體, Arial, Helvetica, sans-serif;background-size: cover;}
1702.joo_normal_cr2 {background: unset;letter-spacing: 1.4px;font-size: 14px;padding: 8px 0;}
1703.joo_normal_cr2 span {margin-left:10px;padding-left:10px;border-left:1px solid #fff;}
1704.joo_normal_cr2 span a{color:#fff;}
1705.FOR_FOOTER .copy_right {display: block;max-width: 1200px;margin: 0 auto;padding-top: 18px;}
1706.footer_logo li {color: #fff;display: inline-block;vertical-align: top;margin-right: 30px;font-size:14px; letter-spacing: 1.4px;}
1707.footer_logo li img {margin-top: 6px;}
1708.FOR_FOOTER .footer_logo {width: 40%;display: inline-block;}
1709.footer_menu li a {color: #fff;font-size: 15px;}
1710.footer_menu li {display: inline;padding: 0 23px;}
1711.FOR_FOOTER .footer_menu {width: 60%;float: right;line-height: 98px;}
1712#myBtn { display: none; position: fixed; bottom: 30px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-image: url(/website/uploads/ckfinder/signup/images/index/gototop.png); color: white; cursor: pointer; padding: 15px; border-radius: 4px; background-color: transparent; width: 182px; height: 109px; transition: all .3s;} #myBtn:hover {bottom: 20px;}
1713.footer_logo li:nth-child(3){font-size: 13px;width: 100%;margin: 0 auto;margin-right: unset;margin-top: 15px;margin-bottom: 10px;}
1714</style>
1715
1716<script>
1717    //Get the button
1718    var mybutton = document.getElementById("myBtn");
1719    
1720    // When the user scrolls down 20px from the top of the document, show the button
1721    window.onscroll = function() {scrollFunction()};
1722    
1723    function scrollFunction() {
1724      if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
1725        mybutton.style.display = "block";
1726      } else {
1727        mybutton.style.display = "none";
1728      }
1729    }
1730    
1731    // When the user clicks on the button, scroll to the top of the document
1732    function topFunction() {
1733      document.body.scrollTop = 0;
1734      document.documentElement.scrollTop = 0;
1735    }
1736</script>
1736</span>
1737              </div>
1738            </div>
1739
1740    <!---->
1741    
1742
1743<script>
1744    // 允許的 iframe 來源
1745    allow_iframe_src = ['www.google.com'];
1746    $(document).ready(function(){$("iframe").each(function(t){var e=$(this).attr("src")||"";allow_iframe_src.some(t=>-1!==e.indexOf(t))&&($(this).removeAttr("sandbox"),$(this).attr("src",$(this).attr("src")+"?t="+(new Date).getTime()))})});
1747</script>
1747
1748
1749<script language="javascript">
1750/**
1751 * date input format checker.
1752 */
1753function dateCheckerKeyIn (dateInput, event, ShoppingScar) {
1754	ShoppingScar = ShoppingScar || null;
1755	var memBirthday = $(dateInput).val();
1756	var lastKeyIn = event.which;
1757	/* console.log(lastKeyIn)*/
1758	if (lastKeyIn == 8 || lastKeyIn == 37 || lastKeyIn == 38 || lastKeyIn == 39 || lastKeyIn == 40 || lastKeyIn == 9) { /* permit keyin but do nothing.*/
1759		return null;
1760	} else if (!((lastKeyIn >= 48 && lastKeyIn <= 57) || (lastKeyIn >= 96 && lastKeyIn <= 105)) && lastKeyIn != 190 && lastKeyIn != 191 && lastKeyIn != 173 && lastKeyIn != 111 && lastKeyIn != 109) { /* 不允許字元, back*/
1761		event.preventDefault ();
1762		/* console.log('bad char.')*/
1763		return null;
1764	}
1765
1766	if (!__dateChecker (dateInput, ShoppingScar)) {
1767		event.preventDefault ();
1768	}
1769
1770}
1771
1772/**
1773 * date format checker
1774 */
1775function __dateChecker (dateInput, ShoppingScar) {
1776	ShoppingScar = ShoppingScar || null;
1777	var memBirthday = $(dateInput).val();
1778
1779	var nowD = new Date();
1780
1781	var memBirthdayY = memBirthday.split(/[-/]/)[0];
1782	var memBirthdayM = (memBirthday.split(/[-/]/)[1] == 'undefined') ? '' : memBirthday.split(/[-/]/)[1];
1783	var memBirthdayD = (memBirthday.split(/[-/]/)[2] == 'undefined') ? '' : memBirthday.split(/[-/]/)[2];
1784	if(ShoppingScar == null){
1785		/* console.log(memBirthdayY)*/
1786		if (memBirthdayY.length > 4 || (nowD.getYear() + 1900) < parseInt(memBirthdayY, 10)) {
1787			$(dateInput).val ('');
1788			/*console.log ('year fault.' + nowD.getYear())*/
1789			return false;
1790		} else if ( memBirthdayM.length >= 2 && (parseInt(memBirthdayM, 10) > 12 || parseInt(memBirthdayM, 10) < 1) ) {
1791			$(dateInput).val (memBirthday.substring(0, 5));
1792			/*console.log ('month fault.')*/
1793			return false;
1794		} else if ( memBirthdayD.length >= 2 && (parseInt(memBirthdayD, 10) > 31 || parseInt(memBirthdayD, 10) < 1) ) {
1795			$(dateInput).val (memBirthday.substring(0, 8));
1796			/*console.log ('day fault.')*/
1797			return false;
1798		} else if (memBirthday.length > 10) {
1799			$(dateInput).val (memBirthday.substring(0, memBirthday.length - 1));
1800			/*console.log('length fault.')*/
1801			return false;
1802		}
1803	}else{
1804
1805		if(memBirthday.length == 10){
1806			if(!isDate(dateInput, memBirthday)){
1807				return false;
1808			}
1809		}
1810		if(memBirthday.length > 10) {
1811			$(dateInput).val (memBirthday.substring(0, memBirthday.length - 1));
1812			return false;
1813		}
1814	}
1815	return true;
1816}
1817
1818function _openPageEditContent( _wpitem_uid )
1819{
1820	var open_uri = 'https://vrlife.com.tw/penghuevent/admweb/admweb.main.php?action=website_page_item_content' +
1821					'&wpitem_uid=' + _wpitem_uid;
1822
1823	var oOpenWindow = window.open(open_uri,
1824								'page_item_content',
1825								'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=780,height=580');
1826	oOpenWindow.focus();
1827}
1828
1829function _openPageEditWindow( open_uri )
1830{
1831	var oOpenWindow = window.open(open_uri,
1832								'page_edit',
1833								'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=780,height=580');
1834	oOpenWindow.focus();
1835}
1836
1837function _openImage( imgUri, imgPath ,imagewidth ,imageheight)
1838{
1839	imagewidth = imagewidth || 695;
1840	imageheight = imageheight || 695;
1841	if( !imgPath ) imgPath = '';
1842	var open_uri = 'https://vrlife.com.tw/penghuevent/openwin/openwin.index.php?action=images' +
1843					'&imgUri=' + imgUri +
1844					'&imgPath=' + imgPath;
1845
1846	var oOpenWindow = window.open(open_uri,
1847								'openImage',
1848								'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width='+imagewidth+',height='+imageheight );
1849	oOpenWindow.focus();
1850}
1851
1852function _openProductSort( jsAct, formName, elName, lang, _args )
1853{
1854	var open_uri = 'https://vrlife.com.tw/penghuevent/openwin/openwin.index.php?action=product_sort' +
1855					'&jsAct=' + jsAct +
1856					'&form_name=' + formName +
1857					'&el_name=' + elName +
1858					'&openwin_lang=' + lang;
1859	if(_args)
1860		open_uri += _args;
1861
1862	var oOpenWindow = window.open(open_uri,
1863								'productSort',
1864								'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=600,height=300');
1865	oOpenWindow.focus();
1866}
1867
1868function _reloadAuthimgImg( imgId )
1869{
1870	var r = Math.round(Math.random()*9999);
1871	document.getElementById( imgId ).src = 'https://vrlife.com.tw/penghuevent/images/authimg.php?' + r;
1872}
1873
1874/**/
1875/*var menu_move_x = 0; /**/
1876/*var menu_move_y = 0; /**/
1877var menuDivId;
1878var menuDivId_out;
1879var objMenuDiv;
1880var objMenuDiv_out;
1881var _isMenuDiv = 0;
1882
1883function showWebMenu( id ){
1884	menuDivId = 'div_webMenu_' + id;
1885	_isMenuDiv = 1;
1886
1887	objMenu = document.getElementById( 'webMenu_' + id );
1888	objMenuDiv = document.getElementById( menuDivId );
1889
1890	if( objMenuDiv ){
1891		graphics = ij_getXY(objMenu);
1892
1893		objMenuDiv.style.left = graphics[0] + menu_move_x + 'px';
1894		objMenuDiv.style.top = graphics[1] + menu_move_y + 'px';
1895
1896		ij_showDiv(menuDivId, true);
1897	}
1898
1899	if( objMenuDiv_out && menuDivId_out != menuDivId ){
1900		ij_showDiv(menuDivId_out, false);
1901	}
1902	menuDivId_out = null;
1903}
1904
1905function removeWebMenu( id, timeOut ){
1906	menuDivId_out = 'div_webMenu_' + id;
1907	objMenuDiv_out = document.getElementById( 'div_webMenu_' + id );
1908
1909	_isMenuDiv = 0;
1910	setTimeout( '_removeWebMenu()' ,timeOut);
1911}
1912
1913function _removeWebMenu(){
1914	if( !_isMenuDiv && objMenuDiv_out )
1915		ij_showDiv(menuDivId_out, false);
1916}
1917/**/
1918
1919String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); };
1920function formatNumber(str) {
1921    str = str.trim();
1922    if(str.length <= 3){
1923        return str;
1924    }else{
1925        return formatNumber(str.substr(0,str.length-3))+','+str.substr(str.length-3);
1926    }
1927}
1928function RemoveStringComma(number) {
1929    var pos = number.indexOf(",");
1930    while (pos != -1) {
1931        number = number.substring(0, pos) + number.substring(pos + 1, number.length);
1932        pos = number.indexOf(",");
1933    }
1934    return number;
1935}
1936/* jquery = jQuery.noConflict(true);*/
1937$(document).ready(function(){
1938    /*
1939    $(".formatNumber").find("font").each(function(i){
1940	$(".formatNumber").each(function(i){
1941       var _num = $(this).html();
1942       $(this).html(formatNumber(_num));
1943    });
1944    */
1945
1946    $("textarea").keyup(function(event){
1947        var test =$(this).val();
1948
1949        if(! test.match(/^[^']{0,}$/)){
1950            $(this).val(test.replace(/[\u0027]+/ig,''));
1951        }
1952    });
1953
1954    /*
1955    $("input").keyup(function(event){
1956        var test =$(this).val();
1957        if(! test.match(/^[^']{0,}$/)){
1958            $(this).val(test.replace(/[\u0027]+/ig,''));
1959        }
1960     });
1961    */
1962    $(':input').on('input paste',function(){$(this).keyup();});
1963
1964    //nocsrf
1965   	var csrfToken = 'MTc5MTM3MjY2MGVuTjA3dWd2NFNITTZOdTNKSnFTQ1haOFBKUkVFTTlu';
1966   	var csrfTokenInput = document.createElement("input");
1967   	$(csrfTokenInput).attr ('type', 'hidden').attr('name', '_csrf').val (csrfToken);
1968
1969   	$('form').each (function (index) {
1970   		$(this).append(csrfTokenInput);
1971   		//console.log($(this).serialize());
1972   });
1973
1974	/* 2019/11/26 把這段搬來裡面 否則這樣頁面有多個form 只有最後一個會加到csrf*/
1975	$('form').each (function (index) {
1976		   /* nocsrf */
1977		var csrfToken = 'MTc5MTM3MjY2MGVuTjA3dWd2NFNITTZOdTNKSnFTQ1haOFBKUkVFTTlu';
1978		var csrfTokenInput = document.createElement("input");
1979		$(csrfTokenInput).attr ('type', 'hidden').attr('name', 'nti_JUI4eiVCNyU4MCU4MSU4MSVCMyVCRSU3RiU3QiVBRSVCQyU3RiU4MSVCNCVCRSVCMSVBOXklQkIlQjAlQUQlQkElQjMlN0MlN0I').val (csrfToken);
1980
1981   		$(this).append(csrfTokenInput);
1982   		/*console.log($(this).serialize());*/
1983   	});
1984
1985    // iframe加上sandbox屬性
1986    // if($(".card-number-group").length == 0){
1987    //     $('iframe').each (function (index) {
1988    //         $(this).attr("sandbox", "allow-same-origin");
1989    //     });
1990    // }
1991    $('iframe').each(function (index) {
1992        /* nocsrf */
1993        $(this).attr("sandbox", "allow-scripts allow-same-origin allow-presentation");
1994        $(this).attr("src", $(this).attr("src"));
1995    });
1996
1997	/*alert 主機 ip*/
1998	});
1999
2000function isDate(dateInput, dateStr) {
2001	var dateStr = $(dateInput).val();
2002    var datePat = /^(\d{4})(\/)(\d{1,2})(\/)(\d{1,2})$/;
2003    var matchArray = dateStr.match(datePat); /* is the format ok?*/
2004	var nowD = new Date();
2005	var keyD = new Date(dateStr);
2006	var weekend = keyD.getDay();
2007
2008    if(matchArray == null){
2009		$(dateInput).val('');
2010        return false;
2011    }
2012
2013    year = matchArray[1]; /* p@rse date into variables*/
2014    month = matchArray[3];
2015    day = matchArray[5];
2016
2017    if(month < 1 || month > 12){ /* check month range*/
2018        $(dateInput).val(dateStr.substring(0, 5));
2019        return false;
2020    }
2021
2022    if(day < 1 || day > 31){
2023        $(dateInput).val(dateStr.substring(0, 8));
2024        return false;
2025    }
2026
2027    if((month == 4 || month == 6 || month == 9 || month == 11) && day == 31){
2028        $(dateInput).val(dateStr.substring(0, 8));
2029        return false;
2030    }
2031
2032    if(month == 2){ /* check for february 29th*/
2033        var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
2034        if(day > 29 || (day == 29 && !isleap)){
2035            $(dateInput).val(dateStr.substring(0, 8));
2036            return false;
2037        }
2038    }
2039
2040    if(nowD.getTime() > keyD.getTime()){
2041		$(dateInput).val('');
2042		return false;
2043	}
2044	if(weekend == 0 || weekend == 6){
2045		$(dateInput).val(dateStr.substring(0, 8));
2046		return false;
2047	}
2048    return true; /* date is valid*/
2049}
2050
2051/*檢查身分證字號*/
2052function check_taiwan_ID( id ){
2053    tab = "ABCDEFGHJKLMNPQRSTUVXYWZIO"
2054    A1 = new Array (1,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,3,3,3,3,3,3 );
2055    A2 = new Array (0,1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0,1,2,3,4,5 );
2056    Mx = new Array (9,8,7,6,5,4,3,2,1,1);
2057
2058    if ( id.length != 10 ) return false;
2059    i = tab.indexOf( id.charAt(0) );
2060    if ( i == -1 ) return false;
2061    sum = A1[i] + A2[i]*9;
2062
2063    for ( i=1; i<10; i++ ) {
2064        v = parseInt( id.charAt(i) );
2065        if ( isNaN(v) ) return false;
2066        sum = sum + v * Mx[i];
2067    }
2068    if ( sum % 10 != 0 ) return false;
2069    return true;
2070}
2071
2072/*檢查居留證號碼*/
2073function check_resident_ID( id ) {
2074
2075    studIdNumber = id
2076
2077    /*格式,用正則表示式比對第一個字母是否為英文字母*/
2078    if(isNaN(studIdNumber.substr(2,8)) || 
2079            (!/^[A-Z]$/.test(studIdNumber.substr(0,1))) || 
2080                (!/^[A-Z]$/.test(studIdNumber.substr(1,1)))){
2081        /*alert("居留證號碼格式錯誤");*/
2082        return false;
2083    }
2084
2085    var idHeader = "ABCDEFGHJKLMNPQRSTUVXYWZIO"; /*按照轉換後權數的大小進行排序*/
2086    /*這邊把身分證字號轉換成準備要對應的*/
2087    studIdNumber = (idHeader.indexOf(studIdNumber.substring(0,1))+10) + 
2088    '' + ((idHeader.indexOf(studIdNumber.substr(1,1))+10) % 10) + '' + studIdNumber.substr(2,8);
2089    /*開始進行身分證數字的相乘與累加,依照順序乘上1987654321*/
2090
2091    s = parseInt(studIdNumber.substr(0,1)) + 
2092    parseInt(studIdNumber.substr(1,1)) * 9 + 
2093    parseInt(studIdNumber.substr(2,1)) * 8 + 
2094    parseInt(studIdNumber.substr(3,1)) * 7 + 
2095    parseInt(studIdNumber.substr(4,1)) * 6 + 
2096    parseInt(studIdNumber.substr(5,1)) * 5 + 
2097    parseInt(studIdNumber.substr(6,1)) * 4 + 
2098    parseInt(studIdNumber.substr(7,1)) * 3 + 
2099    parseInt(studIdNumber.substr(8,1)) * 2 + 
2100    parseInt(studIdNumber.substr(9,1));
2101
2102    /*檢查號碼 = 10 - 相乘後個位數相加總和之尾數。*/
2103    checkNum = parseInt(studIdNumber.substr(10,1));
2104    /*模數 - 總和/模數(10)之餘數若等於第九碼的檢查碼,則驗證成功*/
2105    /*若餘數為0,檢查碼就是0*/
2106    if((s % 10) == 0 || (10 - s % 10) == checkNum){
2107        return true;
2108    }
2109    else{
2110        return false;
2111    }
2112}
2113
2114/*檢查統編*/
2115function isValidGUI(taxId) {
2116    var invalidList = "00000000,11111111";
2117    if (/^\d{8}$/.test(taxId) == false || invalidList.indexOf(taxId) != -1) {
2118        return false;
2119    }
2120
2121    var validateOperator = [1, 2, 1, 2, 1, 2, 4, 1],
2122        sum = 0,
2123        calculate = function(product) { /* 個位數 + 十位數*/
2124            var ones = product % 10,
2125                tens = (product - ones) / 10;
2126            return ones + tens;
2127        };
2128    for (var i = 0; i < validateOperator.length; i++) {
2129        sum += calculate(taxId[i] * validateOperator[i]);
2130    }
2131
2132    return sum % 5 == 0 || (taxId[6] == "7" && (sum + 1) % 5 == 0);
2133}
2134
2135function setCookie(cname, cvalue, exdays) {
2136    var d = new Date();
2137    d.setTime(d.getTime() + (exdays*24*60*60*1000));
2138    var expires = "expires="+ d.toUTCString();
2139    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
2140}
2141</script>
2141
2142
2143<!--  -->
2144
2145
2146<!---->
2147<!---->
2148
2149
2150<!---->
2151<!---->
2152
2153�
2154<!---->
2155
2156<!---->
2157
2158
2159    <!-- 個資聲明 -->
2160    <div class="personal_statement" style="display: none; z-index: 99999;">
2161        本網站使用您的Cookie於優化網站及您的購物經驗。繼續瀏覽網站即表示您同意本公司隱私權政策,您可至隱私權政策了解詳細資訊。
2162        <div class="btn_personal_box">
2163            <button class="btn_personal_statement" name="personal_statement" type="button" onclick="setPersonalStatement();">
2164                I agree            </button>
2165        </div>
2166    </div>
2167    
2167<script>
2168        function setPersonalStatement() {
2169            setCookie('personal_statement', 1, 365);    /*a year*/
2170            $(".personal_statement").hide();
2171        }
2172
2173        function parseCookie() {
2174            var cookieObj = {};
2175            var cookieAry = document.cookie.split(';');
2176            var cookie;
2177
2178            for (var i=0, l=cookieAry.length; i<l; ++i) {
2179                cookie = jQuery.trim(cookieAry[i]);
2180                cookie = cookie.split('=');
2181                cookieObj[cookie[0]] = cookie[1];
2182            }
2183
2184            return cookieObj;
2185        }
2186
2187        function getCookieByName(name) {
2188            var value = parseCookie()[name];
2189            if (value) {
2190                value = decodeURIComponent(value);
2191            }
2192
2193            return value;
2194        }
2195        if (!getCookieByName('personal_statement')) {
2196            $(".personal_statement").show();
2197        }
2198    </script>
2198
2199    <!-- 個資聲明 END -->
2200
2201<script src="./javascripts/jquery.lazyload.js"></script>
2201
2202
2203<style>
2204	.before_slide_lazy.lazy{
2205		display: none !important;
2206	}
2207</style>
2208
2209<script>
2210	function lazyload2(L){
2211        $("img.lazy").each(function(){
2212            if ($(this).parents('.slides').length || $(this).parents('.slides_lazy').length) {
2213				$(this).addClass('before_slide_lazy');
2214            } else {
2215                if (($(window).scrollTop() + window.innerHeight >= $(this).offset().top &&
2216                        $(window).scrollTop() + window.innerHeight <= $(this).offset().top + $(this).outerHeight()) ||
2217                    ($(window).scrollTop() <= $(this).offset().top + $(this).outerHeight()
2218                        && $(window).scrollTop() >= $(this).offset().top) ||
2219                    ($(window).scrollTop() <= $(this).offset().top &&
2220                        $(window).scrollTop() + window.innerHeight >= $(this).offset().top + $(this).outerHeight())) {
2221                    if ($(this).attr('data-original') != $(this).attr('src')) {
2222                        deferred_load = $.Deferred();
2223                        $(this).attr('src', $(this).attr('data-original'));
2224                        $(this).removeClass('lazy');
2225                        deferred_load.resolve();
2226                        $.when(deferred_load).done(function(){
2227                            if (typeof (L) == "function")
2228                                L();
2229                        });
2230                    }
2231                }
2232            }
2233        });
2234    }
2235
2236    $(function(){
2237/*
2238		$("img").addClass('lazy');
2239       	$("img").each(function(){
2240           $(this).attr('data-original',$(this).attr('src'))
2241       	});
2242       	$("img").removeAttr('src');
2243*/
2244        var deferred_lazyload = $.Deferred();
2245        lazyload2();
2246        deferred_lazyload.resolve();
2247
2248        $(window).scroll(function(){
2249            lazyload2();
2250        });
2251
2252        /*必須等輪播之外的圖片已經載入圖片後才載入,這樣才不會造成螢幕內灰圖*/
2253        $.when(deferred_lazyload).done(function(){
2254            /*輪播圖片如果使用slide動畫而非fade,會與lazyload會有衝突(直接出現在螢幕上的圖片必須滾動後才會載入),必須先將輪播圖片全部載好後再啟動輪播*/
2255            /*直接將屬性data-original置換src載入就不會有短暫灰圖的問題*/
2256            $("ul.slides").find("img.lazy").each(function(){
2257                $(this).attr('src',$(this).attr('data-original'));
2258                $(this).removeClass('before_slide_lazy');
2259                $(this).removeClass('lazy');
2260            });
2261            $(".slides_lazy").find("img.lazy").each(function(){
2262                $(this).attr('src',$(this).attr('data-original'));
2263                $(this).removeClass('before_slide_lazy');
2264                $(this).removeClass('lazy');
2265            });
2266        });
2267
2268        $("img.lazy").show().lazyload({effect : "fadeIn", failure_limit : 20 ,threshold:$(window).height(),skip_invisible:false});
2269		/*加入threshold為視窗高度,以免一開始沒load圖*/
2270
2271		$(document).imagesLoaded(function(){ /*圖片出現後*/
2272			$("img.lazy").each(function(){
2273				$(this).lazyload();
2274			});
2275		});
2276    });
2277</script>
2277
2278
2279<!-- Live Chat Widget powered by https://keyreply.com/chat/ -->
2280<!-- Advanced options: -->
2281<!-- data-align="left" -->
2282<!-- data-overlay="true" -->
2283
2284<script>
2285    var u = navigator.userAgent;
2286	if (QueryString('action') == 'member_login') {
2287        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; /*android终端*/
2288        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); /*ios终端*/
2289        if (isAndroid) {
2290            token = window.JavaScriptInterface.fetchFirebaseToken();
2291            token = token.split(' from Java side')[0];
2292            html = '<input type="hidden" name="token" value="'+token+'"/>'+
2293                '<input type="hidden" name="device" value="android"/> ';
2294
2295            $("#login_account").after(html);
2296/*            window.stop();*/
2297/*            window.JavaScriptInterface.login();*/
2298        } else if (isiOS) {
2299            window.webkit.messageHandlers.fetchFirebaseToken.postMessage(null);
2300/*            window.stop();*/
2301/*            window.webkit.messageHandlers.login.postMessage(null)*/
2302        }
2303    }
2304
2305
2306    function getiOSToken(token) {
2307	    html = '<input type="hidden" name="token" value="'+token+'"/>'+
2308			    '<input type="hidden" name="device" value="ios"/> ';
2309
2310		$("#login_account").after(html);
2311    }
2312
2313    /*取得get值*/
2314    function QueryString(name)
2315    {
2316        var AllVars = window.location.search.substring(1);
2317        var Vars = AllVars.split("&");
2318        for (i = 0; i < Vars.length; i++)
2319        {
2320            var Var = Vars[i].split("=");
2321            if (Var[0] == name) return Var[1];
2322        }
2323        return "";
2324    }
2325</script>
2325
2326
2327<!---->
2328        
2329        
2330<!---->
2331<!---->
2332<!---->
2333<!---->
2334
2335
2336
2337
2338
2339
2340
2341
2342
2343
2344
2345	
2346<script>
2347    //prod_temp fancybox
2348    $(function(){
2349        if ($("a.cart_light_box").length) {
2350            let prod_temp_lightbox_width = '' ? 250 : 600;
2351            $("a.cart_light_box").fancybox({
2352                width	    : prod_temp_lightbox_width,
2353                fitToView	: false,
2354                autoSize	: false,
2355                title		: false
2356            });
2357        }
2358
2359        if ($("a.addcart_btn").length) {
2360            $("a.addcart_btn").fancybox({
2361                width	    : "80%",
2362                fitToView	: false,
2363                autoSize	: false,
2364                title		: false
2365            });
2366        }
2367
2368        if ($("a.promate_cart").length) {
2369            $("a.promate_cart").fancybox({
2370                width	    : 600,
2371                height      : "auto",
2372                fitToView	: false,
2373                autoSize	: false,
2374                title		: false
2375            });
2376        }
2377    });
2378
2379    //會員登入
2380    function mem_login() {
2381        //請先登入會員!
2382        if (confirm('Please log in first!')) {
2383            window.location = 'https://vrlife.com.tw/penghuevent/index.php?action=member_login&b_action=&r_byeurl=penghuevent&logout=1';
2384        } else {
2385            return false;
2386        }
2387    }
2388
2389    function scart_num_refresh() {
2390        $.ajax({
2391            url: "/penghuevent/api/api.shopping_cart.php",
2392            type: "POST",
2393            dataType: "json",
2394            data: {
2395                myAct:"getCartNumber",
2396                [csrf_key]: csrf_val
2397            },
2398            success: function(Jdata){
2399                if( Jdata.error == 'C00' ){
2400                    var count = 0;
2401                    $.each(Jdata.content, function(key, value) {
2402                        count = count + parseInt(value['scar_count']);
2403                    });
2404                    $('.Cart_Total').html(count);
2405                }
2406            }
2407        });
2408    }
2409    if (typeof top_refresh !== 'function') {
2410        scart_num_refresh();
2411    }
2412
2413    function removeScarByWeb(web_byeurl) {
2414        $.ajax({
2415            url: "/penghuevent/api/api.shopping_cart.php",
2416            type: "POST",
2417            dataType: "json",
2418            data: {
2419                myAct: "removeScarByWeb",
2420                web_byeurl: web_byeurl,
2421                [csrf_key]: csrf_val
2422            },
2423			success: function(Jdata){
2424				if( Jdata.error == 'C00' ){
2425                    if (typeof(it340_scart_refresh) == 'function') {
2426                        it340_scart_refresh();
2427                    } else {
2428                        top_refresh();
2429                    }
2430				}
2431			}
2432        });
2433    }
2434
2435    //商品列表加入購物車按鈕
2436    function goCart123_mask(form_no) {
2437        $.ajax({
2438            url: "api/api.shopping_cart.php",
2439            type: "POST",
2440            dataType: "json",
2441            data: {
2442                myAct: "check",
2443                [csrf_key]: csrf_val
2444            },
2445            success: function (Jdata) {
2446                if (Jdata.error == 'C00') {
2447                    $.ajax({
2448                        url: 'index.php?action=shopping_cart&web_cart_myAct=SHOPPING_CART&cart_add_from=prod_temp',
2449                        type: "POST",
2450                        dataType: "json",
2451                        data: 'myAct=ajaxadd&' + csrf_key + '=' + csrf_val + '&scar_count[]=1&prod_no[]=' + form_no,
2452                        success: function (response) {
2453                            if (response.error == 'C00') {
2454                                                                $('#addCartMask').delay(300).fadeIn(300).delay(300).fadeOut(800);
2455                                                                //FB Pixel 加入購物車
2456                                if (typeof(fb_AddToCart) == 'function') {
2457                                    fb_AddToCart(form_no, response.fbValue, response.fbContents);
2458                                }
2459                                // alert("已將商品加入購物車");
2460                                top_refresh(response.scar_no);
2461                                $('div.AF_RSides_cart').stop(true, true).animate({right: "0"}, "medium").delay(1000).animate({right: "-90"}, "medium");
2462                            } else if (response.error.indexOf('E') == 0) {
2463                                if (response.error == 'E03') {
2464                                    //alert(response.error + ': ' + response.err_alert);
2465                                    alert('此為會員限購商品,請先登入會員。');
2466                                    //window.top.location.href = response.backURL;
2467                                    window.location.href = "https://vrlife.com.tw/penghuevent/index.php?action=member_login&b_action=index";
2468                                } else if (response.error == 'E09') { //任選商品,導到詳細頁
2469                                    window.location.href = response.backURL;
2470                                } else if (response.error == 'E01' && 'penghuevent'=='tylokah' ) { // tylokah 測試 test00
2471                                    alert(response.error + ': ' + response.err_alert);
2472                                    window.location.href = 'https://vrlife.com.tw/penghuevent/index.php?action=member_login';
2473                                } else {
2474                                    alert(response.error + ': ' + response.err_alert);
2475                                }
2476                                
2477                            }
2478                        }
2479                    });
2480                }
2481            }
2482        });
2483    }
2484
2485    function closeBox_mask(prod_no)
2486    {
2487        goCart123_mask(prod_no);
2488        $(".fancybox-close").click(); //關閉 light box
2489    }
2490
2491    function goRfq_mask(prod_no){
2492		$.ajax({
2493		  url: "index.php?action=shopping_cart_rfq",
2494		  type: "POST",
2495		  dataType: "json",
2496		  data: {
2497              prod_no: prod_no,
2498              [csrf_key]: csrf_val
2499          },
2500          complete:function(){
2501              top_refresh();
2502          }
2503		//   success: function(Jdata){
2504		// 	if( Jdata.error == 'C00' ){
2505		// 		window.location.href = "https://vrlife.com.tw/penghuevent/index.php?action=member_login&b_action=index";
2506		// 	}
2507		//   }
2508		});
2509                $('#addRfqMask').delay(300).fadeIn(300).delay(300).fadeOut(800);
2510        		
2511	}
2512
2513	function goTrace(prod_uid, prod_no, prod_selling_price, ele, addClass) {
2514        if (mem_uid) {
2515            $.ajax({
2516                url:"https://vrlife.com.tw/penghuevent/api/api.product_trace_list.php",
2517                type:"POST",
2518                dataType:"json",
2519                data:{
2520                    uid		: prod_uid,
2521                    myAct	: "add",
2522                    prod_no	: prod_no,
2523                    mem_uid	: mem_uid,
2524                    remove	: true
2525                },
2526                success: function(Jdata){
2527                    if (Jdata.error == 'C00') {
2528                        if (Jdata.status == "1") {
2529                            //FB Pixel 加到願望清單
2530                            if (typeof(fb_AddToWishlist) == 'function')
2531                                fb_AddToWishlist(prod_no, prod_selling_price);
2532
2533                            $(ele).addClass(addClass);
2534                            alert("追蹤清單新增成功");
2535                        } else {
2536                            $(ele).removeClass(addClass);
2537                        }
2538                    } else {
2539                        /**/
2540                        alert('Please reload! ( ' + Jdata.error + ' )');
2541                    }
2542                }
2543            });
2544        } else {
2545            mem_login();
2546        }
2547    }
2548
2549    $(document).ready(function(){
2550
2551        $("#authimg_audio").on('click', async () => {
2552            
2553            // 發送驗證碼
2554            $.ajax({
2555                url:'api/api.ajax_get_authimg_str.php',
2556                type: 'POST',
2557                dataType: "json",
2558                async: false,
2559                data: {},
2560                success:function(rtn_data){
2561                    if (rtn_data.error == 'C00') {
2562                        var arr = [];
2563                        $.each(rtn_data.authimg_str,function(key,value){
2564                            arr.push('https://vrlife.com.tw/penghuevent/assets/audio/numbers/'+value+'.mp3');
2565                        })
2566
2567                        var myAudio = new Audio(); 
2568                        myAudio.preload = true; 
2569                        myAudio.controls = true; 
2570                        myAudio.src = arr[0];         //每次讀數組最後一個元素 
2571                        arr.shift();
2572                        myAudio.addEventListener('ended', playEndedHandler, false); 
2573                        myAudio.play();  
2574                        myAudio.loop = false;//禁止循環,否則無法觸發ended事件 
2575                        function playEndedHandler(){ 
2576                            myAudio.src = arr[0]; 
2577                            arr.shift(); 
2578                            myAudio.play(); 
2579                            !arr.length && myAudio.removeEventListener('ended',playEndedHandler,false);//只有一個元素時解除綁定 
2580                        } 
2581                    }
2582                },
2583                error:function(){
2584                    str = '語音讀取失敗';
2585                }
2586            });
2587
2588        })
2589    });
2590</script>
2590    <!---->
2591
2592        
2593    
2594
2595</body>
2596</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.