@charset "utf-8";
											.PBulgari202010{		 background-color:#000; } .PBulgari202010>.outBox{ } @media screen and (max-width:768px){ .PBulgari202010{		 } .PBulgari202010>.outBox{ } }										 #inMain, #content{ max-width:none !important; } .PBulgari202010 .myFont{ font-family: 'Cormorant Infant', serif; font-weight:100; } .PBulgari202010{ min-width:100%; min-height:100vh; color:#fff; } .PBulgari202010 .subtitle{ font-size:1.5vw; } .PBulgari202010 .outBox{ width:100%; } .PBulgari202010 .vBox{		 position:absolute;		 top:0;		 left:0;		 z-index:0;		 width:100%;		 height:100%;		 overflow: hidden;		 } .PBulgari202010 .unit{ width:100%; } .PBulgari202010 .unitOutBox{ position:relative; } .PBulgari202010 .unitOutBoxA{ width:100%; height:61.79vw; max-height:100vh; position:relative; } .PBulgari202010 .header{ background-image:url(/tw/images/projects/bulgari_202010/cover_video_d.jpg?20201113); } .PBulgari202010 .footer{ background-image:url(/tw/images/projects/bulgari_202010/footer_bg_d.jpg?20201113); } .PBulgari202010 .underLine{ position:absolute; left:5%; bottom:0; width:90%; height:4.2vw; border-top:1px #fff solid; } .PBulgari202010 .unitInBox{ width:50%; height:61.79vw; max-height:100vh; } .PBulgari202010 .imgBox{ font-size:0; /*-webkit-filter: grayscale(0%) brightness(60%) contrast(100%);*/ /*filter: grayscale(0%) brightness(60%) contrast(100%);*/ } .PBulgari202010 .imgBox img{ width:100%; height:100%; opacity:0; } .PBulgari202010 .infoBox{ text-align:right; } .PBulgari202010 .infoBoxL{ float:left; } .PBulgari202010 .infoBoxR{ float:right; } .PBulgari202010 .txtBox{ text-align:center; width:90%; margin-right:5%; margin-bottom:4.2vw; } .PBulgari202010 .series{ text-align:center; font-size: 5vw; font-weight: 500; line-height: 1.1; margin-bottom: 5%; } .PBulgari202010 .series_d{ display:block; } .PBulgari202010 .series_m{ display:none; } .PBulgari202010 .subject{ font-size: 1.5vw; font-weight:300; line-height: 1.7; margin-bottom: 2%; margin-bottom: 6.96vw; } .PBulgari202010 .description{ display: none; font-family: 'Noto Sans TC', sans-serif; font-size: 1.2vw; font-weight: 100; line-height: 1.6; text-align: justify; margin-top: 2.5%; margin-bottom:4.96vw; } .PBulgari202010 .btnLink{ font-family: 'Cormorant Infant', 'Noto Serif TC', serif; font-size: 1.4vw; font-weight: 400; padding:1.68vw 0; position:relative; } .PBulgari202010 .upperLine{ position:absolute; left:0; top:0; width:100%; display:none; border-top:1px #fff solid; } .PBulgari202010 .btnLink img{ width: 0.9vw; margin-right: 0.61vw; } .PBulgari202010 .navigator{ position:absolute; left:0; top:1.25vw; width:100%; padding:0 1.25vw; z-index:1; } .PBulgari202010 .social{ float:right; } .PBulgari202010 .btnHome{ background-color: rgba(255, 255, 255, 0.5); padding: 0.4vw 1.2vw 0.4vw 0.5vw; border-radius: 6.25vw; color:#222; font-size: 0.8vw; } .PBulgari202010 .btnHome img{ width: 0.8vw; margin: 0 0.4vw; } .PBulgari202010 .btnSocial{ width:2.0vw; height:2.0vw; margin-left:1.25vw; } .PBulgari202010 .btnFB{ background-image:url(/tw/images/projects/bulgari_202010/icon-fb.svg); } .PBulgari202010 .btnLINE{ background-image:url(/tw/images/projects/bulgari_202010/icon-line.svg); } .PBulgari202010 .btnWhatsapp{ background-image:url(/tw/images/projects/bulgari_202010/icon-whatapp.svg); } .PBulgari202010 .titleBox{ position:relative; z-index:1; text-align:center; width: 100%; padding-bottom:3.5vw; } .PBulgari202010 .logo{ width: 30%; } .PBulgari202010 .logoA{ width: 30%; } .PBulgari202010 .title{ font-family: 'Crimson Text','Arial', 'Noto Serif TC', serif; font-size: 4.2vw; font-weight: 400; line-height: 1.2; margin-top: 1vw; letter-spacing:0.2vw; } .PBulgari202010 .explore { position: absolute; left: 0; bottom: 5%; width:100%; text-align:center; } .PBulgari202010 .explore img{ width: 5vw; } .PBulgari202010 .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; } .PBulgari202010 .mp4Player,.PBulgari202010 .adBox,.PBulgari202010 .youtubeBox,.PBulgari202010 video{ width:100%; height:100%; -webkit-filter: grayscale(0%) brightness(95%) contrast(100%); filter: grayscale(0%) brightness(95%) contrast(100%); } .PBulgari202010 .mp4Player video{ object-fit:cover; } @media screen and (max-width:768px){ .PBulgari202010 .unitOutBox{ height:auto; } .PBulgari202010 .header, .PBulgari202010 .footer{ height:100vh; } .PBulgari202010 .header{ background-image:url(/tw/images/projects/bulgari_202010/cover_video_d.jpg?20201113); } .PBulgari202010 .footer{ background-image:url(/tw/images/projects/bulgari_202010/footer_bg_d.jpg?20201113); } .PBulgari202010 .unitOutBoxB{ padding-top:8.42vh; padding-bottom: 8.42vh; } .PBulgari202010 .navigator{ top:4.5vw; padding:0 5vw; } .PBulgari202010 .btnHome { padding:2.5vw; border-radius:50%; } .PBulgari202010 .btnHome .icon{ width:4vw; height:4vw; background-image:url(/tw/images/projects/bulgari_202010/arrow_leftA_black.svg); } .PBulgari202010 .campaign_logo{ width:19.57vw; height:10.14vw; } .PBulgari202010 .btnHome img{ display:none; } .PBulgari202010 .social{ display:none; } .PBulgari202010 .logo { width: 70%; } .PBulgari202010 .title { font-size: 9.5vw; margin-top: 3vw; } .PBulgari202010 .titleBox { padding-bottom: 59vw; } .PBulgari202010 .titleBoxA { padding-bottom: 10vw; } .PBulgari202010 .explore { bottom: 16%; } .PBulgari202010 .explore img{ width: 18vw; } .PBulgari202010 .imgBox{ display:block; width:90vw; height:102.66vw; margin:0 5vw; } .PBulgari202010 .infoBox { display: block; width: 90vw; height: 27.4vh; margin: 0 5vw; float: none; position: static; } .PBulgari202010 .txtBox { width: 100%; margin: 4.83vw 0 0 0; position: static; text-align: center; } .PBulgari202010 .vAlignA{ display:none; } .PBulgari202010 .subject { font-size: 4.5vw; line-height: 1.6; } .PBulgari202010 .description { margin-top:4.83vw; font-size: 3.7vw; display:block; visibility: hidden; } .PBulgari202010 .series { text-align:center; font-size: 11vw; margin:0; line-height: 1.0; padding-bottom:4vw; } .PBulgari202010 .underLine { left:0; bottom: 0; width:100%; height:0; } .PBulgari202010 .upperLine{ display:block; } .PBulgari202010 .btnLink { font-size: 4vw; padding: 4.83vw 0 9.66vw 0; position:absolute; left: 0; bottom:0; width:100%; text-align:center; } .PBulgari202010 .upperLine{ display:none; } .PBulgari202010 .btnLink img { width: 2.5vw; margin-left: 0; margin-right: 1.0vw; } .PBulgari202010 .authority { bottom: 8.45vw; font-size:3.4vw; } .PBulgari202010 .logo{ width: 87.68%; } .PBulgari202010 .logoA { width: 91.79%; } .PBulgari202010 .siteName{ display:none; } .PBulgari202010 .imgDesktop{ visibility:hidden; } .PBulgari202010 .series_d{ display:none; } .PBulgari202010 .series_m{ display:block; } .PBulgari202010 .series_0{ } .PBulgari202010 .series_1{ } .PBulgari202010 .series_2{ } .PBulgari202010 .series_3{ } .desktop, .noMobile{ display:none !important; } .PBulgari202010 sup { font-size: 6vw; } .PBulgari202010 .subtitle { font-size: 5vw; } }