@charset "UTF-8";body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none}header,nav,section,article,footer,figure,figcaption{display:block}ol,ul{margin:0;padding:0}fieldset{border:0;margin:0;padding:0}a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0}table,td,tr{border-collapse:collapse;border-spacing:0}em,strong,i{font-weight:normal;font-style:normal}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}a{text-decoration:none}a img{vertical-align:top}a:focus,input:focus,p:focus,div:focus{-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{font-family:"all";width:100%;height:100%;background:#bdedfc;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;-moz-text-size-adjust:100% !important}@font-face{font-family:"all";src:url('/images/event/BentleyCollab/roboto-c.ttf')}@font-face{font-family:"ar";src:url("//www.pubgmobile.com/act/resource/long_cache_30d/fonts/ar.ttf")}@font-face{font-family:"ru";src:url("//www.pubgmobile.com/act/resource/long_cache_30d/fonts/ru.ttf")}@font-face{font-family:"th";src:url("//www.pubgmobile.com/act/resource/long_cache_30d/fonts/th.ttf")}@font-face{font-family:"tr";src:url("//www.pubgmobile.com/act/resource/long_cache_30d/fonts/tr.otf")}@font-face{font-family:"vi";src:url("//www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf")}input,select{font-family:"all"}.ar,.ar input,.ar select{font-family:"ar"}.th,.th input,.th select{font-family:"th"}.zh,.zh input,.zh select{font-family:'Noto Sans TC',sans-serif}.TW,.TW input,.TW select,.HK,.HK input,.HK select{font-family:'Noto Sans',sans-serif}.ru,.ru input,.ru select{font-family:"ru"}.vi,.vi input,.vi select{font-family:"vi"}.tr,.tr input,.tr select{font-family:"tr"}.ar .section p,.ar .section span,.ar .section select{direction:rtl}body.HK,body.TW{font-family:"Noto Sans TC","Microsoft JhengHei","PingFangTC-Regular",sans-serif}.wrapper{display:block;width:100%;position:relative;padding-top:80px;overflow:hidden}@media only screen and (max-width:1000px){.wrapper{padding-top:0}.nav{display:none}}.section{display:block;width:100%;position:relative}.s1{height:calc(980 / 1920 * 100vw)}.s2{height:calc(1041 / 1920 * 100vw);background:url(/images/event/BentleyCollab/bg2.jpg) 0/100% 100% no-repeat;overflow:hidden;z-index:1;box-sizing:border-box}.s3{height:calc(1034 / 1920 * 100vw);background:url(/images/event/BentleyCollab/bg3.jpg) 0/100% 100% no-repeat;box-sizing:border-box}.s4{height:calc(1041 / 1920 * 100vw);background:url(/images/event/BentleyCollab/bg4.jpg) 0/100% 100% no-repeat;margin-top:calc(-1 / 1920 * 100vw);box-sizing:border-box;overflow:hidden;position:relative}.s1_swiper{display:block;width:100%;height:100%}.s1_slide1{background:url(/images/event/BentleyCollab/bg1.jpg) 50% 0 no-repeat;background-size:cover}.s1_slide2{background:url(/images/event/BentleyCollab/bg1_1.jpg) 50% 0 no-repeat;background-size:cover}.s1_slide3{background:url(/images/event/BentleyCollab/bg1_2.jpg) 50% 0 no-repeat;background-size:cover}.s1_slide4{background:url(/images/event/BentleyCollab/bg1_3.jpg) 50% 0 no-repeat;background-size:cover}.s1 .swiper-pagination{position:absolute;width:100%;left:0;bottom:calc(130 / 1920 * 100vw)}.s1 .swiper-pagination-bullet{font-size:calc(20 / 1920 * 100vw);line-height:calc(28 / 1920 * 100vw);background:0;text-align:center;width:calc(100 / 1920 * 100vw);height:calc(30 / 1920 * 100vw);opacity:1;position:relative;color:#8ee8ff}.s1 .swiper-pagination-bullet:nth-of-type(1){margin-right:calc(15 / 1920 * 100vw)}.s1 .swiper-pagination-bullet:nth-of-type(1)::after{content:"01"}.s1 .swiper-pagination-bullet::before{content:"";background:url(/images/event/BentleyCollab/line.png) no-repeat;background-size:100% 100%;width:calc(30 / 1920 * 100vw);height:calc(32 / 1920 * 100vw);position:absolute;right:calc(-15 / 1920 * 100vw);top:50%;margin-top:calc(-16 / 1920 * 100vw)}.s1 .swiper-pagination-bullet:last-of-type::before{display:none}.s1 .swiper-pagination-bullet:nth-of-type(2)::after{content:"02"}.s1 .swiper-pagination-bullet:nth-of-type(3)::after{content:"03"}.s1 .swiper-pagination-bullet:nth-of-type(4)::after{content:"04"}.s1 .swiper-pagination-bullet-active{color:#fff;text-shadow:#8ee8ff 0 0 calc(10 / 1920 * 100vw)}.logo{width:calc(373 / 1920 * 100vw);height:calc(89 / 1920 * 100vw);position:absolute;background:url(/images/event/BentleyCollab/bentley_logo.png) no-repeat;background-size:100% 100%;left:calc(33 / 1920 * 100vw);top:calc(28 / 1920 * 100vw)}.copyright{display:block;width:calc(575 / 1920 * 100vw);height:calc(69 / 1920 * 100vw);position:absolute;background:url(/images/event/BentleyCollab/copyright.png) 0/auto 100% no-repeat;bottom:calc(16 / 1920 * 100vw);left:calc(31 / 1920 * 100vw)}.slogan{display:block;width:calc(1051 / 1920 * 100vw);height:calc(124 / 1920 * 100vw);background:url(/images/event/BentleyCollab/slogan_en.png) 0/auto 100% no-repeat;position:absolute;bottom:calc(20 / 1920 * 100vw);right:calc(27 / 1920 * 100vw)}.ar .slogan{background:url(/images/event/BentleyCollab/slogan_ar.png) 0/auto 100% no-repeat;bottom:calc(35 / 1920 * 100vw)}.de .slogan{background:url(/images/event/BentleyCollab/slogan_de.png) 0/auto 100% no-repeat}.en .slogan{background:url(/images/event/BentleyCollab/slogan_en.png) 0/auto 100% no-repeat}.es .slogan{background:url(/images/event/BentleyCollab/slogan_es.png) 0/auto 100% no-repeat}.fr .slogan{background:url(/images/event/BentleyCollab/slogan_fr.png) 0/auto 100% no-repeat;bottom:calc(25 / 1920 * 100vw)}.HK .slogan{background:url(/images/event/BentleyCollab/slogan_hk.png) 0/auto 100% no-repeat}.id .slogan{background:url(/images/event/BentleyCollab/slogan_id.png) 0/auto 100% no-repeat}.pt .slogan{background:url(/images/event/BentleyCollab/slogan_pt.png) 0/auto 100% no-repeat;bottom:calc(30 / 1920 * 100vw)}.ru .slogan{background:url(/images/event/BentleyCollab/slogan_ru.png) 0/auto 100% no-repeat}.th .slogan{background:url(/images/event/BentleyCollab/slogan_th.png) 0/auto 100% no-repeat}.tr .slogan{background:url(/images/event/BentleyCollab/slogan_tr.png) 0/auto 100% no-repeat}.TW .slogan{background:url(/images/event/BentleyCollab/slogan_tw.png) 0/auto 100% no-repeat}.vi .slogan{background:url(/images/event/BentleyCollab/slogan_vi.png) 0/auto 100% no-repeat;transform:scale(.8);transform-origin:right top}.my .slogan{background:url(/images/event/BentleyCollab/slogan_my.png) 0/auto 100% no-repeat}.uz .slogan{background:url(/images/event/BentleyCollab/slogan_uz.png) 0/auto 100% no-repeat}.slogan_s{font-size:calc(34 / 1920 * 100vw);position:absolute;bottom:calc(10 / 1920 * 100vw);right:calc(27 / 1920 * 100vw);color:#feffff;text-shadow:0 0 0 calc(10 / 1920 * 100vw) #546f8d}.vd_box1{width:100%;height:100%;position:relative}.s2_swiper{display:none}.btn_play{display:block;width:calc(114 / 1920 * 100vw);height:calc(114 / 1920 * 100vw);background:url(/images/event/BentleyCollab/btn_vd.png) 0/100% 100% no-repeat;position:absolute;left:50%;top:50%;margin-left:calc(-57 / 1920 * 100vw);margin-top:calc(-57 / 1920 * 100vw);z-index:3;text-indent:-99999px;-webkit-animation:btnplay 1.5s ease-in-out both infinite}@-webkit-keyframes btnplay{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.s3{padding-top:calc(100 / 1920 * 100vw)}.s3_tit{width:calc(1200 / 1920 * 100vw);margin:0 auto;box-sizing:border-box;line-height:1;font-size:calc(60 / 1920 * 100vw);color:#333544;font-weight:bold}.car_content{width:calc(1920 / 1920 * 100vw);height:calc(720 / 1920 * 100vw);background:url(/images/event/BentleyCollab/car_bottom.png) no-repeat calc(280 / 1920 * 100vw) bottom;background-size:calc(1372 / 1920 * 100vw) auto;padding-top:calc(165 / 1920 * 100vw);box-sizing:border-box;position:relative}.car_content .swiper-slide{position:relative}.car_content .swiper-slide img{display:block;width:calc(1920 / 1920 * 100vw);height:calc(649 / 1920 * 100vw)}.car_name{background:url(/images/event/BentleyCollab/car_name.png) no-repeat;background-size:100% 100%;max-width:calc(700 / 1920 * 100vw);min-height:calc(54 / 1920 * 100vw);padding:calc(10 / 1920 * 100vw) calc(7 / 1920 * 100vw) calc(18 / 1920 * 100vw);box-sizing:border-box;text-align:center;font-size:calc(22 / 1920 * 100vw);font-weight:bold;color:#333544;position:absolute;display:flex;justify-content:center;align-items:center;right:calc(415 / 1920 * 100vw);top:calc(40 / 1920 * 100vw);line-height:1.1}.btn_next{background:url(/images/event/BentleyCollab/next.png) no-repeat;background-size:100% 100%;width:calc(20 / 1920 * 100vw);height:calc(36 / 1920 * 100vw);position:absolute;right:calc(420 / 1920 * 100vw);top:calc(230 / 1920 * 100vw);cursor:pointer;z-index:99;-webkit-animation:pulse2 1.5s ease-in-out both infinite}@-webkit-keyframes pulse2{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}.btn_next:active{opacity:.8}.icon_list{background:url(/images/event/BentleyCollab/icon_bg.png) no-repeat;background-size:100% 100%;width:calc(338 / 1920 * 100vw);height:calc(423 / 1920 * 100vw);position:absolute;left:calc(160 / 1920 * 100vw);top:calc(160 / 1920 * 100vw);box-sizing:border-box;z-index:99}.icon_list li{display:flex;justify-content:center;align-items:center;width:100%;height:25%;box-sizing:border-box;border-bottom:calc(1 / 1920 * 100vw) solid #b6d3e7;cursor:pointer;padding:0 calc(12 / 1920 * 100vw)}.icon_list .cur{background:url(/images/event/BentleyCollab/cur.png) no-repeat;background-size:100% 100%}.icon_list img{width:calc(119 / 1920 * 100vw);height:calc(58 / 1920 * 100vw)}.icon_txt{width:calc(185 / 1920 * 100vw);text-align:left;font-weight:bold;font-size:calc(14 / 1920 * 100vw);color:#333544;padding-left:calc(10 / 1920 * 100vw)}.s4{padding-top:calc(100 / 1920 * 100vw)}.s4_tit{width:calc(1200 / 1920 * 100vw);margin:0 auto;line-height:1;font-size:calc(60 / 1920 * 100vw);color:#333544;font-weight:bold}.s4_txt{width:calc(1200 / 1920 * 100vw);position:relative;z-index:1;font-size:calc(20 / 1920 * 100vw);line-height:1;margin:calc(15/ 1920 * 100vw) auto 0;color:#4e5665}.s4_vd{width:calc(1215 / 1920 * 100vw);height:calc(675 / 1920 * 100vw);position:relative;background:url(/images/event/BentleyCollab/vid1.png) 0/100% 100% no-repeat;margin:calc(40 / 1920 * 100vw) auto 0}.en{text-transform:uppercase}.ar .icon_txt{text-align:right}.ar .s3_tit,.ar .s4_tit{direction:rtl}.th .s4_txt{font-size:calc(24 / 1624 * 100vw)}.th .s4_tit,.th .s3_tit{font-size:calc(70 / 1624 * 100vw)}.th .icon_txt{font-size:calc(18 / 1624 * 100vw)}.btn_play2{display:none}.TW .btn_play1{display:none}.TW .btn_play2{display:block}.b-bg{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:99999;background:rgba(0,0,0,.8);display:none}.pop-vid{width:calc(1100 / 1624 * 100vw);height:calc(618 / 1624 * 100vw);background:#000;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0)}.pop-close{display:block;width:calc(38 / 1624 * 100vw);height:calc(38 / 1624 * 100vw);position:absolute;top:0;right:calc(-50 / 1624 * 100vw);background:url(/images/event/BentleyCollab/close.png) 0/100% 100% no-repeat}.pop-loading{display:block;position:absolute;left:50%;top:50%;font-size:22px;text-align:center;color:#fff;line-height:3;transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.pop-loading.loaded{display:none}.animation_big{animation:fadeInBig 2s infinite linear;-o-animation:fadeInBig 2s infinite linear;-ms-animation:fadeInBig 2s infinite linear;-moz-animation:fadeInBig 2s infinite linear;-webkit-animation:fadeInBig 2s infinite linear}.fadeInAdd{animation:fadeInAdd 2s infinite linear;-o-animation:fadeInAdd 2s infinite linear;-ms-animation:fadeInAdd 2s infinite linear;-moz-animation:fadeInAdd 2s infinite linear;-webkit-animation:fadeInAdd 2s infinite linear}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInBig{0%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}}@-o-keyframes fadeInBig{0%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}}@-ms-keyframes fadeInBig{0%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}}@-moz-keyframes fadeInBig{0%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes fadeInBig{0%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}100%{transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}}@keyframes fadeInAdd{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-o-keyframes fadeInAdd{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeInAdd{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeInAdd{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeInAdd{0%{opacity:0}50%{opacity:1}100%{opacity:0}}