PageSourceSearch

https://his.gift/

html his.gift collected 2026-10-07 21:51:26 UTC 313,493 bytes, 6,935 lines download raw bytes

1
2
3<!DOCTYPE html>
4
5<html xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://ogp.me/ns#'>
6<head>
7    <!-- Google Tag Manager -->
8    
8<script defer>
vendor: 485 bytes, lines 8-15
8(function (w, d, s, l, i) {
9            w[l] = w[l] || []; w[l].push({
10                'gtm.start':
11                    new Date().getTime(), event: 'gtm.js'
12            }); var f = d.getElementsByTagName(s)[0],
13                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
14                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
15        })(window, document, 'script', 'dataLayer', '
15GTM-T29592T
vendor: 9 bytes, lines 15-16
15');
16    
16</script>
16
17    <!-- End Google Tag Manager -->
18    
18<script type="text/javascript">
19        (function (c, l, a, r, i, t, y) {
20            c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
21            t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
22            y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
23        })(window, document, "clarity", "script", "i5e0lfcfmd");
24    </script>
24
25
26    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /><meta name="description" property="og:description" itemprop="description" content="金園設計x Golden Garden 秉承著超凡卓越,極致絢爛的設計理念。將回憶化為實體、將霎那化為永恆!" /><meta property="og:url" content="https://his.gift" /><meta property="og:type" content="website" /><meta property="og:locale" content="zh_TW" /><meta property="og:title" content="金園設計x Golden Garden" /><meta property="og:description" content="金園設計x Golden Garden 秉承著超凡卓越,極致絢爛的設計理念。將回憶化為實體、將霎那化為永恆" /><meta property="og:image" content="https://his.gift/Res/Photo/DSC05766.jpg" /><link href="Res/Icon/av01a-phgeu-001.ico" rel="shortcut icon" /><link href="Css/InitialStyle.css" rel="stylesheet" /><link href="Css/DynamicStyle.css" rel="stylesheet" /><title>
27	金園設計首頁-Golden Garden
28</title>
29    
30    <style>
31        /*MainMaster_DialogDiv*/
32        #MainMaster_DialogDiv{
33            height:100vh;
34            width:100%;
35            background-color:rgba(0,0,0,0.6);
36            position:fixed;
37            top:0;
38            left:0;
39            z-index:100;
40            padding:3vw 10vw 3vw 10vw;
41            display:none;
42            opacity:0;
43            flex-direction:column;
44            justify-content:center;
45        }
46        #MainMaster_DialogContentDiv{
47            height:auto;
48            width:auto;
49            /*background-color:#AA8E8E;*/
50            background-color:#FFFFFF;
51            border-radius:5px;
52            overflow-y:auto;
53            display:flex;
54            flex-direction:column;
55            justify-content:center;
56        }
57        #MainMaster_DialogContentDiv_Img1{
58            height:auto;
59            width:100%;
60            object-fit:contain;
61            object-position:center;
62        }
63
64        /*MainMaster_ForgetPasswordDialogDiv*/
65        #MainMaster_ForgetPasswordDialogDiv{
66            height:100vh;
67            width:100%;
68            background-color:rgba(0,0,0,0.6);
69            position:fixed;
70            top:0;
71            left:0;
72            z-index:100;
73            display:flex;
74            flex-direction:column;
75            justify-content:center;
76            align-items:center;
77            display:none;
78            opacity:0;
79        }
80        #MainMaster_ForgetPasswordPaddingDiv{
81            height:auto;
82            width:calc(26vw + calc(1.56vw * 2));
83            padding:1.56vw;
84            position:relative;
85        }
86        #MainMaster_ForgetPasswordDialogContentDiv_CloseImg{
87            height:0.99vw;
88            width:0.99vw;
89            position:absolute;
90            top:0;
91            right:0;
92            cursor:pointer;
93        }
94        #MainMaster_ForgetPasswordDialogContentDiv{
95            height:auto;
96            width:100%;
97            border-radius:5px;
98            display:flex;
99            flex-direction:row;
100            background-color:#FFFFFF;
101            overflow:hidden;
102        }
103        #MainMaster_ForgetPasswordDialogContentDiv_ContentDiv{
104            height:100%;
105            width:100%;
106            display:flex;
107            flex-direction:column;
108            justify-content:center;
109            align-items:center;
110        }
111        .MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle1{
112            height:auto;
113            width:100%;
114            display:flex;
115            flex-direction:column;
116            align-items:flex-start;
117            padding:2vw 13.8% 0 13.8%;
118        }
119        .MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle1 > h1{
120            letter-spacing: 0.1vw;
121            font-family: Noto Serif TC;
122            font-size: 1.56vw;
123            color:#000000;
124            line-height:1;
125            padding:0 0 1.19vw 0;
126        }
127        .MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle1 > p{
128            letter-spacing: 0.08vw;
129            font-family: Noto Serif TC;
130            font-size: 0.63vw;
131            color:#4D4D4D;
132        }
133        .MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle2{
134            height:auto;
135            width:100%;
136            display:flex;
137            flex-direction:row;
138            justify-content:flex-end;
139            padding:1.4vw 13.8% 1.4vw 13.8%;
140        }
141        .MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle2 > input{
142            height:2.41vw;
143            width:calc(100% - calc(0.625vw * 2));
144            padding:0 0.625vw 0 0.625vw;
145            display:flex;
146            flex-direction:column;
147            justify-content:center;
148            border:unset;
149            border-radius:5px;
150            background-color:#F2F2F2;
151            margin:0 0 0.5vw 0;
152            letter-spacing: 0.08vw;
153            font-family: Noto Serif TC;
154            font-size: 0.63vw;
155            color:#000000;
156        }
157        .MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle3{
158            height:auto;
159            width:100%;
160            padding:0 13.8% 2vw 13.8%;
161            display:flex;
162            flex-direction:row;
163            justify-content:space-between;
164        }
165        .MainMaster_ForgetPasswordDialogContentDivItemStyle {
166            height:2.4vw;
167            width:100%;
168            border-radius:30px;
169            margin:0 0 0.3vw 0;
170            display:flex;
171            flex-direction:row;
172            justify-content:center;
173            align-items:center;
174            flex-wrap:wrap;
175            cursor:pointer;
176        }
177        .MainMaster_ForgetPasswordDialogContentDivItemStyle:hover {
178            opacity:0.9;
179        }
180        .MainMaster_ForgetPasswordDialogContentDivItemStyle.ForgetPasswordCl
180ick{
181            background-color:#333333;
182        }
183        .MainMaster_ForgetPasswordDialogContentDivItemStyle > input {
184            letter-spacing: 0.09vw;
185            font-family: Noto Serif TC;
186            font-size: 0.78vw;
187            color:#FFFFFF;
188            background-color:unset;
189            border:0;
190            margin:0;
191            padding:0;
192            cursor:pointer;
193        }
194
195        /*MainMaster_LoginDialogDiv*/
196        #MainMaster_LoginDialogDiv{
197            height:100vh;
198            width:100%;
199            background-color:rgba(0,0,0,0.6);
200            position:fixed;
201            top:0;
202            left:0;
203            z-index:100;
204            display:flex;
205            flex-direction:column;
206            justify-content:center;
207            align-items:center;
208            display:none;
209            opacity:0;
210        }
211        #MainMaster_LoginDialogPaddingDiv{
212            height:auto;
213            min-height:calc(calc(52vw * 0.57) + calc(1.56vw * 2));
214            width:calc(52vw + calc(1.56vw * 2));
215            padding:1.56vw;
216            position:relative;
217        }
218        #MainMaster_LoginDialogContentDiv{
219            height:auto;
220            width:100%;
221            border-radius:5px;
222            display:flex;
223            flex-direction:row;
224            background-color:#FFFFFF;
225            overflow:hidden;
226        }
227        #MainMaster_LoginDialogContentDiv_CloseImg{
228            height:0.99vw;
229            width:0.99vw;
230            position:absolute;
231            top:0;
232            right:0;
233            cursor:pointer;
234        }
235        #MainMaster_LoginDialogContentDiv_ImgDiv{
236            height:auto;
237            width:50%;
238            overflow:hidden;
239        }
240        #MainMaster_LoginDialogContentDiv_ImgDiv > img{
241            height:100%;
242            width:100%;
243            object-fit:cover;
244            object-position:center;
245        }
246        #MainMaster_LoginDialogContentDiv_ContentDiv{
247            height:auto;
248            width:50%;
249            padding:0 0 2.29vw 0;
250        }
251        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle1{
252            height:auto;
253            width:100%;
254            padding:1.3vw 1.3vw 0 0;
255            display:flex;
256            flex-direction:row;
257            justify-content:flex-end;
258        }
259        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle1 > div{
260            height:auto;
261            width:auto;
262            display:flex;
263            flex-direction:row;
264            align-items:center;
265            cursor:pointer;
266        }
267        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle1 > div > p{
268            letter-spacing: 0.09vw;
269            font-family: Noto Serif TC;
270            font-size: 0.68vw;
271            color:#808080;
272            line-height:1;
273        }
274        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle1 > div > img{
275            height:auto;
276            width:0.36vw;
277            margin:0 0 0 0.5vw;
278        }
279        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle2{
280            height:auto;
281            width:100%;
282            padding:1.4vw 13.8% 1.4vw 13.8%;
283            display:flex;
284            flex-direction:column;
285            align-items:flex-start;
286        }
287        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle2 > h1{
288            letter-spacing: 0.1vw;
289            font-family: Noto Serif TC;
290            font-size: 1.56vw;
291            color:#000000;
292            line-height:1;
293            padding:0 0 1.19vw 0;
294        }
295        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle2 > p{
296            letter-spacing: 0.08vw;
297            font-family: Noto Serif TC;
298            font-size: 0.63vw;
299            color:#4D4D4D;
300        }
301        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle3{
302            height:auto;
303            width:100%;
304            padding:0 13.8% 0 13.8%;
305            display:flex;
306            flex-direction:column;
307            align-items:flex-start;
308        }
309        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle3 > input{
310            height:2.41vw;
311            width:calc(100% - calc(0.625vw * 2));
312            padding:0 0.625vw 0 0.625vw;
313            display:flex;
314            flex-direction:column;
315            justify-content:center;
316            border:unset;
317            border-radius:5px;
318            background-color:#F2F2F2;
319            margin:0 0 0.5vw 0;
320            letter-spacing: 0.08vw;
321            font-family: Noto Serif TC;
322            font-size: 0.63vw;
323            color:#000000;
324        }
325        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle4{
326            height:auto;
327            width:100%;
328            padding:1.2vw 13.8% 1.2vw 13.8%;
329            display:flex;
330            flex-direction:row;
331            justify-content:space-between;
332        }
333        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle4 > div{
334            height:auto;
335            width:100%;
336            display:flex;
337            flex-direction:row;
338            align-items:center;
339        }
340        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle4 label{
341            display:flex;
342            flex-direction:row;
343            align-items:center;
344        }
345        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle4 input, .MainMaster_LoginDialogContentDiv_ContentItemDivStyle4 a , .MainMaster_LoginDialogContentDiv_ContentItemDivStyle4 label{
346            letter-spacing: 0.08vw;
347            font-family: Noto Serif TC;
348            font-size: 0.63vw;
349            color:#000000;
350            white-space:nowrap;
351        }
352        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle4 a{
353            cursor:pointer;
354        }
355        .MainMaster_LoginDialogContentDiv_ContentItemDivStyle5{
356            height:auto;
357            width:100%;
358            display:flex;
359            flex-direction:column;
360            padding:0 13.8% 0 13.8%;
361        }
362        .MainMaster_LoginDialogContentDivItemStyle {
363            height:2.4vw;
364            width:100%;
365            border-radius:30px;
366            margin:0 0 0.3vw 0;
367            display:flex;
368            flex-direction:row;
369            justify-content:center;
370            align-items:center;
371            flex-wrap:wrap;
372            cursor:pointer;
373        }
374        .MainMaster_LoginDialogContentDivItemStyle:hover {
375            opacity:0.9;
376        }
377        .MainMaster_LoginDialogContentDivItemStyle.LoginClick{
378            background-color:#333333;
379        }
380        .MainMaster_LoginDialogContentDivItemStyle.FacebookClick{
381            background-color:#3B579D;
382        }
383        .MainMaster_LoginDialogContentDivItemStyle > input {
384            letter-spacing: 0.09vw;
385            font-family: Noto Serif TC;
386            font-size: 0.78vw;
387            color:#FFFFFF;
388            background-color:unset;
389            border:0;
390            margin:0;
391            padding:0;
392            cursor:pointer;
393        }
394        .MainMaster_LoginDialogContentDivItemStyle > img {
395            height:auto;
396            width:0.9vw;
397            margin:0 1vw 0 0;
398        }
399        .MainMaster_LoginDialogContentDivEmptyStyle{
400            height:auto;
401            width:100%;
402            display:flex;
403            flex-direction:row;
404            justify-content:center;
405            align-items:center;
406            margin:0.5vw 0 calc(0.5vw + 0.3vw) 0;
407        }
408        .MainMaster_LoginDialogContentDivEmptyStyle hr{
409            height:1px;
410            width:38.7%;
411            border:0;
412            padding:0;
413            margin:0;
414            background-color:#4D4D4D;
415        }
416        .MainMaster_LoginDialogContentDivEmptyStyle p{
417            letter-spacing: 0.09vw;
418            font-family: Noto Serif TC;
419            font-size: 0.63vw;
420            padding:0 0.5vw 0 0.5vw;
421        }
422        .MainMaster_LoginDialogContentDivFooterStyle{
423            height:auto;
424            width:100%;
425            padding:0.67vw 0 0.67vw 0;
426            display:flex;
427            flex-direction:column;
428            align-items:center;
429        }
430        .MainMaster_LoginDialogContentDivFooterStyle > a{
431            letter-spacing: 0.09vw;
432            font-family: Noto Serif TC;
433            font-size: 0.63vw;
434            padding:0 0.5vw 0 0.5vw;
435            cursor:pointer;
436        }
437
438        /*MainMaster_RegisterDialogDiv*/
439        #MainMaster_RegisterDialogDiv{
440            height:100vh;
441            width:100%;
442            background-color:rgba(0,0,0,0.6);
443            position:fixed;
444            top:0;
445            left:0;
446            z-index:100;
447            display:flex;
448            flex-direction:column;
449            justify-content:center;
450            align-items:center;
451            display:none;
452            opacity:0;
453        }
454        #MainMaster_RegisterDialogPaddingDiv{
455            height:auto;
456            min-height:calc(calc(52vw * 0.57) + calc(1.56vw * 2));
457            width:calc(52vw + calc(1.56vw * 2));
458            padding:1.56vw;
459            position:relative;
460        }
461        #MainMaster_RegisterDialogContentDiv{
462            height:auto;
463            width:100%;
464            border-radius:5px;
465            display:flex;
466            flex-direction:row;
467            background-color:#FFFFFF;
468            overflow:hidden;
469        }
470        #MainMaster_RegisterDialogContentDiv_CloseImg{
471            height:0.99vw;
472            width:0.99vw;
473            position:absolute;
474            top:0;
475            right:0;
476            cursor:pointer;
477        }
478        #MainMaster_RegisterDialogContentDiv_ImgDiv{
479            height:auto;
480            width:50%;
481            overflow:hidden;
482        }
483        #MainMaster_RegisterDialogContentDiv_ImgDiv > img{
484            height:100%;
485            width:100%;
486            object-fit:cover;
487            object-position:center;
488        }
489        #MainMaster_RegisterDialogContentDiv_ContentDiv{
490            height:auto;
491            width:50%;
492            padding:0 0 2.29vw 0;
493        }
494        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle1{
495            height:auto;
496            width:100%;
497            padding:1.3vw 1.3vw 0 0;
498            display:flex;
499            flex-direction:row;
500            justify-content:flex-end;
501        }
502        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle1 > div{
503            height:auto;
504            width:auto;
505            display:flex;
506            flex-direction:row;
507            align-items:center;
508            cursor:pointer;
509        }
510        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle1 > div > p{
511            letter-spacing: 0.09vw;
512            font-family: Noto Serif TC;
513            font-size: 0.68vw;
514            color:#808080;
515            line-height:1;
516        }
517        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle1 > div > img{
518            height:auto;
519            width:0.36vw;
520            margin:0 0 0 0.5vw;
521        }
522        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle2{
523            height:auto;
524            width:100%;
525            padding:1.4vw 13.8% 1.4vw 13.8%;
526            display:flex;
527            flex-direction:column;
528            align-items:flex-start;
529        }
530        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle2 > h1{
531            letter-spacing: 0.1vw;
532            font-family: Noto Serif TC;
533            font-size: 1.56vw;
534            color:#000000;
535            line-height:1;
536            padding:0 0 1.19vw 0;
537        }
538        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle2 > p{
539            letter-spacing: 0.08vw;
540            font-family: Noto Serif TC;
541            font-size: 0.63vw;
542            color:#4D4D4D;
543        }
544        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle3{
545            height:auto;
546            width:100%;
547            padding:0 13.8% 0 13.8%;
548            display:flex;
549            flex-direction:column;
550            align-items:flex-start;
551        }
552        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle3 > input{
553            height:2.41vw;
554            width:calc(100% - calc(0.625vw * 2));
555            padding:0 0.625vw 0 0.625vw;
556            display:flex;
557            flex-direction:column;
558            justify-content:center;
559            border:unset;
560            border-radius:5px;
561            background-color:#F2F2F2;
562            margin:0 0 0.5vw 0;
563            letter-spacing: 0.08vw;
564            font-family: Noto Serif TC;
565            font-size: 0.63vw;
566            color:#000000;
567        }
568        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle4{
569            height:auto;
570            width:100%;
571            padding:1.2vw 13.8% 1.2vw 13.8%;
572            display:flex;
573            flex-direction:row;
574            justify-content:space-between;
575        }
576        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle4 > div{
577            height:auto;
578            width:100%;
579            display:flex;
580            flex-direction:row;
581            align-items:center;
582        }
583        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle4 label{
584            display:flex;
585            flex-direction:row;
586            align-items:center;
587        }
588        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle4 input, .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle4 a , .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle4 label{
589            letter-spacing: 0.08vw;
590            font-family: Noto Serif TC;
591            font-size: 0.63vw;
592            color:#000000;
593            white-space:nowrap;
594        }
595        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle4 a{
596            cursor:pointer;
597        }
598        .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle5{
599            height:auto;
600            width:100%;
601            display:flex;
602            flex-direction:column;
603            padding:0 13.8% 0 13.8%;
604        }
605        .MainMaster_RegisterDialogContentDivItemStyle {
606            height:2.4vw;
607            width:100%;
608            border-radius:30px;
609            margin:0 0 0.3vw 0;
610            display:flex;
611            flex-direction:row;
612            justify-content:center;
613            align-items:center;
614            flex-wrap:wrap;
615            cursor:pointer;
616        }
617        .MainMaster_RegisterDialogContentDivItemStyle:hover {
618            opacity:0.9;
619        }
620        .MainMaster_RegisterDialogContentDivItemStyle.RegisterClick{
621            background-color:#333333;
622        }
623        .MainMaster_RegisterDialogContentDivItemStyle.FacebookClick{
624            background-color:#3B579D;
625        }
626        .MainMaster_RegisterDialogContentDivItemStyle > input {
627            letter-spacing: 0.09vw;
628            font-family: Noto Serif TC;
629            font-size: 0.78vw;
630            color:#FFFFFF;
631            background-color:unset;
632            border:0;
633            margin:0;
634            padding:0;
635            cursor:pointer;
636        }
637        .MainMaster_RegisterDialogContentDivItemStyle > img {
638            height:auto;
639            width:0.9vw;
640            margin:0 1vw 0 0;
641        }
642        .MainMaster_RegisterDialogContentDivEmptyStyle{
643            height:auto;
644            width:100%;
645            display:flex;
646            flex-direction:row;
647            justify-content:center;
648            align-items:center;
649            margin:0.5vw 0 calc(0.5vw + 0.3vw) 0;
650        }
651        .MainMaster_RegisterDialogContentDivEmptyStyle hr{
652            height:1px;
653            width:38.7%;
654            border:0;
655            padding:0;
656            margin:0;
657            background-color:#4D4D4D;
658        }
659        .MainMaster_RegisterDialogContentDivEmptyStyle p{
660            letter-spacing: 0.09vw;
661            font-family: Noto Serif TC;
662            font-size: 0.63vw;
663            padding:0 0.5vw 0 0.5vw;
664        }
665        .MainMaster_RegisterDialogContentDivFooterStyle{
666            height:auto;
667            width:100%;
668            padding:0.67vw 0 0.67vw 0;
669            display:flex;
670            flex-direction:column;
671            align-items:center;
672        }
673        .MainMaster_RegisterDialogContentDivFooterStyle > a{
674            letter-spacing: 0.09vw;
675            font-family: Noto Serif TC;
676            font-size: 0.63vw;
677            padding:0 0.5vw 0 0.5vw;
678            cursor:pointer;
679        }
680
681        /*MainMaster_FbLoginProblemDialogDiv*/
682        #MainMaster_FbLoginProblemDialogDiv{
683            height:100vh;
684            width:100%;
685            background-color:rgba(0,0,0,0.6);
686            position:fixed;
687            top:0;
688            left:0;
689            z-index:100;
690            display:flex;
691            flex-direction:column;
692            justify-content:center;
693            align-items:center;
694            display:none;
695            opacity:0;
696        }
697        #MainMaster_FbLoginProblemDialogPaddingDiv{
698            height:auto;
699            width:calc(37.18vw + calc(1.56vw * 2));
700            padding:1.56vw;
701            position:relative;
702        }
703        #MainMaster_FbLoginProblemDialogContentDiv_CloseImg{
704            height:0.99vw;
705            width:0.99vw;
706            position:absolute;
707            top:0;
708            right:0;
709            cursor:pointer;
710        }
711        #MainMaster_FbLoginProblemDialogContentDiv{
712            height:auto;
713            width:100%;
714            border-radius:5px;
715            display:flex;
716            flex-direction:row;
717            background-color:#FFFFFF;
718            overflow:hidden;
719        }
720        #MainMaster_FbLoginProblemDialogContentDiv_ImgDiv{
721            height:auto;
722            width:40%;
723            padding:6% 0 calc(6% + 2.53%) 6%;
724        }
725        #MainMaster_FbLoginProblemDialogContentDiv_ImgDiv > img{
726            height:auto;
727            width:100%;
728        }
729        #MainMaster_FbLoginProblemDialogContentDiv_ContentDiv{
730            height:auto;
731            width:60%;
732            padding:6% 6% 6% 1.8%;
733            display:flex;
734            flex-direction:column;
735            flex:1;
736        }
737        #MainMaster_FbLoginProblemDialogContentDiv_ContentDiv > p{
738            letter-spacing: 0.09vw;
739            font-family: Noto Serif TC;
740            font-size: 0.63vw;
741            color:#4D4D4D;
742            padding:2.44vw 0 0.9vw 0;
743            line-height:1.5;
744        }
745        #MainMaster_FbLoginProblemDialogContentDiv_ContentDiv > input[type=text]{
746            height:1.9vw;
747            width:calc(100% - 4%);
748            letter-spacing: 0.09vw;
749            font-family: Noto Serif TC;
750            font-size: 0.63vw;
751            color:#000000;
752            margin:0 0 1.1vw 0;
753            border:unset;
754            border-radius:5px;
755            background-color:#F2F2F2;
756            padding:0 2% 0 2%;
757        }
758        #MainMaster_FbLoginProblemDialogContentDiv_ContentDiv > input[type=button]{
759            height:1.9vw;
760            width:7.63vw;
761            letter-spacing: 0.09vw;
762            font-family: Noto Serif TC;
763            font-size: 0.63vw;
764            color:#FFFFFF;
765            margin:0 0 0 0;
766            border:unset;
767            border-radius:30px;
768            background-color:#333333;
769            cursor:pointer;
770            -webkit-appearance:button;
771            margin-left:auto;
772        }
773        
774
775        /*MainMaster_ShopCartSidebarDiv*/
776        #MainMaster_ShopCartSidebarDiv{
777            height:100vh;
778            min-height:700px;
779            width:22.4vw;
780            min-width:400px;
781            box-shadow:-4px 0 6px rgba(0,0,0,0.6);
782            position:fixed;
783            top:0;
784            right:-999px;
785            z-index:100;
786            padding:2vw 1.25vw 0.57vw 1.25vw;
787            background-color:#FFFFFF;
788        }
789        #MainMaster_ShopCartSidebarDiv_CloseImg{
790            height:auto;
791            width:1vw;
792            position:absolute;
793            top:1.35vw;
794            right:0.93vw;
795            cursor:pointer;
796        }
797        #MainMaster_ShopCartSidebarChildDiv{
798            height:100%;
799            width:100%;
800        }
801        #MainMaster_ShopCartSidebarDiv_TitleDiv{
802            height:6.26%;
803            width:100%;
804            display:flex;
805            flex-direction:row;
806            justify-content:flex-start;
807            align-items:flex-end;
808            padding:0 0 0.57vw 0;
809            border-bottom:1px solid rgba(128,128,128,0.5);
810        }
811        #MainMaster_ShopCartSidebarDiv_TitleDiv > img{
812            height:auto;
813            width:1vw;
814            margin:0 0.73vw 0 0;
815        }
816        #MainMaster_ShopCartSidebarDiv_TitleDiv > h3{
817            font-size:1.25vw;
818            color:#000000;
819            letter-spacing: 0.09vw;
820            font-family: Noto Serif TC;
821            position:relative;
822            top:0.3vw;
823        }
824        #MainMaster_ShopCartSidebarDiv_CommodityDiv{
825            height:28%;
826            width:100%;
827            padding:2vw 0 2vw 0;
828            display:flex;
829            flex-direction:row;
830        }
831        #MainMaster_ShopCartSidebarDiv_CommodityDiv .ImgDiv{
832            height:auto;
833            width:51.6%;
834            padding:0 0.1vw 0 0.1vw;
835        }
836        #MainMaster_ShopCartSidebarDiv_CommodityDiv .ImgDiv > img{
837            height:100%;
838            width:100%;
839            object-fit:contain;
840            object-position:center;
841        }
842        #MainMaster_ShopCartSidebarDiv_CommodityDiv .ContentDiv{
843            height:auto;
844            width:48.4%;
845            padding:0 0.2vw 0 0.2vw;
846            display:flex;
847            flex-direction:column;
848            justify-content:center;
849            align-items:flex-start;
850        }
851        #MainMaster_ShopCartSidebarDiv_CommodityDiv .ContentDiv > .ContentH41{
852            font-size:0.87vw;
853            color:#000000;
854            letter-spacing: 0.08vw;
855            font-family: Noto Serif TC;
856        }
857        #MainMaster_ShopCartSidebarDiv_CommodityDiv .ContentDiv > .ContentH42{
858            font-size:0.87vw;
859            color:#000000;
860            letter-spacing: 0.08vw;
861            font-family: Noto Serif TC;
862            padding:0.2vw 0 0.3vw 0;
863        }
864        #MainMaster_ShopCartSidebarDiv_CommodityDiv .ContentDiv > .ContentP1{
865            font-size:0.635vw;
866            color:#4D4D4D;
867            letter-spacing: 0.07vw;
868            font-family: Noto Serif TC;
869            padding:0.1vw 0 0.1vw 0;
870        }
871        #MainMaster_ShopCartSidebarDiv_CommodityDiv .ContentDiv > .ContentP2{
872            font-size:0.635vw;
873            color:#4D4D4D;
874            letter-spacing: 0.07vw;
875            font-family: Noto Serif TC;
876            padding:0.1vw 0 0.1vw 0;
877        }
878        #MainMaster_ShopCartSidebarDiv_ControlDiv{
879            height:9.7%;
880            width:100%;
881            display:flex;
882            flex-direction:row;
883            padding:0 0 2vw 0;
884        }
885        #MainMaster_ShopCartSidebarDiv_ControlDiv > input{
886            height:2.33vw;
887            width:calc(50% - calc(0.23vw * 2));
888            margin:0 0.23vw 0 0.23vw;
889            border-radius:5px;
890            font-size:0.83vw;
891            color:#FFFFFF;
892            letter-spacing: 0.07vw;
893            font-family: Noto Serif TC;
894            cursor:pointer;
895            border:0;
896        }
897        #MainMaster_ShopCartSidebarDiv_ControlDiv > input.Continue{
898            background-color:#333333;
899        }
900        #MainMaster_ShopCartSidebarDiv_ControlDiv > input.Cart{
901            background-color:#EB5134;
902        }
903        #MainMaster_ShopCartSidebarDiv_RecommendDiv{
904            height:56.04%;
905            width:100%;
906            display:flex;
907            flex-direction:column;
908        }
909        #MainMaster_ShopCartSidebarDiv_RecommendDiv .RecommendTitleDiv{
910            height:10%;
911            width:100%;
912            display:flex;
913            flex-direction:column;
914            padding:0.73vw 0 0.73vw 0;
915        }
916        #MainMaster_ShopCartSidebarDiv_RecommendDiv .RecommendTitleDiv > h4{
917            font-size:0.93vw;
918            color:#000000;
919            letter-spacing: 0.082vw;
920            font-family: Noto Serif TC;
921        }
922        #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv{
923            height:90%;
924            width:100%;
925            display:flex;
926            flex-direction:row;
927            flex-wrap:wrap;
928            overflow:auto;
929        }
930        #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv::-webkit-scrollbar {
931            width: 0.6vw;
932            height: 100%;
933            background-color: #CCCCCC; /* or add it to the track */
934            border-radius:10px;
935        }
936        #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv::-webkit-scrollbar-thumb{
937            width:100%;
938            background-color: #4D4D4D; /* or add it to the track */
939            border-radius:10px;
940        }
941        #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemDiv{
942            height:auto;
943            width:calc(50% - 0.1vw);
944        }
945        #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemDiv:nth-of-type(2n+1){
946            margin:0 0.1vw 0 0;
947        }
948        #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemDiv:nth-of-type(2n){
949            margin:0 0 0 0.1vw;
950        }
951        #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemDiv .RecommendItemImgDiv{
952            height:8.38vw;
953            width:100%;
954        }
955        #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemDiv .RecommendItemImgDiv > img{
956            height:100%;
957            width:100%;
958            object-fit:contain;
959            object-position:center;
960        }
961        #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemDiv .RecommendItemContentDiv{
962            height:auto;
963            width:100%;
964            padding:0 1.26vw 0 1.26vw;
965        }
966        #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemH3{
967            padding:0.35vw 0 0 0;
968            font-size:0.473vw;
969            color:#000000;
970            letter-spacing: 0.082vw;
971            font-family: Noto Serif TC;
972        }
973        #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemH4{
974            padding:0.35vw 0 0.625vw 0;
975            font-size:0.677vw;
976            color:#000000;
977            letter-spacing: 0.082vw;
978            font-family: Noto Serif TC;
979        }
980        #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemP{
981            padding:0 0 0.2vw 0;
982            font-size:0.62vw;
983            color:#4D4D4D;
984            letter-spacing: 0.078vw;
985            font-family: Noto Serif TC;
986        }
987
988        #LoginDiv{
989
990        }
991        #RegisterDiv{
992            background-color:#333333;
993            color:#FFFFFF;
994            border:unset;
995        }
996        #FbLoginDiv{
997            background-color:#3B579D;
998            color:#FFFFFF;
999            border:unset;
1000        }
1001        #FbLoginDiv > input{
1002            color:#FFFFFF;
1003        }
1004        #LogOutDiv{
1005            background-color:#005757;
1006            border:unset;
1007        }
1008        #LogOutDiv > input{
1009            color:#FFFFFF;
1010        }
1011
1012        #MainMaster_PhoneNavDiv{
1013            display:none;
1014        }
1015
1016        .MainMaster_navStyle_div3{
1017            height:auto;
1018            width:22%;
1019            display:flex;
1020            flex-direction:row;
1021            justify-content:flex-end;
1022            align-items:center;
1023            padding:0 0 15px 0;
1024        }
1025        .MainMaster_navStyle_div3 select{
1026            height:30px;
1027            background:none;
1028            border:none;
1029            color:#FFFFFF;
1030            margin:0 5px 0 5px;
1031            cursor:pointer;
1032            /*font-family:GenRyuMin_Medium;*/
1033            font-family:Noto Serif TC;
1034            font-size:0.75vw;
1035            padding:0 0 0.1vw 0;
1036        }
1037        .MainMaster_navStyle_div3 option{
1038            background-color:#1F1F1F;
1039        }
1040        .MainMaster_navStyle_div3 > img {
1041            height:15px;
1042            margin:0 5px 0 5px;
1043            cursor:pointer;
1044        }
1045        .MainMaster_navStyle_div3 > span{
1046            display:flex;
1047            flex-direction:row;
1048            justify-content:center;
1049            align-items:center;
1050        }
1051        .MainMaster_navStyle_div3 > span > img {
1052            height:15px;
1053        }
1054        #Master_PersonImgDiv{
1055            display:flex;
1056            flex-direction:column;
1057            position:relative;
1058            margin:0 5px 0 5px;
1059        }
1060        #Master_PersonImgControlDiv{
1061            height:15px;
1062            display:flex;
1063            flex-direction:column;
1064            overflow:visible;
1065        }
1066        #Master_PersonImg{
1067            height:15px;
1068            cursor:pointer;
1069        }
1070        #Master_PersonDialogImg{
1071            margin:0.2vw 0 0 0;
1072            height:calc(1.3vw * 0.65);
1073            width:1.3vw;
1074            z-index:50;
1075            display:none;
1076            opacity:0;
1077        }
1078        #Master_PersonImgDialogDiv{
1079            width:15px;
1080            z-index:40;
1081            position:relative;
1082            display:none;
1083            opacity:0;
1084        }
1085        #MainMaster_AccountDialogContentDiv{
1086            width:14.16vw;
1087            min-width:220px;
1088            background-color:#FFFFFF;
1089            padding:0.67vw 0.67vw calc(0.67vw - 0.3vw) 0.67vw;
1090            border-radius:5px;
1091            box-shadow:0 0 4px rgba(0,0,0,0.4);
1092            z-index:40;
1093            position:absolute;
1094            top:calc(calc(1.3vw * 0.65) + 0.18vw);
1095            left:-8.95vw;
1096        }
1097        #MainMaster_AccountDialogContentDiv_CloseImg{
1098            height:0.58vw;
1099            width:0.58vw;
1100            position:absolute;
1101            top:calc(0.67vw + 0.3vw);
1102            right:0.67vw;
1103            cursor:pointer;
1104        }
1105        #MainMaster_AccountDialogContentDivH42{
1106            display:none;
1107        }
1108        .MainMaster_AccountDialogContentDivH4Style{
1109            letter-spacing: 0.09vw;
1110            font-family: Noto Serif TC;
1111            font-size: 0.6vw;
1112            color:#4D4D4D;
1113            padding:0.3vw 0 0.86vw 0;
1114            text-align:center;
1115            display:inline-block;
1116        }
1117        .MainMaster_AccountDialogContentDivItemStyle{
1118            height:2.3vw;
1119            width:100%;
1120            border:1px solid #000000;
1121            border-radius:7px;
1122            margin:0 0 0.3vw 0;
1123            display:flex;
1124            flex-direction:row;
1125            justify-content:center;
1126            align-items:center;
1127            flex-wrap:wrap;
1128            cursor:pointer;
1129        }
1130        .MainMaster_AccountDialogContentDivItemStyle:hover{
1131            opacity:0.9;
1132        }
1133        .MainMaster_AccountDialogContentDivItemStyle p{
1134            letter-spacing: 0.09vw;
1135            font-family: Noto Serif TC;
1136            font-size: 0.7vw;
1137        }
1138        .MainMaster_AccountDialogContentDivItemStyle img{
1139            height:auto;
1140            width:0.4vw;
1141            margin:0 0.5vw 0 0;
1142        }
1143        .MainMaster_AccountDialogContentDivItemStyle input{
1144            letter-spacing: 0.09vw;
1145            font-family: Noto Serif TC;
1146            font-size: 0.7vw;
1147            border:0;
1148            background:unset;
1149            text-align:center;
1150            cursor:pointer;
1151        }
1152        .MainMaster_AccountDialogContentDivEmptyStyle{
1153            height:auto;
1154            width:100%;
1155            display:flex;
1156            flex-direction:row;
1157            justify-content:center;
1158            align-items:center;
1159            margin:0.6vw 0 0.6vw 0;
1160        }
1161        .MainMaster_AccountDialogContentDivEmptyStyle hr{
1162            height:1px;
1163            width:31%;
1164            border:0;
1165            padding:0;
1166            margin:0;
1167            background-color:#4D4D4D;
1168        }
1169        .MainMaster_AccountDialogContentDivEmptyStyle p{
1170            letter-spacing: 0.09vw;
1171            font-family: Noto Serif TC;
1172            font-size: 0.7vw;
1173            padding:0 0.5vw 0 0.5vw;
1174        }
1175        #Master_ShoppingCartImgDiv{
1176            display:flex;
1177            flex-direction:column;
1178            position:relative;
1179            margin:0 5px 0 5px;
1180        }
1181        #Master_ShoppingCartImgControlDiv{
1182            height:15px;
1183            display:flex;
1184            flex-direction:column;
1185            overflow:visible;
1186        }
1187        #Master_ShoppingCartImg{
1188            height:15px;
1189            cursor:pointer;
1190        }
1191        #Master_ShoppingCartDialogImg{
1192            margin:0.2vw 0 0 0;
1193            height:calc(1.3vw * 0.65);
1194            width:1.3vw;
1195            z-index:50;
1196            display:none;
1197            opacity:0;
1198        }
1199        #Master_ShoppingCartDialogDiv{
1200            width:15px;
1201            z-index:40;
1202            position:relative;
1203            display:none;
1204            opacity:0;
1205        }
1206        #Master_ShoppingCartDialogChildDiv{
1207            width:12.4vw;
1208            min-width:220px;
1209            background-color:#FFFFFF;
1210            padding:1.19vw 0.73vw 0.52vw 0.73vw;
1211            border-radius:5px;
1212            box-shadow:0 0 4px rgba(0,0,0,0.4);
1213            z-index:40;
1214            position:absolute;
1215            top:calc(calc(1.3vw * 0.65) + 0.18vw);
1216            left:-8.2vw;
1217        }
1218        #Master_ShoppingCartDialogChildDiv_CloseImg{
1219            height:0.58vw;
1220            width:0.58vw;
1221            position:absolute;
1222            top:0.73vw;
1223            right:0.73vw;
1224            cursor:pointer;
1225        }
1226        #Master_ShoppingCartDialogTitleDiv{
1227            height:auto;
1228            width:100%;
1229            display:flex;
1230            flex-direction:row;
1231            justify-content:flex-start;
1232            align-items:flex-end;
1233            padding:0 0.15vw 0.46vw 0.15vw;
1234            border-bottom:1px solid rgba(128,128,128,0.5);
1235        }
1236        #Master_ShoppingCartDialogTitleDiv h3.Title{
1237            font-size:0.8vw;
1238            font-family:Noto Serif TC;
1239            color:#000000;
1240            letter-spacing: 0.085vw;
1241            padding:0 0.36vw 0 0;
1242            position:relative;
1243            top:0.07vw;
1244        }
1245        #Master_ShoppingCartDialogTitleDiv p.Num, #Master_ShoppingCartDialogTitleDiv p.NumContent{
1246            font-size:0.53vw;
1247            font-family:Noto Serif TC;
1248            color:#4D4D4D;
1249            letter-spacing: 0.06vw;
1250        }
1251        #Master_ShoppingCartDialogTitleDiv p.Link{
1252            font-size:0.53vw;
1253            font-family:Noto Serif TC;
1254            color:#0071BC;
1255            letter-spacing: 0.06vw;
1256            padding:0 0 0 0.36vw;
1257            cursor:pointer;
1258        }
1259        #Master_ShoppingCartDialogContentDiv{
1260            height:auto;
1261            max-height:300px;
1262            width:100%;
1263            padding:0.93vw 0 0.52vw 0;
1264            border-bottom:1px solid rgba(128,128,128,0.5);
1265            overflow:auto;
1266        }
1267        #Master_ShoppingCartDialogContentDiv::-webkit-scrollbar {
1268            width: 0.2vw;
1269            height: 100%;
1270            background-color: #CCCCCC; /* or add it to the track */
1271        }
1272        #Master_ShoppingCartDialogContentDiv::-webkit-scrollbar-thumb{
1273            width:100%;
1274            background-color: #4D4D4D; /* or add it to the track */
1275        }
1276        .Master_ShoppingCartDialogContentItemStyle{
1277            height:auto;
1278            width:100%;
1279            display:flex;
1280            flex-direction:row;
1281        }
1282        .Master_ShoppingCartDialogContentItemStyle .ImgDiv{
1283            height:auto;
1284            width:51.6%;
1285            padding:0 0.1vw 0 0.1vw;
1286        }
1287        .Master_ShoppingCartDialogContentItemStyle .ImgDiv > img{
1288            height:auto;
1289            width:100%;
1290            object-fit:cover;
1291            object-position:center;
1292        }
1293        .Master_ShoppingCartDialogContentItemStyle .ContentDiv{
1294            height:auto;
1295            width:48.4%;
1296            padding:0 0.67vw 0.57vw 0.2vw;
1297            display:flex;
1298            flex-direction:column;
1299            justify-content:center;
1300            align-items:flex-start;
1301        }
1302        .Master_ShoppingCartDialogContentItemStyle .ContentDiv > h4{
1303            font-size:0.53vw;
1304            font-family:Noto Serif TC;
1305            color:#000000;
1306            letter-spacing: 0.07vw;
1307        }
1308        .Master_ShoppingCartDialogContentItemStyle .ContentDiv > p{
1309            font-size:0.57vw;
1310            font-family:Noto Serif TC;
1311            color:#000000;
1312            letter-spacing: 0.07vw;
1313            padding:0.31vw 0 0 0;
1314        }
1315        .Master_ShoppingCartDialogContentItemStyle .NoContentDiv{
1316            height:auto;
1317            width:100%;
1318            padding:1.14vw 0 0.8vw 0;
1319            display:flex;
1320            flex-direction:column;
1321            justify-content:center;
1322            align-items:center;
1323        }
1324        .Master_ShoppingCartDialogContentItemStyle .NoContentDiv > p{
1325            font-size:0.53vw;
1326            font-family:Noto Serif TC;
1327            color:#4D4D4D;
1328            letter-spacing: 0.07vw;
1329        }
1330        #Master_ShoppingCartDialogTotalDiv{
1331            height:auto;
1332            width:100%;
1333            display:flex;
1334            flex-direction:column;
1335            padding:0.67vw 0.2vw 0.67vw 0.2vw;
1336        }
1337        #Master_ShoppingCartDialogTotalDiv > .SubtotalDiv, #Master_ShoppingCartDialogTotalDiv > .TotalDiv, #Master_ShoppingCartDialogTotalDiv > .OtherListDiv > .OtherDiv{
1338            height:auto;
1339            width:100%;
1340            display:flex;
1341            flex-direction:row;
1342            justify-content:space-between;
1343            padding:0.1vw 0 0.1vw 0;
1344        }
1345        #Master_ShoppingCartDialogTotalDiv > .SubtotalDiv > p, #Master_ShoppingCartDialogTotalDiv > .TotalDiv > p, #Master_ShoppingCartDialogTotalDiv > .OtherListDiv > .OtherDiv > p{
1346            font-size:0.53vw;
1347            font-family:Noto Serif TC;
1348            letter-spacing: 0.07vw;
1349        }
1350        #Master_ShoppingCartDialogTotalDiv > .SubtotalDiv > p.TitleP, #Master_ShoppingCartDialogTotalDiv > .TotalDiv > p.TitleP, #Master_ShoppingCartDialogTotalDiv > .OtherListDiv > .OtherDiv > p.TitleP{
1351            color:#4D4D4D;
1352        }
1353        #Master_ShoppingCartDialogTotalDiv > .SubtotalDiv > p.ContentP, Master_ShoppingCartDialogTotalDiv > .TotalDiv > p.ContentP, Master_ShoppingCartDialogTotalDiv > .OtherListDiv > .OtherDiv > p.ContentP{
1354            color:#000000;
1355        }
1356        #Master_ShoppingCartDialogTotalDiv > .OtherListDiv{
1357            height:auto;
1358            width:100%;
1359            display:flex;
1360            flex-direction:column;
1361        }
1362        #Master_ShoppingCartDialogNoCommodityDiv{
1363            height:auto;
1364            width:100%;
1365            padding:1.14vw 0 0.8vw 0;
1366            display:flex;
1367            flex-direction:column;
1368            justify-content:center;
1369            align-items:center;
1370            display:none;
1371        }
1372        #Master_ShoppingCartDialogNoCommodityDiv > p{
1373            font-size:0.53vw;
1374            font-family:Noto Serif TC;
1375            color:#4D4D4D;
1376            letter-spacing: 0.07vw;
1377        }
1378        #Master_ShoppingCartDialogControlDiv{
1379            height:auto;
1380            width:100%;
1381            padding:0.52vw 0 0 0;
1382        }
1383        #Master_ShoppingCartDialogControlDiv > input{
1384            height:auto;
1385            width:100%;
1386            background-color:#333333;
1387            color:#FFFFFF;
1388            font-size:0.67vw;
1389            font-family:Noto Serif TC;
1390            letter-spacing: 0.08vw;
1391            display:flex;
1392            flex-direction:column;
1393            justify-content:center;
1394            align-items:center;
1395            text-align:center;
1396            padding:0.7vw 0 0.7vw 0;
1397            border:none;
1398            border-radius:5px;
1399            cursor:pointer;
1400        }
1401        #MenuImg{
1402            display:none;
1403        }
1404        #Master_PhoneGlobalImg{
1405            display:none;
1406        }
1407        
1408
1409        .MainMaster_FooterStyle{
1410            height:auto;
1411            width:100%;
1412            /*border-top:1px solid #DBBA86;*/
1413            padding:5.8vh 18vw 11.8vh 18vw;
1414            background-color:#1F1F1F;
1415        }
1416        .MainMaster_FooterMenuStyle{
1417            height:auto;
1418            display:flex;
1419            flex-direction:row;
1420            justify-content:flex-start;
1421            align-items:flex-start;
1422            flex-wrap:wrap;
1423        }
1424        #MainMaster_FooterItemDiv1{
1425            height:auto;
1426            width:60%;
1427            display:flex;
1428            flex-direction:row;
1429        }
1430        #MainMaster_FooterItemDiv1 > .ItemStyle{
1431            height:auto;
1432            width:calc(100% / 3);
1433            display:flex;
1434            /*align-items:center;*/
1435            flex-direction:column;
1436            padding:0 1.2vw 0 0;
1437            margin:0;
1438        }
1439        #MainMaster_FooterItemDiv2{
1440            height:auto;
1441            width:40%;
1442            display:flex;
1443            flex-direction:column;
1444        }
1445        #MainMaster_FooterItemDiv2_ItemDiv{
1446            height:auto;
1447            width:100%;
1448            display:flex;
1449            flex-direction:row;
1450        }
1451        #MainMaster_FooterItemDiv2_ItemDiv > .ItemStyle{
1452            height:auto;
1453            width:100%;
1454            display:flex;
1455            /*align-items:center;*/
1456            flex-direction:column;
1457            padding:0 0 0 5.6vw;
1458            margin:0;
1459        }
1460        #MainMaster_FooterMenuIconDiv{
1461            display:flex;
1462            flex-direction:row;
1463            justify-content:flex-start;
1464            padding:1.9vh 0 0 5.6vw;
1465        }
1466        #MainMaster_FooterMenuIconDiv > img {
1467            height:auto;
1468            width:1.6vw;
1469            margin:0 2.2vw 0 0;
1470            transition:all ease-in-out 0.2s;
1471            cursor:pointer;
1472        }
1473        .MainMaster_FooterMenuIcon > img:hover {
1474            transform:scale(1.1);
1475        }
1476        .MainMaster_FooterMenuTitle > h4{
1477            color:#FFFFFF;
1478            padding:0 0 2.5vh 0;
1479            font-weight:600;
1480            letter-spacing:1px;
1481            /*font-family: 'GenRyuMin_Bold';*/
1482            font-family:Noto Serif TC;
1483            font-size:1vw;
1484        }
1485        .MainMaster_FooterMenuText {
1486            display:flex;
1487            flex-direction:column;
1488            justify-content:center;
1489        }
1490        .MainMaster_FooterMenuText > a{
1491            color:#DAB985;
1492            cursor:pointer;
1493            letter-spacing:1px;
1494            /*font-family: 'GenRyuMin_SemiBold';*/
1495            font-family:Noto Serif TC;
1496            margin:0.9vh 0 0.9vh 0;
1497            font-size:0.93vw;
1498        }
1499        .MainMaster_FooterMenuText > a:hover{
1500            color:#B78D6E;
1501        }
1502        .MainMaster_FooterMenuImg{
1503            display:flex;
1504            flex-direction:row;
1505            align-items:center;
1506        }
1507        .MainMaster_FooterMenuImg > img{
1508            height:40px;
1509            width:auto;
1510            margin:0 10px 0 0;
1511            cursor:pointer;
1512            transition:all 0.1s linear;
1513        }
1514        .MainMaster_FooterMenuImg > img:hover{
1515            transform:scale(1.1);
1516        }
1517        #MasterLineIcon{
1518            height:5vw;
1519            width:5vw;
1520            position:fixed;
1521            bottom:2vw;
1522            right:2vw;
1523            z-index:99;
1524            cursor:pointer;
1525            transition:all ease-in-out 0.2s;
1526            object-fit: cover;
1527            object-position: center;
1528        }
1529        #MasterLinkIcon1{
1530            height:5vw;
1531            width:5vw;
1532            position:fixed;
1533            bottom:8vw;
1534            right:2vw;
1535            z-index:99;
1536            cursor:pointer;
1537            transition:all ease-in-out 0.2s;
1538            object-fit: cover;
1539            object-position: center;
1540        }
1541        #MasterLinkIcon2{
1542            height:5vw;
1543            width:5vw;
1544            position:fixed;
1545            bottom:14vw;
1546            right:2vw;
1547            z-index:99;
1548            cursor:pointer;
1549            transition:all ease-in-out 0.2s;
1550            object-fit:cover;
1551            object-position:center;
1552        }
1553        #MasterLineIcon:hover{
1554            transform:scale(1.1);
1555        }
1556        #MasterLineIcon:active{
1557            transform:scale(1);
1558        }
1559        #MasterLinkIcon1:hover{
1560            transform:scale(1.1);
1561        }
1562        #MasterLinkIcon1:active{
1563            transform:scale(1);
1564        }
1565        #MasterLinkIcon2:hover{
1566            transform:scale(1.1);
1567        }
1568        #MasterLinkIcon2:active{
1569            transform:scale(1);
1570        }
1571        @media screen and (max-width:1000px) {
1572
1573            /*MainMaster_DialogDiv*/
1574            #MainMaster_DialogDiv{
1575                height:100vh;
1576                width:100%;
1577                background-color:rgba(0,0,0,0.6);
1578                position:fixed;
1579                top:0;
1580                left:0;
1581                z-index:100;
1582                padding:10vw 10vw 10vw 10vw;
1583                display:none;
1584                opacity:0;
1585                flex-direction:column;
1586                justify-content:center;
1587            }
1588            #MainMaster_DialogContentDiv{
1589                height:auto;
1590                width:auto;
1591                border-radius:5px;
1592                overflow-y:auto;
1593                display:flex;
1594                flex-direction:column;
1595                justify-content:center;
1596                align-items:center;
1597            }
1598            #MainMaster_DialogContentDiv_Img1{
1599                height:auto;
1600                width:100%;
1601                object-fit:contain;
1602                object-position:center;
1603            }
1604
1605            /*MainMaster_AccountDialogDiv*/
1606            #MainMaster_AccountDialogDiv{
1607                height:100vh;
1608                width:100%;
1609                background-color:rgba(0,0,0,0.6);
1610                position:fixed;
1611                top:0;
1612                left:0;
1613                z-index:100;
1614                display:none;
1615                opacity:0;
1616                justify-content:center;
1617                align-items:center;
1618            }
1619            
1620            /*MainMaster_ForgetPasswordDialogDiv*/
1621            #MainMaster_ForgetPasswordDialogDiv{
1622                height:100vh;
1623                width:100%;
1624                background-color:rgba(0,0,0,0.6);
1625                position:fixed;
1626                top:0;
1627                left:0;
1628                z-index:100;
1629                display:flex;
1630                flex-direction:column;
1631                justify-content:center;
1632                align-items:center;
1633                display:none;
1634                opacity:0;
1635            }
1636            #MainMaster_ForgetPasswordPaddingDiv{
1637                height:auto;
1638                width:92.8vw;
1639                padding:9.33vw 0 0 0;
1640                position:relative;
1641            }
1642            #MainMaster_ForgetPasswordDialogContentDiv_CloseImg{
1643                height:5.86vw;
1644                width:5.86vw;
1645                position:absolute;
1646                top:0;
1647                right:0;
1648                cursor:pointer;
1649            }
1650            #MainMaster_ForgetPasswordDialogContentDiv{
1651                height:auto;
1652                width:100%;
1653                border-radius:5px;
1654                display:flex;
1655                flex-direction:row;
1656                background-color:#FFFFFF;
1657                overflow:hidden;
1658                padding:0 7vw 0 7vw;
1659            }
1660            #MainMaster_ForgetPasswordDialogContentDiv_ContentDiv{
1661                height:auto;
1662                width:100%;
1663                display:flex;
1664                flex-direction:column;
1665                justify-content:center;
1666                align-items:center;
1667            }
1668            .MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle1{
1669                height:auto;
1670                width:100%;
1671                display:flex;
1672                flex-direction:column;
1673                align-items:flex-start;
1674                padding:7vw 0 0 0;
1675            }
1676            .MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle1 > h1{
1677                letter-spacing: 0.5vw;
1678                font-family: Noto Serif TC;
1679                font-size: 6.1vw;
1680                color:#000000;
1681                line-height:1;
1682                padding:0 0 5.6vw 0;
1683            }
1684            .MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle1 > p{
1685                letter-spacing: 0.25vw;
1686                font-family: Noto Serif TC;
1687                font-size: 3.2vw;
1688                color:#4D4D4D;
1689            }
1690            .MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle2{
1691                height:auto;
1692                width:100%;
1693                display:flex;
1694                flex-direction:row;
1695                justify-content:flex-end;
1696                padding:4vw 0 1.4vw 0;
1697            }
1698            .MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle2 > input{
1699                height:9.43vw;
1700                width:calc(100% - calc(2vw * 2));
1701                padding:0 2vw 0 2vw;
1702                display:flex;
1703                flex-direction:column;
1704                justify-content:center;
1705                border:unset;
1706                border-radius:5px;
1707                background-color:#F2F2F2;
1708                margin:0 0 3.6vw 0;
1709                letter-spacing: 0.25vw;
1710                font-family: Noto Serif TC;
1711                font-size: 3.2vw;
1712                color:#000000;
1713            }
1714            .MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle3{
1715                height:auto;
1716                width:100%;
1717                padding:0 0 7vw 0;
1718                display:flex;
1719                flex-direction:row;
1720                justify-content:space-between;
1721            }
1722            .MainMaster_ForgetPasswordDialogContentDivItemStyle {
1723                height:9.3vw;
1724                width:100%;
1725                border-radius:30px;
1726                margin:0 0 0.3vw 0;
1727                display:flex;
1728                flex-direction:row;
1729                justify-content:center;
1730                align-items:center;
1731                flex-wrap:wrap;
1732                cursor:pointer;
1733            }
1734            .MainMaster_ForgetPasswordDialogContentDivItemStyle:hover {
1735                opacity:0.9;
1736            }
1737            .MainMaster_ForgetPasswordDialogContentDivItemStyle.ForgetPasswordClick{
1738                background-color:#333333;
1739            }
1740            .MainMaster_ForgetPasswordDialogContentDivItemStyle > input {
1741                letter-spacing: 0.25vw;
1742                font-family: Noto Serif TC;
1743                font-size: 3.2vw;
1744                color:#FFFFFF;
1745                background-color:unset;
1746                border:0;
1747                margin:0;
1748                padding:0;
1749                cursor:pointer;
1750            }
1751
1752            /*MainMaster_LoginDialogDiv*/
1753            #MainMaster_LoginDialogDiv{
1754                height:100vh;
1755                width:100%;
1756                background-color:rgba(0,0,0,0.6);
1757                position:fixed;
1758                top:0;
1759                left:0;
1760                z-index:100;
1761                display:flex;
1762                flex-direction:column;
1763                justify-content:center;
1764                align-items:center;
1765                display:none;
1766                opacity:0;
1767            }
1768            #MainMaster_LoginDialogPaddingDiv{
1769                height:auto;
1770                min-height:calc(calc(92.8vw * 1.38) + 9.33vw);
1771                width:92.8vw;
1772                padding:9.33vw 0 0 0;
1773                position:relative;
1774            }
1775            #MainMaster_LoginDialogContentDiv{
1776                height:auto;
1777                width:100%;
1778                border-radius:5px;
1779                display:flex;
1780                flex-direction:row;
1781                background-color:#FFFFFF;
1782                overflow:hidden;
1783                padding:0 7vw 7vw 7vw;
1784            }
1785            #MainMaster_LoginDialogContentDiv_CloseImg{
1786                height:5.86vw;
1787                width:5.86vw;
1788                position:absolute;
1789                top:0;
1790                right:0;
1791                cursor:pointer;
1792            }
1793            #MainMaster_LoginDialogContentDiv_ImgDiv{
1794                height:auto;
1795                width:0;
1796                overflow:hidden;
1797                display:none;
1798            }
1799            #MainMaster_LoginDialogContentDiv_ImgDiv > img{
1800                height:100%;
1801                width:100%;
1802                object-fit:cover;
1803                object-position:center;
1804            }
1805            #MainMaster_LoginDialogContentDiv_ContentDiv{
1806                height:auto;
1807                width:100%;
1808                padding:0 0 0 0;
1809            }
1810            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle1{
1811                height:auto;
1812                width:100%;
1813                padding:5vw 0 0 0;
1814                display:flex;
1815                flex-direction:row;
1816                justify-content:flex-end;
1817            }
1818            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle1 > div{
1819                height:auto;
1820                width:auto;
1821                display:flex;
1822                flex-direction:row;
1823                align-items:center;
1824                cursor:pointer;
1825            }
1826            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle1 > div > p{
1827                letter-spacing: 0.24vw;
1828                font-family: Noto Serif TC;
1829                font-size: 3.2vw;
1830                color:#808080;
1831                line-height:1;
1832            }
1833            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle1 > div > img{
1834                height:auto;
1835                width:1.33vw;
1836                margin:0 0 0 2vw;
1837            }
1838            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle2{
1839                height:auto;
1840                width:100%;
1841                padding:5.6vw 0 6vw 0;
1842                display:flex;
1843                flex-direction:column;
1844                align-items:flex-start;
1845            }
1846            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle2 > h1{
1847                letter-spacing: 0.5vw;
1848                font-family: Noto Serif TC;
1849                font-size: 6.1vw;
1850                color:#000000;
1851                line-height:1;
1852                padding:0 0 5.6vw 0;
1853            }
1854            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle2 > p{
1855                letter-spacing: 0.25vw;
1856                font-family: Noto Serif TC;
1857                font-size: 3.2vw;
1858                color:#4D4D4D;
1859            }
1860            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle3{
1861                height:auto;
1862                width:100%;
1863                padding:0 0 0 0;
1864                display:flex;
1865                flex-direction:column;
1866                align-items:flex-start;
1867            }
1868            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle3 > input{
1869                height:9.43vw;
1870                width:calc(100% - calc(2vw * 2));
1871                padding:0 2vw 0 2vw;
1872                display:flex;
1873                flex-direction:column;
1874                justify-content:center;
1875                border:unset;
1876                border-radius:5px;
1877                background-color:#F2F2F2;
1878                margin:0 0 3.6vw 0;
1879                letter-spacing: 0.25vw;
1880                font-family: Noto Serif TC;
1881                font-size: 3.2vw;
1882                color:#000000;
1883            }
1884            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle4{
1885                height:auto;
1886                width:100%;
1887                padding:3.6vw 0 3.6vw 0;
1888                display:flex;
1889                flex-direction:row;
1890                justify-content:space-between;
1891            }
1892            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle4 > div{
1893                height:auto;
1894                width:100%;
1895                display:flex;
1896                flex-direction:row;
1897                align-items:center;
1898            }
1899            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle4 input, .MainMaster_LoginDialogContentDiv_ContentItemDivStyle4 a , .MainMaster_LoginDialogContentDiv_ContentItemDivStyle4 label{
1900                letter-spacing: 0.25vw;
1901                font-family: Noto Serif TC;
1902                font-size: 3.2vw;
1903                color:#000000;
1904                white-space:nowrap;
1905            }
1906            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle4 a{
1907                cursor:pointer;
1908            }
1909            .MainMaster_LoginDialogContentDiv_ContentItemDivStyle5{
1910                height:auto;
1911                width:100%;
1912                display:flex;
1913                flex-direction:column;
1914                padding:3.86vw 0 3.86vw 0;
1915            }
1916            .MainMaster_LoginDialogContentDivItemStyle {
1917                height:9.3vw;
1918                width:100%;
1919                border-radius:30px;
1920                margin:0 0 0.3vw 0;
1921                display:flex;
1922                flex-direction:row;
1923                justify-content:center;
1924                align-items:center;
1925                flex-wrap:wrap;
1926                cursor:pointer;
1927            }
1928            .MainMaster_LoginDialogContentDivItemStyle:hover {
1929                opacity:0.9;
1930            }
1931            .MainMaster_LoginDialogContentDivItemStyle.LoginClick{
1932                background-color:#333333;
1933            }
1934            .MainMaster_LoginDialogContentDivItemStyle.FacebookClick{
1935                background-color:#3B579D;
1936            }
1937            .MainMaster_LoginDialogContentDivItemStyle > input {
1938                letter-spacing: 0.3vw;
1939                font-family: Noto Serif TC;
1940                font-size: 3.4vw;
1941                color:#FFFFFF;
1942                background-color:unset;
1943                border:0;
1944                margin:0;
1945                padding:0;
1946                cursor:pointer;
1947            }
1948            .MainMaster_LoginDialogContentDivItemStyle > p {
1949                letter-spacing: 0.3vw;
1950                font-family: Noto Serif TC;
1951                font-size: 3.4vw;
1952                color:#FFFFFF;
1953            }
1954            .MainMaster_LoginDialogContentDivItemStyle > img {
1955                height:auto;
1956                width:3.52vw;
1957                margin:0 1.73vw 0 0;
1958            }
1959            .MainMaster_LoginDialogContentDivEmptyStyle{
1960                height:auto;
1961                width:100%;
1962                display:flex;
1963                flex-direction:row;
1964                justify-content:center;
1965                align-items:center;
1966                margin:4.6vw 0 4.6vw 0;
1967            }
1968            .MainMaster_LoginDialogContentDivEmptyStyle hr{
1969                height:1px;
1970                width:38.7%;
1971                border:0;
1972                padding:0;
1973                margin:0;
1974                background-color:#4D4D4D;
1975            }
1976            .MainMaster_LoginDialogContentDivEmptyStyle p{
1977                letter-spacing: 0.25vw;
1978                font-family: Noto Serif TC;
1979                font-size: 3.2vw;
1980                padding:0 2.53vw 0 2.53vw;
1981            }
1982            .MainMaster_LoginDialogContentDivFooterStyle{
1983                height:auto;
1984                width:100%;
1985                padding:4.26vw 0 1vw 0;
1986                display:flex;
1987                flex-direction:column;
1988                align-items:center;
1989            }
1990            .MainMaster_LoginDialogContentDivFooterStyle > a{
1991                letter-spacing: 0.09vw;
1992                font-family: Noto Serif TC;
1993                font-size: 3.2vw;
1994                padding:0 0 0 0;
1995                cursor:pointer;
1996            }
1997            /*MainMaster_LoginDialogDiv*/
1998            #MainMaster_RegisterDialogDiv{
1999                height:100vh;
2000                width:100%;
2001                background-color:rgba(0,0,0,0.6);
2002                position:fixed;
2003                top:0;
2004                left:0;
2005                z-index:100;
2006                display:flex;
2007                flex-direction:column;
2008                justify-content:center;
2009                align-items:center;
2010                display:none;
2011                opacity:0;
2012            }
2013            #MainMaster_RegisterDialogPaddingDiv{
2014                height:auto;
2015                min-height:calc(calc(92.8vw * 1.38) + 9.33vw);
2016                width:92.8vw;
2017                padding:9.33vw 0 0 0;
2018                position:relative;
2019            }
2020            #MainMaster_RegisterDialogContentDiv{
2021                height:auto;
2022                width:100%;
2023                border-radius:5px;
2024                display:flex;
2025                flex-direction:row;
2026                background-color:#FFFFFF;
2027                overflow:hidden;
2028                padding:0 7vw 7vw 7vw;
2029            }
2030            #MainMaster_RegisterDialogContentDiv_CloseImg{
2031                height:5.86vw;
2032                width:5.86vw;
2033                position:absolute;
2034                top:0;
2035                right:0;
2036                cursor:pointer;
2037            }
2038            #MainMaster_RegisterDialogContentDiv_ImgDiv{
2039                height:auto;
2040                width:0;
2041                overflow:hidden;
2042                display:none;
2043            }
2044            #MainMaster_RegisterDialogContentDiv_ImgDiv > img{
2045                height:100%;
2046                width:100%;
2047                object-fit:cover;
2048                object-position:center;
2049            }
2050            #MainMaster_RegisterDialogContentDiv_ContentDiv{
2051                height:auto;
2052                width:100%;
2053                padding:0 0 0 0;
2054            }
2055            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle1{
2056                height:auto;
2057                width:100%;
2058                padding:5vw 0 0 0;
2059                display:flex;
2060                flex-direction:row;
2061                justify-content:flex-end;
2062            }
2063            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle1 > div{
2064                height:auto;
2065                width:auto;
2066                display:flex;
2067                flex-direction:row;
2068                align-items:center;
2069                cursor:pointer;
2070            }
2071            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle1 > div > p{
2072                letter-spacing: 0.24vw;
2073                font-family: Noto Serif TC;
2074                font-size: 3.2vw;
2075                color:#808080;
2076                line-height:1;
2077            }
2078            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle1 > div > img{
2079                height:auto;
2080                width:1.33vw;
2081                margin:0 0 0 2vw;
2082            }
2083            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle2{
2084                height:auto;
2085                width:100%;
2086                padding:5.6vw 0 6vw 0;
2087                display:flex;
2088                flex-direction:column;
2089                align-items:flex-start;
2090            }
2091            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle2 > h1{
2092                letter-spacing: 0.5vw;
2093                font-family: Noto Serif TC;
2094                font-size: 6.1vw;
2095                color:#000000;
2096                line-height:1;
2097                padding:0 0 5.6vw 0;
2098            }
2099            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle2 > p{
2100                letter-spacing: 0.25vw;
2101                font-family: Noto Serif TC;
2102                font-size: 3.2vw;
2103                color:#4D4D4D;
2104            }
2105            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle3{
2106                height:auto;
2107                width:100%;
2108                padding:0 0 0 0;
2109                display:flex;
2110                flex-direction:column;
2111                align-items:flex-start;
2112            }
2113            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle3 > input{
2114                height:9.43vw;
2115                width:calc(100% - calc(2vw * 2));
2116                padding:0 2vw 0 2vw;
2117                display:flex;
2118                flex-direction:column;
2119                justify-content:center;
2120                border:unset;
2121                border-radius:5px;
2122                background-color:#F2F2F2;
2123                margin:0 0 3.6vw 0;
2124                letter-spacing: 0.25vw;
2125                font-family: Noto Serif TC;
2126                font-size: 3.2vw;
2127                color:#000000;
2128            }
2129            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle4{
2130                height:auto;
2131                width:100%;
2132                padding:3.6vw 0 3.6vw 0;
2133                display:flex;
2134                flex-direction:row;
2135                justify-content:space-between;
2136            }
2137            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle4 > div{
2138                height:auto;
2139                width:100%;
2140                display:flex;
2141                flex-direction:row;
2142                align-items:center;
2143            }
2144            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle4 input, .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle4 a , .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle4 label{
2145                letter-spacing: 0.25vw;
2146                font-family: Noto Serif TC;
2147                font-size: 3.2vw;
2148                color:#000000;
2149                white-space:nowrap;
2150            }
2151            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle4 a{
2152                cursor:pointer;
2153            }
2154            .MainMaster_RegisterDialogContentDiv_ContentItemDivStyle5{
2155                height:auto;
2156                width:100%;
2157                display:flex;
2158                flex-direction:column;
2159                padding:3.86vw 0 3.86vw 0;
2160            }
2161            .MainMaster_RegisterDialogContentDivItemStyle {
2162                height:9.3vw;
2163                width:100%;
2164                border-radius:30px;
2165                margin:0 0 0.3vw 0;
2166                display:flex;
2167                flex-direction:row;
2168                justify-content:center;
2169                align-items:center;
2170                flex-wrap:wrap;
2171                cursor:pointer;
2172            }
2173            .MainMaster_RegisterDialogContentDivItemStyle:hover {
2174                opacity:0.9;
2175            }
2176            .MainMaster_RegisterDialogContentDivItemStyle.RegisterClick{
2177                background-color:#333333;
2178            }
2179            .MainMaster_RegisterDialogContentDivItemStyle.FacebookClick{
2180                background-color:#3B579D;
2181            }
2182            .MainMaster_RegisterDialogContentDivItemStyle > input {
2183                letter-spacing: 0.3vw;
2184                font-family: Noto Serif TC;
2185                font-size: 3.4vw;
2186                color:#FFFFFF;
2187                background-color:unset;
2188                border:0;
2189                margin:0;
2190                padding:0;
2191                cursor:pointer;
2192            }
2193            .MainMaster_RegisterDialogContentDivItemStyle > p {
2194                letter-spacing: 0.3vw;
2195                font-family: Noto Serif TC;
2196                font-size: 3.4vw;
2197                color:#FFFFFF;
2198            }
2199            .MainMaster_RegisterDialogContentDivItemStyle > img {
2200                height:auto;
2201                width:3.52vw;
2202                margin:0 1.73vw 0 0;
2203            }
2204            .MainMaster_RegisterDialogContentDivEmptyStyle{
2205                height:auto;
2206                width:100%;
2207                display:flex;
2208                flex-direction:row;
2209                justify-content:center;
2210                align-items:center;
2211                margin:4.6vw 0 4.6vw 0;
2212            }
2213            .MainMaster_RegisterDialogContentDivEmptyStyle hr{
2214                height:1px;
2215                width:38.7%;
2216                border:0;
2217                padding:0;
2218                margin:0;
2219                background-color:#4D4D4D;
2220            }
2221            .MainMaster_RegisterDialogContentDivEmptyStyle p{
2222                letter-spacing: 0.25vw;
2223                font-family: Noto Serif TC;
2224                font-size: 3.2vw;
2225                padding:0 2.53vw 0 2.53vw;
2226            }
2227            .MainMaster_RegisterDialogContentDivFooterStyle{
2228                height:auto;
2229                width:100%;
2230                padding:4.26vw 0 1vw 0;
2231                display:flex;
2232                flex-direction:column;
2233                align-items:center;
2234            }
2235            .MainMaster_RegisterDialogContentDivFooterStyle > a{
2236                letter-spacing: 0.09vw;
2237                font-family: Noto Serif TC;
2238                font-size: 0.63vw;
2239                padding:0 0 0 0;
2240                cursor:pointer;
2241            }
2242
2243            /*MainMaster_FbLoginProblemDialogDiv*/
2244            #MainMaster_FbLoginProblemDialogDiv{
2245                height:100vh;
2246                width:100%;
2247                background-color:rgba(0,0,0,0.6);
2248                position:fixed;
2249                top:0;
2250                left:0;
2251                z-index:100;
2252                display:flex;
2253                flex-direction:column;
2254                justify-content:center;
2255                align-items:center;
2256                display:none;
2257                opacity:0;
2258            }
2259            #MainMaster_FbLoginProblemDialogPaddingDiv{
2260                height:auto;
2261                min-height:calc(calc(92.8vw * 1.187) + 9.33vw);
2262                width:92.8vw;
2263                padding:9.33vw 0 0 0;
2264                position:relative;
2265            }
2266            #MainMaster_FbLoginProblemDialogContentDiv_CloseImg{
2267                height:5.86vw;
2268                width:5.86vw;
2269                position:absolute;
2270                top:0;
2271                right:0;
2272                cursor:pointer;
2273            }
2274            #MainMaster_FbLoginProblemDialogContentDiv{
2275                height:auto;
2276                width:100%;
2277                border-radius:5px;
2278                display:flex;
2279                flex-direction:column;
2280                background-color:#FFFFFF;
2281                overflow:hidden;
2282            }
2283            #MainMaster_FbLoginProblemDialogContentDiv_ImgDiv{
2284                height:auto;
2285                width:100%;
2286                padding:13.6% 12.9% 4.53% 12.9%;
2287                display:flex;
2288                flex-direction:column;
2289                justify-content:center;
2290                align-items:center;
2291            }
2292            #MainMaster_FbLoginProblemDialogContentDiv_ImgDiv > img{
2293                height:auto;
2294                width:43.3vw;
2295            }
2296            #MainMaster_FbLoginProblemDialogContentDiv_ContentDiv{
2297                height:auto;
2298                width:100%;
2299                padding:4.53% 12.9% 10.4% 12.9%;
2300                display:flex;
2301                flex-direction:column;
2302                flex:1;
2303            }
2304            #MainMaster_FbLoginProblemDialogContentDiv_ContentDiv > p{
2305                letter-spacing: 0.25vw;
2306                font-family: Noto Serif TC;
2307                font-size: 3.2vw;
2308                color:#4D4D4D;
2309                padding:0 0 0 0;
2310                line-height:1.5;
2311            }
2312            #MainMaster_FbLoginProblemDialogContentDiv_ContentDiv > input[type=text]{
2313                height:9.43vw;
2314                width:calc(100% - 8%);
2315                letter-spacing: 0.09vw;
2316                font-family: Noto Serif TC;
2317                font-size: 0.63vw;
2318                color:#000000;
2319                margin:4vw 0 4vw 0;
2320                border:unset;
2321                border-radius:5px;
2322                background-color:#F2F2F2;
2323                padding:0 4% 0 4%;
2324            }
2325            #MainMaster_FbLoginProblemDialogContentDiv_ContentDiv > input[type=button]{
2326                height:9.43vw;
2327                width:28.9vw;
2328                letter-spacing: 0.32vw;
2329                font-family: Noto Serif TC;
2330                font-size: 3.45vw;
2331                color:#FFFFFF;
2332                margin:0 0 0 0;
2333                border:unset;
2334                border-radius:30px;
2335                background-color:#333333;
2336                cursor:pointer;
2337                -webkit-appearance:button;
2338                margin-left:auto;
2339            }
2340            
2341            /*MainMaster_ShopCartSidebarDiv*/
2342            #MainMaster_ShopCartSidebarDiv{
2343                height:auto;
2344                width:100%;
2345                min-width:unset;
2346                box-shadow:0 -4px 6px rgba(0,0,0,0.6);
2347                position:fixed;
2348                top:unset;
2349                bottom:-999px;
2350                right:0;
2351                z-index:100;
2352                padding:10.8vw 5.86vw 6.4vw 5.86vw;
2353                background-color:#FFFFFF;
2354            }
2355            #MainMaster_ShopCartSidebarDiv_CloseImg{
2356                height:auto;
2357                width:4.74vw;
2358                position:absolute;
2359                top:4vw;
2360                right:4.8vw;
2361                cursor:pointer;
2362            }
2363            #MainMaster_ShopCartSidebarChildDiv{
2364                height:100%;
2365                width:100%;
2366            }
2367            #MainMaster_ShopCartSidebarDiv_TitleDiv{
2368                height:6.26%;
2369                width:100%;
2370                display:flex;
2371                flex-direction:row;
2372                justify-content:flex-start;
2373                align-items:flex-end;
2374                padding:0 0 2.26vw 0;
2375                border-bottom:1px solid rgba(128,128,128,0.5);
2376            }
2377            #MainMaster_ShopCartSidebarDiv_TitleDiv > img{
2378                height:auto;
2379                width:4.73vw;
2380                margin:0 2.93vw 0 0;
2381            }
2382            #MainMaster_ShopCartSidebarDiv_TitleDiv > h3{
2383                font-size:4.8vw;
2384                color:#000000;
2385                letter-spacing: 0.35vw;
2386                font-family: Noto Serif TC;
2387                position:relative;
2388                top:1.1vw;
2389            }
2390            #MainMaster_ShopCartSidebarDiv_CommodityDiv{
2391                height:auto;
2392                width:100%;
2393                padding:8vw 0 8vw 0;
2394                display:flex;
2395                flex-direction:row;
2396            }
2397            #MainMaster_ShopCartSidebarDiv_CommodityDiv .ImgDiv{
2398                height:auto;
2399                width:51.6%;
2400                padding:0 3vw 0 3vw;
2401            }
2402            #MainMaster_ShopCartSidebarDiv_CommodityDiv .ImgDiv > img{
2403                height:100%;
2404                width:100%;
2405                object-fit:contain;
2406                object-position:center;
2407            }
2408            #MainMaster_ShopCartSidebarDiv_CommodityDiv .ContentDiv{
2409                height:auto;
2410                width:48.4%;
2411                padding:0 3vw 0 3vw;
2412                display:flex;
2413                flex-direction:column;
2414                justify-content:center;
2415                align-items:flex-start;
2416            }
2417            #MainMaster_ShopCartSidebarDiv_CommodityDiv .ContentDiv > .ContentH41{
2418                font-size:3vw;
2419                color:#000000;
2420                letter-spacing: 0.3vw;
2421                font-family: Noto Serif TC;
2422            }
2423            #MainMaster_ShopCartSidebarDiv_CommodityDiv .ContentDiv > .ContentH42{
2424                font-size:3vw;
2425                color:#000000;
2426                letter-spacing: 0.3vw;
2427                font-family: Noto Serif TC;
2428                padding:1.5vw 0 4.3vw 0;
2429            }
2430            #MainMaster_ShopCartSidebarDiv_CommodityDiv .ContentDiv > .ContentP1{
2431                font-size:0.635vw;
2432                color:#4D4D4D;
2433                letter-spacing: 0.07vw;
2434                font-family: Noto Serif TC;
2435                padding:0 0 1.5vw 0;
2436            }
2437            #MainMaster_ShopCartSidebarDiv_CommodityDiv .ContentDiv > .ContentP2{
2438                font-size:0.635vw;
2439                color:#4D4D4D;
2440                letter-spacing: 0.07vw;
2441                font-family: Noto Serif TC;
2442                padding:0.1vw 0 0.1vw 0;
2443            }
2444            #MainMaster_ShopCartSidebarDiv_ControlDiv{
2445                height:auto;
2446                width:100%;
2447                display:flex;
2448                flex-direction:row;
2449                padding:0 0 0 0;
2450            }
2451            #MainMaster_ShopCartSidebarDiv_ControlDiv > input{
2452                height:10.3vw;
2453                width:calc(50% - calc(1.26vw * 2));
2454                margin:0 1.26vw 0 1.26vw;
2455                border-radius:5px;
2456                font-size:3vw;
2457                color:#FFFFFF;
2458                letter-spacing: 0.3vw;
2459                font-family: Noto Serif TC;
2460                cursor:pointer;
2461                border:0;
2462            }
2463            #MainMaster_ShopCartSidebarDiv_ControlDiv > input.Continue{
2464                background-color:#333333;
2465            }
2466            #MainMaster_ShopCartSidebarDiv_ControlDiv > input.Cart{
2467                background-color:#EB5134;
2468            }
2469            #MainMaster_ShopCartSidebarDiv_RecommendDiv{
2470                height:56.04%;
2471                width:100%;
2472                display:flex;
2473                flex-direction:column;
2474                display:none;
2475            }
2476            #MainMaster_ShopCartSidebarDiv_RecommendDiv .RecommendTitleDiv{
2477                height:10%;
2478                width:100%;
2479                display:flex;
2480                flex-direction:column;
2481                padding:0.73vw 0 0.73vw 0;
2482            }
2483            #MainMaster_ShopCartSidebarDiv_RecommendDiv .RecommendTitleDiv > h4{
2484                font-size:0.93vw;
2485                color:#000000;
2486                letter-spacing: 0.082vw;
2487                font-family: Noto Serif TC;
2488            }
2489            #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv{
2490                height:90%;
2491                width:100%;
2492                display:flex;
2493                flex-direction:row;
2494                flex-wrap:wrap;
2495                overflow:auto;
2496            }
2497            #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv::-webkit-scrollbar {
2498                width: 0.6vw;
2499                height: 100%;
2500                background-color: #CCCCCC; /* or add it to the track */
2501                border-radius:10px;
2502            }
2503            #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv::-webkit-scrollbar-thumb{
2504                width:100%;
2505                background-color: #4D4D4D; /* or add it to the track */
2506                border-radius:10px;
2507            }
2508            #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemDiv{
2509                height:auto;
2510                width:calc(50% - 0.1vw);
2511            }
2512            #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemDiv:nth-of-type(2n+1){
2513                margin:0 0.1vw 0 0;
2514            }
2515            #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemDiv:nth-of-type(2n){
2516                margin:0 0 0 0.1vw;
2517            }
2518            #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemDiv .RecommendItemImgDiv{
2519                height:8.38vw;
2520                width:100%;
2521            }
2522            #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemDiv .RecommendItemImgDiv > img{
2523                height:100%;
2524                width:100%;
2525                object-fit:contain;
2526                object-position:center;
2527            }
2528            #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemDiv .RecommendItemContentDiv{
2529                height:auto;
2530                width:100%;
2531                padding:0 1.26vw 0 1.26vw;
2532            }
2533            #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemH3{
2534                padding:0.35vw 0 0 0;
2535                font-size:0.473vw;
2536                color:#000000;
2537                letter-spacing: 0.082vw;
2538                font-family: Noto Serif TC;
2539            }
2540            #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemH4{
2541                padding:0.35vw 0 0.625vw 0;
2542                font-size:0.677vw;
2543                color:#000000;
2544                letter-spacing: 0.082vw;
2545                font-family: Noto Serif TC;
2546            }
2547            #MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv .RecommendItemP{
2548                padding:0 0 0.2vw 0;
2549                font-size:0.62vw;
2550                color:#4D4D4D;
2551                letter-spacing: 0.078vw;
2552                font-family: Noto Serif TC;
2553            }
2554
2555            #LoginDiv{
2556
2557            }
2558            #RegisterDiv{
2559                background-color:#333333;
2560                color:#FFFFFF;
2561                border:unset;
2562            }
2563            #FbLoginDiv{
2564                background-color:#3B579D;
2565                color:#FFFFFF;
2566                border:unset;
2567            }
2568
2569            #MainMaster_PhoneNavDiv{
2570                opacity:0;
2571                position:fixed;
2572                height:100vh;
2573                width:70%;
2574                top:0;
2575                left:-70%;
2576                background-color:#F4F2EC;
2577                display:flex;
2578                flex-direction:column;
2579                justify-content:flex-start;
2580                padding:50px 10px 150px 10px;
2581                z-index:99;
2582                overflow-y:auto;
2583            }
2584            #MainMaster_PhoneDropDownListDiv{
2585                height:auto;
2586                width:100%;
2587            }
2588            #MainMaster_PhoneOtherListDiv{
2589                height:auto;
2590                width:100%;
2591            }
2592            #MenuImg{
2593                display:initial;
2594            }
2595            #Master_PhoneGlobalImg{
2596                display:initial;
2597            }
2598            
2599
2600            /*#MenuTextImg{
2601                height:50%;
2602            }
2603            #CloseImg{
2604                height:70%;
2605            }
2606            #MainMaster_PhoneControlDiv > hr{
2607                margin:0;
2608                color:#DC3516;
2609            }
2610            #MainMaster_PhoneControlDiv_2{
2611                height:60px;
2612                width:100%;
2613                display:flex;
2614                flex-direction:row;
2615                align-items:center;
2616                padding:20px 10px 10px 0;
2617                
2618            }
2619            #MainMaster_PhoneControlDiv_2 > span{
2620                height:100%;
2621                display:flex;
2622                flex-direction:row;
2623                align-items:center;
2624                flex:1;
2625            }
2626            #MainMaster_PhoneControlDiv_2 > span > select{
2627                height:100%;
2628                background:none;
2629                border:none;
2630                color:#DBBA86;
2631                margin:0 10px 0 0;
2632                font-family:GenRyuMin_Medium;
2633            }
2634            #MainMaster_PhoneControlDiv_2 > span > img{
2635                height:100%;
2636                margin:0 10px 0 0;
2637            }*/
2638            
2639            #Master_PersonImgDiv{
2640                display:flex;
2641                flex-direction:column;
2642                position:initial;
2643                margin:0 5px 0 5px;
2644            }
2645            #Master_PersonImgControlDiv{
2646                height:5vw;
2647                display:flex;
2648                flex-direction:column;
2649                overflow:visible;
2650            }
2651            #Master_PersonImg{
2652                height:100%;
2653                cursor:pointer;
2654            }
2655            #Master_PersonDialogImg{
2656                margin:2vw 0 0 0;
2657                height:calc(20px - 2vw);
2658                width:auto;
2659                z-index:50;
2660            }
2661            #Master_PersonImgDialogDiv{
2662                width:15px;
2663                z-index:40;
2664                position:initial;
2665            }
2666            #MainMaster_AccountDialogContentDiv{
2667                height:auto;
2668                width:92.8vw;
2669                background-color:#FFFFFF;
2670                position:absolute;
2671                left:calc(calc(100% - 92.8vw) / 2);
2672                top:60px;
2673                padding:7vw;
2674                display:flex;
2675                flex-direction:column;
2676                justify-content:center;
2677                align-items:center;
2678                border-radius:5px;
2679            }
2680            #MainMaster_AccountDialogContentDiv_CloseImg{
2681                height:5.86vw;
2682                width:5.86vw;
2683                position:absolute;
2684                top:2vw;
2685                right:2vw;
2686                cursor:pointer;
2687            }
2688            .MainMaster_AccountDialogContentDivH4Style{
2689                letter-spacing: 0.25vw;
2690                font-family: Noto Serif TC;
2691                font-size: 3.35vw;
2692                color:#4D4D4D;
2693                padding:0 0 4vw 0;
2694            }
2695            .MainMaster_AccountDialogContentDivItemStyle{
2696                height:9.43vw;
2697                width:100%;
2698                border:1px solid #000000;
2699                border-radius:7px;
2700                margin:0 0 2vw 0;
2701                display:flex;
2702                flex-direction:row;
2703                justify-content:center;
2704                align-items:center;
2705                flex-wrap:wrap;
2706                cursor:pointer;
2707            }
2708            .MainMaster_AccountDialogContentDivItemStyle:hover{
2709                opacity:0.9;
2710            }
2711            .MainMaster_AccountDialogContentDivItemStyle p{
2712                letter-spacing: 0.25vw;
2713                font-family: Noto Serif TC;
2714                font-size: 3.45vw;
2715            }
2716            .MainMaster_AccountDialogContentDivItemStyle img{
2717                height:auto;
2718                width:1.6vw;
2719                margin:0 1.2vw 0 0;
2720            }
2721            .MainMaster_AccountDialogContentDivItemStyle input{
2722                letter-spacing: 0.25vw;
2723                font-family: Noto Serif TC;
2724                font-size: 3.45vw;
2725                border:0;
2726                background:unset;
2727                text-align:center;
2728                cursor:pointer;
2729            }
2730            .MainMaster_AccountDialogContentDivEmptyStyle{
2731                height:auto;
2732                width:100%;
2733                display:flex;
2734                flex-direction:row;
2735                justify-content:center;
2736                align-items:center;
2737                margin:0.3vw 0 2vw 0;
2738            }
2739            .MainMaster_AccountDialogContentDivEmptyStyle hr{
2740                height:1px;
2741                width:31%;
2742                border:0;
2743                padding:0;
2744                margin:0;
2745                background-color:#4D4D4D;
2746            }
2747            .MainMaster_AccountDialogContentDivEmptyStyle p{
2748                letter-spacing: 0.25vw;
2749                font-family: Noto Serif TC;
2750                font-size: 3.35vw;
2751                padding:0 1.2vw 0 1.2vw;
2752            }
2753            #Master_ShoppingCartImgDiv{
2754                display:flex;
2755                flex-direction:column;
2756                position:initial;
2757                margin:0 5px 0 5px;
2758            }
2759            #Master_ShoppingCartImgControlDiv{
2760                height:5vw;
2761                display:flex;
2762                flex-direction:column;
2763                overflow:visible;
2764            }
2765            #Master_ShoppingCartImg{
2766                height:100%;
2767                cursor:pointer;
2768            }
2769            #Master_ShoppingCartDialogImg{
2770                margin:2vw 0 0 0;
2771                height:calc(20px - 2vw);
2772                width:auto;
2773                z-index:50;
2774            }
2775            #Master_ShoppingCartDialogDiv{
2776                width:15px;
2777                z-index:40;
2778                position:initial;
2779            }
2780            #Master_ShoppingCartDialogChildDiv{
2781                width:89.2vw;
2782                background-color:#FFFFFF;
2783                padding:2.4vw 2vw 1.5vw 2vw;
2784                border-radius:5px;
2785                box-shadow:0 0 4px rgba(0,0,0,0.4);
2786                z-index:40;
2787                position:absolute;
2788                top:60px;
2789                left:unset;
2790                right:calc(calc(100% - 89.2vw) / 2);
2791            }
2792            #Master_ShoppingCartDialogChildDiv_CloseImg{
2793                height:5.86vw;
2794                width:5.86vw;
2795                position:absolute;
2796                top:2vw;
2797                right:2vw;
2798                cursor:pointer;
2799            }
2800            #Master_ShoppingCartDialogTitleDiv{
2801                height:auto;
2802                width:100%;
2803                display:flex;
2804                flex-direction:row;
2805                justify-content:flex-start;
2806                align-items:flex-end;
2807                padding:1vw 1vw 2vw 1vw;
2808                border-bottom:1px solid rgba(128,128,128,0.5);
2809            }
2810            #Master_ShoppingCartDialogTitleDiv h3.Title{
2811                font-size:3.4vw;
2812                font-family:Noto Serif TC;
2813                color:#000000;
2814                letter-spacing: 0.3vw;
2815                padding:0 0.8vw 0 0;
2816                position:relative;
2817                top:0.07vw;
2818            }
2819            #Master_ShoppingCartDialogTitleDiv p.Num, #Master_ShoppingCartDialogTitleDiv p.NumContent{
2820                font-size:3vw;
2821                font-family:Noto Serif TC;
2822                color:#4D4D4D;
2823                letter-spacing: 0.3vw;
2824            }
2825            #Master_ShoppingCartDialogTitleDiv p.Link{
2826                font-size:2.8vw;
2827                font-family:Noto Serif TC;
2828                color:#0071BC;
2829                letter-spacing: 0.3vw;
2830                padding:0 0 0 0.8vw;
2831                cursor:pointer;
2832            }
2833            #Master_ShoppingCartDialogContentDiv{
2834                height:auto;
2835                width:100%;
2836                padding:2vw 0 2vw 0;
2837                border-bottom:1px solid rgba(128,128,128,0.5);
2838            }
2839            .Master_ShoppingCartDialogContentItemStyle{
2840                height:auto;
2841                width:100%;
2842                display:flex;
2843                flex-direction:row;
2844            }
2845            .Master_ShoppingCartDialogContentItemStyle .ImgDiv{
2846                height:auto;
2847                width:51.6%;
2848                padding:0 1vw 0 1vw;
2849            }
2850            .Master_ShoppingCartDialogContentItemStyle .ImgDiv > img{
2851                height:auto;
2852                width:100%;
2853                object-fit:cover;
2854                object-position:center;
2855            }
2856            .Master_ShoppingCartDialogContentItemStyle .ContentDiv{
2857                height:auto;
2858                width:48.4%;
2859                padding:0 1vw 0 1vw;
2860                display:flex;
2861                flex-direction:column;
2862                justify-content:center;
2863                align-items:flex-start;
2864            }
2865            .Master_ShoppingCartDialogContentItemStyle .ContentDiv > h4{
2866                font-size:3.1vw;
2867                font-family:Noto Serif TC;
2868                color:#000000;
2869                letter-spacing: 0.28vw;
2870            }
2871            .Master_ShoppingCartDialogContentItemStyle .ContentDiv > p{
2872                font-size:3.3vw;
2873                font-family:Noto Serif TC;
2874                color:#000000;
2875                letter-spacing: 0.28vw;
2876                padding:1.5vw 0 0 0;
2877            }
2878            .Master_ShoppingCartDialogContentItemStyle .NoContentDiv{
2879                height:auto;
2880                width:100%;
2881                padding:1.14vw 0 0.8vw 0;
2882                display:flex;
2883                flex-direction:column;
2884                justify-content:center;
2885                align-items:center;
2886                display:none;
2887            }
2888            .Master_ShoppingCartDialogContentItemStyle .NoContentDiv > p{
2889                font-size:3vw;
2890                font-family:Noto Serif TC;
2891                color:#4D4D4D;
2892                letter-spacing: 0.28vw;
2893            }
2894            #Master_ShoppingCartDialogTotalDiv{
2895                height:auto;
2896                width:100%;
2897                display:flex;
2898                flex-direction:column;
2899                padding:1vw 1vw 1vw 1vw;
2900            }
2901            #Master_ShoppingCartDialogTotalDiv > .SubtotalDiv, #Master_ShoppingCartDialogTotalDiv > .TotalDiv, #Master_ShoppingCartDialogTotalDiv > .OtherListDiv > .OtherDiv{
2902                height:auto;
2903                width:100%;
2904                display:flex;
2905                flex-direction:row;
2906                justify-content:space-between;
2907                padding:0.6vw 0 0.6vw 0;
2908            }
2909            #Master_ShoppingCartDialogTotalDiv > .SubtotalDiv > p, #Master_ShoppingCartDialogTotalDiv > .TotalDiv > p, #Master_ShoppingCartDialogTotalDiv > .OtherListDiv > .OtherDiv > p{
2910                font-size:3vw;
2911                font-family:Noto Serif TC;
2912                letter-spacing: 0.28vw;
2913            }
2914            #Master_ShoppingCartDialogTotalDiv > .SubtotalDiv > p.TitleP, #Master_ShoppingCartDialogTotalDiv > .TotalDiv > p.TitleP, #Master_ShoppingCartDialogTotalDiv > .OtherListDiv > .OtherDiv > p.TitleP{
2915                color:#4D4D4D;
2916            }
2917            #Master_ShoppingCartDialogTotalDiv > .SubtotalDiv > p.ContentP, Master_ShoppingCartDialogTotalDiv > .TotalDiv > p.ContentP, Master_ShoppingCartDialogTotalDiv > .OtherListDiv > .OtherDiv > p.ContentP{
2918                color:#000000;
2919            }
2920            #Master_ShoppingCartDialogTotalDiv > .OtherListDiv{
2921                height:auto;
2922                width:100%;
2923                display:flex;
2924                flex-direction:column;
2925            }
2926            #Master_ShoppingCartDialogNoCommodityDiv{
2927                height:auto;
2928                width:100%;
2929                padding:1.14vw 0 0.8vw 0;
2930                display:flex;
2931                flex-direction:column;
2932                justify-content:center;
2933                align-items:center;
2934                display:none;
2935            }
2936            #Master_ShoppingCartDialogNoCommodityDiv > p{
2937                font-size:3vw;
2938                font-family:Noto Serif TC;
2939                color:#4D4D4D;
2940                letter-spacing: 0.28vw;
2941            }
2942            #Master_ShoppingCartDialogControlDiv{
2943                height:auto;
2944                width:100%;
2945                padding:0.6vw 0 0 0;
2946            }
2947            #Master_ShoppingCartDialogControlDiv > input{
2948                height:auto;
2949                width:100%;
2950                background-color:#333333;
2951                color:#FFFFFF;
2952                font-size:3.2vw;
2953                font-family:Noto Serif TC;
2954                letter-spacing: 0.28vw;
2955                display:flex;
2956                flex-direction:column;
2957                justify-content:center;
2958                align-items:center;
2959                text-align:center;
2960                padding:3vw 0 3vw 0;
2961                border:none;
2962                border-radius:5px;
2963                cursor:pointer;
2964            }
2965            
2966            .MainMaster_navStyle_div4{
2967                width:auto;
2968                display:flex;
2969                justify-content:center;
2970                align-items:center;
2971                padding:0 3vw 0 3vw;
2972                margin:7px 0 7px 0;
2973                border-left-width:1px;
2974                border-left-style:solid;
2975                border-left-color:#CFB080;
2976            }
2977            .MainMaster_navStyle_div4 > img {
2978                height:5vw;
2979                width:auto;
2980                margin:0 3vw 0 3vw;
2981            }
2982
2983            .MainMaster_FooterStyle{
2984                height:auto;
2985                width:100%;
2986                /*border-top:1px solid #DBBA86;*/
2987                padding:5.5vh 11vw 25.6vh 11vw;
2988                background-color:#1F1F1F;
2989            }
2990            .MainMaster_FooterMenuStyle{
2991                height:auto;
2992                display:flex;
2993                flex-direction:column;
2994                justify-content:flex-start;
2995            }
2996            #MainMaster_FooterItemDiv1{
2997                height:auto;
2998                width:100%;
2999                display:flex;
3000                flex-direction:column;
3001            }
3002            #MainMaster_FooterItemDiv1 > .ItemStyle{
3003                height:auto;
3004                width:100%;
3005                display:flex;
3006                /*align-items:center;*/
3007                flex-direction:column;
3008                padding:0;
3009                margin:3.4vh 0 3.4vh 0;
3010            }
3011            #MainMaster_FooterItemDiv2{
3012                height:auto;
3013                width:100%;
3014                display:flex;
3015                flex-direction:column;
3016            }
3017            #MainMaster_FooterItemDiv2_ItemDiv{
3018                height:auto;
3019                width:100%;
3020                display:flex;
3021                flex-direction:row;
3022            }
3023            #MainMaster_FooterItemDiv2_ItemDiv > .ItemStyle{
3024                height:auto;
3025                width:100%;
3026                display:flex;
3027                /*align-items:center;*/
3028                flex-direction:column;
3029                padding:0;
3030                margin:3.4vh 0 0 0;
3031            }
3032            #MainMaster_FooterMenuIconDiv{
3033                display:flex;
3034                flex-direction:row;
3035                justify-content:flex-start;
3036                padding:1.9vh 0 0 0;
3037            }
3038            #MainMaster_FooterMenuIconDiv > img {
3039                height:auto;
3040                width:5.7vw;
3041                margin:0 8vw 0 0;
3042            }
3043
3044            .MainMaster_FooterMenuTitle > h4{
3045                color:#FFFFFF;
3046                padding:0 0 1.7vh 0;
3047                font-weight:600;
3048                letter-spacing:1px;
3049                /*font-family: 'GenRyuMin_Bold';*/
3050                font-family:Noto Serif TC;
3051                font-size:2.9vw;
3052                margin-right:-0.2vw;
3053            }
3054            .MainMaster_FooterMenuText {
3055                display:flex;
3056                flex-direction:column;
3057                justify-content:center;
3058            }
3059            .MainMaster_FooterMenuText > a{
3060                color:#DAB985;
3061                cursor:pointer;
3062                letter-spacing:1px;
3063                /*font-family: 'GenRyuMin_SemiBold';*/
3064                font-family:Noto Serif TC;
3065                margin:0.7vh 0 0.7vh 0;
3066                font-size:2.85vw;
3067            }
3068            .MainMaster_FooterMenuText > a:hover{
3069                color:#B78D6E;
3070            }
3071            .MainMaster_FooterMenuImg{
3072                display:flex;
3073                flex-direction:row;
3074                align-items:center;
3075            }
3076            .MainMaster_FooterMenuImg > img{
3077                height:40px;
3078                width:auto;
3079                margin:0 10px 0 0;
3080                cursor:pointer;
3081                transition:all 0.1s linear;
3082            }
3083            .MainMaster_FooterMenuImg > img:hover{
3084                transform:scale(1.1);
3085            }
3086            #MasterLineIcon{
3087                height:15vw;
3088                width:15vw;
3089                position:fixed;
3090                bottom:4vw;
3091                right:4vw;
3092                z-index:99;
3093                cursor:pointer;
3094                transition:all ease-in-out 0.2s;
3095            }
3096            #MasterLinkIcon1{
3097                height:15vw;
3098                width:15vw;
3099                position:fixed;
3100                bottom:21vw;
3101                right:4vw;
3102                z-index:99;
3103                cursor:pointer;
3104                transition:all ease-in-out 0.2s;
3105            }
3106            #MasterLinkIcon2{
3107                height:15vw;
3108                width:15vw;
3109                position:fixed;
3110                bottom:38vw;
3111                right:4vw;
3112                z-index:99;
3113                cursor:pointer;
3114                transition:all ease-in-out 0.2s;
3115            }
3116            #MasterLineIcon:hover{
3117                transform:scale(1.1);
3118            }
3119            #MasterLineIcon:active{
3120                transform:scale(1);
3121            }
3122            #MasterLinkIcon1:hover{
3123                transform:scale(1.1);
3124            }
3125            #MasterLinkIcon1:active{
3126                transform:scale(1);
3127            }
3128            #MasterLinkIcon2:hover{
3129                transform:scale(1.1);
3130            }
3131            #MasterLinkIcon2:active{
3132                transform:scale(1);
3133            }
3134        }
3135    </style>
3136    
3136<script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
3136
3137    
3137<script src="https://cdn.jsdelivr.net/jquery.color-animation/1/mainfile" defer></script>
3137
3138    
3138<script src="Scripts/Base.js" defer></script>
3138
3139    
3139<script src="Scripts/BasicAnimate.js" defer></script>
3139
3140    
3140<script src="Scripts/Cookie.js"></script>
3140
3141    
3141<script defer>
3142        var NavCondition = -1;
3143        var RwdMainCondition = "-1";
3144        $(window).resize(function () {
3145            if (RwdMainCondition != -1) {
3146                InitMasterRWD();
3147            }
3148        });
3149
3150        $(function () {
3151            RwdMainCondition = "-1";
3152            NavCondition = -1;
3153            InitMasterControl();
3154            InitMasterRWD();
3155            $(window).scrollTop('0');
3156            //InitContactMainTrack();
3157        });
3158        $(window).scroll(function () {
3159            if (RwdMainCondition != "-1") {
3160                ChangeNav();
3161            }
3162        });
3163
3164        function InitMasterRWD() {
3165            
3166            if (window.innerWidth > 1000 && RwdMainCondition != "0") {
3167
3168                DeviceType = "Pc";
3169                $(`#MasterDeviceType_Hidden`).val(DeviceType);
3170                RwdMainCondition = "0";
3171                ChangeNav();
3172                //var arr = CreateDynamicControl("GoldenGarden", "Main", "ALL", "DynamicMain", DeviceType);
3173            }
3174            else if (window.innerWidth <= 1000 && RwdMainCondition != "1") {
3175                DeviceType = "Phone";
3176                $(`#MasterDeviceType_Hidden`).val(DeviceType);
3177                RwdMainCondition = "1";
3178                ChangeNav();
3179                //var arr = CreateDynamicControl("GoldenGarden", "Main", "ALL", "DynamicMain", DeviceType);
3180            }
3181        }
3182
3183        function InitMasterControl() {
3184            $('.HasData').click(function () {
3185                var $ExpendImg = $(this).find('img');
3186                if ($(this).find('ul').is(":visible")) {
3187                    RotateAnimate($ExpendImg, 0, 500); //BasicAnimate.js
3188                }
3189                else {
3190                    RotateAnimate($ExpendImg, 180, 500); //BasicAnimate.js
3191                }
3192                $(this).find('ul').fadeToggle(500);
3193            });
3194            $(`#Master_ShoppingCartDialogTitleDiv > .Link`).click(function () {
3195                window.location.href = "ShoppingCart.aspx";
3196            });
3197            $(`#Master_ShoppingCartDialogControlDiv > input`).click(function () {
3198                window.location.href = "ShoppingCart.aspx";
3199            });
3200            $(`#MainMaster_ShopCartSidebarDiv_ControlDiv_ContinueInput`).click(function () {
3201                window.location.href = "Products.aspx";
3202            });
3203            $(`#MainMaster_ShopCartSidebarDiv_ControlDiv_CartInput`).click(function () {
3204                window.location.href = "ShoppingCart.aspx";
3205            });
3206   	    const Link = CheckLanguage();
3207	    $(`#MasterLinkIcon2`).click(function(){
3208		window.location.href = Link;
3209            });
3210        }
3211
3212        function OpenMenu_Click() {
3213            $('#MenuImg').animate({ rotate: "90deg" }, 500);
3214            $('#CloseImg').animate({ rotate: "270deg" }, 500);
3215            $('#MainMaster_PhoneNavDiv').css('display', 'flex');
3216            $('#MainMaster_PhoneNavDiv').animate({ opacity: "1", left: 0 }, 700);
3217        }
3218        function CloseMenu_Click() {
3219            if (window.innerWidth < 1000) {
3220                var Div = document.getElementById("MainMaster_navStyle_div2");
3221                var b = CheckMouseClickPoint(Div);
3222                if (b == '1') {
3223                    $('#MenuImg').animate({ rotate: "0deg" }, 500);
3224                    $('#MainMaster_PhoneNavDiv').animate({ opacity: "0", left: '-70%' }, 700, function () {
3225                        $('#MainMaster_PhoneNavDiv').css('display', 'none');
3226                    });
3227                }
3228            }
3229        }
3230
3231        function CloseCartDialog(Type) {
3232            switch (Type) {
3233                case "1":
3234                    $('#Master_ShoppingCartDialogDiv').stop().animate({ opacity: 0 },
3235                        function () {
3236                            $('#Master_ShoppingCartDialogDiv').css({ display: 'none' });
3237                        }
3238                    );
3239                    $('#Master_ShoppingCartDialogImg').stop().animate({ opacity: 0 },
3240                        function () {
3241                            $('#Master_ShoppingCartDialogImg').css({ display: 'none' });
3242                        }
3243                    );
3244                    break;
3245                case "2":
3246                    var Div = document.getElementById('Master_ShoppingCartDialogChildDiv');
3247                    if (CheckAbsMouseClickPoint(Div)) {
3248                        $('#Master_ShoppingCartDialogDiv').stop().animate({ opacity: 0 },
3249                            function () {
3250                                $('#Master_ShoppingCartDialogDiv').css({ display: 'none' });
3251                            }
3252                        );
3253                        $('#Master_ShoppingCartDialogImg').stop().animate({ opacity: 0 },
3254                            function () {
3255                                $('#Master_ShoppingCartDialogImg').css({ display: 'none' });
3256                            }
3257                        );
3258                    }
3259                    break;
3260            }
3261        }
3262        function OpenAccountDialog() {
3263            let Login = docCookies.getItem('Login');
3264            let AccountID = docCookies.getItem('AccountID');
3265            let Account = docCookies.getItem('Account');
3266            let Token = docCookies.getItem('Token');
3267            let FullName = docCookies.getItem('FullName');
3268            let LoginBool = false;
3269            const data_u = { "AccountID": AccountID, "Account": Account, "Token": Token };
3270            $.ajax({
3271                url: './api/CheckToken',
3272                type: 'post',
3273                data: JSON.stringify(data_u),
3274                datatype: 'json',
3275                contentType: 'application/json; charset=utf-8',
3276                timeout: 30000,
3277                async: false,
3278                cache: true,
3279                success: function (data) {
3280                    if (data != null) {
3281                        if (data.Type == "Y") {
3282                            LoginBool = true;
3283                        }
3284                    }
3285                },
3286                error: function () {
3287                    console.log('CheckToken Ajax 系統出錯了!');
3288                }
3289            });
3290
3291            if (LoginBool) {
3292                $(location).attr("href", "People.aspx");
3293                //$('#MainMaster_AccountDialogContentDivH42').html(FullName);
3294                //$('#MainMaster_AccountDialogContentDivH42').css({ display: "block" });
3295                //$('#MainMaster_AccountDialogContentDivH41').css({ display: "none" });
3296                //$('#LoginDiv').css({ display: "none" });
3297                //$('#RegisterDiv').css({ display: "none" });
3298                //$('.MainMaster_AccountDialogContentDivEmptyStyle').css({ display: "none" });
3299                //$('#FbLoginDiv').css({ display: "none" });
3300                //$('#LogOutDiv').css({ display: "flex" });
3301            }
3302            else {
3303                $('#Master_PersonDialogImg').css({ display: 'block' });
3304                $('#Master_PersonDialogImg').stop().animate({ opacity: 1 });
3305                $('#Master_PersonImgDialogDiv').css({ display: 'flex' });
3306                $('#Master_PersonImgDialogDiv').stop().animate({ opacity: 1 });
3307
3308                $('#MainMaster_AccountDialogContentDivH42').css({ display: "none" });
3309                $('#MainMaster_AccountDialogContentDivH41').css({ display: "block" });
3310                $('#LoginDiv').css({ display: "flex" });
3311                $('#RegisterDiv').css({ display: "flex" });
3312                $('.MainMaster_AccountDialogContentDivEmptyStyle').css({ display: "flex" });
3313                $('#FbLoginDiv').css({ display: "flex" });
3314                $('#LogOutDiv').css({ display: "none" });
3315           }
3316        }
3317        function CloseAccountDialog(Type) {
3318            switch (Type) {
3319                case "1":
3320                    $('#Master_PersonImgDialogDiv').stop().animate({ opacity: 0 },
3321                        function () {
3322                            $('#Master_PersonImgDialogDiv').css({ display: 'none' });
3323                        }
3324                    );
3325                    $('#Master_PersonDialogImg').stop().animate({ opacity: 0 },
3326                        function () {
3327                            $('#Master_PersonDialogImg').css({ display: 'none' });
3328                        }
3329                    );
3330                    break;
3331                case "2":
3332                    var Div = document.getElementById('MainMaster_AccountDialogContentDiv');
3333                    if (CheckAbsMouseClickPoint(Div)) {
3334                        $('#Master_PersonImgDialogDiv').stop().animate({ opacity: 0 },
3335                            function () {
3336                                $('#Master_PersonImgDialogDiv').css({ display: 'none' });
3337                            }
3338                        );
3339                        $('#Master_PersonDialogImg').stop().animate({ opacity: 0 },
3340                            function () {
3341                                $('#Master_PersonDialogImg').css({ display: 'none' });
3342                            }
3343                        );
3344                    }
3345                    break;
3346            }
3347        }
3348        function CreateLoginItem() {
3349            CloseAccountDialog('1');
3350            $(`.MasterDialog`).css({ display: 'none' })
3351            $('#MainMaster_LoginDialogDiv').css({ display: 'flex' });
3352            $('#MainMaster_LoginDialogDiv').stop().animate({ opacity: 1 });
3353        }
3354        function CreateRegisterItem() {
3355            CloseAccountDialog('1');
3356            $(`.MasterDialog`).css({ display: 'none' })
3357            $('#MainMaster_RegisterDialogDiv').css({ display: 'flex' });
3358            $('#MainMaster_RegisterDialogDiv').stop().animate({ opacity: 1 });
3359        }
3360        function CreateForgetPasswordItem() {
3361            $('#MainMaster_ForgetPasswordDialogDiv').css({ display: 'flex' });
3362            $('#MainMaster_ForgetPasswordDialogDiv').stop().animate({ opacity: 1 });
3363        }
3364
3365        function CreateFbLoginProgram() {
3366            CloseAccountDialog('1');
3367            $('#MainMaster_FbLoginProblemDialogDiv').css({ display: 'flex' });
3368            $('#MainMaster_FbLoginProblemDialogDiv').stop().animate({ opacity: 1 });
3369        }
3370        /*開啟購物車視窗*/
3371        function OpenCartDialog() {
3372            CloseAccountDialog('1');
3373            $('#Master_ShoppingCartDialogImg').css({ display: 'block' });
3374            $('#Master_ShoppingCartDialogImg').stop().animate({ opacity: 1 });
3375            $('#Master_ShoppingCartDialogDiv').css({ display: 'flex' });
3376            $('#Master_ShoppingCartDialogDiv').stop().animate({ opacity: 1 });
3377            let DeviceType = $(`#MasterDeviceType_Hidden`).val();
3378            CreateMasterShoppingCartItem(DeviceType);
3379        }
3380        function CreateShoppingCartSidebar() {
3381            CloseAccountDialog('1');
3382            if (window.innerWidth > 1000) {
3383                $('#MainMaster_ShopCartSidebarDiv').stop().animate({
3384                    right: "0"
3385                });
3386            }
3387            else {
3388                $('#MainMaster_ShopCartSidebarDiv').stop().animate({
3389                    bottom: "0"
3390                });
3391            }
3392        }
3393
3394        function CloseFbLoginProblemDialog(Type) {
3395            var ID = $('#MainMaster_FbLoginProblemDialogDiv');
3396            switch (Type) {
3397                case "1":
3398                    ID.stop().animate({ opacity: 0 },
3399                        function () {
3400                            ID.css({ display: 'none' });
3401                        });
3402                    break;
3403                case "2":
3404                    var Div = document.getElementById('MainMaster_FbLoginProblemDialogPaddingDiv');
3405                    if (CheckMouseClickPoint(Div) == 1) {
3406                        ID.stop().animate({ opacity: 0 },
3407                            function () {
3408                                ID.css({ display: 'none' });
3409                            });
3410                    }
3411                    break;
3412            }
3413        }
3414        function CloseForgetPasswordDialog(Type) {
3415            var ID = $('#MainMaster_ForgetPasswordDialogDiv');
3416            switch (Type) {
3417                case "1":
3418                    ID.stop().animate({ opacity: 0 },
3419                        function () {
3420                            ID.css({ display: 'none' });
3421                        });
3422                    break;
3423                case "2":
3424                    var Div = document.getElementById('MainMaster_ForgetPasswordPaddingDiv');
3425                    if (CheckMouseClickPoint(Div) == 1) {
3426                        ID.stop().animate({ opacity: 0 },
3427                            function () {
3428                                ID.css({ display: 'none' });
3429                            });
3430                    }
3431                    break;
3432            }
3433        }
3434        /*關閉登入視窗*/
3435        function CloseLoginDialog(Type) {
3436            var ID = $('#MainMaster_LoginDialogDiv');
3437            switch (Type) {
3438                case "1":
3439                    ID.stop().animate({ opacity: 0 },
3440                        function () {
3441                            ID.css({ display: 'none' });
3442                        });
3443                    break;
3444                case "2":
3445                    var Div = document.getElementById('MainMaster_LoginDialogPaddingDiv');
3446                    if (CheckMouseClickPoint(Div) == 1) {
3447                        ID.stop().animate({ opacity: 0 },
3448                            function () {
3449                                ID.css({ display: 'none' });
3450                            });
3451                    }
3452                    break;
3453            }
3454        }
3455        /*關閉註冊視窗*/
3456        function CloseRegisterDialog(Type) {
3457            var ID = $('#MainMaster_RegisterDialogDiv');
3458            switch (Type) {
3459                case "1":
3460                    ID.stop().animate({ opacity: 0 },
3461                        function () {
3462                            ID.css({ display: 'none' });
3463                        });
3464                    break;
3465                case "2":
3466                    var Div = document.getElementById('MainMaster_RegisterDialogPaddingDiv');
3467                    if (CheckMouseClickPoint(Div) == 1) {
3468                        ID.stop().animate({ opacity: 0 },
3469                            function () {
3470                                ID.css({ display: 'none' });
3471                            });
3472                    }
3473                    break;
3474            }
3475        }
3476        /*關閉購物車視窗*/
3477        function CloseShoppingCartSidebar() {
3478
3479            if (window.innerWidth > 1000) {
3480                $('#MainMaster_ShopCartSidebarDiv').stop().animate({
3481                    right: "-999px"
3482                });
3483            }
3484            else {
3485                $('#MainMaster_ShopCartSidebarDiv').stop().animate({
3486                    bottom: "-999px"
3487                });
3488            }
3489        }
3490
3491        function OpenLink1_Onclick() {
3492            $('#MainMaster_DialogDiv').css("display", "flex");
3493            $('#MainMaster_DialogDiv').animate({ opacity: "1" });
3494        }
3495        function CloseLink1_Onclick() {
3496            var MainMaster_DialogContentDiv = document.getElementById("MainMaster_DialogContentDiv");
3497            var Result = CheckMouseClickPoint(MainMaster_DialogContentDiv);
3498            if (Result == 1) {
3499                $('#MainMaster_DialogDiv').animate({ opacity: "0" }, function () {
3500                    $('#MainMaster_DialogDiv').css("display", "none");
3501                });
3502            }
3503        }
3504        function InitContactMainTrack() {
3505            $('.ContactMainTrack').click(function () {
3506                fbq('track', 'Contact');
3507            });
3508        }
3509        function LoginRecord() {
3510            $('#LoginType_Input').val("Y");
3511        }
3512        function LogoutRecord() {
3513            $('#LoginType_Input').val("N");
3514        }
3515        function AddCartDialog(GroupID, DeviceType, Directions, Title, ShowImg, Price, Count) {
3516            const data_Commodity = { "ItemsType": "Commodity", "GroupID": GroupID, "CommodityNO": "ALL", "Order": "1" };
3517            $.ajax({
3518                url: './api/GetCommodityList',
3519                type: 'post',
3520                data: JSON.stringify(data_Commodity),
3521                datatype: 'json',
3522                contentType: 'application/json; charset=utf-8',
3523                timeout: 30000,
3524                async: true,
3525                cache: true,
3526                success: function (data) {
3527                    var Count = 0;
3528                    if (data != null) {
3529                        var Sum = data.length;
3530                        if (Sum > 0) {
3531                            let txt = "";
3532                            var AosDelay = 0;
3533                            for (var i = 0; i < Sum; i++) {
3534                                var Pc_Title1 = data[i].Pc_Title1;
3535                                var Phone_Title1 = data[i].Phone_Title1;
3536                                var Pc_Directions = data[i].Pc_Directions;
3537                                var Phone_Directions = data[i].Phone_Directions;
3538                                var OriginalPrice = data[i].OriginalPrice;
3539                                var Discount_Title = data[i].Discount_Title;
3540                                var Discount_SpecialOffer = data[i].Discount_SpecialOffer;
3541                                var Pc_ShowImg = data[i].Pc_ShowImg;
3542                                var Phone_ShowImg = data[i].Phone_ShowImg;
3543                                var Parent_Pc_Title1 = data[i].Parent_Pc_Title1;
3544                                var Parent_Phone_Title1 = data[i].Parent_Phone_Title1;
3545                                var Parent_Pc_Directions = data[i].Parent_Pc_Directions;
3546                                var Parent_Phone_Directions = data[i].Parent_Phone_Directions;
3547                                var Pc_Enable = data[i].Pc_Enable;
3548                                var Phone_Enable = data[i].Phone_Enable;
3549                                var GUID = data[i].GUID;
3550                                var Title = "";
3551                                var Directions = "";
3552                                var ShowImg = "";
3553                                var Parent_Title = "";
3554                                var Parent_Directions = "";
3555                                var Enable = "";
3556                                var Directions = "";
3557
3558                                switch (DeviceType) {
3559                                    case "Pc":
3560                                        Title = Pc_Title1;
3561                                        Directions = Pc_Directions;
3562                                        ShowImg = Pc_ShowImg;
3563                                        Parent_Title = Parent_Pc_Title1;
3564                                        Parent_Directions = Parent_Pc_Directions;
3565                                        Enable = Pc_Enable;
3566                                        break;
3567                                    case "Phone":
3568                                        Title = Phone_Title1;
3569                                        Directions = Phone_Directions;
3570                                        ShowImg = Phone_ShowImg;
3571                                        Parent_Title = Parent_Phone_Title1;
3572                                        Parent_Directions = Parent_Phone_Directions;
3573                                        Enable = Phone_Enable
3574                                        break;
3575                                }
3576                                if (Enable == "Y") {
3577                                    var Products_ItemContentPrice = ``;
3578                                    if (Discount_SpecialOffer != "") {
3579                                        Products_ItemContentPrice = Discount_SpecialOffer;
3580                                    }
3581                                    else {
3582                                        Products_ItemContentPrice = OriginalPrice;
3583                                    }
3584                                    txt += `
3585                                        <div class="RecommendItemDiv">
3586                                            <div class="RecommendItemImgDiv">
3587                                                <img src="Res/Photo/MasterRecommendItemImg1.png"/>
3588                                            </div>
3589                                            <div class="RecommendItemContentDiv">
3590                                                <h3 class="RecommendItemH3">${Directions}</h3>
3591                                                <h4 class="RecommendItemH4">${Title}</h4>
3592                                                <p class="RecommendItemP">NT$ ${Thousands(Products_ItemContentPrice)}</p>
3593                                            </div>
3594                                        </div>
3595                                    `;
3596                                    Count++;
3597                                }
3598                            }
3599                            $('#MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv').html(txt);
3600                        }
3601                    }
3602                },
3603                error: function () {
3604                    console.log('CreateDynamicControl 系統出錯了!');
3605                }
3606            });
3607
3608            $(`#MainMaster_ShopCartSidebarDiv_CommodityDiv_ContentDiv_H41`).html(Directions);
3609            $(`#MainMaster_ShopCartSidebarDiv_CommodityDiv_ContentDiv_H42`).html(Title);
3610            $(`#MainMaster_ShopCartSidebarDiv_CommodityDiv_ContentDiv_P1`).html(`NT$ ${Price}`);
3611
3612            $(`#MainMaster_ShopCartSidebarDiv_CommodityDiv_ContentDiv_P2`).html(`數量: ${Count}`);
3613            $(`#MainMaster_ShopCartSidebarDiv_CommodityDiv_ImgDiv_Img1`).attr('src', `${ShowImg}`);
3614            if (window.innerWidth > 1000) {
3615                $('#MainMaster_ShopCartSidebarDiv').stop().animate({
3616                    right: "0"
3617                });
3618            }
3619            else {
3620                $('#MainMaster_ShopCartSidebarDiv').stop().animate({
3621                    bottom: "0"
3622                });
3623            }
3624        }
3625        function CreateMasterShoppingCartItem(DeviceType) {
3626
3627            let AccountID = docCookies.getItem('AccountID');
3628            let Account = docCookies.getItem('Account');
3629            const ShoppingCartItemNoList = [];
3630            const data_ShoppingCartList = { "AccountID": AccountID, "Account": Account, "ShoppingCartItemNoType": "ALL", "ShoppingCartItemNoList": ShoppingCartItemNoList };
3631            $.ajax({
3632                url: './api/GetShoppingCartList',
3633                type: 'post',
3634                data: JSON.stringify(data_ShoppingCartList),
3635                datatype: 'json',
3636                contentType: 'application/json; charset=utf-8',
3637                timeout: 30000,
3638                async: true,
3639                cache: false,
3640                success: function (data) {
3641                    let Count = 0;
3642                    if (data != null) {
3643                        const Sum = data.length;
3644                        if (Sum > 0) {
3645                            $('#Master_ShoppingCartDialogContentDiv').html(``);
3646                            let txt = "";
3647                            let AosDelay = 0;
3648                            for (let i = 0; i < Sum; i++) {
3649
3650                                let ShoppingCartItemNO = data[i].ShoppingCartItemNO;
3651                                let BillNO = data[i].BillNO;
3652                                let ShoppingCartItemCount = data[i].Count;
3653                                let CommodityNO = data[i].CommodityNO;
3654                                let DiscountCode = data[i].DiscountCode;
3655                                let ItemsListName = data[i].ItemsListName;
3656                                let Pc_Title1 = data[i].Pc_Title1;
3657                                let Phone_Title1 = data[i].Phone_Title1;
3658                                let Pc_Directions = data[i].Pc_Directions;
3659                                let Phone_Directions = data[i].Phone_Directions;
3660                                let Pc_ShowImg = data[i].Pc_ShowImg;
3661                                let Phone_ShowImg = data[i].Phone_ShowImg;
3662                                let OriginalPrice = data[i].OriginalPrice;
3663                                let SpecialOffer = data[i].SpecialOffer;
3664                                let DiscountPrice = data[i].DiscountPrice;
3665                                let Title = "";
3666                                let Directions = "";
3667                                let ShowImg = "";
3668                                let Checked = "";
3669                                switch (DeviceType) {
3670                                    case "Pc":
3671                                        Title = Pc_Title1;
3672                                        Directions = Pc_Directions;
3673                                        ShowImg = Pc_ShowImg;
3674                                        break;
3675                                    case "Phone":
3676                                        Title = Phone_Title1;
3677                                        Directions = Phone_Directions;
3678                                        ShowImg = Phone_ShowImg;
3679                                        break;
3680                                }
3681
3682                                txt = `
3683                                     <div class="Master_ShoppingCartDialogContentItemStyle">
3684                                        <input class="Master_ShoppingCartItemNoHidden" value="${ShoppingCartItemNO}" type="hidden"/>
3685                                        <input class="Master_ItemsListNameHidden" value="${ItemsListName}" type="hidden"/>
3686                                        <input class="Master_ContentDirectionsHidden" value="${Directions}" type="hidden"/>
3687                                        <input class="Master_ShoppingCartCountHidden" value="${ShoppingCartItemCount}" type="hidden"/>
3688                                        <div class="ImgDiv">
3689                                            <img src="${ShowImg}"/>
3690                                        </div>
3691                                        <div class="ContentDiv">
3692                                            <h4>${Title}</h4>
3693                                            <p>NT$ ${Thousands(DiscountPrice)}</p>
3694                                        </div>
3695                                    </div>
3696                                    `;
3697                                Count++;
3698
3699                                $('#Master_ShoppingCartDialogContentDiv').append(txt);
3700                            }
3701
3702                        }
3703                    }
3704
3705                    if (Count == 0) {
3706                        $(`#Master_ShoppingCartDialogContentDiv`).html(`
3707                            <div class="Master_ShoppingCartDialogContentItemStyle">
3708                                <div class="NoContentDiv">
3709                                    <p>您的購物車沒有添加商品!</p>
3710                                </div>
3711                            </div>`
3712                        );
3713                    }
3714                    else {
3715                        CreateMasterTotalShoppingCart_v2();
3716                    }
3717                },
3718                error: function (xhr, status, error) {
3719                    console.log(`CreateShoppingCartItem ajax error:${status} ${error}`);
3720                }
3721            });
3722        }
3723        function CreateMasterTotalShoppingCart_v2() {
3724
3725            let ShoppingMasterCartItemInfo = [];
3726            let AccountID = docCookies.getItem('AccountID');
3727            let Account = docCookies.getItem('Account');
3728            let DiscountHtml = ``;
3729            let DiscountDiff = 0;
3730            let Subtotal = 0;
3731            let Total = 0;
3732            $(`#Master_ShoppingCartDialogContentDiv > .Master_ShoppingCartDialogContentItemStyle`).each(function () {
3733                let ShoppingCartItemNO = $(this).find(`.Master_ShoppingCartItemNoHidden`).val();
3734                let ShoppingCartItemNM = $(this).find(`.Master_ItemsListNameHidden`).val();
3735                let ContentDirections = $(this).find(`.Master_ContentDirectionsHidden`).val();
3736                let ShoppingCartCount = $(this).find(`.Master_ShoppingCartCountHidden`).val();
3737
3738                ShoppingMasterCartItemInfo.push(
3739                    {
3740                        "ShoppingCartItemNO": ShoppingCartItemNO,
3741                        "ShoppingCartItemNM": ShoppingCartItemNM,
3742                        "ShoppingCartItemCount": ShoppingCartCount,
3743                        "ContentDirections": ContentDirections
3744                    }
3745                );
3746            });
3747
3748            let TotalDiscountCode = "none";
3749            const data_ShoppingCartList = { "AccountID": AccountID, "Account": Account, "TotalDiscountCode": TotalDiscountCode, "ShoppingCartItemInfoList": ShoppingMasterCartItemInfo };
3750            $.ajax({
3751                url: './api/CheckoutCalculateTotal',
3752                type: 'post',
3753                data: JSON.stringify(data_ShoppingCartList),
3754                datatype: 'json',
3755                contentType: 'application/json; charset=utf-8',
3756                timeout: 30000,
3757                async: true,
3758                cache: false,
3759                success: function (data) {
3760                    let Count = 0;
3761                    if (data != null) {
3762                        Subtotal = data.Subtotal;
3763                        Total = data.Total;
3764                        let ShoppingCartList = data.ShoppingCartList;
3765                        let DiscountCodeInfo = data.DiscountCodeInfo;
3766                        let ShoppingCartListLength = ShoppingCartList.length;;
3767
3768                        for (let i = 0; i < ShoppingCartListLength; i++) {
3769                            let ShoppingCartItemNO = ShoppingCartList[i].ShoppingCartItemNO;
3770                            let BillNO = ShoppingCartList[i].BillNO;
3771                            let CommodityNO = ShoppingCartList[i].CommodityNO;
3772                            let DiscountCode = ShoppingCartList[i].DiscountCode;
3773                            let OriginalPrice = parseInt(ShoppingCartList[i].OriginalPrice);
3774                            let SpecialOffer = parseInt(ShoppingCartList[i].SpecialOffer);
3775                            let DiscountPrice = parseInt(ShoppingCartList[i].DiscountPrice);
3776                            let Discount_Title = ShoppingCartList[i].Discount_Title;
3777                            if (DiscountCode != "") {
3778                                DiscountDiff = SpecialOffer - DiscountPrice;
3779                                DiscountHtml += AddMasterShoppingCartContentCalculateListDiv("Discount", Discount_Title, DiscountDiff);
3780                            }
3781                        }
3782
3783                        if (DiscountCodeInfo != null) {
3784                            let Discount_Title = DiscountCodeInfo.Title;
3785                            let DiffPrice = DiscountCodeInfo.DiffPrice;
3786                            DiscountHtml += AddMasterShoppingCartContentCalculateListDiv("Discount", Discount_Title, DiffPrice);
3787                        }
3788                        $(`#Master_ShoppingCartDialogTitleDiv > .NumContent`).html(`${ShoppingCartListLength}`);
3789                    }
3790                    $(`#Master_ShoppingCartDialogTotalDiv > .OtherListDiv`).html(``);
3791                    $(`#Master_ShoppingCartDialogTotalDiv > .SubtotalDiv > .ContentP`).html(`NT$ ${Thousands(Subtotal)}`);
3792                    $(`#Master_ShoppingCartDialogTotalDiv > .OtherListDiv`).append(DiscountHtml);
3793                    $(`#Master_ShoppingCartDialogTotalDiv > .TotalDiv > .ContentP`).html(`NT$ ${Thousands(Total)}`);
3794                    
3795                },
3796                error: function (xhr, status, error) {
3797                    console.log(`CreateTotalShoppingCart_v2 ajax error:${status} ${error}`);
3798                }
3799            });
3800        }
3801        function AddMasterShoppingCartContentCalculateListDiv(Type, Title, Price) {
3802            let Html = ``;
3803            switch (Type) {
3804                case "Subtotal":
3805                    Html = `<div class="OtherDiv"><p class="TitleP">小計:</p><p class="ContentP">NT$ ${Thousands(Price)}</p></div>`;
3806                    break;
3807                case "Discount":
3808                    Html = `<div class="OtherDiv"><p class="TitleP">使用折扣碼-${Title}</p><p class="ContentP">NT$ - ${Thousands(Price)}</p></div>`;
3809                    break;
3810                case "DiscountTotal":
3811                    Html = `<div class="OtherDiv"><p class="TitleP">使用折扣碼-${Title}</p><p class="ContentP">NT$ - ${Thousands(Price)}</p></div>`;
3812                    break;
3813            }
3814            return Html;
3815        }
3816    </script>
3816
3817    
3818    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
3819    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"/>
3820    <link href="Css/MasterStyle1.css" rel="stylesheet" />
3821    
3821<script src="Scripts/MasterJsStyle1.js"></script>
3821
3822    <style>
3823        #Home_BkSection{
3824            height:100vh;
3825            width:100%;
3826            position:fixed;
3827            bottom:unset;
3828            top:0;
3829            left:0;
3830            z-index:-1;
3831        }
3832        #Home_BkSection > img{
3833            height:100%;
3834            width:100%;
3835            object-fit:cover;
3836            object-position:center;
3837        }
3838        #Home_BannerSection{
3839            height:100vh;
3840            width:100%;
3841            overflow:hidden;
3842            background-color:#121212;
3843        }
3844        #Home_BannerDiv{
3845            height:100%;
3846            width:100%;
3847        }
3848        #Home_BannerDiv .slick-list, #Home_BannerDiv  .slick-track{
3849            height:100%;
3850            width:100%;
3851        }
3852        .Banneritem{
3853            height:100%;
3854            width:100%;
3855        }
3856        .banner-size{
3857            height:100%;
3858            width:100%;
3859            object-fit:cover;
3860            object-position:center;
3861            z-index:1;
3862            cursor:pointer;
3863        }
3864        #Home_BannerSection .slick-prev{
3865            height:100vh;
3866            width:50%;
3867             z-index:95;
3868            position:absolute;
3869            pointer-events:none;
3870        }
3871        #Home_BannerSection .slick-prev::before{
3872            content:"";
3873        }
3874        #Home_BannerSection .slick-next{
3875            height:100vh;
3876            width:50%;
3877            z-index:95;
3878            position:absolute;
3879        }
3880        #Home_BannerSection .slick-next::before{
3881            content:"";
3882        }
3883
3884        .slick-dots{
3885            position:absolute;
3886            bottom:50px;
3887            z-index:95;
3888
3889        }
3890        .slick-dots li{
3891            width:10px;
3892            height:10px;
3893            margin:0 3px;
3894        }
3895        .slick-dots li button{
3896            width:10px;
3897            height:10px;
3898        }
3899        .slick-dots li button:before {
3900            width:10px;
3901            height:10px;
3902            opacity:1;
3903            color: #FFFFFF !important;
3904            font-size:3vw;
3905            content: "·";
3906        }
3907        .slick-dots li.slick-active button:before {
3908            opacity:1;
3909            color:#DC3516 !important;
3910        }
3911
3912        /*Home_Section1*/
3913        #Home_Section1{
3914            height:auto!important;
3915            width:100%;
3916            overflow:hidden;
3917            display:flex;
3918            flex-direction:row;
3919            flex:1;
3920            padding:6.8vh 0 4.4vh 0;
3921        }
3922        #Home_Section1_Div1{
3923            height:auto;
3924            width:100%;
3925            display:flex;
3926            flex-direction:column;
3927            justify-content:center;
3928            align-items:center;
3929        }
3930
3931        .Home_ItemsDiv{
3932            height:calc(72.9vw * 0.34);
3933            width:72.9vw;
3934        }
3935        .Home_ItemsDiv > img{
3936            height:100%;
3937            width:100%;
3938            object-fit:cover;
3939            object-position:center;
3940        }
3941        
3942
3943        /*Home_Section2*/
3944        #Home_Section2{
3945            height:auto!important;
3946            width:100%;
3947            display:flex;
3948            flex-direction:column;
3949            padding:4.4vh 0 4.1vh 0;
3950            overflow:hidden;
3951        }
3952        #Home_Section2_Div1_Hr1{
3953            background-color: unset;
3954            background-image: url(Res/Background/HrBKG2.svg), url(Res/Background/HrBKG2.svg);
3955            background-position:left center, right center;
3956            background-repeat:no-repeat, no-repeat;
3957            background-size:44.6vw 2px, 44.6vw 2px;
3958        }
3959        #Home_Section2_Div1_Img1{
3960            width:33.7vw;
3961        }
3962        #Home_Section2_Div1_H21{
3963            color:#E9C48B;
3964        }
3965
3966        #Home_Section2_Div2{
3967            height:auto!important;
3968            width:100%;
3969            margin:4.5vh 0 0 0;
3970            padding:0 8vw 0 8vw;
3971            overflow:hidden;
3972        }
3973        #Home_Section2_Div2_Div1{
3974            height:auto!important;
3975            width:100%;
3976            padding:0 0 0 0;
3977        }
3978        #Home_Section2_Div2_Div1 .slick-list , #Home_Section2_Div2_Div1 .slick-track{
3979            height:auto!important;
3980            width:100%;
3981        }
3982        #Home_Section2_Div2_Div1 .slick-initialized , #Home_Section2_Div2_Div1 .slick-slide {
3983            display:flex;
3984        }
3985        .SeriesDetailsItemsStyle{
3986            /*height:calc(17.8vw * 1.76);
3987            width:17.8vw;*/ /*385px*/
3988            height:calc(15.7vw * 1.76);
3989            width:15.7vw; /*385px*/
3990            color: white;
3991            transform: skewX(-15deg);
3992            -webkit-transform: skewX(-15deg);
3993            /* margin:0 0.64vw 0 0.64vw;*/
3994            overflow:hidden;
3995            cursor:pointer;
3996            position:relative;
3997            display:flex;
3998            flex-direction:column;
3999            justify-content:flex-end;
4000            align-items:center;
4001        }
4002        .SeriesDetailsItemsImgStyle{
4003            height:100%;
4004            width:auto;
4005            object-fit:cover;
4006            object-position:center;
4007            transform: skewX(15deg) scale(1);
4008            position:absolute;
4009            transition:all 0.2s linear;
4010        }
4011        .SeriesDetailsFilterDivStyle{
4012            height:100%;
4013            width:100%;
4014            display:flex;
4015            flex-direction:column;
4016            justify-content:center;
4017            align-items:center;
4018            z-index:30;
4019            background-color:rgba(0,0,0,0.7);
4020            transition:background-color 0.5s linear;
4021            position:relative;
4022            
4023        }
4024        .SeriesDetailsFilterItemsHrStyle1{
4025            height:2vh;
4026            width:1px;
4027            transform: skewX(15deg);
4028            border:0;
4029            padding:0;
4030            margin:0 1.98vw 1.2vh 0;
4031            background-color:#D3D3D3;
4032            transition:opacity 0.5s linear;
4033        }
4034        .SeriesDetailsFilterItemsHrStyle2{
4035            height:2vh;
4036            width:1px;
4037            transform: skewX(15deg);
4038            border:0;
4039            padding:0;
4040            margin:1.2vh 0 0 1.98vw;
4041            background-color:#D3D3D3;
4042            transition:opacity 0.5s linear;
4043        }
4044        .SeriesDetailsFilterItemsH3Style{
4045            writing-mode: vertical-lr;
4046            color:#D6D6D6;
4047            /*font-family: 'GenRyuMin_SemiBold';*/
4048            font-family:cwTeXMing;
4049            font-size:1.1vw;
4050            letter-spacing:0.2vw;
4051            opacity:1;
4052            transition:opacity 0.5s linear;
4053            transform: skewX(15deg);
4054        }
4055        .SeriesDetailsItemsDivStyle{
4056            width:calc(100% - 60px);
4057            height:auto;
4058            transform: skewX(15deg);
4059            position:absolute;
4060            bottom:0;
4061            overflow:hidden;
4062            margin:0 30px 30px 30px;
4063            opacity:0;
4064            transition:opacity 0.5s linear;
4065        }
4066        .SeriesDetailsItemsStyle:hover > .SeriesDetailsFilterDivStyle{
4067            background-color:rgba(0,0,0,0.2);
4068        }
4069        .SeriesDetailsItemsStyle:hover > .SeriesDetailsFilterDivStyle > .SeriesDetailsFilterItemsH3Style{
4070            opacity:0;
4071        }
4072        .SeriesDetailsItemsStyle:hover > .SeriesDetailsFilterDivStyle > .SeriesDetailsFilterItemsHrStyle1{
4073            opacity:0;
4074        }
4075        .SeriesDetailsItemsStyle:hover > .SeriesDetailsFilterDivStyle > .SeriesDetailsFilterItemsHrStyle2{
4076            opacity:0;
4077        }
4078        .SeriesDetailsItemsStyle:hover > .SeriesDetailsFilterDivStyle > .SeriesDetailsItemsDivStyle{
4079            opacity:1;
4080        }
4081
4082        .SeriesDetailsItemsH3Style{
4083            color:#FFFFFF;
4084            font-size:1.2vw;
4085            /*font-family: 'GenRyuMin_SemiBold';*/
4086            font-family:cwTeXMing;
4087            padding:0 0 6px 0;
4088        }
4089        .SeriesDetailsItemsPStyle{
4090            color:#FFFFFF;
4091            font-size:0.4vw;
4092            /*font-family: 'GenRyuMin_SemiBold';*/
4093            font-family:cwTeXMing;
4094        }
4095        #Home_Section2_Div3{
4096            height:calc(100vw * 0.036);
4097            width:100%;
4098            display:flex;
4099            flex-direction:row;
4100            align-items:center;
4101            justify-content:center;
4102            position:relative;
4103        }
4104        #Home_Section2_Div3 .slick-prev{
4105            height:100%;
4106            width:3.9vw;
4107            z-index:95;
4108            position:absolute;
4109            left:18.3vw;
4110            padding:0;
4111            cursor:pointer;
4112            transition:left 0.1s linear;
4113            display:flex;
4114            flex-direction:column;
4115            justify-content:center;
4116        }
4117        #Home_Section2_Div3 .slick-prev:hover{
4118            left:18vw;
4119        }
4120        #Home_Section2_Div3 .slick-prev::before{
4121            content:"";
4122        }
4123
4124        #Home_Section2_Div3 .slick-next{
4125            height:100%;
4126            width:3.9vw;
4127            z-index:95;
4128            position:absolute;
4129            right:18.3vw;
4130            padding:0;
4131            cursor:pointer;
4132            transition:right 0.1s linear;
4133            display:flex;
4134            flex-direction:column;
4135            justify-content:center;
4136        }
4137        #Home_Section2_Div3 .slick-next:hover {
4138            right:18vw;
4139        }
4140        #Home_Section2_Div3 .slick-next::before{
4141            content:"";
4142        }
4143        #Home_Section2_Div3 .swiper-pagination{
4144            position:absolute;
4145            top:unset;
4146            bottom:unset;
4147            z-index:94;
4148        }
4149        #Home_Section2_Div3 .swiper-pagination-bullet{
4150            width:5px;
4151            height:5px;
4152            margin:0 0.3vw;
4153            opacity:1;
4154            background-color: #FFFFFF !important;
4155        }
4156        #Home_Section2_Div3 .swiper-pagination-bullet-active{
4157            background-color:#DC3516 !important;
4158        }
4159
4160        
4161        
4162        /*Home_Section3*/
4163        #Home_Section3{
4164            height:auto!important;
4165            width:100%;
4166            overflow:hidden;
4167            display:flex;
4168            flex-direction:column;
4169            align-items:flex-start;
4170            overflow:hidden;
4171            padding:4.1vh 0 4.3vh 0;
4172        }
4173        #Home_Section3_Div1_Hr1{
4174            background-color: unset;
4175            background-image: url(Res/Background/HrBKG2.svg), url(Res/Background/HrBKG2.svg);
4176            background-position:left center, right center;
4177            background-repeat:no-repeat, no-repeat;
4178            background-size:44.6vw 2px, 44.6vw 2px;
4179        }
4180        #Home_Section3_Div1_H21{
4181            color:#E9C48B;
4182        }
4183        #Home_Section3_Div2{
4184            height:auto!important;
4185            width:100%;
4186            padding:7.6vh 13.6vw 0 13.6vw;
4187            display:flex;
4188            flex-direction:row;
4189            justify-content:center;
4190        }
4191        #Home_Section3_Div2 > img{
4192            height:calc(calc(100vw - 27.2vw) * 0.952);
4193            width:100%;
4194        }
4195
4196        /*Home_Section4*/
4197        #Home_Section4{
4198            height:auto!important;
4199            width:100%;
4200            overflow:hidden;
4201            display:flex;
4202            flex-direction:column;
4203            align-items:flex-start;
4204            overflow:hidden;
4205            padding:4.3vh 0 1.3vh 0;
4206            background:linear-gradient(to bottom, #121212 0% , #1F1F1F 90%);
4207        }
4208        #Home_Section4_Div1_Hr1{
4209            background-color: unset;
4210            background-image: url(Res/Background/HrBKG2.svg), url(Res/Background/HrBKG2.svg);
4211            background-position:left center, right center;
4212            background-repeat:no-repeat, no-repeat;
4213            background-size:44.6vw 2px, 44.6vw 2px;
4214        }
4215        #Home_Section4_Div1_Img1{
4216            width:42.8vw;
4217        }
4218        #Home_Section4_Div1_H21{
4219            color:#E9C48B;
4220        }
4221        
4222        #Home_Section4_Div2{
4223            height:auto!important;
4224            width:100%;
4225            margin:5.5vh 0 0 0;
4226            display:flex;
4227            flex-direction:row;
4228            justify-content:space-between;
4229            align-items:center;
4230            padding:0 17.2vw 0 17.2vw;
4231        }
4232        .Home_Section4Items1Style{
4233            width:20.4vw;
4234            height:calc(20.4vw * 1.52);
4235            cursor:pointer;
4236            overflow:hidden;
4237            position:relative;
4238            padding:calc(calc(20.4vw * 1.52) * 0.055) 2.2vw 0 2.2vw;
4239            background-color:#1F1F1F;
4240        }
4241        /*.Home_Section4Items1BackgroundStyle{
4242            height:100%;
4243            width:100%;
4244            position:absolute;
4245            z-index:50;
4246        }*/
4247        .Home_Section4Items1Content1Style{
4248            height:calc(calc(20.4vw * 1.52) * 0.22);
4249            z-index:59;
4250        }
4251        .Home_Section4Items1ScoreDivStyle > img{
4252            height:100%;
4253            width:auto;
4254        }
4255        .Home_Section4Items1Content1Style > h3{
4256            font-size:1vw;
4257            letter-spacing:0.26vw;
4258            line-height:1.5;
4259             text-overflow: ellipsis;
4260            -webkit-line-clamp: 2;
4261            -webkit-box-orient: vertical;
4262            display: -webkit-box;
4263            overflow: hidden;
4264            /*font-family: 'GenRyuMin_SemiBold';*/
4265            font-family:cwTeXMing;
4266            color:#FFFFFF;
4267        } 
4268        .Home_Section4Items1Content1Style > h4{
4269            font-size:1vw;
4270            letter-spacing:0.26vw;
4271            line-height:1.5;
4272             text-overflow: ellipsis;
4273            -webkit-line-clamp: 2;
4274            -webkit-box-orient: vertical;
4275            display: -webkit-box;
4276            overflow: hidden;
4277            /*font-family: 'GenRyuMin_SemiBold';*/
4278            font-family:cwTeXMing;
4279            color:#ADADAD;
4280        } 
4281        .Home_Section4Items1Content1Style > hr{
4282            margin:calc(calc(20.4vw * 1.52) * 0.036) 0 calc(calc(20.4vw * 1.52) * 0.036) 0;
4283        } 
4284
4285        .Home_Section4Items1Content2Style{
4286            height:calc(calc(20.4vw * 1.52) * 0.024);
4287            width:100%;
4288        }
4289        .Home_Section4Items1ScoreDivStyle{
4290            height:100%;
4291            width:auto;
4292        }
4293        .Home_Section4Items1ScoreDivStyle > img{
4294            height:100%;
4295            margin:0 6px 0 0;
4296        }
4297        .Home_Section4Items1Content3Style{
4298             height:calc(calc(20.4vw * 1.52) * 0.168);
4299             width:100%;
4300             margin:calc(calc(20.4vw * 1.52) * 0.072) 0 0 0;
4301        }
4302        .Home_Section4Items1Content3Style > p{
4303            letter-spacing:1px;
4304            line-height:1.3vw;
4305            text-overflow: ellipsis;
4306            -webkit-line-clamp: 4;
4307            -webkit-box-orient: vertical;
4308            display: -webkit-box;
4309            overflow: hidden;
4310            font-family: 'GenYoGothic-L';
4311            color:#ADADAD;
4312        }
4313        .Home_Section4Items1Content4Style{
4314             height:calc(calc(20.4vw * 1.52) * 0.32);
4315             width:100%;
4316             margin:calc(calc(20.4vw * 1.52) * 0.078) 0 0 0;
4317        }
4318        .Home_Section4Items1Content4Style > img{
4319             height:100%;
4320             width:100%;
4321             object-fit:cover;
4322             object-position:center;
4323        }
4324        /*.Home_Section4Items1Content2Style{*/
4325            /*height:calc(21.6vw * 0.75);
4326            min-height:200px;
4327            width:21.6vw;
4328            min-width:350px;*/
4329            /*height:50%;
4330            width:100%;
4331            
4332            padding:20px 20px 30px 20px ;
4333        }
4334        .Home_Section4Items1Content2Style > img{
4335            height:100%;
4336            width:100%;
4337            object-fit:cover;
4338            object-position:center;
4339        }*/
4340        
4341        
4342        /*Home_Section7*/
4343        #Home_Section7{
4344            height:auto!important;
4345            width:100%;
4346            overflow:hidden;
4347            display:flex;
4348            flex-direction:column;
4349            align-items:center;
4350            overflow:hidden;
4351            padding:1.3vh 0 2.6vh 0;
4352            background:linear-gradient(to bottom, #1F1F1F 0% , #121212 40%);
4353        }
4354
4355        #Home_Section7_Div1_Hr1{
4356            background-color: unset;
4357            background-image: url(Res/Background/HrBKG2.svg), url(Res/Background/HrBKG2.svg);
4358            background-position:left center, right center;
4359            background-repeat:no-repeat, no-repeat;
4360            background-size:44.6vw 2px, 44.6vw 2px;
4361        }
4362        #Home_Section7_Div1_Img1{
4363            height:auto;
4364            width:40.4vw;
4365        }
4366        #Home_Section7_Div1_H21{
4367            color:#E9C48B;
4368        }
4369        #Home_Section7_Div2{
4370            height:auto;
4371            width:100%;
4372            margin:9vh 0 0 0;
4373            padding:0 13.6vw 0 13.6vw;
4374            display:flex;
4375            flex-direction:column;
4376            background-image:url(Res/Background/CooperationProjectsBkg2.svg), url(Res/Background/CooperationProjectsBkg2.svg);
4377            background-size:calc(100% - 27.2vw) 3px, calc(100% - 27.2vw) 3px;
4378            background-repeat:no-repeat, no-repeat;
4379            background-position:50% 50%, 50% 100%;
4380        }
4381        .Home_Section7_Div2Items1Style:nth-child(odd){
4382            height:auto!important;
4383            width:100%;
4384            display:flex;
4385            flex-direction:row;
4386            padding:20px 0 20px 0;
4387        }
4388        .Home_Section7_Div2Items1Style:nth-child(even){
4389            height:auto!important;
4390            width:100%;
4391            display:flex;
4392            flex-direction:row-reverse;
4393            padding:20px 0 20px 0;
4394        }
4395        .Home_Section7_Div2Items2Style{
4396            height:auto!important;
4397            width:100%;
4398            display:flex;
4399            flex-direction:row;
4400            padding:20px 0 20px 0;
4401        }
4402        .Home_Section7_Div2ItemsImgStyle{
4403            height:calc(32.3vw * 0.63); /*395px*/
4404            width:32.3vw; /*620px*/
4405            overflow:hidden
4406        }
4407        .Home_Section7_Div2ItemsImgStyle > img{
4408            height:100%;
4409            width:100%;
4410            object-fit:cover;
4411            object-position:bottom;
4412        }
4413        .Home_Section7_Div2Items1Style:nth-child(odd) .Home_Section7_Div2Items1ContentStyle{
4414            height:calc(32.3vw * 0.63); /*395px*/
4415            width:calc(calc(100vw - 27.2vw) - 32.3vw); 
4416            padding:0 0 0 3.8vw;
4417            display:flex;
4418            flex-direction:column;
4419            align-items:center;
4420        }
4421        .Home_Section7_Div2Items1Style:nth-child(odd) .Home_Section7_Div2Items1ContentChildDiv1Style{
4422            height:50%;
4423            width:100%;
4424            padding:0 0 0 0;
4425            display:flex;
4426            flex-direction:column;
4427            justify-content:center;
4428            overflow-y:hidden;
4429        }
4430        .Home_Section7_Div2Items1Style:nth-child(odd) .Home_Section7_Div2Items1ContentChildDiv1Style > h3{
4431            width:100%;
4432            color:#FFFFFF;
4433            text-align:left;
4434            /*font-family:GenRyuMin_SemiBold;*/
4435            font-family:cwTeXMing;
4436            line-height:1.4;
4437            font-size:1.85vw;
4438            letter-spacing:0.2vw;
4439            margin-right:-0.2vw;
4440        }
4441        .Home_Section7_Div2Items1ContentChildDiv2Style{
4442            height:50%;
4443            width:100%;
4444            display:flex;
4445            flex-direction:column;
4446            justify-content:flex-end;
4447            align-items:flex-end;
4448            overflow-y:hidden;
4449        }
4450        .Home_Section7_Div2Items1ContentChildDiv2Style > div{
4451            height:auto;
4452            width:23.7vw;
4453            padding:0;
4454        }
4455        .Home_Section7_Div2Items1ContentChildDiv2Style > div > hr{
4456            width:22px;
4457            margin:12px 0 12px 0;
4458            
4459        }
4460        .Home_Section7_Div2Items1ContentChildDiv2Style > div > p{
4461            color:#B0B0B0;
4462            text-overflow: ellipsis;
4463            -webkit-line-clamp: 3;
4464            -webkit-box-orient: vertical;
4465            display: -webkit-box;
4466            overflow: hidden;
4467            /*font-family:GenYoGothic-L;*/
4468            font-family:cwTeXMing;
4469            line-height:2;
4470            letter-spacing:0.086vw;
4471        }
4472
4473
4474        .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items1ContentStyle{
4475            height:calc(32.3vw * 0.63); /*395px*/
4476            width:calc(calc(100vw - 27.2vw) - 32.3vw); 
4477            padding:0 3.8vw 0 0;
4478            display:flex;
4479            flex-direction:column;
4480            align-items:center;
4481        }
4482        .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items1ContentChildDiv1Style{
4483            height:50%;
4484            width:100%;
4485            padding:0 0 0 0;
4486            display:flex;
4487            flex-direction:column;
4488            justify-content:center;
4489            overflow-y:hidden;
4490        }
4491        .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items1ContentChildDiv1Style > h3{
4492            width:100%;
4493            color:#FFFFFF;
4494            text-align:left;
4495            /*font-family:GenRyuMin_SemiBold;*/
4496            font-family:cwTeXMing;
4497            line-height:1.4;
4498            font-size:1.85vw;
4499            letter-spacing:0.2vw;
4500            margin-right:-0.2vw;
4501        }
4502        .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items2ContentChildDiv2Style{
4503            height:50%;
4504            width:100%;
4505             display:flex;
4506            flex-direction:column;
4507            justify-content:flex-end;
4508            align-items:flex-end;
4509            overflow-y:hidden;
4510        }
4511        .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items2ContentChildDiv2Style > div{
4512            height:auto;
4513            width:23.7vw;
4514            padding:0;
4515        }
4516        .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items2ContentChildDiv2Style > div > hr{
4517            width:22px;
4518            margin:12px 0 12px 0;
4519        }
4520        .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items2ContentChildDiv2Style > div > p{
4521            color:#B0B0B0;
4522            text-overflow: ellipsis;
4523            -webkit-line-clamp: 3;
4524            -webkit-box-orient: vertical;
4525            display: -webkit-box;
4526            overflow: hidden;
4527            font-family:GenYoGothic-L;
4528            line-height:2;
4529            letter-spacing:0.086vw;
4530        }
4531
4532        .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items1ContentStyle > h3{
4533
4534        }
4535        .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items1ContentStyle > div{
4536
4537        }
4538        .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items1ContentStyle > div > hr{
4539
4540        }
4541        .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items1ContentStyle > div > p{
4542
4543        }
4544
4545        /*Home_Section5*/
4546        #Home_Section5{
4547            height:auto!important;
4548            width:100%;
4549            overflow:hidden;
4550            display:flex;
4551            flex-direction:column;
4552            align-items:center;
4553            overflow:hidden;
4554            padding:2.6vh 0 6.5vh 0;
4555            
4556        }
4557        #Home_Section5_Div1{
4558            width:100%;
4559            position:relative;
4560            display:flex;
4561            flex-direction:column;
4562            align-items:center;
4563        }
4564        #Home_Section5_Div1_Hr1{
4565            background-color: unset;
4566            background-image: url(Res/Background/HrBKG2.svg), url(Res/Background/HrBKG2.svg);
4567            background-position:left center, right center;
4568            background-repeat:no-repeat, no-repeat;
4569            background-size:44.6vw 2px, 44.6vw 2px;
4570        }
4571        #Home_Section5_Div1_Img1{
4572            height:auto;
4573            width:28.3vw;
4574        }
4575        #Home_Section5_Div1_H21{
4576            color:#E9C48B;
4577        }
4578        #Home_Section5_Div2{
4579            height:auto!important;
4580            width:100%;
4581            padding:6.4vh 13.6vw 2.9vh 13.6vw; 
4582            display:flex;
4583            flex-direction:row;
4584            justify-content:space-between;
4585            align-items:center;
4586            background-image:url(Res/Background/PCLineBottomBKG.svg);
4587            background-size:100% 1px;
4588            background-position:100% 100%;
4589            background-repeat:no-repeat;
4590        }
4591        .Home_Section5Items1Style{
4592            height:calc(23.4vw * 1.14);  /*685px*/
4593            width:23.4vw;   /*580px;*/
4594            position:relative;
4595            cursor:pointer;
4596        }
4597
4598        .Home_Section5Items1Content1Style{
4599            height:calc(23.4vw * 0.58);  /*311px*/
4600            width:23.4vw;   /*516px*/
4601        }
4602        .Home_Section5Items1Content1Style > img{
4603            height:100%;
4604            width:100%;
4605            object-fit:cover;
4606            object-position:center;
4607        }
4608        .Home_Section5Items1Content2Style {
4609            height:auto;
4610            width:100%;
4611            margin:calc(calc(23.4vw * 1.13) * 0.058) 0 0 0;
4612            display:flex;
4613            flex-direction:column;
4614            align-items:flex-start;
4615            justify-content:flex-start;
4616        }
4617        .Home_Section5Items1Content2Style > h3{
4618            color:#E9C48B;
4619            /*font-family:GenRyuMin_SemiBold;*/
4620            font-family:cwTeXMing;
4621            line-height:1.3;
4622            letter-spacing:0.2vw;
4623            margin-right:-0.2vw;
4624            text-overflow: ellipsis;
4625            -webkit-line-clamp: 1;
4626            -webkit-box-orient: vertical;
4627            display: -webkit-box;
4628            overflow: hidden;
4629        }
4630        .Home_Section5Items1Content2Style > hr{
4631            width:2vw;
4632            margin:calc(calc(23.4vw * 1.13) * 0.035) 0 calc(calc(23.4vw * 1.13) * 0.030) 0;
4633            flex-shrink:0;
4634        }
4635        .Home_Section5Items1Content2Style > p{
4636            color:#FFFFFF;
4637            font-family:GenYoGothic-L;
4638            text-overflow: ellipsis;
4639            -webkit-line-clamp: 3;
4640            -webkit-box-orient: vertical;
4641            display: -webkit-box;
4642            overflow: hidden;
4643            line-height:1.8vw;
4644            letter-spacing:0.086vw;
4645        }
4646        .Home_Section5Items1Content3Style{
4647            padding:calc(calc(23.4vw * 1.13) * 0.06) 0 0 0;
4648        }
4649        .Home_Section5Items1Content3Style > p{
4650            color:#ADADAD;
4651            /*font-family:GenRyuMin_Medium;*/
4652            font-family:cwTeXMing;
4653        }
4654
4655        /*Home_Section8*/
4656        #Home_Section8{
4657            height:auto!important;
4658            width:100%;
4659            display:flex;
4660            flex-direction:row;
4661            justify-content:center;
4662            overflow:hidden;
4663            padding:0 0 0 0;
4664            background:linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 62%, #121212 66%)
4665        }
4666        #Home_Section8_Div1{
4667            height:calc(100vw * 0.256);
4668            min-height:calc(100vw * 0.256);
4669            width:100%;
4670            position:relative;
4671        }
4672        #Home_Section8_Div1_ItemsDiv{
4673            height:100%;
4674            width:100%;
4675            display:flex;
4676            flex-direction:column;
4677            align-items:flex-end;
4678            justify-content:space-between;
4679            position:relative;
4680        }
4681        #Home_Section8_Div1_ItemsDiv > img{
4682            height:100%;
4683            width:100%;
4684            object-fit:cover;
4685            object-position:center;
4686            position:absolute;
4687        }
4688        #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle1{
4689            height:auto;
4690            width:38.4vw;
4691            display:flex;
4692            flex-direction:row;
4693            justify-content:flex-end;
4694            align-items:flex-end;
4695            z-index:50;
4696            padding:1.1vh 14.5vw 1.4vh 0;
4697        }
4698        #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle1 > .H3Style1{
4699            font-size:1.8vw;
4700            writing-mode: vertical-lr;
4701            color:#E5C087;
4702            /*font-family: 'GenRyuMin_SemiBold';*/
4703            font-family:cwTeXMing;
4704            letter-spacing:0.8vh;
4705            margin-bottom:-0.8vh;
4706            margin:0 0 0 0.98vw;
4707        }
4708        #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle1 > .H4Style1{
4709            font-size:1.4vw;
4710            writing-mode: vertical-lr;
4711            color:#E5C087;
4712            /*font-family: 'GenRyuMin_SemiBold';*/
4713            font-family:cwTeXMing;
4714            letter-spacing:0.64vh;
4715            margin-bottom:-0.64vh;
4716            margin:0 0 0 0.98vw;
4717        }
4718        #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle2{
4719            height:auto;
4720            width:38.4vw;
4721            display:flex;
4722            flex-direction:row;
4723            justify-content:flex-end;
4724            align-items:flex-end;
4725            z-index:50;
4726            padding:1.4vh 14.5vw 1.7vh 0;
4727        }
4728        #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle2 > .PStyle1{
4729            font-size:0.9vw;
4730            color:#C7C7C7;
4731            /*font-family: 'GenRyuMin_Regular';*/
4732            font-family:cwTeXMing;
4733            text-align:right;
4734            letter-spacing:0.1vw;
4735            margin-right:-0.1vw;
4736            line-height:1.5;
4737        }
4738        #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle3{
4739            height:auto;
4740            width:38.4vw;
4741            display:flex;
4742            flex-direction:row;
4743            justify-content:flex-end;
4744            align-items:flex-end;
4745            z-index:50;
4746            padding:1.7vh 14.5vw 0.5vh 0;
4747            
4748        }
4749        #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle3 > .PStyle2{
4750            font-size:0.9vw;
4751            color:#E5C087;
4752            /*font-family: 'GenRyuMin_Regular';*/
4753            font-family:cwTeXMing;
4754            text-align:right;
4755            letter-spacing:0.1vw;
4756            margin-right:-0.1vw;
4757            line-height:1.5;
4758        }
4759        
4760
4761        /*Home_Section9*/
4762        #Home_Section9{
4763            height:auto!important;
4764            width:100%;
4765            display:flex;
4766            flex-direction:column;
4767            justify-content:flex-start;
4768            flex:1;
4769            overflow:hidden;
4770            padding:17.3vh 0 3.6vh 0;
4771        }
4772        #Home_Section9_Div1{
4773
4774        }
4775        #Home_Section9_Div1_Hr1{
4776            background-color: unset;
4777            background-image: url(Res/Background/HrBKG2.svg), url(Res/Background/HrBKG2.svg);
4778            background-position:left center, right center;
4779            background-repeat:no-repeat, no-repeat;
4780            background-size:44.6vw 2px, 44.6vw 2px;
4781        }
4782        #Home_Section9_Div1_H21{
4783            color:#E9C48B;
4784        }
4785        
4786
4787        #Home_Section9_Div2{
4788            width:100%;
4789            display:flex;
4790            flex-direction:column;
4791            justify-content:center;
4792            align-items:center;
4793            overflow:hidden;
4794            padding:4.7vh 0 0 0;
4795        }
4796        #Home_Section9_Div2 > div, #Home_Section9_Div2 > div > span{
4797            width:31.25vw;
4798            display:flex;
4799            flex-direction:column;
4800            justify-content:center;
4801            align-items:center;
4802            overflow:hidden;
4803        }
4804
4805
4806        /*All*/
4807        .Home_MoreControlStyle{
4808            height:60px;
4809            width:100%;
4810            display:flex;
4811            flex-direction:row;
4812            justify-content:flex-end;
4813            padding:30px 13.6vw 30px 13.6vw;
4814        }
4815        .Home_MoreControlDivStyle{
4816            height:100%;
4817            display:flex;
4818            flex-direction:row;
4819            justify-content:flex-end;
4820            align-items:flex-end;
4821            position:relative;
4822            left:0;
4823            transition:left 0.1s linear;
4824            font-family:Centaur;
4825        }
4826        .Home_MoreControlDivStyle > label{
4827            color:#DC3516;
4828            cursor:pointer;
4829            font-family:Centaur;
4830            font-size:0.9vw;
4831            line-height:0.75;
4832        }
4833        .Home_MoreControlDivStyle > img{
4834            height:15px;
4835            width:2.8vw;
4836            cursor:pointer;
4837            padding:0 0 0 5px;
4838        }
4839        .Home_MoreControlDivStyle:hover{
4840            left:10px;
4841        }
4842
4843
4844        @media screen and (max-width:1000px){
4845            #Home_BkSection{
4846                height:100vh;
4847                width:100%;
4848                /*position:fixed;
4849                top:60px;*/
4850                top:unset;
4851                bottom:0;
4852                position:absolute;
4853                left:0;
4854                z-index:-1;
4855            }
4856            #Home_BkSection > img{
4857                height:100%;
4858                width:100%;
4859                object-fit:cover;
4860                object-position:center;
4861            }
4862
4863            #Home_BannerSection{
4864                height:auto;
4865                width:100%;
4866                overflow:hidden;
4867                background-color:#121212;
4868            }
4869            #Home_BannerDiv{
4870                height:auto;
4871                width:100%;
4872            }
4873            #Home_BannerDiv .slick-list, #Home_BannerDiv  .slick-track{
4874                height:100%;
4875                width:100%;
4876            }
4877            .Banneritem{
4878                height:auto;
4879                width:100%;
4880            }
4881            .banner-size{
4882                height:auto;
4883                width:100%;
4884                object-fit:cover;
4885                object-position:center;
4886                z-index:1;
4887                cursor:pointer;
4888            }
4889
4890            /*Home_Section1*/
4891            #Home_Section1{
4892                height:auto!important;
4893                width:100%;
4894                overflow:hidden;
4895                display:flex;
4896                flex-direction:row;
4897                flex:1;
4898                padding:6.8vh 0 4.4vh 0;
4899            }
4900            #Home_Section1_Div1{
4901                height:auto;
4902                width:100%;
4903                display:flex;
4904                flex-direction:column;
4905                justify-content:center;
4906                align-items:center;
4907            }
4908            .Home_ItemsDiv{
4909                height:calc(100vw * 1.26);
4910                width:100%;
4911            }
4912            .Home_ItemsDiv > img{
4913                height:100%;
4914                width:100%;
4915                object-fit:cover;
4916                object-position:center;
4917            }            
4918
4919            /*Home_Section2*/
4920            #Home_Section2{
4921                height:auto!important;
4922                width:100%;
4923                display:flex;
4924                flex-direction:column;
4925                padding:3.3vh 0 0 0;
4926                overflow:hidden;
4927            }
4928            #Home_Section2_Div1_Hr1{
4929                background-color: unset;
4930                background-image: url(Res/Background/HrPhoneBKG3.svg), url(Res/Background/HrPhoneBKG3.svg);
4931                background-position:left center, right center;
4932                background-repeat:no-repeat, no-repeat;
4933                background-size:35.6vw 2px, 35.6vw 2px;
4934            }
4935            #Home_Section2_Div1_Img1{
4936                width:33.7vw;
4937            }
4938            #Home_Section2_Div1_H21{
4939                color:#E9C48B;
4940            }
4941
4942            #Home_Section2_Div2{
4943                height:auto!important;
4944                width:100%;
4945                margin:6vh 0 0 0;
4946                padding:0 28.3vw 0 28.3vw;
4947                overflow:hidden;
4948            }
4949            #Home_Section2_Div2_Div1{
4950                height:auto!important;
4951                width:100%;
4952                padding:0 0 5px 0;
4953            }
4954            /*#Home_Section2_Div2_Div1 .slick-list , #Home_Section2_Div2_Div1 .slick-track{
4955                height:auto!important;
4956                width:100%;
4957            }
4958            #Home_Section2_Div2_Div1 .slick-initialized , #Home_Section2_Div2_Div1 .slick-slide {
4959                display:flex;
4960            }*/
4961            .SeriesDetailsItemsStyle{
4962                /*height:calc(17.8vw * 1.76);
4963                width:17.8vw;*/ /*385px*/
4964                height:calc(40.5vw * 1.75);
4965                width:40.5vw; /*385px*/
4966                color: white;
4967                transform: skewX(-15deg)!important;
4968                -webkit-transform: skewX(-15deg)!important;
4969                overflow:hidden;
4970                cursor:pointer;
4971                position:relative;
4972                display:flex;
4973                flex-direction:column;
4974                justify-content:flex-end;
4975                align-items:center;
4976            }
4977            .SeriesDetailsItemsStyle.swiper-slide-active  > .SeriesDetailsFilterDivStyle{
4978                background-color:rgba(0,0,0,0.2);
4979            }
4980            .SeriesDetailsItemsStyle.swiper-slide-active > .SeriesDetailsFilterDivStyle > .SeriesDetailsFilterItemsH3Style{
4981                opacity:0;
4982            }
4983            .SeriesDetailsItemsStyle.swiper-slide-active > .SeriesDetailsFilterDivStyle > .SeriesDetailsFilterItemsHrStyle1{
4984                opacity:0;
4985            }
4986            .SeriesDetailsItemsStyle.swiper-slide-active > .SeriesDetailsFilterDivStyle > .SeriesDetailsFilterItemsHrStyle2{
4987                opacity:0;
4988            }
4989            .SeriesDetailsItemsStyle.swiper-slide-active > .SeriesDetailsFilterDivStyle > .SeriesDetailsItemsDivStyle{
4990                opacity:1;
4991            }
4992            .SeriesDetailsItemsImgStyle{
4993                height:100%;
4994                width:auto;
4995                object-fit:cover;
4996                object-position:center;
4997                transform: skewX(15deg) scale(1);
4998                position:absolute;
4999                transition:all 0.2s linear;
5000            }
5001            .SeriesDetailsFilterDivStyle{
5002                height:100%;
5003                width:100%;
5004                display:flex;
5005                flex-direction:column;
5006                justify-content:center;
5007                align-items:center;
5008                z-index:30;
5009                background-color:rgba(0,0,0,0.7);
5010                transition:background-color 0.5s linear;
5011                position:relative;
5012            }
5013            .SeriesDetailsFilterItemsHrStyle1{
5014                height:2.3vh;
5015                width:1px;
5016                transform: skewX(15deg);
5017                border:0;
5018                padding:0;
5019                margin:0 8vw 1.2vh 0;
5020                background-color:#D3D3D3;
5021                transition:opacity 0.5s linear;
5022            }
5023            .SeriesDetailsFilterItemsHrStyle2{
5024                height:2.3vh;
5025                width:1px;
5026                transform: skewX(15deg);
5027                border:0;
5028                padding:0;
5029                margin:1.2vh 0 0 8vw;
5030                background-color:#D3D3D3;
5031                transition:opacity 0.5s linear;
5032            }
5033            .SeriesDetailsFilterItemsH3Style{
5034                writing-mode: vertical-lr;
5035                color:#D6D6D6;
5036                /*font-family: 'GenRyuMin_SemiBold';*/
5037                font-family:cwTeXMing;
5038                font-size:4vw;
5039                letter-spacing:0.8vw;
5040                opacity:1;
5041                transition:opacity 0.5s linear;
5042                transform: skewX(15deg);
5043            }
5044            .SeriesDetailsItemsDivStyle{
5045                width:calc(100% - 8.8vw);
5046                height:auto;
5047                transform: skewX(15deg);
5048                position:absolute;
5049                bottom:0;
5050                overflow:hidden;
5051                margin:0 4.4vw 4.4vw 4.4vw;
5052                opacity:0;
5053                transition:opacity 0.5s linear;
5054            }
5055            .SeriesDetailsItemsStyle:hover > .SeriesDetailsFilterDivStyle{
5056                background-color:rgba(0,0,0,0.2);
5057            }
5058            .SeriesDetailsItemsStyle:hover > .SeriesDetailsFilterDivStyle > .SeriesDetailsFilterItemsH3Style{
5059                opacity:0;
5060            }
5061            .SeriesDetailsItemsStyle:hover > .SeriesDetailsFilterDivStyle > .SeriesDetailsFilterItemsHrStyle1{
5062                opacity:0;
5063            }
5064            .SeriesDetailsItemsStyle:hover > .SeriesDetailsFilterDivStyle > .SeriesDetailsFilterItemsHrStyle2{
5065                opacity:0;
5066            }
5067            .SeriesDetailsItemsStyle:hover > .SeriesDetailsFilterDivStyle > .SeriesDetailsItemsDivStyle{
5068                opacity:1;
5069            }
5070
5071            .SeriesDetailsItemsH3Style{
5072                color:#FFFFFF;
5073                font-size:4vw;
5074                letter-spacing:0.3vw;
5075                /*font-family: 'GenRyuMin_SemiBold';*/
5076                font-family:cwTeXMing;
5077                padding:0 0 6px 0;
5078            }
5079            .SeriesDetailsItemsPStyle{
5080                color:#FFFFFF;
5081                font-size:2.4vw;
5082                /*font-family: 'GenRyuMin_SemiBold';*/
5083                font-family:cwTeXMing;
5084            }
5085            #Home_Section2_Div3{
5086                height:calc(100vw * 0.125);
5087                width:100%;
5088                display:flex;
5089                flex-direction:row;
5090                align-items:center;
5091                justify-content:center;
5092                position:relative;
5093            }
5094            #Home_Section2_Div3 .slick-prev{
5095                height:100%;
5096                width:27.8vw;
5097                z-index:95;
5098                position:absolute;
5099                left:1vw;
5100                padding:0 0 0 18vw;
5101                cursor:pointer;
5102                transition:left 0.1s linear;
5103                display:flex;
5104                flex-direction:column;
5105                justify-content:center;
5106            }
5107            #Home_Section2_Div3 .slick-prev:hover{
5108                left:0;
5109            }
5110            #Home_Section2_Div3 .slick-prev::before{
5111                content:"";
5112            }
5113
5114            #Home_Section2_Div3 .slick-next{
5115                height:100%;
5116                width:27.8vw;
5117                z-index:95;
5118                position:absolute;
5119                right:1vw;
5120                padding:0 18vw 0 0;
5121                cursor:pointer;
5122                transition:right 0.1s linear;
5123                display:flex;
5124                flex-direction:column;
5125                justify-content:center;
5126            }
5127            #Home_Section2_Div3 .slick-next:hover {
5128                right:0vw;
5129            }
5130            #Home_Section2_Div3 .slick-next::before{
5131                content:"";
5132            }
5133            #Home_Section2_Div3 .swiper-pagination{
5134                position:absolute;
5135                top:unset;
5136                bottom:unset;
5137                z-index:94;
5138            }
5139            #Home_Section2_Div3 .swiper-pagination-bullet{
5140                width:5px;
5141                height:5px;
5142                margin:0 1vw;
5143                opacity:1;
5144                background-color: #FFFFFF !important;
5145            }
5146            #Home_Section2_Div3 .swiper-pagination-bullet-active{
5147                background-color:#DC3516 !important;
5148            }
5149            
5150            /*Home_Section3*/
5151            #Home_Section3{
5152                height:auto!important;
5153                width:100%;
5154                overflow:hidden;
5155                display:flex;
5156                flex-direction:column;
5157                align-items:flex-start;
5158                overflow:hidden;
5159                padding:7rem 0 5rem 0;
5160            }
5161            #Home_Section3_Div1_Hr1{
5162                background-color: unset;
5163                background-image: url(Res/Background/HrPhoneBKG3.svg), url(Res/Background/HrPhoneBKG3.svg);
5164                background-position:left center, right center;
5165                background-repeat:no-repeat, no-repeat;
5166                background-size:35.6vw 2px, 35.6vw 2px;
5167            }
5168            #Home_Section3_Div1_H21{
5169                color:#E9C48B;
5170            }
5171
5172            #Home_Section3_Div2{
5173                height:auto!important;
5174                width:100%;
5175                padding:2vh 0 0 0;
5176                display:flex;
5177                flex-direction:row;
5178                justify-content:center;
5179            }
5180            #Home_Section3_Div2 > img{
5181                height:auto;
5182                width:100%;
5183            }
5184
5185            /*Home_Section4*/
5186            #Home_Section4{
5187                height:auto!important;
5188                width:100%;
5189                overflow:hidden;
5190                display:flex;
5191                flex-direction:column;
5192                align-items:flex-start;
5193                overflow:hidden;
5194                padding:3.3vh 0 1vh 0;
5195                background:linear-gradient(to bottom, #121212 0% , #1F1F1F 90%);
5196            }
5197            #Home_Section4_Div1_Hr1{
5198                background-color: unset;
5199                background-image: url(Res/Background/HrPhoneBKG3.svg), url(Res/Background/HrPhoneBKG3.svg);
5200                background-position:left center, right center;
5201                background-repeat:no-repeat, no-repeat;
5202                background-size:35.6vw 2px, 35.6vw 2px;
5203            }
5204            #Home_Section4_Div1_Img1{
5205                width:42.8vw;
5206            }
5207            #Home_Section4_Div1_H21{
5208                color:#E9C48B;
5209            }
5210        
5211            #Home_Section4_Div2{
5212                height:auto!important;
5213                width:100%;
5214                margin:5.5vh 0 0 0;
5215                display:flex;
5216                flex-direction:column;
5217                justify-content:space-between;
5218                align-items:center;
5219                padding:0 11.7vw 0 11.7vw;
5220            }
5221            .Home_Section4Items1Style{
5222                width:77vw;
5223                height:calc(77vw * 1.52);
5224                cursor:pointer;
5225                overflow:hidden;
5226                position:relative;
5227                padding:calc(calc(77vw * 1.52) * 0.052) 8.2vw 0 8.2vw;
5228                margin:0 0 2vh 0;
5229                background-color:#1A1A1A;
5230            }
5231            .Home_Section4Items1Content1Style{
5232                height:calc(calc(77vw * 1.52) * 0.22);
5233                z-index:59;
5234            }
5235            .Home_Section4Items1ScoreDivStyle > img{
5236                height:100%;
5237                width:auto;
5238            }
5239            .Home_Section4Items1Content1Style > h3{
5240                font-size:4vw;
5241                letter-spacing:0.5vw;
5242                line-height:1.5;
5243                 text-overflow: ellipsis;
5244                -webkit-line-clamp: 2;
5245                -webkit-box-orient: vertical;
5246                display: -webkit-box;
5247                overflow: hidden;
5248                /*font-family: 'GenRyuMin_SemiBold';*/
5249                font-family:cwTeXMing;
5250                color:#FFFFFF;
5251            } 
5252            .Home_Section4Items1Content1Style > h4{
5253                font-size:4vw;
5254                letter-spacing:0.5vw;
5255                line-height:1.5;
5256                 text-overflow: ellipsis;
5257                -webkit-line-clamp: 2;
5258                -webkit-box-orient: vertical;
5259                display: -webkit-box;
5260                overflow: hidden;
5261                /*font-family: 'GenRyuMin_SemiBold';*/
5262                font-family:cwTeXMing;
5263                color:#ADADAD;
5264            } 
5265            .Home_Section4Items1Content1Style > hr{
5266                margin:calc(calc(77vw * 1.52) * 0.036) 0 calc(calc(77vw * 1.52) * 0.036) 0;
5267            } 
5268
5269            .Home_Section4Items1Content2Style{
5270                height:calc(calc(77vw * 1.52) * 0.024);
5271                width:100%;
5272            }
5273            .Home_Section4Items1ScoreDivStyle{
5274                height:100%;
5275                width:auto;
5276            }
5277            .Home_Section4Items1ScoreDivStyle > img{
5278                height:100%;
5279                margin:0 6px 0 0;
5280            }
5281            .Home_Section4Items1Content3Style{
5282                 height:calc(calc(77vw * 1.52) * 0.168);
5283                 width:100%;
5284                 margin:calc(calc(77vw * 1.52) * 0.072) 0 0 0;
5285            }
5286            .Home_Section4Items1Content3Style > p{
5287                letter-spacing:1px;
5288                line-height:5vw;
5289                text-overflow: ellipsis;
5290                -webkit-line-clamp: 4;
5291                -webkit-box-orient: vertical;
5292                display: -webkit-box;
5293                overflow: hidden;
5294                font-family: 'GenYoGothic-L';
5295                color:#ADADAD;
5296            }
5297            .Home_Section4Items1Content4Style{
5298                 height:calc(calc(77vw * 1.52) * 0.32);
5299                 width:100%;
5300                 margin:calc(calc(77vw * 1.52) * 0.078) 0 0 0;
5301            }
5302            .Home_Section4Items1Content4Style > img{
5303                 height:100%;
5304                 width:100%;
5305                 object-fit:cover;
5306                 object-position:center;
5307            }
5308
5309            /*Home_Section7*/
5310            #Home_Section7{
5311                height:auto!important;
5312                width:100%;
5313                overflow:hidden;
5314                display:flex;
5315                flex-direction:column;
5316                align-items:center;
5317                overflow:hidden;
5318                padding:2vh 0 2.6vh 0;
5319                background:linear-gradient(to bottom, #1F1F1F 0% , #121212 40%);
5320            }
5321            #Home_Section7_Div1_Hr1{
5322                background-color: unset;
5323                background-image: url(Res/Background/HrPhoneBKG3.svg), url(Res/Background/HrPhoneBKG3.svg);
5324                background-position:left center, right center;
5325                background-repeat:no-repeat, no-repeat;
5326                background-size:35.6vw 2px, 35.6vw 2px;
5327            }
5328            #Home_Section7_Div1_Img1{
5329                height:auto;
5330                width:40.4vw;
5331            }
5332            #Home_Section7_Div1_H21{
5333                color:#E9C48B;
5334            }
5335            #Home_Section7_Div2{
5336                height:auto;
5337                width:100%;
5338                margin:2.8vh 0 1vh 0;
5339                padding:0 11.7vw 0 11.7vw;
5340                display:flex;
5341                flex-direction:column;
5342                background-image:url(Res/Background/CooperationProjectsBkg2.svg), url(Res/Background/CooperationProjectsBkg2.svg);
5343                background-size:calc(100% - 23.4vw) 3px, calc(100% - 23.4vw) 3px;
5344                background-repeat:no-repeat, no-repeat;
5345                background-position:50% 50%, 50% 100%;
5346            }
5347            .Home_Section7_Div2Items1Style:nth-child(odd){
5348                height:auto!important;
5349                width:100%;
5350                display:flex;
5351                flex-direction:column;
5352                padding:20px 0 20px 0;
5353            }
5354            .Home_Section7_Div2Items1Style:nth-child(even){
5355                height:auto!important;
5356                width:100%;
5357                display:flex;
5358                flex-direction:column;
5359                padding:20px 0 20px 0;
5360            }
5361            .Home_Section7_Div2ItemsImgStyle{
5362                height:calc(calc(100vw - 23.4vw) * 0.63); /*395px*/
5363                width:100%; /*620px*/
5364                overflow:hidden
5365            }
5366            .Home_Section7_Div2ItemsImgStyle > img{
5367                height:100%;
5368                width:100%;
5369                object-fit:cover;
5370                object-position:bottom;
5371            }
5372            .Home_Section7_Div2Items1Style:nth-child(odd) .Home_Section7_Div2Items1ContentStyle{
5373                height:auto; /*395px*/
5374                width:100%; 
5375                padding:0 0 0 0;
5376                display:flex;
5377                flex-direction:column;
5378                align-items:center;
5379            }
5380            .Home_Section7_Div2Items1Style:nth-child(odd) .Home_Section7_Div2Items1ContentChildDiv1Style{
5381                height:auto;
5382                width:100%;
5383                padding:6vh 0 0 0;
5384                display:flex;
5385                flex-direction:column;
5386                justify-content:center;
5387                overflow-y:hidden;
5388            }
5389            .Home_Section7_Div2Items1Style:nth-child(odd) .Home_Section7_Div2Items1ContentChildDiv1Style > h3{
5390                width:100%;
5391                color:#FFFFFF;
5392                text-align:left;
5393                /*font-family:GenRyuMin_SemiBold;*/
5394                font-family:cwTeXMing;
5395                line-height:1.4;
5396                font-size:5.3vw;
5397                letter-spacing:0.5vw;
5398                margin-right:-0.5vw;
5399            }
5400            .Home_Section7_Div2Items1ContentChildDiv2Style{
5401                height:auto;
5402                width:100%;
5403                display:flex;
5404                flex-direction:column;
5405                justify-content:flex-end;
5406                align-items:flex-end;
5407                overflow-y:hidden;
5408            }
5409            .Home_Section7_Div2Items1ContentChildDiv2Style > div{
5410                height:auto;
5411                width:50.9vw;
5412                padding:4vh 0 0 0;
5413            }
5414            .Home_Section7_Div2Items1ContentChildDiv2Style > div > hr{
5415                width:12px;
5416                margin:12px 0 12px 0;
5417            }
5418            .Home_Section7_Div2Items1ContentChildDiv2Style > div > p{
5419                color:#B0B0B0;
5420                text-overflow: ellipsis;
5421                -webkit-line-clamp: 3;
5422                -webkit-box-orient: vertical;
5423                display: -webkit-box;
5424                overflow: hidden;
5425                font-family:GenYoGothic-L;
5426                line-height:2;
5427                letter-spacing:0.086vw;
5428            }
5429            .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items1ContentStyle{
5430                height:auto; /*395px*/
5431                width:100%; 
5432                padding:0 0 0 0;
5433                display:flex;
5434                flex-direction:column;
5435                align-items:center;
5436            }
5437            .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items1ContentChildDiv1Style{
5438                height:auto;
5439                width:100%;
5440                padding:6vh 0 0 0;
5441                display:flex;
5442                flex-direction:column;
5443                justify-content:center;
5444                overflow-y:hidden;
5445            }
5446            .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items1ContentChildDiv1Style > h3{
5447                width:100%;
5448                color:#FFFFFF;
5449                text-align:left;
5450                /*font-family:GenRyuMin_SemiBold;*/
5451                font-family:cwTeXMing;
5452                line-height:1.4;
5453                font-size:5.3vw;
5454                letter-spacing:0.5vw;
5455                margin-right:-0.5vw;
5456            }
5457            .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items2ContentChildDiv2Style{
5458                height:auto;
5459                width:100%;
5460                display:flex;
5461                flex-direction:column;
5462                justify-content:flex-end;
5463                align-items:flex-end;
5464                overflow-y:hidden;
5465            }
5466            .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items2ContentChildDiv2Style > div{
5467                height:auto;
5468                width:50.9vw;
5469                padding:4vh 0 0 0;
5470            }
5471            .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items2ContentChildDiv2Style > div > hr{
5472                width:12px;
5473                margin:12px 0 12px 0;
5474            }
5475            .Home_Section7_Div2Items1Style:nth-child(even) .Home_Section7_Div2Items2ContentChildDiv2Style > div > p{
5476                color:#B0B0B0;
5477                text-overflow: ellipsis;
5478                -webkit-line-clamp: 3;
5479                -webkit-box-orient: vertical;
5480                display: -webkit-box;
5481                overflow: hidden;
5482                font-family:GenYoGothic-L;
5483                line-height:2;
5484                letter-spacing:0.086vw;
5485            }
5486
5487
5488            /*Home_Section5*/
5489            #Home_Section5{
5490                height:auto!important;
5491                width:100%;
5492                overflow:hidden;
5493                display:flex;
5494                flex-direction:column;
5495                align-items:center;
5496                overflow:hidden;
5497                padding:2vh 0 2vh 0;
5498            }
5499            #Home_Section5_Div1{
5500                width:100%;
5501                position:relative;
5502                display:flex;
5503                flex-direction:column;
5504                align-items:center;
5505            }
5506            #Home_Section5_Div1_Hr1{
5507                background-color: unset;
5508                background-image: url(Res/Background/HrPhoneBKG3.svg), url(Res/Background/HrPhoneBKG3.svg);
5509                background-position:left center, right center;
5510                background-repeat:no-repeat, no-repeat;
5511                background-size:35.6vw 2px, 35.6vw 2px;
5512            }
5513            #Home_Section5_Div2{
5514                height:auto!important;
5515                width:100%;
5516                padding:2.8vh 11.7vw 1vh 11.7vw; 
5517                display:flex;
5518                flex-direction:column;
5519                justify-content:space-between;
5520                align-items:center;
5521                background-image:unset;
5522                background-size:unset;
5523                background-position:unset;
5524                background-repeat:unset;
5525            }
5526            .Home_Section5Items1Style{
5527                height:calc(calc(100vw - 23.4vw) * 1.145);  /*685px*/
5528                width:100%;   /*580px;*/
5529                position:relative;
5530                margin:1vh 0 2vh 0;
5531            }
5532            .Home_Section5Items1Content1Style{
5533                height:calc(calc(100vw - 23.4vw) * 0.58);  /*311px*/
5534                width:100%;   /*516px*/
5535            }
5536            .Home_Section5Items1Content1Style > img{
5537                height:100%;
5538                width:100%;
5539                object-fit:cover;
5540                object-position:center;
5541            }
5542            .Home_Section5Items1Content2Style {
5543                height:auto;
5544                width:100%;
5545                margin:calc(calc(calc(100vw - 23.4vw) * 1.13) * 0.058) 0 0 0;
5546                display:flex;
5547                flex-direction:column;
5548                align-items:flex-start;
5549                justify-content:flex-start;
5550            }
5551            .Home_Section5Items1Content2Style > h3{
5552                color:#E9C48B;
5553                /*font-family:GenRyuMin_SemiBold;*/
5554                font-family:cwTeXMing;
5555                line-height:1.3;
5556                letter-spacing:0.53vw;
5557                margin-right:-0.53vw;
5558                text-overflow: ellipsis;
5559                -webkit-line-clamp: 1;
5560                -webkit-box-orient: vertical;
5561                display: -webkit-box;
5562                overflow: hidden;
5563            }
5564            .Home_Section5Items1Content2Style > hr{
5565                width:2vw;
5566                margin:calc(calc(calc(100vw - 23.4vw) * 1.13) * 0.035) 0 calc(calc(calc(100vw - 23.4vw) * 1.13) * 0.030) 0;
5567                flex-shrink:0;
5568            }
5569            .Home_Section5Items1Content2Style > p{
5570                color:#FFFFFF;
5571                font-family:GenYoGothic-L;
5572                text-overflow: ellipsis;
5573                -webkit-line-clamp: 3;
5574                -webkit-box-orient: vertical;
5575                display: -webkit-box;
5576                overflow: hidden;
5577                line-height:6vw;
5578                letter-spacing:0.086vw;
5579            }
5580            .Home_Section5Items1Content3Style{
5581                padding:calc(calc(calc(100vw - 23.4vw) * 1.13) * 0.06) 0 0 0;
5582            }
5583            .Home_Section5Items1Content3Style > p{
5584                color:#ADADAD;
5585                /*font-family:GenRyuMin_Medium;*/
5586                font-family:cwTeXMing;
5587            }
5588            
5589            /*Home_Section8*/
5590            #Home_Section8{
5591                height:auto;
5592                width:100%;
5593                padding:0 0 0 0;
5594                overflow:hidden;
5595                background:linear-gradient(to bottom, #121212 0%, #121212 60%, rgba(0,0,0,0) 100%);
5596                position:relative;
5597            }
5598            #Home_Section8_Div1{
5599                height:calc(100vw * 1.86);
5600                min-height:calc(100vw * 1.86);
5601                width:100%;
5602                position:relative;
5603            }
5604            #Home_Section8_Div1_ItemsDiv{
5605                height:100%;
5606                width:100%;
5607                display:flex;
5608                flex-direction:column;
5609                align-items:flex-start;
5610                justify-content:flex-start;
5611                position:relative;
5612            }
5613            #Home_Section8_Div1_ItemsDiv > img{
5614                height:100%;
5615                width:100%;
5616                object-fit:cover;
5617                object-position:center;
5618                position:absolute;
5619            }
5620            #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle1{
5621                height:auto;
5622                width:55vw;
5623                display:flex;
5624                flex-direction:row;
5625                justify-content:flex-end;
5626                align-items:flex-end;
5627                z-index:50;
5628                padding:10.3vh 0 0 0;
5629            }
5630            #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle1 > .H3Style1{
5631                font-size:8vw;
5632                writing-mode: vertical-lr;
5633                color:#E5C087;
5634                /*font-family: 'GenRyuMin_SemiBold';*/
5635                font-family:cwTeXMing;
5636                letter-spacing:2.1vw;
5637                margin:0 0 -2.1vw 4vw;
5638            }
5639            #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle1 > .H4Style1{
5640                font-size:4vw;
5641                writing-mode: vertical-lr;
5642                color:#E5C087;
5643                /*font-family: 'GenRyuMin_SemiBold';*/
5644                font-family:cwTeXMing;
5645                letter-spacing:1.2vw;
5646                margin:0 0 -1.2vw 4vw;
5647            }
5648            #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle2{
5649                height:auto;
5650                width:100%;
5651                display:flex;
5652                flex-direction:row;
5653                justify-content:center;
5654                align-items:flex-end;
5655                z-index:50;
5656                padding:6vh 0 1.7vh 0;
5657            }
5658            #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle2 > .PStyle1{
5659                font-size:3.2vw;
5660                color:#C7C7C7;
5661                /*font-family: 'GenRyuMin_SemiBold';*/
5662                font-family:cwTeXMing;
5663                text-align:center;
5664                letter-spacing:0.1vw;
5665                margin-right:-0.1vw;
5666                line-height:1.5;
5667            }
5668            #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle3{
5669                height:auto;
5670                width:100%;
5671                display:flex;
5672                flex-direction:row;
5673                justify-content:center;
5674                align-items:flex-start;
5675                z-index:50;
5676                padding:1.7vh 0 0.5vh 0;
5677            }
5678            #Home_Section8_Div1_ItemsDiv > .ItemsDivStyle3 > .PStyle2{
5679                font-size:3.2vw;
5680                color:#E5C087;
5681                /*font-family: 'GenRyuMin_SemiBold';*/
5682                font-family:cwTeXMing;
5683                text-align:center;
5684                letter-spacing:0.1vw;
5685                margin-right:-0.1vw;
5686                line-height:1.5;
5687            }
5688
5689            /*Home_Section9*/
5690            #Home_Section9{
5691                height:auto!important;
5692                width:100%;
5693                display:flex;
5694                flex-direction:column;
5695                justify-content:flex-start;
5696                flex:1;
5697                overflow:hidden;
5698                padding:8vh 0 3.6vh 0;
5699            }
5700            #Home_Section9_Div1{
5701
5702            }
5703            #Home_Section9_Div1_Hr1{
5704                background-color: unset;
5705                background-image: url(Res/Background/HrPhoneBKG3.svg), url(Res/Background/HrPhoneBKG3.svg);
5706                background-position:left center, right center;
5707                background-repeat:no-repeat, no-repeat;
5708                background-size:35.6vw 2px, 35.6vw 2px;
5709            }
5710            #Home_Section9_Div1_H21{
5711                color:#E9C48B;
5712            }
5713        
5714
5715            #Home_Section9_Div2{
5716                width:100%;
5717                display:flex;
5718                flex-direction:column;
5719                justify-content:center;
5720                align-items:center;
5721                overflow:hidden;
5722                padding:3vh 0 0 0;
5723            }
5724            #Home_Section9_Div2 > div, #Home_Section9_Div2 > div > span{
5725                width:90vw;
5726                display:flex;
5727                flex-direction:column;
5728                justify-content:center;
5729                align-items:center;
5730                overflow:hidden;
5731            }
5732
5733
5734            /*All*/
5735            .Home_MoreControlStyle{
5736                height:auto;
5737                width:100%;
5738                display:flex;
5739                flex-direction:row;
5740                justify-content:flex-end;
5741                padding:0 11.7vw 0 11.7vw;
5742            }
5743            .Home_MoreControlDivStyle{
5744                height:100%;
5745                display:flex;
5746                flex-direction:row;
5747                justify-content:flex-end;
5748                align-items:flex-end;
5749                position:relative;
5750                left:0;
5751                transition:left 0.1s linear;
5752                padding:1.5vw 0 1.5vw 0;
5753            }
5754            .Home_MoreControlDivStyle > label{
5755                color:#DC3516;
5756                cursor:pointer;
5757                font-family:Centaur;
5758                font-size: 3.5vw;
5759                line-height:0.75;
5760            }
5761            .Home_MoreControlDivStyle > img{
5762                height:15px;
5763                width:10vw;
5764                cursor:pointer;
5765                padding:0 0 0 5px;
5766            }
5767            .Home_MoreControlDivStyle:hover{
5768                left:10px;
5769            }
5770
5771            .slick-dots li button:before {
5772                width:10px;
5773                height:10px;
5774                opacity:1;
5775                color: #FFFFFF !important;
5776                font-size:6vw;
5777                content: "·";
5778            }
5779        }
5780    </style>
5781    
5781<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
5781
5782    
5782<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js" defer></script>
5782
5783	
5783<script>
5784        var swiper_Banner = null;
5785        var swiper_Section2 = null;
5786        var RwdHomeCondition1 = "-1";
5787        $(window).resize(function () {
5788            if (window.innerWidth > 1000 && RwdHomeCondition1 != "0") {
5789                if ($(`#Home_BannerSection`).hasClass('swiper-initialized')) {
5790                    swiper_Banner.autoplay.stop();
5791                    swiper_Banner.destroy(true, true);
5792                }
5793                if ($(`#Home_Section2_Div2_Div1`).hasClass('swiper-initialized')) {
5794                    swiper_Section2.autoplay.stop();
5795                    swiper_Section2.destroy(true, true);
5796                }
5797                RwdHomeCondition1 = "0";
5798            }
5799            else if (window.innerWidth <= 1000 && RwdHomeCondition1 != "1") {
5800                if ($(`#Home_BannerSection`).hasClass('swiper-initialized')) {
5801                    swiper_Banner.autoplay.stop();
5802                    swiper_Banner.destroy(true, true);
5803                }
5804                if ($(`#Home_Section2_Div2_Div1`).hasClass('swiper-initialized')) {
5805                    swiper_Section2.autoplay.stop();
5806                    swiper_Section2.destroy(true, true);
5807                }
5808                RwdHomeCondition1 = "1";
5809            }
5810        });
5811
5812
5813    </script>
5813
5814	
5814<script>let TLS_RwdHomeCondition = '-1'; let TLS_FirstRwdHomeCondition = '-1'; $(window).resize(function () {     /*console.log('Resize_JuqueryCode');*/     if(TLS_FirstRwdHomeCondition == '1'){    RwdHomeInit();     }});  $(function() {    /*console.log('Load');*/    RwdHomeInit();        TLS_FirstRwdHomeCondition = '1'; }); function RwdHomeInit(){   if (window.innerWidth > 1000 && TLS_RwdHomeCondition != '0') {    /*console.log('window.innerWidth > 1000');*/ $(`#Home_Section4_Div1_H21`).css('display','flex'); $(`#Home_Section4_Div1_H31`).css('display','flex'); $(`#Home_BannerDiv_602_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20250305115524071.jpg'); $(`#Home_BannerDiv_602`).css('display','flex'); $(`#Home_BannerDiv_598_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20250205175521553.jpg'); $(`#Home_BannerDiv_598`).css('display','flex'); $(`#Home_BannerDiv_105_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20250205175540412.jpg'); $(`#Home_BannerDiv_105`).css('display','flex'); $(`#Home_BannerDiv_106_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20250205175549178.jpg'); $(`#Home_BannerDiv_106`).css('display','flex'); $(`#Home_Section1_Div1_116_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230515165014.jpg'); $(`#Home_Section1_Div1_116`).css('display','flex'); $(`#Home_Section1_Div1_117_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230515165044.jpg'); $(`#Home_Section1_Div1_117`).css('display','flex'); $(`#Home_Section2_Div1_H21`).css('display','flex'); $(`#Home_Section8_Div1_ItemsDivH42`).css('display','flex'); $(`#Home_Section8_Div1_ItemsDivH31`).css('display','flex'); $(`#Home_Section4_Div2_1346_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20240111165711987.jpg'); $(`#Home_Section4_Div2_1347_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230516183732.jpg'); $(`#Home_Section4_Div2_1348_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230526143537.png'); $(`#Home_Section7_Div1_H21`).css('display','flex'); $(`#Home_Section7_Div1_H31`).css('display','flex'); $(`#Home_Section2_Div1_H31`).css('display','flex'); $(`#Home_Section8_Div1_ItemsDivH41`).css('display','flex'); $(`#Home_Section7_Div2_1446_Pc_Title1`).html('<span class="text-huge">金園設計 x YAMAHA 台灣山葉<br>     歷代勁戰精緻銘板畫框  </span>'); $(`#Home_Section7_Div2_1446_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230630175933.JPG'); $(`#Home_Section7_Div2_1445_Pc_Title1`).html('<span class="text-huge">金園設計 x TOYOTA 和泰<br> TGR Fan Festival GR掛畫 <br></span>'); $(`#Home_Section7_Div2_1445_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230630175947.jpg'); $(`#Home_Section5_Div1_H21`).css('display','flex'); $(`#Home_Section5_Div1_H31`).css('display','flex'); $(`#Home_Section2_Div2_Div1_1`).css('display','flex'); $(`#Home_Section2_Div2_Div1_2`).css('display','flex'); $(`#Home_Section2_Div2_Div1_572_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20240207121058034.jpg'); $(`#Home_Section2_Div2_Div1_572`).css('display','flex'); $(`#Home_Section2_Div2_Div1_3`).css('display','flex'); $(`#Home_Section2_Div2_Div1_4`).css('display','flex'); $(`#Home_Section2_Div2_Div1_5`).css('display','flex'); $(`#Home_Section2_Div2_Div1_6`).css('display','flex'); $(`#Home_Section3_Div1_H21`).css('display','flex'); $(`#Home_Section3_Div1_H31`).css('display','flex'); $(`#Home_Section3_Div2_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230515172436.jpg'); $(`#Home_Section3_Div2_Img1`).css({  }); $(`#Home_Section3_Div2_Img1`).css('display','flex'); $(`#Home_Section5_Div2_1355_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230525235308.jpg'); $(`#Home_Section5_Div2_1356_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230526000450.jpg'); $(`#Home_Section5_Div2_1354_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230524014215.jpg');
5814 $(`#Home_Section8_Div1_ItemsDivP1`).css('display','flex'); $(`#Home_Section8_Div1_ItemsDivP2`).css('display','flex'); $(`#Home_Section9_Div1_H21`).css('display','flex'); $(`#Home_Section9_Div1_H31`).css('display','flex'); $(`#Home_Section9_Div2`).css('display','flex'); $(`#Home_BkSection_Img`).attr('src','https://his.gift/Res/Photo/Home_BkSectionImg.jpg'); $(`#Home_BkSection_Img`).css({  }); $(`#Home_BkSection_Img`).css('display','flex'); $(`#Home_Section4_MoreControlDiv`).css('display','flex'); $(`#Home_Section7_MoreControlDiv`).css('display','flex'); $(`#Home_Section5_MoreControlDiv`).css('display','flex');  TLS_RwdHomeCondition = '0';}   else if (window.innerWidth <= 1000 && TLS_RwdHomeCondition != '1') {    /*console.log('window.innerWidth <= 1000');*/ $(`#Home_Section4_Div1_H21`).css('display','flex'); $(`#Home_Section4_Div1_H31`).css('display','flex'); $(`#Home_BannerDiv_602_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20250305115342772.jpg'); $(`#Home_BannerDiv_602`).css('display','flex'); $(`#Home_BannerDiv_598_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20250205175521631.jpg'); $(`#Home_BannerDiv_598`).css('display','flex'); $(`#Home_BannerDiv_105_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20250205175540491.jpg'); $(`#Home_BannerDiv_105`).css('display','flex'); $(`#Home_BannerDiv_106_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20250205175549256.jpg'); $(`#Home_BannerDiv_106`).css('display','flex'); $(`#Home_Section1_Div1_116_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230515162432.jpg'); $(`#Home_Section1_Div1_116`).css('display','flex'); $(`#Home_Section1_Div1_117_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230515162448.jpg'); $(`#Home_Section1_Div1_117`).css('display','flex'); $(`#Home_Section2_Div1_H21`).css('display','flex'); $(`#Home_Section8_Div1_ItemsDivH42`).css('display','flex'); $(`#Home_Section8_Div1_ItemsDivH31`).css('display','flex'); $(`#Home_Section4_Div2_1346_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20240111165712299.jpg'); $(`#Home_Section4_Div2_1347_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230516183733.jpg'); $(`#Home_Section4_Div2_1348_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230526143538.png'); $(`#Home_Section7_Div1_H21`).css('display','flex'); $(`#Home_Section7_Div1_H31`).css('display','flex'); $(`#Home_Section2_Div1_H31`).css('display','flex'); $(`#Home_Section8_Div1_ItemsDivH41`).css('display','flex'); $(`#Home_Section7_Div2_1446_Pc_Title1`).html('<span class="text-huge">金園設計 x YAMAHA 台灣山葉<br>     歷代勁戰精緻銘板畫框 </span>'); $(`#Home_Section7_Div2_1446_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230515192232.JPG'); $(`#Home_Section7_Div2_1445_Pc_Title1`).html('<span class="text-huge">金園設計 x TOYOTA 和泰<br> TGR Fan Festival GR掛畫 <br></span>'); $(`#Home_Section7_Div2_1445_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230515192331.jpg'); $(`#Home_Section5_Div1_H21`).css('display','flex'); $(`#Home_Section5_Div1_H31`).css('display','flex'); $(`#Home_Section2_Div2_Div1_1`).css('display','flex'); $(`#Home_Section2_Div2_Div1_2`).css('display','flex'); $(`#Home_Section2_Div2_Div1_572_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20240207121058284.jpg'); $(`#Home_Section2_Div2_Div1_572`).css('display','flex'); $(`#Home_Section2_Div2_Div1_3`).css('display','flex'); $(`#Home_Section2_Div2_Div1_4`).css('display','flex'); $(`#Home_Section2_Div2_Div1_5`).css('display','flex'); $(`#Home_Section2_Div2_Div1_6`).css('display','flex'); $(`#Home_Section3_Div1_H21`).css('display','flex'); $(`#Home_Section3_Div1_H31`).css('display','flex'); $(`#Home_Section3_Div2_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230515172219.jpg'); $(`#Home_Section3_Div2_Img1`).css({  }); $(`#Home_Section3_Div2_Img1`).css('display','flex'); $(`#Home_Section5_Div2_1355_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/Golde
5814nGarden20230525235309.jpg'); $(`#Home_Section5_Div2_1356_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230526000504.jpg'); $(`#Home_Section5_Div2_1354_Pc_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230524014227.jpg'); $(`#Home_Section8_Div1_ItemsDivP1`).css('display','flex'); $(`#Home_Section8_Div1_ItemsDivP2`).css('display','flex'); $(`#Home_Section9_Div1_H21`).css('display','flex'); $(`#Home_Section9_Div1_H31`).css('display','flex'); $(`#Home_Section9_Div2`).css('display','flex'); $(`#Home_BkSection_Img`).attr('src','https://his.gift/Res/Photo/DSC04502_Phone.jpg'); $(`#Home_BkSection_Img`).css({  }); $(`#Home_BkSection_Img`).css('display','flex'); $(`#Home_Section4_MoreControlDiv`).css('display','flex'); $(`#Home_Section7_MoreControlDiv`).css('display','flex'); $(`#Home_Section5_MoreControlDiv`).css('display','flex');  TLS_RwdHomeCondition = '1';}}</script>
5814
5815    
5815<script defer>
5816
5817        var RwdHomeCondition2 = "-1";
5818        $(window).resize(function () {
5819            if (RwdHomeCondition2 != "-1") {
5820                InitHomeRWD();
5821            }
5822        });
5823        $(function () {
5824            InitHomeRWD();
5825        });
5826
5827
5828        function InitHomeRWD() {
5829            var DeviceType = "";
5830            if (window.innerWidth > 1000 && RwdHomeCondition2 != "0") {
5831                DeviceType = "Pc";
5832                RwdHomeCondition2 = "0";
5833                CreateBannerSwiper();
5834                CreateSection1AOS();
5835                CreateSection2ItemSwiper();
5836                CreateSection4ItemAOS();
5837                CreateSection7ItemAOS();
5838                CreateSection5ItemAOS();
5839            }
5840            else if (window.innerWidth <= 1000 && RwdHomeCondition2 != "1") {
5841                DeviceType = "Phone";
5842                RwdHomeCondition2 = "1";
5843                CreateBannerSwiper();
5844                CreateSection1AOS();
5845                CreateSection2ItemSwiper();
5846                CreateSection4ItemAOS();
5847                CreateSection7ItemAOS();
5848                CreateSection5ItemAOS();
5849            }
5850            AOS.init();
5851        }
5852        function CreateBannerSwiper() {
5853            if ($(`#Home_BannerSection`).hasClass('swiper-initialized')) {
5854                console.log('HasClass');
5855                swiper_Banner.autoplay.stop();
5856                swiper_Banner.destroy(true, true);
5857            }
5858            let Count = $(".Banneritem").length;
5859            swiper_Banner = new Swiper('#Home_BannerSection', {
5860                // Optional parameters
5861                slideToClickedSlide: true,
5862                slidesPerView: 1,
5863                spaceBetween: 0,
5864                //effect: 'fade',
5865                //fadeEffect: {
5866                //    crossFade: true,
5867                //},
5868                direction: 'horizontal', // 投影片的方向為水平方向
5869                observer: true,
5870                observeParents: true,
5871                loop: true, // 使用循環播放
5872                centeredSlides: true,
5873                speed: 2000,
5874                allowTouchMove: true, // 拖曳投影片
5875                useCSS3Transforms: true,
5876                loopPreventsSlide: false,
5877                autoplay: {
5878                    delay: 1200,
5879                    disableOnInteraction: false
5880                },
5881                //Navigation arrows
5882                navigation: {
5883                    nextEl: '#Home_BannerSection_SlickNext', // 下一頁客製化圓點的CSS選擇器
5884                    prevEl: '#Home_BannerSection_SlickPrev', // 上一頁客製化圓點的CSS選擇器
5885                },
5886                initialSlide: 0,
5887                loopedSlides: Count, // 設定為大於實際投影片數量的值,
5888            });
5889
5890            document.querySelector('#Home_BannerSection_SlickPrev').addEventListener('click', function () {
5891                var activeIndex = swiper_Banner.activeIndex;
5892                var previousIndex = activeIndex - Count;
5893                if (activeIndex == 0) {
5894                    previousIndex = Count - 2;
5895                }
5896                swiper_Banner.slideToLoop(previousIndex);
5897            });
5898
5899            $("#Home_BannerSection .swiper-arrow")
5900                .mousedown(function () {
5901                    swiper_Banner.autoplay.stop();
5902                })
5903                .mouseup(function () {
5904                    swiper_Banner.autoplay.start();
5905                });
5906        }
5907        function CreateSection1AOS() {
5908            $(`.Home_ItemsDiv:nth-child(odd)`).attr({
5909                'data-aos': 'fade-right', 'data-aos-duration': '1000', 'data-aos-delay': '200'
5910            });
5911            $(`.Home_ItemsDiv:nth-child(even)`).attr({
5912                'data-aos': 'fade-left', 'data-aos-duration': '1000', 'data-aos-delay': '200'
5913            });
5914        }
5915        function CreateSection2ItemSwiper() {
5916            if ($(`#Home_Section2_Div2_Div1`).hasClass('swiper-initialized')) {
5917                swiper_Section2.autoplay.stop();
5918                swiper_Section2.destroy(true, true);
5919            }
5920
5921            swiper_Section2 = new Swiper('#Home_Section2_Div2', {
5922                // Optional parameters
5923                direction: 'horizontal', // 投影片的方向為水平方向
5924                observer: true,
5925                observeParents: true,
5926                loop: true, // 使用循環播放
5927                slidesPerView: 5,
5928                spaceBetween: 15,
5929                centeredSlides: true,
5930                speed: 2000,
5931                allowTouchMove: true, // 拖曳投影片
5932                useCSS3Transforms: false,
5933                loopPreventsSlide: false,
5934                // If we need pagination
5935                pagination: {
5936                    el: "#Home_Section2_Div3_SwiperPagination", // 分頁圓點容器的CSS選擇器
5937                    clickable: true, // 分頁圓點可以點選後,直接移至該頁
5938                },
5939                autoplay: {
5940                    delay: 1200,
5941                    disableOnInteraction: false
5942                },
5943                //Navigation arrows
5944                navigation: {
5945                    nextEl: '#Home_Section2_Div3_SlickNext', // 下一頁客製化圓點的CSS選擇器
5946                    prevEl: '#Home_Section2_Div3_SlickPrev', // 上一頁客製化圓點的CSS選擇器
5947                },
5948                breakpoints: {
5949                    100: {
5950                        slidesPerView: 1,
5951                        spaceBetween: 15,
5952                    },
5953                    1000: {
5954                        slidesPerView: 5,
5955                        spaceBetween: 15
5956                    }
5957                }
5958            });
5959
5960            $('#Home_Section2_Div2 .swiper-slide')
5961                .mouseenter(function () {
5962                    swiper_Section2.autoplay.stop();
5963                })
5964                .mouseleave(function () {
5965                    swiper_Section2.autoplay.start();
5966                })
5967
5968        }
5969        function CreateSection4ItemAOS() {
5970            $(`.Home_Section4Items1Style:nth-child(odd)`).attr({
5971                'data-aos': 'fade-up', 'data-aos-duration': '1000', 'data-aos-delay': '200'
5972            });
5973            $(`.Home_Section4Items1Style:nth-child(even)`).attr({
5974                'data-aos': 'fade-down', 'data-aos-duration': '1000', 'data-aos-delay': '200'
5975            });
5976        }
5977        function CreateSection7ItemAOS() {
5978            $(`.Home_Section7_Div2ItemsImgStyle`).attr({
5979                'data-aos': 'fade-up', 'data-aos-duration': '1000', 'data-aos-delay': '100'
5980            });
5981            $(`.Home_Section7_Div2Items1ContentStyle`).attr({
5982                'data-aos': 'fade-up', 'data-aos-duration': '1000', 'data-aos-delay': '200'
5983            });
5984        }
5985        function CreateSection5ItemAOS() {
5986            $(`.Home_Section5Items1Style`).attr({
5987                'data-aos': 'flip-left', 'data-aos-duration': '1000', 'data-aos-delay': '200'
5988            });
5989        }
5990    </script>
5990
5991
5992    <!-- Meta Pixel Code -->
5993    
5993<script>
vendor: 603 bytes, lines 5993-6005
5993
5994        !function (f, b, e, v, n, t, s) {
5995            if (f.fbq) return; n = f.fbq = function () {
5996                n.callMethod ?
5997                n.callMethod.apply(n, arguments) : n.queue.push(arguments)
5998            };
5999            if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
6000            n.queue = []; t = b.createElement(e); t.async = !0;
6001            t.src = v; s = b.getElementsByTagName(e)[0];
6002            s.parentNode.insertBefore(t, s)
6003        }(window, document, 'script',
6004            'https://connect.facebook.net/en_US/fbevents.js');
6005        fbq('init', '
60053594902644166970
vendor: 44 bytes, lines 6005-6007
6005');
6006        fbq('track', 'PageView');
6007    
6007</script>
6007
6008    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=3594902644166970&ev=PageView&noscript=1"/></noscript>
6009    <!-- End Meta Pixel Code -->
6010</head>
6011<body>
6012    <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 6012-6013
6012
6013    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
6013GTM-T29592T
vendor: 88 bytes, lines 6013-6014
6013" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
6014    
6014<!-- End Google Tag Manager (noscript) -->
6015    <form method="post" action="./" id="form1">
6016<div class="aspNetHidden">
6017<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
6018<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
6019<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="oATd4DvProR5nZYnRT/yxaDdoyfI0YGyqtliczdzztO5zj8jZVf2L46UGuxd7JlZolOcowRQOmiF3srunZ9YpwGVFMpY/glZzKTVKnVe5pSFrWtHQQ01AOyA7u5Fi3lE5E3MMGndGognh0tII1sEMe0DffpdThnbsaXFA6FmlC7/Y5X8" />
6020</div>
6021
6022<script type="text/javascript">
6023//<![CDATA[
6024var theForm = document.forms['form1'];
6025if (!theForm) {
6026    theForm = document.form1;
6027}
6028function __doPostBack(eventTarget, eventArgument) {
6029    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
6030        theForm.__EVENTTARGET.value = eventTarget;
6031        theForm.__EVENTARGUMENT.value = eventArgument;
6032        theForm.submit();
6033    }
6034}
6035//]]>
6036</script>
6036
6037
6038
6039<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZP51mPWahWOSKQ805Uboj8q0Yhm2xcnh73D9LpY5sFA4i9Ds0Q2&amp;t=637814941746327080" type="text/javascript"></script>
6039
6040
6041<div class="aspNetHidden">
6042
6043	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="8D0E13E6" />
6044	<input type="hidden" name="__SCROLLPOSITIONX" id="__SCROLLPOSITIONX" value="0" />
6045	<input type="hidden" name="__SCROLLPOSITIONY" id="__SCROLLPOSITIONY" value="0" />
6046	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="GNR6XODt4RN4zcOr/BjdOBBNUTRY0KQclxf0/6StPu/8a95tvWvF45DArHSn4aSJfYNiTenbWM5bOXziDxaiWFBy8fvwBlPSSQ64LH31qdooMh3o7l8LCmm2BRzCPX7l9G2S3bORu4x0GYABViVhYAOe0Z7+Ma6QtbOnnustlpheb2dzW9b84LFYUG0mpca5Sq413xzcpcYNfTlvoVO9duN0KWX5GLa28GiuK29cfWlx8SwCz7A7+lSnQoElM4yjox05oLlCHsCv9J5OY4MmMyTqnhKDKamcKQugRCZx+uAYDXsUj8iHAsNLDQfBqx3DCtF9j+jTDK83Cqg6XzuyWdmvp4IGvaf4h84MCoqyYMU0aqRdvSPLLud9W9ztMbMw75etTtHH9hgStvNwacq7sq5H5qY=" />
6047</div>
6048        <input id="LoginType_Input" type="hidden" value=""/>
6049        <input id="MasterDeviceType_Hidden" type="hidden" value=""/>
6050        <div id="MainMaster_DialogDiv" onclick="CloseLink1_Onclick()">
6051            <div id="MainMaster_DialogContentDiv">
6052                <img id="MainMaster_DialogContentDiv_Img1" style="" src="https://Res.his.gift/Res/Photo/GoldenGarden20230630173512.jpg"/>
6053            </div>
6054        </div>
6055        
6056        <div id="MainMaster_LoginDialogDiv" onclick="CloseLoginDialog('2')" class="MasterDialog">
6057            <div id="MainMaster_LoginDialogPaddingDiv">
6058                <img id="MainMaster_LoginDialogContentDiv_CloseImg" src="Res/Icon/CloseLoginDialogIcon.svg" onclick="CloseLoginDialog('1')"/>
6059                <div id="MainMaster_LoginDialogContentDiv">
6060                    <div id="MainMaster_LoginDialogContentDiv_ImgDiv">
6061                        <img id="MainMaster_LoginDialogContentDiv_Img" src="https://Res.his.gift/Res/Photo/GoldenGarden20240320180446732.jpg"/>
6062                    </div>
6063                    <div id="MainMaster_LoginDialogContentDiv_ContentDiv">
6064                        <div class="MainMaster_LoginDialogContentDiv_ContentItemDivStyle1">
6065                            <div onclick="CreateRegisterItem()">
6066                                <p id="MainMaster_LoginDialogContentDiv_ContentDiv1_P_1">註冊</p>
6067                                <img src="Res/Icon/ProductsContentSection1ItemNextIcon.svg"/>
6068                            </div>
6069                        </div>
6070                        <div class="MainMaster_LoginDialogContentDiv_ContentItemDivStyle2">
6071                            <h1 id="MainMaster_LoginDialogContentDiv_ContentDiv2_H1_1">登錄</h1>
6072                            <p id="MainMaster_LoginDialogContentDiv_ContentDiv2_P_1">歡迎來到金園設計,請輸入戶名和密碼以登錄到您的帳戶。</p>
6073                        </div>
6074                        <div class="MainMaster_LoginDialogContentDiv_ContentItemDivStyle3">
6075                            <input name="ctl00$MainMaster_LoginEmailInput" type="text" id="MainMaster_LoginEmailInput" placeholder="郵箱地址" />
6076                            <input name="ctl00$MainMaster_LoginPasswordInput" type="password" id="MainMaster_LoginPasswordInput" placeholder="密碼" />
6077                        </div>
6078                        <div class="MainMaster_LoginDialogContentDiv_ContentItemDivStyle4">
6079                            <div>
6080                                <label>
6081                                    <input name="ctl00$MainMaster_RememberMeInput" type="checkbox" id="MainMaster_RememberMeInput" />
6082                                    <span id="MainMaster_LoginDialogContentDiv_ContentDiv4_Span_1">登錄</span>
6083                                </label>
6084                            </div>
6085                            <a id="MainMaster_LoginDialogContentDiv_ContentDiv4_A_1" onclick="CreateForgetPasswordItem()">忘記密碼?</a>
6086                        </div>
6087                        <div class="MainMaster_LoginDialogContentDiv_ContentItemDivStyle5">
6088                            <label class="MainMaster_LoginDialogContentDivItemStyle LoginClick">
6089                                <input onclick="__doPostBack('ctl00$MainMaster_LoginInput','')" name="ctl00$MainMaster_LoginInput" type="button" id="MainMaster_LoginInput" value="登錄" autocomplete="on" />
6090                            </label>
6091                            <div class="MainMaster_LoginDialogContentDivEmptyStyle">
6092                                <hr />
6093                                <p id="MainMaster_LoginDialogContentDiv_ContentDiv5_P_1">或使用</p>
6094                                <hr />
6095                            </div>
6096                            <label class="MainMaster_LoginDialogContentDivItemStyle FacebookClick">
6097                                <img  src="Res/Icon/LoginDialogFbIcon.svg"/>
6098                                <input onclick="__doPostBack('ctl00$MainMaster_FbLoginInput','')" name="ctl00$MainMaster_FbLoginInput" type="button" id="MainMaster_FbLoginInput" value="以 Facebook 登入" />
6099                            </label>
6100                            <div class="MainMaster_LoginDialogContentDivFooterStyle">
6101                                <a id="MainMaster_LoginDialogContentDiv_ContentDiv5_A_1" onclick="CreateFbLoginProgram()">Facebook 無法登入?</a>
6102                            </div>
6103                        </div>
6104                    </div>
6105                </div>
6106            </div>
6107        </div>
6108        
6109        <div id="MainMaster_RegisterDialogDiv" onclick="CloseRegisterDialog('2')" class="MasterDialog">
6110            <div id="MainMaster_RegisterDialogPaddingDiv">
6111                <img id="MainMaster_RegisterDialogContentDiv_CloseImg" src="Res/Icon/CloseLoginDialogIcon.svg" onclick="CloseRegisterDialog('
61111')"/>
6112                <div id="MainMaster_RegisterDialogContentDiv">
6113                    <div id="MainMaster_RegisterDialogContentDiv_ImgDiv">
6114                        <img id="MainMaster_RegisterDialogContentDiv_Img" src="https://Res.his.gift/Res/Photo/GoldenGarden20240320233558785.jpg"/>
6115                    </div>
6116                    <div id="MainMaster_RegisterDialogContentDiv_ContentDiv">
6117                        <div class="MainMaster_RegisterDialogContentDiv_ContentItemDivStyle1">
6118                            <div onclick="CreateLoginItem()">
6119                                <p id="MainMaster_RegisterDialogContentDiv_ContentDiv1_P_1">登錄</p>
6120                                <img src="Res/Icon/ProductsContentSection1ItemNextIcon.svg"/>
6121                            </div>
6122                        </div>
6123                        <div class="MainMaster_RegisterDialogContentDiv_ContentItemDivStyle2">
6124                            <h1 id="MainMaster_RegisterDialogContentDiv_ContentDiv2_H1_1">註冊</h1>
6125                            <p id="MainMaster_RegisterDialogContentDiv_ContentDiv2_P_1">簡單填寫以下資料,註冊馬上完成。</p>
6126                        </div>
6127                        <div class="MainMaster_RegisterDialogContentDiv_ContentItemDivStyle3">
6128                            <input name="ctl00$MainMaster_RegisterEmailInput" type="text" id="MainMaster_RegisterEmailInput" placeholder="郵箱地址" />
6129                            <input name="ctl00$MainMaster_RegisterPasswordInput" type="password" id="MainMaster_RegisterPasswordInput" placeholder="輸入密碼" />
6130                            <input name="ctl00$MainMaster_RegisterConfirmPasswordInput" type="password" id="MainMaster_RegisterConfirmPasswordInput" placeholder="確認密碼" />
6131                            <input name="ctl00$MainMaster_RegisterNameInput" type="text" id="MainMaster_RegisterNameInput" placeholder="您的名字" />
6132                        </div>
6133                        <div class="MainMaster_RegisterDialogContentDiv_ContentItemDivStyle5">
6134                            <label class="MainMaster_RegisterDialogContentDivItemStyle RegisterClick">
6135                                <input onclick="__doPostBack('ctl00$MainMaster_RegisterInput','')" name="ctl00$MainMaster_RegisterInput" type="button" id="MainMaster_RegisterInput" value="繼續" />
6136                            </label>
6137                            <div class="MainMaster_RegisterDialogContentDivEmptyStyle">
6138                                <hr />
6139                                <p id="MainMaster_RegisterDialogContentDiv_ContentDiv5_P_1">或使用</p>
6140                                <hr />
6141                            </div>
6142                            <label class="MainMaster_RegisterDialogContentDivItemStyle FacebookClick">
6143                                <img src="Res/Icon/LoginDialogFbIcon.svg"/>
6144                                <input onclick="__doPostBack('ctl00$MainMaster_FbRegisterInput','')" name="ctl00$MainMaster_FbRegisterInput" type="button" id="MainMaster_FbRegisterInput" value="以 Facebook 註冊" />
6145                            </label>
6146                        </div>
6147                    </div>
6148                </div>
6149            </div>
6150        </div>
6151        
6152        <div id="MainMaster_FbLoginProblemDialogDiv" onclick="CloseFbLoginProblemDialog('2')">
6153            <div id="MainMaster_FbLoginProblemDialogPaddingDiv">
6154                <img id="MainMaster_FbLoginProblemDialogContentDiv_CloseImg" src="Res/Icon/CloseLoginDialogIcon.svg" onclick="CloseFbLoginProblemDialog('1')"/>
6155                <div id="MainMaster_FbLoginProblemDialogContentDiv">
6156                    <div id="MainMaster_FbLoginProblemDialogContentDiv_ImgDiv">
6157                        <img src="Res/Icon/FbLoginProblemIcon.svg"/>
6158                    </div>
6159                    <div id="MainMaster_FbLoginProblemDialogContentDiv_ContentDiv">
6160                        <p>如果您的Facebook賬號無法登入,請輸入您Facebook賬號的登入電郵,您可以自行設定登入密碼。</p>
6161                        <input type="text"/>
6162                        <input type="button" value="確定"/>
6163                    </div>
6164                </div>
6165            </div>
6166        </div>
6167        
6168        <div id="MainMaster_ForgetPasswordDialogDiv">
6169            <div id="MainMaster_ForgetPasswordPaddingDiv">
6170                <img id="MainMaster_ForgetPasswordDialogContentDiv_CloseImg" src="Res/Icon/CloseLoginDialogIcon.svg" onclick="CloseForgetPasswordDialog('1')"/>
6171                <div id="MainMaster_ForgetPasswordDialogContentDiv">
6172                    <div id="MainMaster_ForgetPasswordDialogContentDiv_ContentDiv">
6173                        <div class="MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle1">
6174                            <h1 id="MainMaster_ForgetPasswordDialogContentDiv_ContentDiv1_H1_1">忘記密碼</h1>
6175                            <p id="MainMaster_ForgetPasswordDialogContentDiv_ContentDiv1_P_1">請輸入註冊信箱,我們將會寄送新密碼給您。</p>
6176                        </div>
6177                        <div class="MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle2">
6178                            <input name="ctl00$MainMaster_ForgetPasswordEmailInput" type="text" id="MainMaster_ForgetPasswordEmailInput" placeholder="郵箱地址" />
6179                        </div>
6180                        <div class="MainMaster_ForgetPasswordDialogContentDiv_ContentItemDivStyle3">
6181                            <label class="MainMaster_ForgetPasswordDialogContentDivItemStyle ForgetPasswordCl
6181ick">
6182                                <input onclick="__doPostBack('ctl00$MainMaster_ForgetPasswordInput','')" name="ctl00$MainMaster_ForgetPasswordInput" type="button" id="MainMaster_ForgetPasswordInput" value="傳送新密碼" autocomplete="on" />
6183                            </label>
6184                        </div>
6185                    </div>
6186                </div>
6187            </div>
6188        </div>
6189        
6190        <div id="MainMaster_ShopCartSidebarDiv">
6191            <img id="MainMaster_ShopCartSidebarDiv_CloseImg" src="Res/Icon/Master_ShoppingCartCloseIcon.svg" onclick="CloseShoppingCartSidebar()"/>
6192            <div id="MainMaster_ShopCartSidebarChildDiv">
6193                <div id="MainMaster_ShopCartSidebarDiv_TitleDiv">
6194                    <img src="Res/Icon/Master_ShoppingCarCheckIcon.svg"/>
6195                    <h3>成功加入購物車</h3>
6196                </div>
6197                <div id="MainMaster_ShopCartSidebarDiv_CommodityDiv">
6198                    <!--<div class="ImgDiv">
6199                        <img id="MainMaster_ShopCartSidebarDiv_CommodityDiv_ImgDiv_Img1" src="Res/Photo/Master_ShoppingCartDialogImg.png"/>
6200                    </div>
6201                    <div class="ContentDiv">
6202                        <h4 id="MainMaster_ShopCartSidebarDiv_CommodityDiv_ContentDiv_H41" class="ContentH41">刻劃回憶汽車掛畫</h4>
6203                        <h4 id="MainMaster_ShopCartSidebarDiv_CommodityDiv_ContentDiv_H42" class="ContentH42">車側款</h4>
6204                        <p id="MainMaster_ShopCartSidebarDiv_CommodityDiv_ContentDiv_P1" class="ContentP1">NT$ 7,800</p>
6205                        <p id="MainMaster_ShopCartSidebarDiv_CommodityDiv_ContentDiv_P2" class="ContentP2">數量 : 1</p>
6206                    </div>-->
6207                </div>
6208                <div id="MainMaster_ShopCartSidebarDiv_ControlDiv">
6209                    <input id="MainMaster_ShopCartSidebarDiv_ControlDiv_ContinueInput" class="Continue" type="button" value="繼續購物"/>
6210                    <input id="MainMaster_ShopCartSidebarDiv_ControlDiv_CartInput" class="Cart" type="button" value="查看購物車"/>
6211                </div>
6212                <div id="MainMaster_ShopCartSidebarDiv_RecommendDiv">
6213                    <div class="RecommendTitleDiv">
6214                        <h4>為你推薦</h4>
6215                    </div>
6216                    <div id="MainMaster_ShopCartSidebarDiv_RecommendDiv_ContentDiv">
6217                        <!--<div class="RecommendItemDiv">
6218                            <div class="RecommendItemImgDiv">
6219                                <img src="Res/Photo/MasterRecommendItemImg1.png"/>
6220                            </div>
6221                            <div class="RecommendItemContentDiv">
6222                                <h3 class="RecommendItemH3">刻劃回憶汽車掛畫</h3>
6223                                <h4 class="RecommendItemH4">車頭+車側+車尾款</h4>
6224                                <p class="RecommendItemP">NT$ 19,800</p>
6225                            </div>
6226                        </div>
6227                        <div class="RecommendItemDiv">
6228                            <div class="RecommendItemImgDiv">
6229                                <img src="Res/Photo/MasterRecommendItemImg2.png"/>
6230                            </div>
6231                            <div class="RecommendItemContentDiv">
6232                                <h3 class="RecommendItemH3">刻劃回憶汽車掛畫</h3>
6233                                <h4 class="RecommendItemH4">車頭+車側+車尾款</h4>
6234                                <p class="RecommendItemP">NT$ 19,800</p>
6235                            </div>
6236                        </div>
6237                        <div class="RecommendItemDiv">
6238                            <div class="RecommendItemImgDiv">
6239                                <img src="Res/Photo/MasterRecommendItemImg3.png"/>
6240                            </div>
6241                            <div class="RecommendItemContentDiv">
6242                                <h3 class="RecommendItemH3">刻劃回憶汽車掛畫</h3>
6243                                <h4 class="RecommendItemH4">車頭+車側+車尾款</h4>
6244                                <p class="RecommendItemP">NT$ 19,800</p>
6245                            </div>
6246                        </div>
6247                        <div class="RecommendItemDiv">
6248                            <div class="RecommendItemImgDiv">
6249                                <img src="Res/Photo/MasterRecommendItemImg4.png"/>
6250                            </div>
6251                            <div class="RecommendItemContentDiv">
6252                                <h3 class="RecommendItemH3">刻劃回憶汽車掛畫</h3>
6253                                <h4 class="RecommendItemH4">車頭+車側+車尾款</h4>
6254                                <p class="RecommendItemP">NT$ 19,800</p>
6255                            </div>
6256                        </div>
6257                        <div class="RecommendItemDiv">
6258                            <div class="RecommendItemImgDiv">
6259                                <img src="Res/Photo/MasterRecommendItemImg5.png"/>
6260                            </div>
6261                            <div class="RecommendItemContentDiv">
6262                                <h3 class="RecommendItemH3">刻劃回憶汽車掛畫</h3>
6263                                <h4 class="RecommendItemH4">車頭+車側+車尾款</h4>
6264                                <p class="RecommendItemP">NT$ 19,800</p>
6265                            </div>
6266                        </div>
6267                        <div class="RecommendItemDiv">
6268                            <div class="RecommendItemImgDiv">
6269                                <img src="Res/Photo/MasterRecommendItemImg6.png"/>
6270                            </div>
6271                            <div class="RecommendItemContentDiv">
6272                                <h3 class="RecommendItemH3">刻劃回憶汽車掛畫</h3>
6273                                <h4 class="RecommendItemH4">車頭+車側+車尾款</h4>
6274                                <p class="RecommendItemP">NT$ 19,800</p>
6275                            </div>
6276                        </div>-->
6277                    </div>
6278                </div>
6279            </div>
6280        </div>
6281        <nav id="PcNav" class="MainMaster_navStyle">
6282            <div id="MainMaster_PcNavLogoDiv" class="MainMaster_navStyle_div1">
6283                <img id="MainMaster_PcNavLogoDivImg" onclick="SetItemsPage('Home.aspx','','')" style="" src="https://Res.his.gift/Res/Icon/goldengarden-logo.png" />
6284            </div>
6285            <div id="MainMaster_navStyle_div2" class="MainMaster_navStyle_div2">
6286                <div id="MainMaster_InitLogoDiv">
6287                    <img id="MainMaster_InitLogoDivImg" onclick="SetItemsPage('Home.aspx','')" style="" src="https://Res.his.gift/Res/Icon/goldengarden-logo.png"/>
6288                </div>
6289                <div id="MainMaster_DropDownListDiv">
6290                    <ul class='DropDownMenu'><li class="HasData" id="Pc_MainMaster_DropDownListDiv_80">
6291	<div>
6292		<a >品牌動態</a>
6293		<img src="Res/Icon/OpenClose2.svg">
6294	</div>
6295	<ul class='DropDownMenu'><li id="Pc_MainMaster_DropDownListDiv_85">
6296	<a href="News.aspx">最新消息</a>
6297</li><li id="Pc_MainMaster_DropDownListDiv_86">
6298	<a href="LifeInspiration.aspx">生活靈感</a>
6299</li></ul>
6300</li><li class="HasData" id="Pc_MainMaster_DropDownListDiv_81">
6301	<div>
6302		<a >所有產品</a>
6303		<img src="Res/Icon/OpenClose2.svg">
6304	</div>
6305	<ul class='DropDownMenu'><li id="Pc_MainMaster_DropDownListDiv_88">
6306	<a href="Car.aspx">汽車系列</a>
6307</li><li id="Pc_MainMaster_DropDownListDiv_92">
6308	<a href="motorcycle.aspx">重機系列</a>
6309</li><li id="Pc_MainMaster_DropDownListDiv_90">
6310	<a href="Jersey.aspx">球衣系列</a>
6311</li><li id="Pc_MainMaster_DropDownListDiv_89">
6312	<a href="Pet.aspx">寵物系列</a>
6313</li><li id="Pc_MainMaster_DropDownListDiv_94">
6314	<a href="Customization.aspx">客製系列</a>
6315</li></ul>
6316</li><li class="HasData" id="Pc_MainMaster_DropDownListDiv_82">
6317	<div>
6318		<a >品牌故事</a>
6319		<img src="Res/Icon/OpenClose2.svg">
6320	</div>
6321	<ul class='DropDownMenu'><li id="Pc_MainMaster_DropDownListDiv_95">
6322	<a href="Deeds.aspx">金園事蹟</a>
6323</li><li id="Pc_MainMaster_DropDownListDiv_96">
6324	<a href="ColumnArticles.aspx">專欄文章</a>
6325</li><li id="Pc_MainMaster_DropDownListDiv_97">
6326	<a href="EventRecording.aspx">活動收錄</a>
6327</li></ul>
6328</li><li class="HasData" id="Pc_MainMaster_DropDownListDiv_83">
6329	<div>
6330		<a >回饋案例</a>
6331		<img src="Res/Icon/OpenClose2.svg">
6332	</div>
6333	<ul class='DropDownMenu'><li id="Pc_MainMaster_DropDownListDiv_98">
6334	<a href="CorporateCooperation.aspx">企業合作</a>
6335</li><li id="Pc_MainMaster_DropDownListDiv_99">
6336	<a href="CelebrityEcommendation.aspx">名人推薦</a>
6337</li><li id="Pc_MainMaster_DropDownListDiv_100">
6338	<a href="ClientFeedBack.aspx">顧客回饋</a>
6339</li></ul>
6340</li><li class="HasData" id="Pc_MainMaster_DropDownListDiv_84">
6341	<div>
6342		<a >更多資訊</a>
6343		<img src="Res/Icon/OpenClose2.svg">
6344	</div>
6345	<ul class='DropDownMenu'><li id="Pc_MainMaster_DropDownListDiv_101">
6346	<a href="Warranty.aspx">三輩子保修服務</a>
6347</li><li id="Pc_MainMaster_DropDownListDiv_102">
6348	<a href="PurchaseQuestions.aspx">購買Q&A</a>
6349</li><li id="Pc_MainMaster_DropDownListDiv_103">
6350	<a href="ContactUs.aspx">聯絡我們</a>
6351</li></ul>
6352</li></ul>
6353                </div>
6354            </div>
6355            <div class="MainMaster_navStyle_div3">
6356                <select id="MainMaster_navStyle_div3_Currency" class="DynamicMain" name="MasterCurrency">
6357
6358                </select>
6359                <span>
6360                    <img id="Master_GlobalImg" src="Res/Icon/global2.svg"/>
6361                    <select id="Master_languageSelect" class="DynamicMain" name="MasterLanguage">
6362
6363                    </select>
6364                </span>
6365                <div id="Master_PersonImgDiv">
6366                    <div id="Master_PersonImgControlDiv">
6367                        <img id="Master_PersonImg" src="Res/Icon/person2.svg" onclick="OpenAccountDialog()"/>
6368                        <img id="Master_PersonDialogImg" src="Res/Background/ShopCartDialogBkg1.svg"/>
6369                    </div>
6370                    <div id="Master_PersonImgDialogDiv">
6371                        <div id="MainMaster_AccountDialogContentDiv">
6372                            <img id="MainMaster_AccountDialogContentDiv_CloseImg" src="Res/Icon/CloseAccountDialogIcon.svg" onclick="CloseAccountDialog('1')"/>
6373                            <h4 id="MainMaster_AccountDialogContentDivH41" class="MainMaster_AccountDialogContentDivH4Style">歡迎來到金園設計</h4>
6374                            <h4 id="MainMaster_AccountDialogContentDivH42" class="MainMaster_AccountDialogContentDivH4Style"></h4>
6375                            <div id="LoginDiv" class="MainMaster_AccountDialogContentDivItemStyle" onclick="CreateLoginItem()">
6376                                <p id="MainMaster_AccountDialogContentDiv_P_1">登錄</p>
6377                            </div>
6378                            <div id="RegisterDiv" class="MainMaster_AccountDialogContentDivItemStyle" onclick="CreateRegisterItem()">
6379                                <p id="MainMaster_AccountDialogContentDiv_P_2">註冊</p>
6380                            </div>
6381                            <div class="MainMaster_AccountDialogContentDivEmptyStyle">
6382                                <hr />
6383                                <p id="MainMaster_AccountDialogContentDiv_P_3">或</p>
6384                                <hr />
6385                            </div>
6386                            <label id="FbLoginDiv" class="MainMaster_AccountDialogContentDivItemStyle">
6387                                <img src="Res/Icon/AccountDialogFbIcon.svg"/>
6388                                <input onclick="__doPostBack('ctl00$MainMaster_FbLogInInput2','')" name="ctl00$MainMaster_FbLogInInput2" type="button" id="MainMaster_FbLogInInput2" value="以facebook帳號登錄" />
6389                            </label>
6390                            <label id="LogOutDiv" class="MainMaster_AccountDialogContentDivItemStyle">
6391                                <input onclick="__doPostBack('ctl00$MainMaster_LogOutInput','')" name="ctl00$MainMaster_LogOutInput" type="button" id="MainMaster_LogOutInput" value="登出" />
6392                            </label>
6393                        </div>
6394                    </div>
6395                </div>
6396                <div id="Master_ShoppingCartImgDiv">
6397                    <div id="Master_ShoppingCartImgControlDiv">
6398                        <img id="Master_ShoppingCartImg" src="Res/Icon/ShoppingCart2.svg" onclick="OpenCartDialog()"/>
6399                        <img id="Master_ShoppingCartDialogImg" src="Res/Backgroun
6399d/ShopCartDialogBkg1.svg"/>
6400                    </div>
6401                    <div id="Master_ShoppingCartDialogDiv">
6402                        <div id="Master_ShoppingCartDialogChildDiv">
6403                            <img id="Master_ShoppingCartDialogChildDiv_CloseImg" src="Res/Icon/CloseAccountDialogIcon.svg" onclick="CloseCartDialog('1')">
6404                            <div id="Master_ShoppingCartDialogTitleDiv">
6405                                <h3 class="Title">購物車</h3>
6406                                <p class="Num">(</p>
6407                                <p class="NumContent">0</p>
6408                                <p class="Num">項)</p>
6409                                <p class="Link">查看購物車</p>
6410                            </div>
6411                            <div id="Master_ShoppingCartDialogContentDiv">
6412                                
6413                            </div>
6414                            <div id="Master_ShoppingCartDialogTotalDiv">
6415                                <div class="SubtotalDiv">
6416                                    <p class="TitleP">小計 :</p>
6417                                    <p class="ContentP"></p>
6418                                </div>
6419                                <div class="OtherListDiv">
6420                                    
6421                                </div>
6422                                <div class="TotalDiv">
6423                                    <p class="TitleP">總計 :</p>
6424                                    <p class="ContentP"></p>
6425                                </div>
6426                            </div>
6427                            
6428                            <div id="Master_ShoppingCartDialogControlDiv">
6429                                <input value="馬上訂製" type="button"/>
6430                            </div>
6431                        </div>
6432                    </div>
6433                </div>
6434            </div>
6435            <div class="MainMaster_navStyle_div4">
6436                <img id="MenuImg" src="Res/Icon/MenuIcon3.svg" onclick="OpenMenu_Click()"/>
6437            </div>
6438        </nav>
6439        <div id="MainMaster_PhoneNavDiv">
6440            <div id="MainMaster_PhoneDropDownListDiv">
6441                <ul class='DropDownMenu'><li class="HasData" id="Phone_MainMaster_DropDownListDiv_80">
6442	<div>
6443		<a >品牌動態</a>
6444		<img src="Res/Icon/OpenClose3.svg">
6445	</div>
6446	<ul class='DropDownMenu'><li id="Phone_MainMaster_DropDownListDiv_85">
6447	<a href="News.aspx">最新消息</a>
6448</li><li id="Phone_MainMaster_DropDownListDiv_86">
6449	<a href="LifeInspiration.aspx">生活靈感</a>
6450</li></ul>
6451</li><li class="HasData" id="Phone_MainMaster_DropDownListDiv_81">
6452	<div>
6453		<a >所有產品</a>
6454		<img src="Res/Icon/OpenClose3.svg">
6455	</div>
6456	<ul class='DropDownMenu'><li id="Phone_MainMaster_DropDownListDiv_88">
6457	<a href="Car.aspx">汽車系列</a>
6458</li><li id="Phone_MainMaster_DropDownListDiv_92">
6459	<a href="motorcycle.aspx">重機系列</a>
6460</li><li id="Phone_MainMaster_DropDownListDiv_90">
6461	<a href="Jersey.aspx">球衣系列</a>
6462</li><li id="Phone_MainMaster_DropDownListDiv_89">
6463	<a href="Pet.aspx">寵物系列</a>
6464</li><li id="Phone_MainMaster_DropDownListDiv_94">
6465	<a href="Customization.aspx">客製系列</a>
6466</li></ul>
6467</li><li class="HasData" id="Phone_MainMaster_DropDownListDiv_82">
6468	<div>
6469		<a >品牌故事</a>
6470		<img src="Res/Icon/OpenClose3.svg">
6471	</div>
6472	<ul class='DropDownMenu'><li id="Phone_MainMaster_DropDownListDiv_95">
6473	<a href="Deeds.aspx">金園事蹟</a>
6474</li><li id="Phone_MainMaster_DropDownListDiv_96">
6475	<a href="ColumnArticles.aspx">專欄文章</a>
6476</li><li id="Phone_MainMaster_DropDownListDiv_97">
6477	<a href="EventRecording.aspx">活動收錄</a>
6478</li></ul>
6479</li><li class="HasData" id="Phone_MainMaster_DropDownListDiv_83">
6480	<div>
6481		<a >回饋案例</a>
6482		<img src="Res/Icon/OpenClose3.svg">
6483	</div>
6484	<ul class='DropDownMenu'><li id="Phone_MainMaster_DropDownListDiv_98">
6485	<a href="CorporateCooperation.aspx">企業合作</a>
6486</li><li id="Phone_MainMaster_DropDownListDiv_99">
6487	<a href="CelebrityEcommendation.aspx">名人推薦</a>
6488</li><li id="Phone_MainMaster_DropDownListDiv_100">
6489	<a href="ClientFeedBack.aspx">顧客回饋</a>
6490</li></ul>
6491</li><li class="HasData" id="Phone_MainMaster_DropDownListDiv_84">
6492	<div>
6493		<a >更多資訊</a>
6494		<img src="Res/Icon/OpenClose3.svg">
6495	</div>
6496	<ul class='DropDownMenu'><li id="Phone_MainMaster_DropDownListDiv_101">
6497	<a href="Warranty.aspx">三輩子保修服務</a>
6498</li><li id="Phone_MainMaster_DropDownListDiv_102">
6499	<a href="PurchaseQuestions.aspx">購買Q&A</a>
6500</li><li id="Phone_MainMaster_DropDownListDiv_103">
6501	<a href="ContactUs.aspx">聯絡我們</a>
6502</li></ul>
6503</li></ul>
6504            </div>
6505            <div id="MainMaster_PhoneOtherListDiv">
6506                <ul class="DropDownMenu">
6507                    <li class="NavPhoneFixed"><div><a class="DynamicMain" id="MainMaster_PhoneTitle1" style="">帳戶</a></div>
6508                        <ul>
6509                            <li><a  id="MainMaster_PhoneTitle1Item1" style="">會員登入</a></li>
6510                            <li><a  id="MainMaster_PhoneTitle1Item2" style="">新用戶註冊</a></li>
6511                        </ul>
6512                    </li>
6513                    <li class="NavPhoneFixed" ><div><a class="DynamicMain" id="MainMaster_PhoneTitle2" style="">其他</a></div>
6514                        <ul>
6515                           <li><a href="https://lin.ee/rgBwmgX" id="MainMaster_PhoneTitle2Item1" style="">聯絡我們</a></li>
6516                           <li><select class="DynamicMain" id="MainMaster_PhoneTitle2Select1" name="MasterLanguage"></select></li>
6517                           <li><select class="DynamicMain" id="MainMaster_PhoneTitle2Select2" name="MasterCurrency"></select></li>
6518                        </ul>
6519                    </li>
6520                </ul>
6521            </div>
6522        </div>
6523        <div id="MainMaster_ContentPlaceHolderDiv" onclick="CloseMenu_Click()">
6524            
6525    <div id="fb-root"></div>
6526    
6526<script async defer crossorigin="anonymous" src="https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v15.0" nonce="YxKNbmSB"></script>
6526
6527    <section id="Home_BannerSection" class="swiper">
6528        <div id="Home_BannerDiv" class="swiper-wrapper">
6529			<div class="Banneritem swiper-slide" id="Home_BannerDiv_602">
6530                <img id="Home_BannerDiv_602_Pc_Img1" class="banner-size" src="https://Res.his.gift/Res/Photo/GoldenGarden20250305115524071.jpg">
6531            </div><div class="Banneritem swiper-slide" id="Home_BannerDiv_598">
6532                <img id="Home_BannerDiv_598_Pc_Img1" class="banner-size" src="https://Res.his.gift/Res/Photo/GoldenGarden20250205175521553.jpg">
6533            </div><div class="Banneritem swiper-slide" id="Home_BannerDiv_105">
6534                <img id="Home_BannerDiv_105_Pc_Img1" class="banner-size" src="https://Res.his.gift/Res/Photo/GoldenGarden20250205175540412.jpg">
6535            </div><div class="Banneritem swiper-slide" id="Home_BannerDiv_106">
6536                <img id="Home_BannerDiv_106_Pc_Img1" class="banner-size" src="https://Res.his.gift/Res/Photo/GoldenGarden20250205175549178.jpg">
6537            </div>
6538        </div>
6539        <div id="Home_BannerSection_SlickPrev" class='slick-prev slick-arrow swiper-arrow'></div>
6540        <div id="Home_BannerSection_SlickNext" class='slick-next slick-arrow swiper-arrow'></div>
6541    </section>
6542    <section id="Home_Section1" class="BK_Color1">
6543        <div id="Home_Section1_Div1">
6544            <div id="Home_Section1_Div1_116" class="Home_ItemsDiv">
6545                <img id="Home_Section1_Div1_116_Pc_Img1" src="https://Res.his.gift/Res/Photo/GoldenGarden20230515165014.jpg"/>
6546            </div><div id="Home_Section1_Div1_117" class="Home_ItemsDiv">
6547                <img id="Home_Section1_Div1_117_Pc_Img1" src="https://Res.his.gift/Res/Photo/GoldenGarden20230515165044.jpg"/>
6548            </div>
6549        </div>
6550    </section>
6551    <section id="Home_Section2" class="BK_Color1">
6552        <div id="Home_Section2_Div1" class="TitleDivStyle2">
6553            <hr id="Home_Section2_Div1_Hr1" class="TitleHrStyle1" data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-duration="800" data-aos-delay="200"/>
6554            <div>
6555                <h2 id="Home_Section2_Div1_H21" class="TitleH2Style2" data-aos="fade-up" data-aos-duration="1000">作品介紹</h2>
6556                <h3 id="Home_Section2_Div1_H31" class="TitleH3Style2" data-aos="fade-up" data-aos-duration="1000">Introduction</h3>
6557            </div>
6558            
6559        </div>
6560        <div id="Home_Section2_Div2" data-aos="fade-right" data-aos-duration="800" data-aos-delay="700" class="swiper">
6561            <div id="Home_Section2_Div2_Div1" class="swiper-wrapper">
6562				<div class="SeriesDetailsItemsStyle swiper-slide" id="Home_Section2_Div2_Div1_1" onclick="SetItemsPage('Car.aspx','')">
6563                                    <img class="SeriesDetailsItemsImgStyle" id="Home_Section2_Div2_Div1_1_Pc_Img1" src="https://goldengardentest.tellus.com.tw/Res/Photo/DSC07417-5.jpg">
6564                                    <div class="SeriesDetailsFilterDivStyle">
6565                                        <hr class="SeriesDetailsFilterItemsHrStyle1">
6566                                        <h3 class="SeriesDetailsFilterItemsH3Style" id="Home_Section2_Div2_Div1_1_Pc_Title1">汽車系列</h3>
6567                                        <hr class="SeriesDetailsFilterItemsHrStyle2">
6568                                        <div class="SeriesDetailsItemsDivStyle">
6569                                            <h3 class="SeriesDetailsItemsH3Style" id="Home_Section2_Div2_Div1_1_Pc_Title1">汽車系列</h3>
6570                                            <p class="SeriesDetailsItemsPStyle" id="Home_Section2_Div2_Div1_1_Pc_Directions">Automobile Wall Art</p>
6571                                        </div>
6572                                    </div>
6573                                </div><div class="SeriesDetailsItemsStyle swiper-slide" id="Home_Section2_Div2_Div1_2" onclick="SetItemsPage('motorcycle.aspx','')">
6574                                    <img class="SeriesDetailsItemsImgStyle" id="Home_Section2_Div2_Div1_2_Pc_Img1" src="https://goldengardentest.tellus.com.tw/Res/Photo/DSC07420-6.jpg">
6575                                    <div class="SeriesDetailsFilterDivStyle">
6576                                        <hr class="SeriesDetailsFilterItemsHrStyle1">
6577                                        <h3 class="SeriesDetailsFilterItemsH3Style" id="Home_Section2_Div2_Div1_2_Pc_Title1">機車系列</h3>
6578                                        <hr class="SeriesDetailsFilterItemsHrStyle2">
6579                                        <div class="SeriesDetailsItemsDivStyle">
6580                                            <h3 class="SeriesDetailsItemsH3Style" id="Home_Section2_Div2_Div1_2_Pc_Title1">機車系列</h3>
6581                                            <p class="SeriesDetailsItemsPStyle" id="Home_Section2_Div2_Div1_2_Pc_Directions">Motorcycle Wall Art</p>
6582                                        </div>
6583                                    </div>
6584                                </div><div class="SeriesDetailsItemsStyle swiper-slide" id="Home_Section2_Div2_Div1_572" onclick="OpenWindowPage('https://jiehung.1shop.tw/9f4ti3','')">
6585                                    <img class="SeriesDetailsItemsImgStyle" id="Home_Section2_Div2_Div1_572_Pc_Img1" src="https://Res.his.gift/Res/Photo/Golde
6585nGarden20240207121058034.jpg">
6586                                    <div class="SeriesDetailsFilterDivStyle">
6587                                        <hr class="SeriesDetailsFilterItemsHrStyle1">
6588                                        <h3 class="SeriesDetailsFilterItemsH3Style" id="Home_Section2_Div2_Div1_572_Pc_Title1">憶·相遇</h3>
6589                                        <hr class="SeriesDetailsFilterItemsHrStyle2">
6590                                        <div class="SeriesDetailsItemsDivStyle">
6591                                            <h3 class="SeriesDetailsItemsH3Style" id="Home_Section2_Div2_Div1_572_Pc_Title1">憶·相遇</h3>
6592                                            <p class="SeriesDetailsItemsPStyle" id="Home_Section2_Div2_Div1_572_Pc_Directions">Reminiscence of Our Serendipitous Encounter</p>
6593                                        </div>
6594                                    </div>
6595                                </div><div class="SeriesDetailsItemsStyle swiper-slide" id="Home_Section2_Div2_Div1_3" onclick="SetItemsPage('Pet.aspx','')">
6596                                    <img class="SeriesDetailsItemsImgStyle" id="Home_Section2_Div2_Div1_3_Pc_Img1" src="https://goldengardentest.tellus.com.tw/Res/Photo/DSC07453.jpg">
6597                                    <div class="SeriesDetailsFilterDivStyle">
6598                                        <hr class="SeriesDetailsFilterItemsHrStyle1">
6599                                        <h3 class="SeriesDetailsFilterItemsH3Style" id="Home_Section2_Div2_Div1_3_Pc_Title1">寵物系列</h3>
6600                                        <hr class="SeriesDetailsFilterItemsHrStyle2">
6601                                        <div class="SeriesDetailsItemsDivStyle">
6602                                            <h3 class="SeriesDetailsItemsH3Style" id="Home_Section2_Div2_Div1_3_Pc_Title1">寵物系列</h3>
6603                                            <p class="SeriesDetailsItemsPStyle" id="Home_Section2_Div2_Div1_3_Pc_Directions">Pet Wall Art</p>
6604                                        </div>
6605                                    </div>
6606                                </div><div class="SeriesDetailsItemsStyle swiper-slide" id="Home_Section2_Div2_Div1_4" >
6607                                    <img class="SeriesDetailsItemsImgStyle" id="Home_Section2_Div2_Div1_4_Pc_Img1" src="https://goldengardentest.tellus.com.tw/Res/Photo/DSC07455.jpg">
6608                                    <div class="SeriesDetailsFilterDivStyle">
6609                                        <hr class="SeriesDetailsFilterItemsHrStyle1">
6610                                        <h3 class="SeriesDetailsFilterItemsH3Style" id="Home_Section2_Div2_Div1_4_Pc_Title1">人物系列</h3>
6611                                        <hr class="SeriesDetailsFilterItemsHrStyle2">
6612                                        <div class="SeriesDetailsItemsDivStyle">
6613                                            <h3 class="SeriesDetailsItemsH3Style" id="Home_Section2_Div2_Div1_4_Pc_Title1">人物系列</h3>
6614                                            <p class="SeriesDetailsItemsPStyle" id="Home_Section2_Div2_Div1_4_Pc_Directions">Engraving Memories - Person Series</p>
6615                                        </div>
6616                                    </div>
6617                                </div><div class="SeriesDetailsItemsStyle swiper-slide" id="Home_Section2_Div2_Div1_5" onclick="SetItemsPage('Customization.aspx','')">
6618                                    <img class="SeriesDetailsItemsImgStyle" id="Home_Section2_Div2_Div1_5_Pc_Img1" src="https://goldengardentest.tellus.com.tw/Res/Photo/DSC07456.jpg">
6619                                    <div class="SeriesDetailsFilterDivStyle">
6620                                        <hr class="SeriesDetailsFilterItemsHrStyle1">
6621                                        <h3 class="SeriesDetailsFilterItemsH3Style" id="Home_Section2_Div2_Div1_5_Pc_Title1">客製化系列</h3>
6622                                        <hr class="SeriesDetailsFilterItemsHrStyle2">
6623                                        <div class="SeriesDetailsItemsDivStyle">
6624                                            <h3 class="SeriesDetailsItemsH3Style" id="Home_Section2_Div2_Div1_5_Pc_Title1">客製化系列</h3>
6625                                            <p class="SeriesDetailsItemsPStyle" id="Home_Section2_Div2_Div1_5_Pc_Directions">Customized Wall Art</p>
6626                                        </div>
6627                                    </div>
6628                                </div><div class="SeriesDetailsItemsStyle swiper-slide" id="Home_Section2_Div2_Div1_6" >
6629                                    <img class="SeriesDetailsItemsImgStyle" id="Home_Section2_Div2_Div1_6_Pc_Img1" src="https://golde
6629ngardentest.tellus.com.tw/Res/Photo/DSC07446.jpg">
6630                                    <div class="SeriesDetailsFilterDivStyle">
6631                                        <hr class="SeriesDetailsFilterItemsHrStyle1">
6632                                        <h3 class="SeriesDetailsFilterItemsH3Style" id="Home_Section2_Div2_Div1_6_Pc_Title1">球衣系列</h3>
6633                                        <hr class="SeriesDetailsFilterItemsHrStyle2">
6634                                        <div class="SeriesDetailsItemsDivStyle">
6635                                            <h3 class="SeriesDetailsItemsH3Style" id="Home_Section2_Div2_Div1_6_Pc_Title1">球衣系列</h3>
6636                                            <p class="SeriesDetailsItemsPStyle" id="Home_Section2_Div2_Div1_6_Pc_Directions">Engraving Memories - Jersey Series</p>
6637                                        </div>
6638                                    </div>
6639                                </div>
6640            </div>
6641        </div>
6642        <div id="Home_Section2_Div3">
6643            <div id="Home_Section2_Div3_SlickPrev" class='slick-prev slick-arrow'><img src='Res/Icon/PreImg.svg'/></div>
6644            <div id="Home_Section2_Div3_SwiperPagination" class="swiper-pagination"></div>
6645            <div id="Home_Section2_Div3_SlickNext" class='slick-next slick-arrow'><img src='Res/Icon/NextImg.svg'/></div>
6646        </div>
6647    </section>
6648    
6649    <section id="Home_Section3" class="BK_Color1">
6650        <div id="Home_Section3_Div1" class="TitleDivStyle2">
6651            <hr id="Home_Section3_Div1_Hr1" class="TitleHrStyle1" data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-duration="800" data-aos-delay="400"/>
6652            <div>
6653                <h2 id="Home_Section3_Div1_H21" class="TitleH2Style2" data-aos="fade-up" data-aos-duration="1000">職人精神</h2>
6654                <h3 id="Home_Section3_Div1_H31" class="TitleH3Style2" data-aos="fade-up" data-aos-duration="1000">Professionalism</h3>
6655            </div>
6656        </div>
6657        <div id="Home_Section3_Div2">
6658            <img id="Home_Section3_Div2_Img1" src="https://Res.his.gift/Res/Photo/GoldenGarden20230515172436.jpg"/>
6659        </div>
6660    </section>
6661    <section id="Home_Section4">
6662        <div id="Home_Section4_Div1" class="TitleDivStyle2">
6663            <hr class="TitleHrStyle1" id="Home_Section4_Div1_Hr1" data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-duration="800" data-aos-delay="400"/>
6664            <div>
6665                <h2 class="TitleH2Style2" id="Home_Section4_Div1_H21" data-aos="fade-up" data-aos-duration="1000">顧客回饋</h2>
6666                <h3 class="TitleH3Style2" id="Home_Section4_Div1_H31" data-aos="fade-up" data-aos-duration="1000">CLIENT FEEDBACK</h3>
6667            </div>
6668        </div>
6669        <div id="Home_Section4_Div2">
6670            								<div class="Home_Section4Items1Style" value="v_{Score}" id="Home_Section4_Div2_1346" >
6671                                        <div class="Home_Section4Items1Content1Style">
6672                                            <h3 id="Home_Section4_Div2_1346_Pc_Title1">【Facebook】<br> Miya 人OO紙</h3>
6673                                            <hr />
6674                                            <h4 id="Home_Section4_Div2_1346_Pc_Directions">汽車系列 兩面款</h4>
6675                                        </div>
6676                                        <div class="Home_Section4Items1Content2Style">
6677                                            <div class="Home_Section4Items1ScoreDivStyle">
6678                                                <img src="Res/Icon/Star2.svg"/><img src="Res/Icon/Star2.svg"/><img src="Res/Icon/Star2.svg"/><img src="Res/Icon/Star2.svg"/><img src="Res/Icon/Star2.svg"/>
6679                                            </div>
6680                                        </div>
6681                                        <div class="Home_Section4Items1Content3Style">
6682                                            <p><span class="text-small" id="Home_Section4_Div2_1346_Pc_Content1">等這幅客製化愛車金屬畫很久<br>純手工製作太感動<br>對車子很無感的我<br>卻對小黑特別有情感<br>每天回家對他說再見,小黑<br>它受傷了心疼到爆、洗車用最好的<br>-<br>我想是因為它承載著我們兩個的夢想<br>陪伴著我們迎接生小孩、搬新家<br>也讓我們擁有它之後一切更好<br>-<br>非常捨不得換掉它<br>但不可能開一輩子<br>所以看見這個金屬畫我立刻下單<br>掛在家裡的玄關每天進出都能看見它<br>我們的人生第一台賓士<br>GLA180 <br>謝謝金園 x Golden Garden為我們留住我們的回憶 </span></p>
6683                                        </div>
6684                                        <div class="Home_Section4Items1Content4Style">
6685                                            <img id="Home_Section4_Div2_1346_Pc_Img1" src="https://Res.his.gift/Res/Photo/Golde
6685nGarden20240111165711987.jpg"/>
6686                                        </div>
6687                                    </div>								<div class="Home_Section4Items1Style" value="v_{Score}" id="Home_Section4_Div2_1347" >
6688                                        <div class="Home_Section4Items1Content1Style">
6689                                            <h3 id="Home_Section4_Div2_1347_Pc_Title1">【Facebook】<br>杜拜 Mr.Huang</h3>
6690                                            <hr />
6691                                            <h4 id="Home_Section4_Div2_1347_Pc_Directions">汽車系列 兩面款</h4>
6692                                        </div>
6693                                        <div class="Home_Section4Items1Content2Style">
6694                                            <div class="Home_Section4Items1ScoreDivStyle">
6695                                                <img src="Res/Icon/Star2.svg"/><img src="Res/Icon/Star2.svg"/><img src="Res/Icon/Star2.svg"/><img src="Res/Icon/Star2.svg"/><img src="Res/Icon/Star2.svg"/>
6696                                            </div>
6697                                        </div>
6698                                        <div class="Home_Section4Items1Content3Style">
6699                                            <p><span class="text-small" id="Home_Section4_Div2_1347_Pc_Content1">回台灣看到這個品牌的廣告,沒想到可以寄來杜拜,收到也沒損壞,品質很棒!</span></p>
6700                                        </div>
6701                                        <div class="Home_Section4Items1Content4Style">
6702                                            <img id="Home_Section4_Div2_1347_Pc_Img1" src="https://Res.his.gift/Res/Photo/GoldenGarden20230516183732.jpg"/>
6703                                        </div>
6704                                    </div>								<div class="Home_Section4Items1Style" value="v_{Score}" id="Home_Section4_Div2_1348" >
6705                                        <div class="Home_Section4Items1Content1Style">
6706                                            <h3 id="Home_Section4_Div2_1348_Pc_Title1">【Instagram】<br>cOlaOOchenn_</h3>
6707                                            <hr />
6708                                            <h4 id="Home_Section4_Div2_1348_Pc_Directions">汽車系列 三面立體款</h4>
6709                                        </div>
6710                                        <div class="Home_Section4Items1Content2Style">
6711                                            <div class="Home_Section4Items1ScoreDivStyle">
6712                                                <img src="Res/Icon/Star2.svg"/><img src="Res/Icon/Star2.svg"/><img src="Res/Icon/Star2.svg"/><img src="Res/Icon/Star2.svg"/><img src="Res/Icon/Star2.svg"/>
6713                                            </div>
6714                                        </div>
6715                                        <div class="Home_Section4Items1Content3Style">
6716                                            <p><span class="text-small" id="Home_Section4_Div2_1348_Pc_Content1">我男朋友超開心!!!感謝金園!</span></p>
6717                                        </div>
6718                                        <div class="Home_Section4Items1Content4Style">
6719                                            <img id="Home_Section4_Div2_1348_Pc_Img1" src="https://Res.his.gift/Res/Photo/GoldenGarden20230526143537.png"/>
6720                                        </div>
6721                                    </div>
6722        </div>
6723        <div class="Home_MoreControlStyle">
6724            <div id="Home_Section4_MoreControlDiv" class="Home_MoreControlDivStyle" onclick="SetItemsPage('ClientFeedBack.aspx','')">
6725                <label>MORE</label>
6726                <img src="Res/Icon/NextImg.svg"/>
6727            </div>
6728        </div>
6729    </section>
6730    <section id="Home_Section7" class="BK_Color1">
6731        <div id="Home_Section7_Div1" class="TitleDivStyle2">
6732            <hr class="TitleHrStyle1" id="Home_Section7_Div1_Hr1" data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-duration="800" data-aos-delay="400"/>
6733            <div>
6734                <h2 class="TitleH2Style2" id="Home_Section7_Div1_H21" data-aos="fade-up" data-aos-duration="1000">企業合作</h2>
6735                <h3 class="TitleH3Style2" id="Home_Section7_Div1_H31" data-aos="fade-up" data-aos-duration="1000">cooperation projects</h3>
6736            </div>
6737        </div>
6738        <div id="Home_Section7_Div2">
6739            <div class="Home_Section7_Div2Items1Style" id="Home_Section7_Div2_1446" onclick="SetItemsPage('CorporateCooperationContent.aspx?v1=1','')">
6740                                            <div class="Home_Section7_Div2Items
6740ImgStyle">
6741                                                <img id="Home_Section7_Div2_1446_Pc_Img1" src="https://Res.his.gift/Res/Photo/GoldenGarden20230630175933.JPG"/>
6742                                            </div>
6743                                            <div class="Home_Section7_Div2Items1ContentStyle">
6744                                                <div class="Home_Section7_Div2Items1ContentChildDiv1Style">
6745                                                    <h3 id="Home_Section7_Div2_1446_Pc_Title1">
6746                                                        <span class="text-huge">金園設計 x YAMAHA 台灣山葉<br>     歷代勁戰精緻銘板畫框  </span>
6747                                                    </h3>
6748                                                </div>
6749                                                <div class="Home_Section7_Div2Items1ContentChildDiv2Style">
6750                                                    <div>
6751                                                        <hr class="HrStyle"/>
6752                                                        <p>
6753                                                            <span id="Home_Section7_Div2_1446_Pc_Content1">為迎接勁戰20週年,感謝各經銷商夥伴20年來一起打拼的辛苦與奮鬥,YAMAHA和金園設計共同創造了「歷代勁戰精緻銘板畫框」。</span>
6754                                                        </p>
6755                                                    </div>
6756                                                </div>
6757                                            </div>
6758                                        </div><div class="Home_Section7_Div2Items1Style" id="Home_Section7_Div2_1445" onclick="SetItemsPage('CorporateCooperationContent.aspx?v1=2','')">
6759                                            <div class="Home_Section7_Div2ItemsImgStyle">
6760                                                <img id="Home_Section7_Div2_1445_Pc_Img1" src="https://Res.his.gift/Res/Photo/GoldenGarden20230630175947.jpg"/>
6761                                            </div>
6762                                            <div class="Home_Section7_Div2Items1ContentStyle">
6763                                                <div class="Home_Section7_Div2Items1ContentChildDiv1Style">
6764                                                    <h3 id="Home_Section7_Div2_1445_Pc_Title1">
6765                                                        <span class="text-huge">金園設計 x TOYOTA 和泰<br> TGR Fan Festival GR掛畫 <br></span>
6766                                                    </h3>
6767                                                </div>
6768                                                <div class="Home_Section7_Div2Items1ContentChildDiv2Style">
6769                                                    <div>
6770                                                        <hr class="HrStyle"/>
6771                                                        <p>
6772                                                            <span id="Home_Section7_Div2_1445_Pc_Content1">金園設計攜手TOYOTA和泰汽車,在「 TOYOTA GAZOO Racing Fan Festival 」賽道體驗活動中,為熱情車迷們提供定製紀念掛畫。</span>
6773                                                        </p>
6774                                                    </div>
6775                                                </div>
6776                                            </div>
6777                                        </div>
6778        </div>
6779        <div class="Home_MoreControlStyle">
6780            <div id="Home_Section7_MoreControlDiv" class="Home_MoreControlDivStyle" onclick="SetItemsPage('CorporateCooperation.aspx','')">
6781                <label>MORE</label>
6782                <img src="Res/Icon/NextImg.svg"/>
6783            </div>
6784        </div>
6785    </section>
6786    <section id="Home_Section5" class="BK_Color1">
6787        <div id="Home_Section5_Div1" data-aos="fade-up" data-aos-duration="1000" class="TitleDivStyle2">
6788            <hr class="TitleHrStyle1" id="Home_Section5_Div1_Hr1" data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-duration="800" data-aos-delay="400"/>
6789            <div>
6790                <h2 class="TitleH2Style2" id="Home_Section5_Div1_H21" data-aos="fade-up" data-aos-duration="1000">精選文章</h2>
6791                <h3 class="TitleH3Style2" id="Home_Section5_Div1_H31" data-aos="fade-up" data-aos-duration="1000">FEATURED ARTICLES</h3>
6792            </div>
6793        </div>
6794        <div id="Home_Section5_Div2">
6795            <div class="Home_Section5Items1Style" id="Home_Section5_Div2_1355" onclick="SetItemsPage('ColumnArticlesContent.aspx?v1=1','')">
6796                                    <div class="Home_Section5Items1Content1Style">
6797                                        <img id="Home_Section5_Div2_1355_Pc_Img1" src="https://Res.his.gift/Res/Photo/GoldenGarden20230525235308.jpg" />
6798                                    </div>
6799                                    <div class="Home_Section5Items1Content2Style">
6800                                        <h3><span class="text-small" id="Home_Section5_Div2_1355_Pc_Title1">送禮推薦:愛車男生最愛的贈禮</span></h3>
6801                                        <hr class="HrStyle"/>
6802                                        <p><span id="Home_Section5_Div2_1355_Pc_Content1">正在煩惱送什麼給你的男友嗎?他的愛車,是不是他的另一個寶貝?"送禮推薦:愛車男友的最愛",我們有他一定會愛的禮物。<br><br>金園設計的汽車掛畫,將他的最愛轉化為藝術,讓愛車的美感不只在路上,更能進入他的生活空間。手工製作的高品質掛畫,每一寸都充滿著細膩的細節與熱愛,就像他對愛車的每一處的熟悉與疼愛。這樣的禮物,他怎能不愛呢?<br><br>金園設計汽車掛畫,讓你的男友感受到你的貼心與瞭解,這一定是他收到的最特別的禮物!</span></p>
6803                                    </div>
6804                                    <div class="Home_Section5Items1Content3Style">
6805										<p><span class="text-small" id="Home_Section5_Div2_1355_VisiableDate">2023-01-09</span> | <a id="Home_Section5_Div2_1355_Pc_GroupTitle_Directions"></a></p>
6806                                    </div>
6807                                </div><div class="Home_Section5Items1Style" id="Home_Section5_Div2_1356" onclick="SetItemsPage('ColumnArticlesContent.aspx?v1=3','')">
6808                                    <div class="Home_Section5Items1Content1Style">
6809                                        <img id="Home_Section5_Div2_1356_Pc_Img1" src="https://Res.his.gift/Res/Photo/GoldenGarden20230526000450.jpg" />
6810                                    </div>
6811                                    <div class="Home_Section5Items1Content2Style">
6812                                        <h3><span class="text-small" id="Home_Section5_Div2_1356_Pc_Title1"><span class="text-normal">美好回憶封存您的記憶</span></span></h3>
6813                                        <hr class="HrStyle"/>
6814                                        <p><span id="Home_Section5_Div2_1356_Pc_Content1">每一個生活的瞬間,都是無可取代的寶貴記憶。那些大大小小的經歷、那些濃烈的情感,一直存在我們的內心深處,引導著我們向前。然而,時間總是在無聲無息中流逝,讓我們有時會遺忘那些曾經深愛的瞬間。<br><br>在金園設計,我們致力於將這些瞬間轉化為永恆。我們的掛畫作品,無論是重機、汽車,或是寵物,都源於您的愛和回憶。透過我們的設計師細緻的手工製作,您的記憶將被永久封存,在您的生活中留下深深的印記。<br><br></span></p>
6815                                    </div>
6816                                    <div class="Home_Section5Items1Content3Style">
6817										<p><span class="text-small" id="Home_Section5_Div2_1356_VisiableDate">2023-02-28</span> | <a id="Home_Section5_Div2_1356_Pc_GroupTitle_Directions">美好回憶</a></p>
6818                                    </div>
6819                                </div><div class="Home_Section5Items1Style" id="Home_Section5_Div2_1354" onclick="SetItemsPage('ColumnArticlesContent.aspx?v1=8','')">
6820                                    <div class="Home_Section5Items1Content1Style">
6821                                        <img id="Home_Section5_Div2_1354_Pc_Img1" src="https://Res.his.gift/Res/Photo/Golde
6821nGarden20230524014215.jpg" />
6822                                    </div>
6823                                    <div class="Home_Section5Items1Content2Style">
6824                                        <h3><span class="text-small" id="Home_Section5_Div2_1354_Pc_Title1">傳承的手作溫度<br>    -古宜齋裱褙店</span></h3>
6825                                        <hr class="HrStyle"/>
6826                                        <p><span id="Home_Section5_Div2_1354_Pc_Content1">金園的畫框皆是阿北親手製作!<br><br>古宜齋裱褙店位於新竹市北區都城隍廟附近,<br>主要經營裱褙、裱框、春聯和門聯販售。<br>陳炳煌於1910年代(明治末年、大正初年)從福建省同安縣到臺灣新竹,<br>最初在都城隍廟口租店,以畫人像為業,<br>後來遷移至今址,被稱為「炳煌師」。<br>日治時期,流行和式紙門,<br>紙門上的紙是利用裱褙技術製成的,他因而接觸到裱褙技術。<br>這也是古宜齋從畫人像轉型為裱褙店的一個契機。<br>1960年代,陳炳煌兒子陳添成將店面買下來,開始經營裱褙的行業。陳家一脈相傳的藝術細胞,與他們經營的裱褙店相輔相成,很快就在新竹打出了名號。<br>由陳炳煌創辦後,歷經第二代陳添成、第三代陳宜焜,目前由第四代陳清峰負責。<br>由於裱褙業易與書畫界人士有所接觸,新竹地區書畫界名人與古宜齋的陳清峰多有往來,如蕭振開、許遐年等。<br>古宜齋有一項只有新竹才看得到的特別作品:「百壽圖」。<br>百壽圖是一幅用篆字寫一百個「壽」的祝壽圖,而這一百個壽字的字體都不能相同,相當有難度,一幅得花十幾天的時間才有辦法完成。<br>在擺滿作品的店面裡,老闆認為最有價值的是那張已傳承了四代的臺灣檜木桌,這張桌子利用卡榫的原理製成的,整張桌子沒有用到任何一根釘子,是古宜齋的傳家之寶。</span></p>
6827                                    </div>
6828                                    <div class="Home_Section5Items1Content3Style">
6829										<p><span class="text-small" id="Home_Section5_Div2_1354_VisiableDate">2022-10-11</span> | <a id="Home_Section5_Div2_1354_Pc_GroupTitle_Directions">職人精神</a></p>
6830                                    </div>
6831                                </div>
6832        </div>
6833        <div class="Home_MoreControlStyle">
6834            <div id="Home_Section5_MoreControlDiv" class="Home_MoreControlDivStyle" onclick="SetItemsPage('ColumnArticles.aspx','')">
6835                <label>MORE</label>
6836                <img src="Res/Icon/NextImg.svg"/>
6837            </div>
6838        </div>
6839    </section>
6840    <section id="Home_Section8">
6841        <div id="Home_Section8_Div1">
6842            <div id="Home_Section8_Div1_ItemsDiv">
6843                <div class="ItemsDivStyle1">
6844                    <h4 id="Home_Section8_Div1_ItemsDivH41" class="H4Style1" data-aos="fade-left" data-aos-easing="ease-in-back" data-aos-duration="1200" data-aos-delay="0">台灣組裝</h4>
6845                    <h4 id="Home_Section8_Div1_ItemsDivH42" class="H4Style1" data-aos="fade-left" data-aos-easing="ease-in-back" data-aos-duration="1200" data-aos-delay="200" >台灣設計</h4>
6846                    <h3 id="Home_Section8_Div1_ItemsDivH31" class="H3Style1" data-aos="fade-left" data-aos-easing="ease-in-back" data-aos-duration="1200" data-aos-delay="400">世界級的工藝</h3>
6847                </div>
6848                <div class="ItemsDivStyle2">
6849                    <p id="Home_Section8_Div1_ItemsDivP1" class="PStyle1" data-aos="fade-left" data-aos-easing="ease-in-back" data-aos-duration="1200" data-aos-delay="600">秉承著超凡卓越,極致絢爛的設計理念<br>服務於充滿自信,意志堅定的社會菁英<br><br>他們要求嚴謹,堅持享受生命賦予的最好事物<br>將回憶化為實體、將霎那化為永恆</p>
6850                </div>
6851                <div class="ItemsDivStyle3">
6852                    <p id="Home_Section8_Div1_ItemsDivP2" class="PStyle2" data-aos="fade-left" data-aos-easing="ease-in-back" data-aos-duration="1200" data-aos-delay="800">金園設計 x Golden Garden</p>
6853                </div>
6854            </div>
6855        </div>
6856        <section id="Home_BkSection">
6857            <img id="Home_BkSection_Img" src="https://his.gift/Res/Photo/Home_BkSectionImg.jpg"/>
6858        </section>
6859    </section>
6860    <section id="Home_Section9" class="BK_Color1">
6861        <div id="Home_Section9_Div1" class="TitleDivStyle2">
6862            <hr id="Home_Section9_Div1_Hr1" class="TitleHrStyle1" data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-duration="800" data-aos-delay="400"/>
6863            <div>
6864                <h2 id="Home_Section9_Div1_H21" class="TitleH2Style2" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1000">社群網站</h2>
6865                <h3 id="Home_Section9_Div1_H31" class="TitleH3Style2" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1000">COMMUNITY WEBSITE</h3>
6866            </div>
6867        </div>
6868        <div id="Home_Section9_Div2" data-aos="fade-left" data-aos-duration="1000" data-aos-delay="800">
6869			<div class="fb-page" data-href="https://www.facebook.com/goldengarden2016" data-tabs="timeline" data-width="500px" data-height="130px" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/goldengarden2016" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/goldengarden2016">金園 x Golden Garden</a></blockquote></div>
6870        </div>
6871    </section>
6872
6873        </div>
6874        <footer id="Footer" class="MainMaster_FooterStyle">
6875            <div id="MainMaster_FooterMenuDiv" class="MainMaster_FooterMenuStyle">
6876                <div id="MainMaster_FooterItemDiv1">
6877					<div class="ItemStyle" id="MainMaster_FooterItemDiv1_77">
6878                        <div class="MainMaster_FooterMenuTitle">
6879                            <h4>深入了解</h4>
6880                        </div> 
6881                        <div class="MainMaster_FooterMenuText">
6882                            <a href="https://his.gift/Deeds.aspx">品牌故事</a><a href="https://his.gift/ContactUs.aspx">聯絡我們</a>
6883                        </div>
6884                    </div><div class="ItemStyle" id="MainMaster_FooterItemDiv1_237">
6885                        <div class="MainMaster_FooterMenuTitle">
6886                            <h4>所有作品</h4>
6887                        </div> 
6888                        <div class="MainMaster_FooterMenuText">
6889                            <a href="car.aspx">汽車系列</a><a href="motorcycle.aspx">重機系列</a><a href="Jersey.aspx">球衣系列</a><a href="Pet.aspx">寵物系列</a><a href="Customization.aspx">客製系列</a>
6890                        </div>
6891                    </div><div class="ItemStyle" id="MainMaster_FooterItemDiv1_78">
6892                        <div class="MainMaster_FooterMenuTitle">
6893                            <h4>客戶服務</h4>
6894                        </div> 
6895                        <div class="MainMaster_FooterMenuText">
6896                            <a href="PurchaseQuestions.aspx">購買Q&A</a><a href="Warranty.aspx">三輩子保修服務</a>
6897                        </div>
6898                    </div>
6899                </div>
6900                <div id="MainMaster_FooterItemDiv2">
6901                    <div id="MainMaster_FooterItemDiv2_ItemDiv">
6902                        <div class="ItemStyle" id="MainMaster_FooterItemDiv2_ItemDiv_79">
6903                        <div class="MainMaster_FooterMenuTitle">
6904                            <h4>聯絡我們</h4>
6905                        </div> 
6906                        <div class="MainMaster_FooterMenuText">
6907                            <a >共榮雷射雕刻有限公司</a><a >03-5200389|統編 90130124</a><a >[email protected]</a><a href="https://maps.app.goo.gl/UrnxnzdeEHbDcZpk6">300新竹市東區東門街76號3F</a>
6908                        </div>
6909                    </div>
6910                    </div>
6911                    <div id="MainMaster_FooterMenuIconDiv" class="MainMaster_FooterMenuIcon">
6912                        <img id="MainMaster_FooterMenuIconDiv_58" onclick="OpenWindowPage('https://www.facebook.com/goldengarden2016','')" src="https://his.gift/Res/Icon/FacebookIcon.svg"><img id="MainMaster_FooterMenuIconDiv_59" onclick="OpenWindowPage('https://www.instagram.com/goldengardengdgd/','')" src="https://his.gift/Res/Icon/InstagramIcon.svg"><img id="MainMaster_FooterMenuIconDiv_60" onclick="OpenWindowPage('https://page.line.me/cea1907s','')" src="https://his.gift/Res/Icon/LineIcon.svg"><img id="MainMaster_FooterMenuIconDiv_61"  src="v_{Img1}">
6913                    </div>
6914                 </div>
6915            </div>
6916        </footer>
6917        <img id="MasterLinkIcon1" src="https://Res.his.gift/Res/Photo/Golde
6917nGarden20230628162154.png" onclick="OpenLink1_Onclick()"/>
6918        <img id="MasterLineIcon" src="https://Res.his.gift/Res/Photo/GoldenGarden20230725112257300.png" onclick="OpenWindowPage('https://lin.ee/rgBwmgX','')"/>
6919        <img id="MasterLinkIcon2" src="https://Res.his.gift/Res/Photo/GoldenGarden20231109234531612.png"/>
6920    
6921
6922<script type="text/javascript">
6923//<![CDATA[
6924
6925theForm.oldSubmit = theForm.submit;
6926theForm.submit = WebForm_SaveScrollPositionSubmit;
6927
6928theForm.oldOnSubmit = theForm.onsubmit;
6929theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit;
6930//]]>
6931</script>
6931
6932</form>
6933    
6933<script>let TLS_RwdMainCondition = '-1'; let TLS_FirstRwdMainCondition = '-1'; $(window).resize(function () {     /*console.log('Resize_JuqueryCode');*/     if(TLS_FirstRwdMainCondition == '1'){    RwdMainInit();     }});  $(function() {    /*console.log('Load');*/    RwdMainInit();        TLS_FirstRwdMainCondition = '1'; }); function RwdMainInit(){   if (window.innerWidth > 1000 && TLS_RwdMainCondition != '0') {    /*console.log('window.innerWidth > 1000');*/ $(`#MainMaster_LoginDialogContentDiv_Img`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20240320180446732.jpg'); $(`#MainMaster_LoginDialogContentDiv_Img`).css({  }); $(`#MainMaster_LoginDialogContentDiv_Img`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv1_P_1`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv2_H1_1`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv2_P_1`).css('display','initial'); $(`#MainMaster_FooterItemDiv1_77`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_237`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_78`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_239`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_240`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_238`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_241`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_242`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_67`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_68`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_71`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_72`).css('display','flex'); $(`#MainMaster_FooterMenuIconDiv_58`).css('display','flex'); $(`#MainMaster_FooterMenuIconDiv_59`).css('display','flex'); $(`#MainMaster_FooterMenuIconDiv_60`).css('display','flex'); $(`#MainMaster_FooterMenuIconDiv_61`).css('display','none'); $(`#MainMaster_PhoneTitle1`).css('display','flex'); $(`#MainMaster_PhoneTitle1Item1`).css('display','flex'); $(`#MainMaster_PhoneTitle1Item2`).css('display','flex'); $(`#MainMaster_PhoneTitle2`).css('display','flex'); $(`#MainMaster_PhoneTitle2Item1`).css('display','flex'); $(`#Pc_MainMaster_DropDownListDiv_80`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_81`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_82`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_83`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_84`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_85`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_86`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_88`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_92`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_90`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_89`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_94`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_95`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_96`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_97`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_98`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_99`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_100`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_101`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_102`).css('display','block'); $(`#Pc_MainMaster_DropDownListDiv_103`).css('display','block'); $(`#MainMaster_InitLogoDivImg`).css('display','flex'); $(`#MainMaster_PcNavLogoDivImg`).css('display','flex'); $(`#Master_GlobalImg`).css('display','flex'); $(`#Master_PersonImg`).css('display','flex'); $(`#Master_ShoppingCartImg`).css('display','flex'); $(`#MainMaster_FooterItemDiv2_ItemDiv_79`).css('display','flex'); $(`#MainMaster_FooterItemDiv2_ItemDiv_73`).css('display','flex'); $(`#MainMaster_FooterItemDiv2_ItemDiv_74`).css('display','flex'); $(`#MainMaster_FooterItemDiv2_ItemDiv_75`).css('display','flex'); $(`#MainMaster_FooterItemDiv2_ItemDiv_76`).css('display','flex'); $(`#MasterLineIcon`).attr('src','https://Res.his.gift/Res/Photo/Golde
6933nGarden20230725112257300.png'); $(`#MasterLineIcon`).css({  }); $(`#MasterLineIcon`).css('display','flex'); $(`#MasterLinkIcon2`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20231109234531612.png'); $(`#MasterLinkIcon2`).css({  }); $(`#MasterLinkIcon2`).css('display','flex'); $(`#MainMaster_RegisterEmailInput`).css('display','initial'); $(`#MainMaster_ForgetPasswordDialogContentDiv_ContentDiv1_P_1`).css('display','initial'); $(`#MainMaster_ForgetPasswordEmailInput`).css('display','initial'); $(`#MainMaster_ForgetPasswordInput`).css('display','initial'); $(`#MainMaster_RegisterPasswordInput`).css('display','initial'); $(`#MainMaster_AccountDialogContentDivH41`).css('display','initial'); $(`#MainMaster_AccountDialogContentDiv_P_1`).css('display','initial'); $(`#MainMaster_RegisterConfirmPasswordInput`).css('display','initial'); $(`#MasterLinkIcon1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230628162154.png'); $(`#MasterLinkIcon1`).css({  }); $(`#MasterLinkIcon1`).css('display','flex'); $(`#MainMaster_RegisterNameInput`).css('display','initial'); $(`#MainMaster_RegisterInput`).css('display','initial'); $(`#MainMaster_AccountDialogContentDiv_P_2`).css('display','initial'); $(`#MainMaster_AccountDialogContentDiv_P_3`).css('display','initial'); $(`#MainMaster_DialogContentDiv_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230630173512.jpg'); $(`#MainMaster_DialogContentDiv_Img1`).css({  }); $(`#MainMaster_DialogContentDiv_Img1`).css('display','flex'); $(`#MainMaster_FbLogInInput2`).css('display','initial'); $(`#MainMaster_RegisterDialogContentDiv_ContentDiv5_P_1`).css('display','initial'); $(`#MainMaster_FbRegisterInput`).css('display','initial'); $(`#MainMaster_ForgetPasswordDialogContentDiv_ContentDiv1_H1_1`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv5_A_1`).css('display','initial'); $(`#MainMaster_LoginEmailInput`).css('display','initial'); $(`#MainMaster_LoginPasswordInput`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv4_Span_1`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv4_A_1`).css('display','initial'); $(`#MainMaster_LoginInput`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv5_P_1`).css('display','initial'); $(`#MainMaster_FbLoginInput`).css('display','initial'); $(`#MainMaster_RegisterDialogContentDiv_Img`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20240320233558785.jpg'); $(`#MainMaster_RegisterDialogContentDiv_Img`).css({  }); $(`#MainMaster_RegisterDialogContentDiv_Img`).css('display','initial'); $(`#MainMaster_RegisterDialogContentDiv_ContentDiv1_P_1`).css('display','initial'); $(`#MainMaster_RegisterDialogContentDiv_ContentDiv2_H1_1`).css('display','initial'); $(`#MainMaster_RegisterDialogContentDiv_ContentDiv2_P_1`).css('display','initial');  TLS_RwdMainCondition = '0';}   else if (window.innerWidth <= 1000 && TLS_RwdMainCondition != '1') {    /*console.log('window.innerWidth <= 1000');*/ $(`#MainMaster_LoginDialogContentDiv_Img`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20240320180448292.jpg'); $(`#MainMaster_LoginDialogContentDiv_Img`).css({  }); $(`#MainMaster_LoginDialogContentDiv_Img`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv1_P_1`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv2_H1_1`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv2_P_1`).css('display','initial'); $(`#MainMaster_FooterItemDiv1_77`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_237`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_78`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_239`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_240`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_238`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_241`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_242`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_67`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_68`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_71`).css('display','flex'); $(`#MainMaster_FooterItemDiv1_72`).css('display','flex'); $(`#MainMaster_FooterMenuIconDiv_58`).css('display','flex'); $(`#MainMaster_FooterMenuIconDiv_59`).css('display','flex'); $(`#MainMaster_FooterMenuIconDiv_60`).css('display','flex'); $(`#MainMaster_FooterMenuIconDiv_61`).css('display','none'); $(`#MainMaster_PhoneTitle1`).css('display','flex'); $(`#MainMaster_PhoneTitle1Item1`).css('display','flex'); $(`#MainMaster_PhoneTitle1Item2`).css('display','flex'); $(`#MainMaster_PhoneTitle2`).css('display','flex'); $(`#MainMaster_PhoneTitle2Item1`).css('display','flex'); $(`#Phone_MainMaster_DropDownListDiv_80`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_81`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_82`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_83`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_84`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_85`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_86`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_88`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_92`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_90`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_89`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_94`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_95`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_96`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_97`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_98`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_99`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_100`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_101`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_102`).css('display','block'); $(`#Phone_MainMaster_DropDownListDiv_103`).css('display','block'); $(`#MainMaster_InitLogoDivImg`).css('display','flex'); $(`#MainMaster_PcNavLogoDivImg`).css('display','flex'); $(`#Master_GlobalImg`).css('display','flex'); $(`#Master_PersonImg`).css('display','flex'); $(`#Master_ShoppingCartImg`).css('display','flex'); $(`#MainMaster_FooterItemDiv2_ItemDiv_79`).css('display','flex'); $(`#MainMaster_FooterItemDiv2_ItemDiv_73`).css('display','flex'); $(`#MainMaster_FooterItemDiv2_ItemDiv_74`).css('display','flex'); $(`#MainMaster_FooterItemDiv2_ItemDiv_75`).css('display','flex'); $(`#MainMaster_FooterItemDiv2_ItemDiv_76`).css('display','flex'); $(`#MasterLineIcon`).attr('src','https://Res.his.gift/Res/Photo/Golde
6933nGarden20230725112257425.png'); $(`#MasterLineIcon`).css({  }); $(`#MasterLineIcon`).css('display','flex'); $(`#MasterLinkIcon2`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20231109234532253.png'); $(`#MasterLinkIcon2`).css({  }); $(`#MasterLinkIcon2`).css('display','flex'); $(`#MainMaster_RegisterEmailInput`).css('display','initial'); $(`#MainMaster_ForgetPasswordDialogContentDiv_ContentDiv1_P_1`).css('display','initial'); $(`#MainMaster_ForgetPasswordEmailInput`).css('display','initial'); $(`#MainMaster_ForgetPasswordInput`).css('display','initial'); $(`#MainMaster_RegisterPasswordInput`).css('display','initial'); $(`#MainMaster_AccountDialogContentDivH41`).css('display','initial'); $(`#MainMaster_AccountDialogContentDiv_P_1`).css('display','initial'); $(`#MainMaster_RegisterConfirmPasswordInput`).css('display','initial'); $(`#MasterLinkIcon1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230629153209.png'); $(`#MasterLinkIcon1`).css({  }); $(`#MasterLinkIcon1`).css('display','flex'); $(`#MainMaster_RegisterNameInput`).css('display','initial'); $(`#MainMaster_RegisterInput`).css('display','initial'); $(`#MainMaster_AccountDialogContentDiv_P_2`).css('display','initial'); $(`#MainMaster_AccountDialogContentDiv_P_3`).css('display','initial'); $(`#MainMaster_DialogContentDiv_Img1`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20230628190505.jpg'); $(`#MainMaster_DialogContentDiv_Img1`).css({  }); $(`#MainMaster_DialogContentDiv_Img1`).css('display','flex'); $(`#MainMaster_FbLogInInput2`).css('display','initial'); $(`#MainMaster_RegisterDialogContentDiv_ContentDiv5_P_1`).css('display','initial'); $(`#MainMaster_FbRegisterInput`).css('display','initial'); $(`#MainMaster_ForgetPasswordDialogContentDiv_ContentDiv1_H1_1`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv5_A_1`).css('display','initial'); $(`#MainMaster_LoginEmailInput`).css('display','initial'); $(`#MainMaster_LoginPasswordInput`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv4_Span_1`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv4_A_1`).css('display','initial'); $(`#MainMaster_LoginInput`).css('display','initial'); $(`#MainMaster_LoginDialogContentDiv_ContentDiv5_P_1`).css('display','initial'); $(`#MainMaster_FbLoginInput`).css('display','initial'); $(`#MainMaster_RegisterDialogContentDiv_Img`).attr('src','https://Res.his.gift/Res/Photo/GoldenGarden20240320233600382.jpg'); $(`#MainMaster_RegisterDialogContentDiv_Img`).css({  }); $(`#MainMaster_RegisterDialogContentDiv_Img`).css('display','initial'); $(`#MainMaster_RegisterDialogContentDiv_ContentDiv1_P_1`).css('display','initial'); $(`#MainMaster_RegisterDialogContentDiv_ContentDiv2_H1_1`).css('display','initial'); $(`#MainMaster_RegisterDialogContentDiv_ContentDiv2_P_1`).css('display','initial');  TLS_RwdMainCondition = '1';}}</script>
6933
6934</body>
6935</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.