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&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.