@charset "utf-8";
											.PVC202111{		 background-color:#000; } .PVC202111>.outBox{ } @media screen and (max-width:768px){ .PVC202111{		 } .PVC202111>.outBox{ } }										 #inMain, #content{ max-width:none !important; } .PVC202111 .imgDesktop{ display:block; } .PVC202111 .imgMobile{ display:none; } .PVC202111 .myFont{ font-family:'Cormorant Infant', 'Noto Serif TC', serif; } .PVC202111 .upper_case{ text-transform: uppercase; } .PVC202111{ min-width:100%; min-height:100vh; color:#fff; } .PVC202111 .outBox{ width:100%; } .PVC202111 .vBox{		 position:absolute;		 top:0;		 left:0;		 z-index:0;		 width:100%;		 height:100%;		 overflow: hidden;		 }		 		 .PVC202111 .vBox_desktop{ display:block; } .PVC202111 .vBox_common{ display:block; } .PVC202111 .vBox_mirror{ transform:scaleX(-1); } .PVC202111 .vBox_mobile{ display:none; } .PVC202111 .unit{ width:100%; } .PVC202111 .unitOutBox{ position:relative; } .PVC202111 .unitOutBoxA{ width:100%; height:56.25vw; max-height:100vh; position:relative; } .PVC202111 .unitOutBoxB{ background-color:#fff; color:#222; } .PVC202111 .header>.imgBox{ left:0; top:0; width:100%; height:100%; padding:0; background-image:url(/tw/images/projects/vc_202111/cover_video_d.jpg?20210802_1); } .PVC202111 .footer>.imgBox{ left:0; top:0; width:100%; height:100%; padding:0; background-image:url(/tw/images/projects/vc_202111/footer_bg_d.jpg?20210802_1); } .PVC202111 .slogan{ padding: 10vw 30%; 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; } .PVC202111 .section_1{ background-image:url(/tw/images/projects/vc_202111/b-1.jpg); } .PVC202111 .underLine{ position:absolute; left:5%; bottom:0; width:90%; height:4.2vw; border-top:1px #fff solid; } .PVC202111 .unitInBox{ width:40%; height:100%; margin:0 auto; } .PVC202111 .article{ text-align:justify; } .PVC202111 .article .subject{ text-align:center; font-size:1.9vw; font-weight:500; line-height:1.6em; } .PVC202111 .article .subjectA{ text-align:left; font-size:1.3vw; width:58%; font-weight:400; padding-left:2vw; } .PVC202111 .description{ margin-top: 3vw; font-family: 'Noto Sans TC', sans-serif; font-size:1.25vw; font-weight:300; line-height:1.6em; } .PVC202111 .imgBox{ font-size:0; width:42%; height:0; padding-top:31.5%; } .PVC202111 .imgBox img{ width:100%; height:auto; opacity:0; display:none; } .PVC202111 .infoBox{ margin-top:3vw; padding:1vw; text-align:right; border: 1px solid #ddd; } .PVC202111 .navigator{ position:absolute; left:0; top:1.25vw; width:100%; padding:0 1.25vw; z-index:1; } .PVC202111 .social{ float:right; } .PVC202111 .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; } .PVC202111 .btnHome img{ width: 0.8vw; margin: 0 0.4vw; } .PVC202111 .btnSocial{ width:2.2vw; height:2.2vw; margin-left:1.25vw; } .PVC202111 .btnFB{ background-image:url(/tw/images/projects/vc_202111/icon-fb.svg); } .PVC202111 .btnLINE{ background-image:url(/tw/images/projects/vc_202111/icon-line.svg); } .PVC202111 .btnWhatsapp{ background-image:url(/tw/images/projects/vc_202111/icon-whatapp.svg); } .PVC202111 .titleBox{ position:relative; z-index:1; text-align:center; width: 100%; padding: 0 0 4vw 0; } .PVC202111 .titleBoxA { padding-bottom: 0; } .PVC202111 .logo{ width: 22.24vw; } .PVC202111 .logoA{ width: 26.51vw; } .PVC202111 .title{ font-size: 2.8vw; letter-spacing:0.056em; padding:2.0vw 0 0 0; } .PVC202111 .subtitle{ margin-top: 0.5vw; font-size: 2.25vw; font-family: 'Cormorant','Times New Roman',Times,serif; } .PVC202111 .explore { position: absolute; left: 0; bottom: 5%; width:100%; text-align:center; } .PVC202111 .explore img{ width: 5vw; } .PVC202111 .authority{ position:absolute; left:0; bottom:2.77vw; width:100%; font-size: 1.04vw; font-weight: 300; line-height: 1.3; text-align: center; } .PVC202111 .myFont_1{ font-family: system, -apple-system; } .PVC202111 .mp4Player,.PVC202111 .adBox,.PVC202111 .youtubeBox,.PVC202111 video{ width:100%; height:100%; } .PVC202111 .mp4Player video{ object-fit:cover; } .PVC202111 .labelBody { margin: 0 auto; left:9vw; width: 13.21vw; height: 6.75vw; background-image: url(/tw/images/common/time_lab_logo.svg); } .PVC202111 .playVideo{ width:100%; height:100%; background-size:7.125vw; background-image:url(/tw/images/projects/vc_202111/icon-video.svg); } .PVC202111 .ellipsis { -webkit-line-clamp: 3; } @media screen and (max-width:768px){ .PVC202111 .imgDesktop{ display:none; } .PVC202111 .imgMobile{ display:block; } .PVC202111 .unitOutBox{ height:auto; } .PVC202111 .header, .PVC202111 .footer{ height:100vh; } .PVC202111 .header>.imgBox{ background-image:url(/tw/images/projects/vc_202111/cover_video_m.jpg?20210802_1); } .PVC202111 .footer>.imgBox{ background-image:url(/tw/images/projects/vc_202111/footer_bg_m.jpg?20210802_1); } .PVC202111 .unitOutBoxA{ width:100%; height:100vh; } .PVC202111 .unitOutBoxB{ height:150vw; } .PVC202111 .imgMobile{ height:144.93vw; } .PVC202111 .unitOutBoxB{ height:auto; } .PVC202111 .unitInBox{ width:90%; height:auto; padding:20.29vw 0 23.19vw 0; } .PVC202111 .article .subject{ font-size:6.52vw; line-height:1.4em; } .PVC202111 .article .subjectA{ font-size:4.11vw; width:53%; padding-left:3.38vw; } .PVC202111 .description{ margin-top: 8.94vw; font-size:3.86vw; line-height:2em; text-indent: 2em; letter-spacing: 0.056em; } .PVC202111 .imgBox{ font-size:0; width:47%; height:0; padding-top:35.25%; } .PVC202111 .infoBox{ margin-top:21.5vw; padding:3.38vw; } .PVC202111 .navigator{ top:4.5vw; padding:0 5vw; } .PVC202111 .btnHome { padding:2vw; border-radius:50%; } .PVC202111 .icon{ width:5vw; height:5vw; background-image:url(/tw/images/projects/vc_202111/arrow_leftA_black.svg); } .PVC202111 .btnHome img{ display:none; } .PVC202111 .social{ display:none; } .PVC202111 .logo { width: 83.09vw; } .PVC202111 .title{ font-size: 8.21vw; padding:1.5vw 0 0 0; } .PVC202111 .subtitle { margin-top: 0.5vw; font-size: 8vw; } .PVC202111 .titleBox { padding-bottom: 59vw; } .PVC202111 .titleBoxA { padding-bottom: 28vw; } .PVC202111 .slogan{ padding: 18.59vw 5%; font-size: 4.83vw; text-align: justify; text-align-last: center; line-height: 1.8em; } .PVC202111 .explore { bottom:16%; } .PVC202111 .explore img{ width: 18vw; } .PVC202111 .vAlignA{ display:none; } .PVC202111 .authority { bottom: 8.45vw; font-size:2.42vw; } .PVC202111 .logoA { width:80.92vw; height: auto; } .PVC202111 .siteName{ display:none; } .PVC202111 .vBox_desktop{ display:none; } .PVC202111 .vBox_mobile{ display:block; } .PVC202111 .vBox_common{ display:block; } .PVC202111 .labelBody { left:5vw; width: 33.07vw; height: 16.9vw; } .PVC202111 .playVideo{ background-size:19.81vw; } .PVC202111 .ellipsis { -webkit-line-clamp: 6; } }