@charset "utf-8";
											.PJLC202512{		 background-color:#000; } .PJLC202512>.outBox{ } @media screen and (max-width:768px){ .PJLC202512{		 } .PJLC202512>.outBox{ } }										#inMain, #content { max-width: none !important;}.PJLC202512 { min-width: 100%; min-height: 100vh; color: #fff;}.PJLC202512 .outBox { width: 100%;}.PJLC202512 .unit { width: 100%;}.PJLC202512 .unitOutBox { position: relative;}.PJLC202512 .unitOutBoxA { width: 100%; height: 56.25vw; max-height: 100vh; position: relative;}.PJLC202512 .unitOutBoxB { background-color: #fff; color: #222;}.PJLC202512 .unitOutBoxC { height:61.79vw;}.PJLC202512 .header { background-image: url(/tw/images/projects/jlc_202512/cover_video_d.jpg?20251212_2);}.PJLC202512 .vBox { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; overflow: hidden;}.PJLC202512 .mp4Player, .PJLC202512 .adBox, .PJLC202512 .youtubeBox, .PJLC202512 video { width: 100%; height: 100%; -webkit-filter: grayscale(0%) brightness(95%) contrast(100%); filter: grayscale(0%) brightness(95%) contrast(100%);}.PJLC202512 .mp4Player video { object-fit: cover;}.PJLC202512 .navigator { position: absolute; left: 0; top: 2.13vw; width: 100%; padding: 0 1.88vw; z-index: 1;}.PJLC202512 .btnHome { background-color: rgba(255, 255, 255, 0.5); padding: 0.75vw; border-radius: 50%; color: #222; font-size: 0.8vw;}.PJLC202512 .btnHome .icon { width: 1vw; height: 1vw; background-image: url(/tw/images/projects/jlc_202512/ico_arD5_left_a.svg);}.PJLC202512 .siteName { display: none;}.PJLC202512 .social { float: right; display: none;}.PJLC202512 .btnSocial { width: 2.0vw; height: 2.0vw; margin-left: 1.25vw;}.PJLC202512 .btnFB { background-image: url(/tw/images/projects/jlc_202512/icon-fb.svg);}.PJLC202512 .btnLINE { background-image: url(/tw/images/projects/jlc_202512/icon-line.svg);}.PJLC202512 .btnWhatsapp { background-image: url(/tw/images/projects/jlc_202512/icon-whatapp.svg);}.PJLC202512 .explore { position: absolute; left: 0; bottom: 3.5vw; width: 100%; text-align: center;}.PJLC202512 .explore img { width: 5vw;}.PJLC202512 .titleBox { position: relative; z-index: 1; text-align: center; width: 100%; padding-top: 2.81vw;}.PJLC202512 .logo { width: 12.81vw;}.PJLC202512 .title { font-family: 'Crimson Text', 'Arial', 'Noto Serif TC', serif; font-size: 3.75vw; font-weight: 500; line-height: 1.2; margin-top: 1.5vw; letter-spacing: 0.13em;}.PJLC202512 .footer { background-image: url(/tw/images/projects/jlc_202512/footer_bg_d.jpg?20251212_2);}.PJLC202512 .logoA { width: 25vw; padding-left: 0; padding-bottom: 4.31vw;}.PJLC202512 .authority { position: absolute; left: 0; bottom: 2.77vw; width: 100%; font-family: 'Noto Sans TC', sans-serif; font-size: 0.8vw; font-weight: 300; line-height: 1.3; text-align: center;}.PJLC202512 .myFont { font-family: 'Noto Sans TC', Sans-Serif; font-size: 400;}.PJLC202512 .slogan { padding: 14vw 28.25vw; font-size: 1.24vw; line-height: 1.6; margin-bottom: 10%; margin: 0 auto; text-align: center; color: #222; background-color: #fff; letter-spacing: 0.00em;}.PJLC202512 .unitInBox { width: 51.5625%; height: 100%; margin: 0 auto; text-align: center;}.PJLC202512 .article { text-align: center;}.PJLC202512 .series { text-align: center; font-size: 3.6vw; text-transform: uppercase;}.PJLC202512 .seperate { margin: 3.25vw auto 2.75vw auto; width: 14.75vw; height: 2px;}.PJLC202512 .div-gradient { background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%); background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);}.PJLC202512 .article .subject { text-align: center; font-size: 2.2vw; font-weight: 500; line-height: 1.4em;}.PJLC202512 .description { margin-top: 2.0vw; font-size: 1.25vw; font-weight: 300; line-height: 1.6em; text-align: center;}.PJLC202512 .ellipsis_description { -webkit-line-clamp: 2;}.PJLC202512 .btn_link { margin: 6.25vw 0 0 0; width: 16.06vw; height: 3.69vw; border: 1px #AAA solid; font-size: 1.56vw; line-height: 1em;}.PJLC202512 .btn_link .text { height: 1.56vw; padding: 0 1.09vw 0 0; line-height: 0.80em;}.PJLC202512 .btn_link .icon { width: 1.5vw; height: 100%; transform: scaleX(-1); background-image: url(/tw/images/projects/cartier_202203/arrow_leftA_black.svg);}.PJLC202512 .tail_box{ width:100%; left:0; bottom:0; padding:3vw 1.88vw; text-align:center; font-size:0.88vw; line-height:1.5em; align-items: flex-end; justify-content: space-between;}.PJLC202512 .store_name{ margin:0 1.13vw 0 0 ; padding:0 1.13vw 0 0; border-right:1px #fff solid; }.PJLC202512 .store_addr{ text-align:left;}@media screen and (max-width:768px){ .PJLC202512 .unitOutBox{ height:auto; } .PJLC202512 .header, .PJLC202512 .footer{ height:100vh; } .PJLC202512 .header { background-image: url(/tw/images/projects/jlc_202512/cover_video_m.jpg?20251212_2); } .PJLC202512 .titleBox { padding-top: 7.24vw; } .PJLC202512 .logo { width: 70%; } .PJLC202512 .logo { width: 32.13vw; } .PJLC202512 .title { font-size: 7.25vw; margin-top: 5vw; letter-spacing: 0.1em; } .PJLC202512 .navigator { top: 6.21vw; padding: 0 5vw; } .PJLC202512 .btnHome { padding: 2.5vw; border-radius: 50%; } .PJLC202512 .btnHome .icon { width: 4vw; height: 4vw; background-image: url(/tw/images/projects/jlc_202512/ico_arD5_left_a.svg); } .PJLC202512 .siteName { display: none; } .PJLC202512 .social { display: none; } .PJLC202512 .explore { bottom: 16%; } .PJLC202512 .explore img { width: 18vw; } .PJLC202512 .footer { background-image: url(/tw/images/projects/jlc_202512/footer_bg_m.jpg?20251212_2); } .PJLC202512 .titleBox { padding-top: 8.21vw; } .PJLC202512 .titleBoxA { padding-bottom: 10vw; } .PJLC202512 .logoA { width: 67.632%; padding-left: 0; padding-bottom: 8.45vw } .PJLC202512 .authority { bottom: 8.45vw; font-size: 3.4vw; } .PJLC202512 .slogan { padding: 36.71vw 5%; font-size: 4.11vw; text-align: center; letter-spacing: 0.01em; } .PJLC202512 .unitOutBoxA { width: 100%; height: 100vh; } .PJLC202512 .imgMobile { height: 100vh; } .PJLC202512 .unitOutBoxB { /* height: 150vw; */ height: auto; padding: 26.57vw 0; } .PJLC202512 .unitInBox { width: 86%; } .PJLC202512 .series { font-size: 7.8vw; } .PJLC202512 .seperate { margin: 7vw auto 11.0vw auto; width: 27.05vw; height: 2px; } .PJLC202512 .article .subject { font-size: 4.83vw; line-height: 1.6em; } .PJLC202512 .description { margin-top: 7.73vw; font-size: 4.35vw; line-height: 1.6em; letter-spacing: 0.01em; text-align: center; } .PJLC202512 .ellipsis_description { -webkit-line-clamp: 2; } .PJLC202512 .btn_link { margin: 21.74vw 0 0 0; width:47.83vw; height:11.35vw; font-size: 4.35vw; } .PJLC202512 .btn_link .text { height: 3.62vw; padding: 0 3.38vw 0 0; line-height: 0.70em; } .PJLC202512 .btn_link .icon { width: 4.83vw; } .PJLC202512 .tail_box{ padding: 7.25vw 0 8.7vw 0; flex-wrap: wrap; font-size:3.38vw; } .PJLC202512 .tail_inbox{ width:100vw; line-height:1.7em; } .PJLC202512 .tail_inbox:last-child{ padding:7.25vw 0 0 0; } .PJLC202512 .store_name{ margin:0 2.9vw 0 0 ; padding:0 2.9vw 0 0; }}