@charset "utf-8";
											.PPanerai202503{		 background-color:#000; } .PPanerai202503>.outBox{ } @media screen and (max-width:768px){ .PPanerai202503{		 } .PPanerai202503>.outBox{ } }										 #inMain, #content{ max-width:none !important; } .PPanerai202503 .uppercase{ text-transform: uppercase; } .PPanerai202503 .no_uppercase{ text-transform: none; } .PPanerai202503 .imgDesktop{ display:block; } .PPanerai202503 .imgMobile{ display:none; } .PPanerai202503 .myFont{ font-family: 'Noto Sans TC', 'Arial', serif; } .PPanerai202503{ min-width:100%; min-height:100vh; color:#fff; } .PPanerai202503 .outBox{ width:100%; } .PPanerai202503 .vBox{		 position:absolute;		 top:0;		 left:0;		 z-index:0;		 width:100%;		 height:100%;		 overflow: hidden;		 }		 		 .PPanerai202503 .vBox_desktop{ display:block; } .PPanerai202503 .vBox_common{ display:block; } .PPanerai202503 .vBox_mirror{ transform:scaleX(-1); } .PPanerai202503 .vBox_mobile{ display:none; } .PPanerai202503 .unit{ width:100%; } .PPanerai202503 .unitOutBox{ position:relative; } .PPanerai202503 .unitOutBoxA{ width:100%; height:56.25vw; max-height:100vh; position:relative; } .PPanerai202503 .unitOutBoxB{ background-color:#fff; color:#222; max-height:none; min-height:100vh; } .PPanerai202503 .header>.imgBox{ left:0; top:0; width:100%; height:100%; padding:0; background-image:url(/tw/images/projects/panerai_202503/cover_video_d_1.jpg?20250312_2); } .PPanerai202503 .footer>.imgBox{ left:0; top:0; width:100%; height:100%; padding:0; background-image:url(/tw/images/projects/panerai_202503/footer_bg_d.jpg?20250312_2); } .PPanerai202503 .slogan{ padding: 10vw 29%; font-size: 1.4vw; line-height: 1.6; margin-bottom: 10%; margin: 0 auto; text-align: center; color:#222; background-color:#fff; letter-spacing: 0em; } .PPanerai202503 .section_1{ background-image:url(/tw/images/projects/panerai_202503/b-1.jpg?20230216_1); } .PPanerai202503 .underLine{ position:absolute; left:5%; bottom:0; width:90%; height:4.2vw; border-top:1px #fff solid; } .PPanerai202503 .unitInBox{ width:40%; height:100%; margin:0 auto; } .PPanerai202503 .article{ text-align:justify; } .PPanerai202503 .article .subject{ text-align:center; font-size:2vw; font-weight:500; line-height:1.6em; } .PPanerai202503 .article .subjectA{ text-align:left; font-size:1.3vw; width:58%; font-weight:400; padding-left:2vw; } .PPanerai202503 .description{ margin-top: 3vw; font-size:1.25vw; font-weight:300; line-height:1.6em; } .PPanerai202503 .imgBox{ font-size:0; width:42%; height:0; padding-top:31.5%; } .PPanerai202503 .imgBox img{ width:100%; height:auto; opacity:0; display:none; } .PPanerai202503 .infoBox{ margin-top:3vw; padding:1vw; text-align:right; border: 1px solid #ddd; } .PPanerai202503 .navigator{ position:absolute; left:0; top:1.25vw; width:100%; padding:0 1.25vw; z-index:1; } .PPanerai202503 .social{ float:right; } .PPanerai202503 .btnHome{ background-color: rgba(255, 255, 255, 0.7); padding: 0.4vw 1.2vw 0.4vw 0.5vw; border-radius: 6.25vw; color: #222; font-size: 0.8vw; font-family: 'Arial', sans-serif; line-height: 1.0em; } .PPanerai202503 .btnHome img{ width: 0.8vw; margin: 0 0.4vw; } .PPanerai202503 .btnSocial{ width:2.2vw; height:2.2vw; margin-left:1.25vw; } .PPanerai202503 .btnFB{ background-image:url(/tw/images/projects/panerai_202503/icon-fb.svg); } .PPanerai202503 .btnLINE{ background-image:url(/tw/images/projects/panerai_202503/icon-line.svg); } .PPanerai202503 .btnWhatsapp{ background-image:url(/tw/images/projects/panerai_202503/icon-whatapp.svg); } .PPanerai202503 .titleBox{ position:relative; z-index:1; text-align:center; width: 100%; padding:0 0 5vw 0; } .PPanerai202503 .titleBoxA { padding:0 0 0 0; } .PPanerai202503 .logo{ width: 26.82vw; padding: 0 1vw 0 0; } .PPanerai202503 .logoA{ padding: 0 0 0 0; width: 26.82vw; } .PPanerai202503 .title{ font-family: 'Crimson Text','Arial', 'Noto Sans TC', serif; font-size: 3.4375vw; font-weight: 400; line-height: 1.2; margin-top: 2vw; letter-spacing: 0.2vw; } .PPanerai202503 .subtitle{ margin-top: 0.5vw; font-size: 2.25vw; font-family: 'Cormorant','Times New Roman',Times,serif; } .PPanerai202503 .explore { position: absolute; left: 0; bottom: 5%; width:100%; text-align:center; } .PPanerai202503 .explore img{ width: 5vw; } .PPanerai202503 .authority{ position:absolute; left:0; bottom:3.625vw; width:100%; /*font-family: system, -apple-system;*/ font-size: 1.20vw; font-weight: 300; line-height: 1.3; text-align: center; } .PPanerai202503 .mp4Player,.PPanerai202503 .adBox,.PPanerai202503 .youtubeBox,.PPanerai202503 video{ width:100%; height:100%; } .PPanerai202503 .mp4Player video{ object-fit:cover; } .PPanerai202503 .labelBody { margin: 0 auto; left:9vw; width: 13.21vw; height: 6.75vw; background-image: url(/tw/images/common/time_lab_logo.svg); } .PPanerai202503 .playVideo{ width:100%; height:100%; background-size:7.125vw; background-image:url(/tw/images/projects/panerai_202503/icon-video.svg); } .PPanerai202503 .ellipsis_subject { -webkit-line-clamp: 2; } .PPanerai202503 .ellipsis_subjectA { -webkit-line-clamp: 4; } .PPanerai202503 .ellipsis_description { -webkit-line-clamp: 5; } @media screen and (max-width:1919px){ .PPanerai202503 .unitOutBoxB{ min-height:unset; } } @media screen and (max-width:768px){ .PPanerai202503 .imgDesktop{ display:none; } .PPanerai202503 .imgMobile{ display:block; } .PPanerai202503 .unitOutBox{ height:auto; } .PPanerai202503 .header, .PPanerai202503 .footer{ height:100vh; } .PPanerai202503 .header>.imgBox{ background-image:url(/tw/images/projects/panerai_202503/cover_video_m_1.jpg?20250312_2); } .PPanerai202503 .footer>.imgBox{ background-image:url(/tw/images/projects/panerai_202503/footer_bg_m.jpg?20250312_2); } .PPanerai202503 .unitOutBoxA{ width:100%; height:100vh; } .PPanerai202503 .unitOutBoxB{ /*height: 150vw;*/ height: auto; padding: 22.9vw 0; } .PPanerai202503 .imgMobile{ height:145vw; } .PPanerai202503 .unitOutBoxB{ } .PPanerai202503 .unitInBox{ width:90%; } .PPanerai202503 .article .subject{ font-size:6vw; line-height:1.2em; } .PPanerai202503 .article .subjectA{ font-size:3.8vw; width:53%; padding-left:3.86vw; line-height:1.5em; } .PPanerai202503 .description{ font-size:3.86vw; line-height:2em; } .PPanerai202503 .imgBox{ font-size:0; width:47%; height:0; padding-top:35.25%; } .PPanerai202503 .infoBox{ margin-top:13.29vw; padding:3.86vw; } .PPanerai202503 .navigator{ top:4.5vw; padding:0 5vw; } .PPanerai202503 .btnHome { padding:2vw; border-radius:50%; } .PPanerai202503 .icon{ width:5vw; height:5vw; background-image:url(/tw/images/projects/panerai_202503/arrow_leftA_black.svg); } .PPanerai202503 .btnHome img{ display:none; } .PPanerai202503 .social{ display:none; } .PPanerai202503 .logo { width: 70.77vw; } .PPanerai202503 .title{ font-size: 8.2vw; font-size: 8.2vw; } .PPanerai202503 .subtitle { margin-top: 0.5vw; font-size: 8vw; } .PPanerai202503 .titleBox { padding:0 0 40vw 0; } .PPanerai202503 .titleBoxA { padding:0 0 25vw 0; } .PPanerai202503 .slogan{ padding: 15.7vw 5%; font-size: 4.5vw; text-align:justify; } .PPanerai202503 .explore { bottom:16%; } .PPanerai202503 .explore img{ width: 18vw; } .PPanerai202503 .vAlignA{ display:none; } .PPanerai202503 .authority { bottom: 8.45vw; font-size:3.14vw; } .PPanerai202503 .logoA { width:72.46%; height: auto; padding: 0 0 4vw 0; } .PPanerai202503 .siteName{ display:none; } .PPanerai202503 .vBox_desktop{ display:none; } .PPanerai202503 .vBox_mobile{ display:block; } .PPanerai202503 .vBox_common{ display:block; } .PPanerai202503 .labelBody { left:5vw; width: 33.07vw; height: 16.9vw; } .PPanerai202503 .playVideo{ background-size:19.81vw; } .PPanerai202503 .ellipsis_subject { -webkit-line-clamp: 2; } .PPanerai202503 .ellipsis_subjectA { -webkit-line-clamp: 4; } .PPanerai202503 .ellipsis_description { -webkit-line-clamp: 7; } }