Galaxy Tab S8 Ultra 5G | SM-X906BZAJXSP | Samsung Business Singapore

<!DOCTYPE html> <html lang="en-SG"> <head>        <link rel="preconnect" href="https://images.samsung.com"/>   <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>  <title>Galaxy Tab S8 Ultra 5G | SM-X906BZAJXSP | Samsung Business Singapore</title> <meta name="title" content="Galaxy Tab S8 Ultra 5G | SM-X906BZAJXSP | Samsung Business Singapore"/> <link rel="canonical" href="https://www.samsung.com/sg/business/tablets/galaxy-tab-s/galaxy-tab-s8-ultra-5g-sm-x906bzajxsp/"/> <meta name="keywords" content="SM-X906B"/> <meta name="description" content="See the benefits and features of this product for your business at Samsung Business Singapore. Click here to contact us. (Galaxy Tab S / SM-X906BZAJXSP)"/> <meta name="date" content="2022-10-11"/> <meta name="sitecode" content="sg"/>  <meta name="twitter:card"/> <meta name="twitter:site" content="@SamsungSG"/> <meta name="twitter:creator" content="@SamsungSG"/> <meta name="twitter:url" content="https://www.samsung.com/sg/business/tablets/galaxy-tab-s/galaxy-tab-s8-ultra-5g-sm-x906bzajxsp/"/> <meta name="twitter:title" content="Galaxy Tab S8 Ultra 5G | SM-X906BZAJXSP | Samsung Business Singapore"/> <meta name="twitter:description"/> <meta name="twitter:image" content="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/logo-square-letter.png"/> <meta property="og:url" content="https://www.samsung.com/sg/business/tablets/galaxy-tab-s/galaxy-tab-s8-ultra-5g-sm-x906bzajxsp/"/> <meta property="og:image" content="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/logo-square-letter.png"/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="Samsung sg"/> <meta property="og:locale" content="en-SG"/> <meta property="og:title" content="Galaxy Tab S8 Ultra 5G | SM-X906BZAJXSP | Samsung Business Singapore"/> <meta property="og:description"/> <meta property="og:country-name" content="sg"/> <meta property="name" content="Samsung sg"/> <meta property="image" content="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/logo-square-letter.png"/> <meta property="url" content="https://www.samsung.com/sg/business/tablets/galaxy-tab-s/galaxy-tab-s8-ultra-5g-sm-x906bzajxsp/"/> <meta property="description" content="See the benefits and features of this product for your business at Samsung Business Singapore. Click here to contact us. (Galaxy Tab S / SM-X906BZAJXSP)"/> <meta property="keywords" content="SM-X906B"/> <link rel="icon" type="image/png" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/Favicon.png" sizes="96x96"/> <link rel="shortcut icon" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/Favicon.png"/> <link rel="apple-touch-icon" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/app_ico.png" sizes="144x144"/>  <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/resources/global/css/fonts.css" type="text/css"/>   <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.72b3474a5ea9ec2c8b38096685e0928d.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-base-b2b.min.e02872f1c886a4f7216e45d1e107eb45.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/business/global/clientlib-templates/bu-page-feature-pd-shop.min.3a63ec10567683c8c7462d6f75cb8a8e.css" type="text/css"> <script type="text/javascript"> var winhref = window.location.href.replace("/content/samsung","").replace(".html","/"); if ( winhref.indexOf("?") > 0) { winhref = winhref.substring(0, winhref.indexOf("?")); } var siteCode = winhref.split("/")[3]; //cn인 경우는 경로에서 siteCode를 추출할 수 없으므로 다른 방법으로 접근 if(winhref.indexOf("samsung.com.cn") > 0) { siteCode = "cn"; } //depth Info. var depth = winhref.split("/").length; var depth_last = winhref.split("/")[depth-1]; if(depth_last =="" || depth_last.charAt(0)=="?"){ depth -= 1; } //set pathIndicator(not product page) var pageName = ""; var depth_2 = ""; var depth_3 = ""; var depth_4 = ""; var depth_5 = ""; var digitalData = { "page" : { "pageInfo" : { "siteCode" : "sg", "pageName" : pageName, "pageID" : "L2NvbnRlbnQvc2Ftc3VuZy9zZy9idXNpbmVzcy90YWJsZXRzL2dhbGF4eS10YWItcy9nYWxheHktdGFiLXM4LXVsdHJhLTVnLXNtLXg5MDZiemFqeHNw", "pageTrack" : "product detail", "originPlaform" : "web" }, "pathIndicator" : { "depth_2" : depth_2, "depth_3" : depth_3, "depth_4" : depth_4, "depth_5" : depth_5 } }, "user": { "userDeviceList": [ ] }, "product" : { "category" : "", "model_code" : "", // PD class정보 이용하여 설정 "model_name" : "", // PD page(server-side) "displayName" : "", // PD class정보 이용하여 설정 "pvi_type_code" : "", //PD page(server-side) "pvi_type_name" : "", //PD page(server-side) "pvi_subtype_code" : "", //PD page(server-side) "pvi_subtype_name" : "",//PD page(server-side) "pd_type" : "", //PD type "content_id" : "", "products" : "", "prodView" : "" } } </script> <script type="text/javascript"> digitalData.page.pageInfo.pageTrack = "product detail"; digitalData.product.model_code = "SM\u002DX906BZAJXSP".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.displayName = "Galaxy Tab S8 Ultra 5G".replace(/(<([^>]+)>)/gi, "").replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.model_name = "SM\u002DX906B".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.products = "SM\u002DX906B".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_2 = "mobile".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_3 = "tablets".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_4 = "galaxy tab s".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_5 = "galaxy\u002Dtab\u002Ds8\u002Dultra\u002D5g\u002Dsm\u002Dx906bzajxsp".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.pvi_type_code = "pt_cd_mobile".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.pvi_type_name = "mobile".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.pvi_subtype_code = "pt_cd_mobile_06".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.pvi_subtype_name = "tablet".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.pim_subtype_name = digitalData.page.pathIndicator.depth_4; digitalData.product.pd_type = "no sale"; //set pageName var pageName = digitalData.page.pageInfo.siteCode; if(digitalData.page.pathIndicator.depth_2 != ""){ pageName += ":" + digitalData.page.pathIndicator.depth_2; } if(digitalData.page.pathIndicator.depth_3 != ""){ pageName += ":" + digitalData.page.pathIndicator.depth_3; } if(digitalData.page.pathIndicator.depth_4 != ""){ pageName += ":" + digitalData.page.pathIndicator.depth_4; } // check PD, GPD pageName += ":galaxy\u002Dtab\u002Ds8\u002Dultra\u002D5g\u002Dsm\u002Dx906bzajxsp".replace(/&/g, ' and ').replace(/ /g,' ')+":simple"; digitalData.page.pageInfo.pageName = pageName; </script>   <script type="text/javascript"> !function(e,n,t,i){var o=e.head;if(o){if(n)return;var a=e.createElement("style");a.id="alloy-prehiding",a.innerText="body { opacity: 0 !important }",o.appendChild(a),setTimeout((function(){a.parentNode&&a.parentNode.removeChild(a)}),1500)}}(document,-1!==document.location.href.indexOf("adobe_authoring_enabled")); </script>    <script src="//assets.adobedtm.com/72afb75f5516/9399104c5985/launch-23e418b1cb26.min.js" async></script>    <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxjpkdmz2d3u6a-f-bf8973ebc-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"154623","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"6f58e552","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":35966,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732500796","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==OfeMXFbwTj2tif0Q2UwME/F6nw8+P0pet7CSoMWns7zG5sahLTojoCxayCIbkp+rL0WNOrz7+YGB5KQVUJDCEKS56gOM2pDKlChsaD0R/9Z1rRdD3zPdyJVk0A9kABuQ5tQIKkl1PK66hWkONf5f1yUzHPIP9q19WrmZFynEQdgsl0QqibjyyfZmgbZPQkLXXhz2WhFwu73wUAnVUBbffib93W7ZP4Xm70AxOX4Zsew5LLhaX1dQLytFnWPfSTshZ4nby2gftf7Nha6a78Uf7dB6If0CSj5ON6sMKGyLiV6V8EGZa4AwkKH6lJhw10rQ5vx/rnLOlHBuzIu3cuoN2FmphIurAxOoFbnNRst8S+6i+h+BQs4uzRIWZOH2EtXsN19lrPvP6C0hBjdloNCk3QhiDSs1J1wNgPZBHyc5Wn8=","ak.pv":"3677","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body>  <script> var isInIframe = (window.location != window.top.location); var isNotDotcom = ( window.location.href.indexOf('samsung.com') < 0); var isTopNotDotcom = ( window.top.location.href.indexOf('samsung.com') < 0); //404 페이지에서는 실행하지 않음. if ( window.location.href.indexOf('404') < 0 && isTopNotDotcom) { if ( isInIframe == true ) { console.log('isInIframe =' + isInIframe ); //에러 페이지 이동 self.location.href /"+siteCd+"/common/404.html window.location.href = '/sg/common/404.html'; } else { console.log('isInIframe =' + isInIframe ); } } </script> <div id="wrap">   <input type="hidden" name="searchDomain" id="searchDomain" value="//searchapi.samsung.com/v6"/> <input type="hidden" name="esapiSearchDomain" id="esapiSearchDomain" value="https://esapi.samsung.com"/> <input type="hidden" name="scene7domain" id="scene7domain" value="//images.samsung.com/is/image/samsung/"/> <input type="hidden" name="reviewUseYN" id="reviewUseYN" value="N"/> <input type="hidden" name="aplautYn" id="aplautYn" value="N"/> <input type="hidden" name="reevooUseYN" id="reevooUseYN" value="N"/> <input type="hidden" name="bvFlag" id="bvFlag" value="N"/> <input type="hidden" name="bvRTLFlag" id="bvRTLFlag" value="N"/> <input type="hidden" name="multiLanguageYn" id="multiLanguageYn" value="N"/> <input type="hidden" name="localLang" id="localLang" value="en-sg"/>  <input type="hidden" name="runmodeInfo" id="runmodeInfo" value="live"/> <input type="hidden" name="apiStageInfo" id="apiStageInfo" value="front"/> <input type="hidden" name="tempTitle" id="tempTitle" value="page-feature-pd"/> <input type="hidden" name="siteCode" id="siteCode" value="sg"/> <input type="hidden" name="store_sitecode" id="store_sitecode" value="sgsme"/> <input type="hidden" name="language" id="language" value="en_SG"/> <input type="hidden" name="serverType" id="serverType" value="prod"/>  <input type="hidden" name="gpvStoreDomain" id="gpvStoreDomain"/> <input type="hidden" name="storeWebDomain" id="storeWebDomain" value="https://shop.samsung.com/sg/business"/> <input type="hidden" name="shopIntegrationFlag" id="shopIntegrationFlag" value="true"/> <input type="hidden" name="newHyvStoreDomain" id="newHyvStoreDomain"/>  <input type="hidden" name="b2bFlag" id="b2bFlag" value="Y"/> <input type="hidden" name="pageUrl" id="pageUrl" value="/content/samsung/sg/business/tablets/galaxy-tab-s/galaxy-tab-s8-ultra-5g-sm-x906bzajxsp"/> <input type="hidden" name="pathString" id="pathString" value="Galaxy Tab S8 Ultra 5G"/> <input type="hidden" name="wishlistYn" id="wishlistYn" value="Y"/> <input type="hidden" name="shopParmLang" id="shopParmLang"/> <input type="hidden" name="reservationDomain" id="reservationDomain"/>  <section class="progress cm-loader" style="display:none;"> <div class="progress__wrapper"> <div class="progress__circle-1"></div> <div class="progress__circle-2"></div> <div class="progress__circle-3"></div> <div class="progress__circle-4"></div> </div> </section> <script type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/js/crypto-js.min.js"></script> <header id="header" role="banner">  <div class="skip-bar"> <a href="#content" id="skipToContent">Skip to content</a> </div> <div class="cookie-bar cookie-bar--type-manage" role="status" data-nosnippet> <div class="cookie-bar__wrap"> <div class="cookie-bar__msg-wrap"> <div class="cookie-bar__msg"> <p class="cookie-bar__title">Samsung and Cookies</p> <p class="cookie-bar__desc"> This site uses cookies to personalise your experience, analyse site traffic and keep track of items stored in your shopping basket. By Clicking ACCEPT or continuing to browse the site you are agreeing to our use of cookies. <a href="/sg/info/privacy/">See our Privacy Policy here</a> </p> <button class="cookie-bar__desc-read-more-btn">Read More</button> </div> <div class="cookie-bar__manage"> <a class="cta cta--contained cta--emphasis" href="javascript:void(0)" title="Accept" an-tr="cod01_cookie bar-product detail-cta-button" an-ca="other interaction" an-ac="cookie bar:accept" an-la="cookie bar:accept"> Accept </a> </div> </div> <button class="cookie-bar__close cookie-bar__main-close" an-tr="cod01_cookie bar-product detail-cta-button" an-ca="other interaction" an-ac="cookie bar:close" an-la="cookie bar:close"> <span class="hidden">close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"></use> </svg> </button> </div> </div> </header> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> <div class="nv16-country-selector" style="height: 0px;"> <div class="nv16-country-selector__content-wrap"> <div class="nv16-country-selector__content"> <div class="nv16-country-selector__description">Choose your location and language.</div> <div class="nv16-country-selector__select-contaniner"> <div class="nv16-country-selector__menu"> <div class="menu" data-comp-name="menu"> <select class="menu__select" tabindex="-1"><option selected value="sg" data-country-type="sitecd">Singapore / English</option><option value="other">Other Countries or location</option> </select> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" type="button" an-tr="nv16_gnb-country selector-navigation" an-ca="navigation" an-ac="gnb" an-la="b2b_country selector"> <span class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> <div class="nv16-country-selector__continue"> <button class="cta cta--contained cta--black" aria-label="Button Label" data-action="countrySelectorContinue" an-tr="nv16_gnb-country selector-navigation" an-ca="navigation" an-ac="gnb" an-la="b2b_country selector:continue">Continue</button> </div> </div> <button class="nv16-country-selector__close" data-action="countrySelectorClose"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <input type="hidden" name="st_checked" id="st_checked" value="2024-11-23 07:02:14"/> <input type="hidden" name="cookieKey" id="cookieKey" value="cedc6238tqcf1t4f0vl7g50mc70d6a5a"/> <div class="gnb js-mobile-open"> <div class="gnb__dimmed" aria-hidden="true"></div> <nav class="gnb__nav" role="navigation">  <div class="gnb__bar"> <div class="gnb__bar-inner"> <a href="/sg/business/" an-tr="nv00_gnb--text-logo" an-ca="navigation" an-ac="gnb" an-la="logo" class="gnb__logo "> <span class="hidden">Samsung</span> <div class="gnb__logo-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105 16" focusable="false"> <g fill="none" fill-rule="evenodd"> <path d="M0.964 0H121.507V32H0.964z" transform="translate(-9 -8)"/> <path fill="#000" fill-rule="nonzero" d="M15.937 19.184c.155.363.104.829.026 1.114-.13.492-.466 1.01-1.45 1.01-.931 0-1.5-.544-1.5-1.347v-1.45H9v1.14C9 22.99 11.614 24 14.436 24c2.692 0 4.918-.932 5.28-3.417.181-1.295.052-2.123-.026-2.46-.62-3.133-6.29-4.065-6.73-5.8-.077-.31-.051-.62-.026-.776.104-.466.44-1.01 1.372-1.01.88 0 1.398.544 1.398 1.346v.933h3.728v-1.062C19.432 8.492 16.507 8 14.384 8c-2.666 0-4.815.88-5.229 3.314-.103.673-.13 1.269.026 2.02.673 3.028 5.98 3.909 6.756 5.85zm48.534-.025c.155.362.103.828.026 1.087-.13.492-.466.984-1.45.984-.932 0-1.475-.544-1.475-1.347V18.46h-3.96v1.139c0 3.288 2.588 4.297 5.383 4.297 2.667 0 4.867-.906 5.23-3.391.18-1.269.05-2.123-.027-2.434-.621-3.107-6.238-4.013-6.652-5.747-.078-.311-.052-.622-.026-.777.104-.466.414-.984 1.346-.984.854 0 1.372.544 1.372 1.346v.907h3.701V11.78c0-3.21-2.899-3.728-4.995-3.728-2.615 0-4.763.88-5.177 3.288-.104.647-.13 1.243.026 1.993.673 3.03 5.927 3.91 6.678 5.826zm30.984 1.32l-.207-12.013h3.701v14.757h-5.332l-3.753-12.401.207 12.401h-3.676V8.466h5.54l3.52 12.013zM28.335 9.553l-2.07 13.826h-4.038l2.744-14.913h6.652l2.744 14.913h-4.012l-2.02-13.826zm21.796 0L47.542 23.38h-3.779L41.201 9.553l-.104 13.826H37.37l.31-14.913h6.083l1.89 11.65 1.89-11.65h6.082l.337 14.913h-3.728l-.103-13.826zm26.868 11.6c1.035 0 1.372-.726 1.424-1.088.026-.156.026-.389.026-.57V8.44h3.779V19.16c0 .284-.026.828-.026.983-.259 2.797-2.46 3.703-5.203 3.703-2.744 0-4.944-.906-5.203-3.703-.026-.155-.052-.699-.026-.983V8.44h3.78v11.055c0 .181 0 .414.025.57.078.388.389 1.087 1.424 1.087zm31.165-.156c1.087 0 1.45-.7 1.527-1.088.026-.18.052-.388.026-.57v-2.174h-1.527V14.99h5.28v4.013c0 .285 0 .492-.051.984-.259 2.719-2.615 3.676-5.255 3.676-2.64 0-4.996-.957-5.254-3.676-.052-.492-.052-.699-.052-.984v-6.291c0-.259.026-.725.052-.984.336-2.796 2.588-3.676 5.254-3.676 2.64 0 4.97.88 5.229 3.676.052.466.026.984.026.984v.492h-3.78v-.829s0-.362-.051-.57c-.078-.336-.362-1.087-1.501-1.087-1.088 0-1.398.725-1.476 1.088-.052.207-.052.466-.052.699v6.835c0 .181 0 .388.026.57.104.414.492 1.087 1.58 1.087z" transform="translate(-9 -8)"/> </g> </svg> </div> </a> <div class="gnb__mobile-menu"> <a class="gnb__search-btn gnb__search-btn-js" href="javascript:void(0)" aria-haspopup="true" role="button" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="search"> <span class="hidden">Search</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.581 4.09c20.126 0 36.5 16.374 36.5 36.5a36.325 36.325 0 01-7.963 22.733l22.8 22.948-5.674 5.639-22.767-22.913a36.327 36.327 0 01-22.896 8.093c-20.126 0-36.5-16.374-36.5-36.5s16.374-36.5 36.5-36.5zm0 8c-15.715 0-28.5 12.785-28.5 28.5s12.785 28.5 28.5 28.5 28.5-12.785 28.5-28.5-12.785-28.5-28.5-28.5z"></path> </svg> </a> <a href="https://shop.samsung.com/sg/business/cart/" class="gnb__cart-btn js-global-cart-btn js-has-carturl" role="button" an-tr="nv00_gnb--text-depth1" an-ca="navigation" an-ac="gnb" an-la="cart" data-cart-url="https://shop.samsung.com/sg/business/cart/"> <span class="hidden">Cart</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M72.848 70.25c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-35 0c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11c0-6.074 4.926-11 11-11zm35 7a4 4 0 10.002 8.001 4 4 0 00-.002-8.001zm-35 0a4 4 0 100 8 4 4 0 000-8zM13.892 3.75c2.287 0 4.376 1.55 5.058 3.72l.064.22 2.97 11.187h68.128a4.727 4.727 0 014.661 5.786l-.048.2-9.559 36.291c-.583 2.216-2.618 3.842-4.894 3.944l-.228.005H30.06c-2.287 0-4.377-1.55-5.06-3.72l-.063-.219-13.124-49.413-10.7.006-.004-8 12.782-.007zm72.03 23.127H24.108l8.027 30.226H77.96l7.962-30.226z"></path> </svg> <span class="gnb__cart-in-number gnb-cart-count" aria-live="polite" style="display:none;"></span> </a> <a class="gnb__menu-btn js-gnb-menu-btn" href="javascript:void(0)" aria-haspopup="true" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:open" aria-expanded="false"><span>Open Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M83 70v8H13v-8h70zm0-26v8H13v-8h70zm0-26v8H13v-8h70z"></path> </svg> </a> </div> <div class="gnb__menu-wrap"> <div class="gnb__depth1-container"> <div class="gnb__main"> <ul class="gnb__depth1" role="menubar"> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="shop" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Shop</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Shop</span> </strong> </div> <ul class="gnb__depth2 shopLayer" role="menu"> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/sg/business/why-samsung-for-business/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="shop:why samsung for business" aria-expanded="false"> <span class="gnb__depth2-link-text"> Why Samsung for Business </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/sg/business/offers/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="shop:offers" aria-expanded="false"> <span class="gnb__depth2-link-text"> Offers </span> </a> </li> </ul> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Open Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="mobile" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Mobile</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <a class="gnb__depth2-title-link" href="/sg/business/mobile/" an-tr="nv00_gnb--click-depth1" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile">Mobile</a> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="mobile:overview" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Overview </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile/overview/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:overview:business devices"> <span class="gnb__depth3-link-text"> Business Devices </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/smartphones/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:overview:smartphones"> <span class="gnb__depth3-link-text"> Smartphones </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/tablets/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:overview:tablets"> <span class="gnb__depth3-link-text"> Tablets </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile/enterprise-edition/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:overview:enterprise edition"> <span class="gnb__depth3-link-text"> Enterprise Edition </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile/rugged/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:overview:rugged"> <span class="gnb__depth3-link-text"> Rugged </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="mobile:products" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Products </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/smartphones/all-smartphones/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:products:smartphones"> <span class="gnb__depth3-link-text"> Smartphones </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/tablets/all-tablets/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:products:tablets"> <span class="gnb__depth3-link-text"> Tablets </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/enterprise-edition/all-enterprise-edition/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:products:enterprise edition"> <span class="gnb__depth3-link-text"> Enterprise Edition </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/rugged/all-rugged/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:products:rugged"> <span class="gnb__depth3-link-text"> Rugged </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/watches/all-watches/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:products:watches"> <span class="gnb__depth3-link-text"> Watches </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="mobile:solutions" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Solutions </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:solutions:overview"> <span class="gnb__depth3-link-text"> Overview </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/samsung-knox/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:solutions:samsung knox"> <span class="gnb__depth3-link-text"> Samsung Knox </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/knox-manage/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:solutions:knox manage"> <span class="gnb__depth3-link-text"> Knox Manage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/samsung-dex/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:solutions:samsung dex"> <span class="gnb__depth3-link-text"> Samsung DeX </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/partners/mobile/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:solutions:partnership"> <span class="gnb__depth3-link-text"> Partnership </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/samsung-business-services/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:solutions:samsung business services"> <span class="gnb__depth3-link-text"> Samsung Business Services </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="mobile:industries" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Industries </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/government/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:industries:government"> <span class="gnb__depth3-link-text"> Government </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/finance/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:industries:finance"> <span class="gnb__depth3-link-text"> Finance </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/education/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:industries:education"> <span class="gnb__depth3-link-text"> Education </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/public-safety/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:industries:public safety"> <span class="gnb__depth3-link-text"> Public Safety </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/retail/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:industries:retail"> <span class="gnb__depth3-link-text"> Retail </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/manufacturing/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:industries:manufacturing"> <span class="gnb__depth3-link-text"> Manufacturing </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/transportation/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:industries:transport"> <span class="gnb__depth3-link-text"> Transport </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/healthcare/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:industries:healthcare"> <span class="gnb__depth3-link-text"> Healthcare<br /> </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="mobile:business" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Business </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/why-samsung/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:business:why samsung for mobile"> <span class="gnb__depth3-link-text"> Why Samsung for Mobile </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/large-enterprise/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:business:samsung for large enterprise"> <span class="gnb__depth3-link-text"> Samsung for Large Enterprise </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/small-medium-business/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:business:samsung for small and medium business"> <span class="gnb__depth3-link-text"> Samsung for Small and Medium Business </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/mobile-solutions/start-up/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:business:samsung for start ups"> <span class="gnb__depth3-link-text"> Samsung for Start-ups </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/next-normal/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:business:connected business culture"> <span class="gnb__depth3-link-text"> Next Normal </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/open-means-business/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="mobile:business:open means business"> <span class="gnb__depth3-link-text"> Open Means Business </span> </a> </li> </ul> </div> </div> </li> </ul> <div class="gnb__feature-container"> <a class="gnb__feature-container-link" href="/sg/business/smartphones/" an-tr="nv00_gnb--cta-feature" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy z fold6:learn more"> <div class="image"> <img class="image__preview responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/sg/business/gnb/GNB_Galaxy_Z_Fold6_624X624.png?$LazyLoad_Home_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/sg/business/gnb/GNB_Galaxy_Z_Fold6_624X624.png?$LazyLoad_Home_PNG$" alt="Galaxy AI for business is here. Of two Galaxy Z Fold6 phones, one is folded and seen from the rear and the other is unfolded and seen from the Main Screen, which has the Samsung Notes app on top showing a transcribed recording and Note Assist providing a summary at the bottom. S Pen Fold Edition for Galaxy Z Fold5 leans against the folded device."/> <img class="image__main responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/sg/business/gnb/GNB_Galaxy_Z_Fold6_624X624.png?$330_330_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/sg/business/gnb/GNB_Galaxy_Z_Fold6_624X624.png?$624_624_JPG$" alt="Galaxy AI for business is here. Of two Galaxy Z Fold6 phones, one is folded and seen from the rear and the other is unfolded and seen from the Main Screen, which has the Samsung Notes app on top showing a transcribed recording and Note Assist providing a summary at the bottom. S Pen Fold Edition for Galaxy Z Fold5 leans against the folded device."/> </div> <div class="gnb__feature-container-contents"> <p class="gnb__feature-container-description">Galaxy Z Fold6</p> <span class="cta cta--underline cta--black">Learn more</span> </div> </a> </div> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Open Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="displays" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Displays</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <a class="gnb__depth2-title-link" href="/sg/business/displays/" an-tr="nv00_gnb--click-depth1" an-ca="navigation" an-ac="gnb" an-la="displays:displays">Displays</a> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="displays:highlights" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Highlights </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/displays/virtual-showcase/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:highlights:virtual showcase"> <span class="gnb__depth3-link-text"> Virtual Showcase </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="https://display-configurator.biz.samsung.com/led" role="menuitem" target="_blank" aria-label="Open in a New Window" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:highlights:led configurator"> <span class="gnb__depth3-link-text"> LED Configurator <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/led-signage/the-wall/highlights/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:highlights:the wall"> <span class="gnb__depth3-link-text"> The Wall </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/smart-signage/4k-signage/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:highlights:4k signage"> <span class="gnb__depth3-link-text"> 4K Signage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/smart-signage/8k-signage/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:highlights:neo qled 8k"> <span class="gnb__depth3-link-text"> Neo QLED 8K </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/smart-signage/samsung-flip/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:highlights:samsung flip 3"> <span class="gnb__depth3-link-text"> Samsung Flip 3 </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/smart-signage/kiosk/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:highlights:samsung kiosk"> <span class="gnb__depth3-link-text"> Samsung Kiosk </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/monitors/high-resolution-monitor/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:highlights:viewfinity"> <span class="gnb__depth3-link-text"> ViewFinity </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/monitors/smart-monitor/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:highlights:smart monitor"> <span class="gnb__depth3-link-text"> Smart Monitor </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/displays/remote-work/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:highlights:remote work"> <span class="gnb__depth3-link-text"> Remote Work </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/cisco-webex-solution/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:highlights:cisco"> <span class="gnb__depth3-link-text"> Cisco </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/logitech-solution/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:highlights:logitech"> <span class="gnb__depth3-link-text"> Logitech </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="displays:products" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Products </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/smart-signage/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:smart signage"> <span class="gnb__depth3-link-text"> Smart Signage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/led-signage/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:led signage"> <span class="gnb__depth3-link-text"> LED Signage </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/commercial-tvs/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:commercial tvs"> <span class="gnb__depth3-link-text"> Commercial TVs </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/monitors/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:products:monitors"> <span class="gnb__depth3-link-text"> Monitors </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="displays:solutions" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Solutions </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/magicinfo/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:solutions:smart signage solutions"> <span class="gnb__depth3-link-text"> Smart Signage Solutions </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/color-expert-led/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:solutions:led signage solutions"> <span class="gnb__depth3-link-text"> LED Signage Solutions </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/lynk-cloud/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:solutions:commercial tv solutions"> <span class="gnb__depth3-link-text"> Commercial TV Solutions </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/easy-setting-box/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:solutions:monitor solutions"> <span class="gnb__depth3-link-text"> Monitor Solutions </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="displays:industries" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Industries </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/displays/industry/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:overview"> <span class="gnb__depth3-link-text"> Overview </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/education/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:education"> <span class="gnb__depth3-link-text"> Education </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/qsr/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:qsr"> <span class="gnb__depth3-link-text"> QSR </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/retail/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:retail"> <span class="gnb__depth3-link-text"> Retail </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/corporate/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:corporate"> <span class="gnb__depth3-link-text"> Corporate </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/control-room/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:control room"> <span class="gnb__depth3-link-text"> Control Room </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/hospitality/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:hospitality"> <span class="gnb__depth3-link-text"> Hospitality </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/airport-digital-signage/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:airport"> <span class="gnb__depth3-link-text"> Airport </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/sports/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:sports"> <span class="gnb__depth3-link-text"> Sports </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/broadcasting/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:broadcasting"> <span class="gnb__depth3-link-text"> Broadcasting </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/healthcare/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:healthcare"> <span class="gnb__depth3-link-text"> Healthcare </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/display-solutions/dooh/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:industries:dooh"> <span class="gnb__depth3-link-text"> DOOH </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="displays:configurator" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Configurator </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="https://display-configurator.biz.samsung.com/led" role="menuitem" target="_blank" aria-label="Open in a New Window" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:configurator:led configurator"> <span class="gnb__depth3-link-text"> LED Configurator <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="https://display-configurator.biz.samsung.com/videowall" role="menuitem" target="_blank" aria-label="Open in a New Window" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:configurator:videowall configurator"> <span class="gnb__depth3-link-text"> Videowall Configurator <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/sg/business/partners/displays/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="displays:partners" aria-expanded="false"> <span class="gnb__depth2-link-text"> Partners </span> </a> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="displays:showcases" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Showcases </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/insights/?case-study" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:showcases:case studies"> <span class="gnb__depth3-link-text"> Case Studies </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/displays/virtual-showcase/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="displays:showcases:virtual showcase"> <span class="gnb__depth3-link-text"> Virtual Showcase </span> </a> </li> </ul> </div> </div> </li> </ul> <div class="gnb__feature-container"> <a class="gnb__feature-container-link" href="/sg/business/monitors/high-resolution-monitor/" an-tr="nv00_gnb--cta-feature" an-ca="navigation" an-ac="gnb" an-la="feature image:displays:high resolution monitors:learn more"> <div class="image"> <img class="image__preview responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/sg/p6-b2b/pilot/gnb/VD-EBT_GNB_Feature_Image_mo.jpg?$LazyLoad_Home_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/sg/p6-b2b/pilot/gnb/VD-EBT_GNB_Feature_Image_mo.jpg?$LazyLoad_Home_JPG$" alt="three high resolution monitors on the desk"/> <img class="image__main responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/sg/p6-b2b/pilot/gnb/VD-EBT_GNB_Feature_Image_mo.jpg?$330_330_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/sg/p6-b2b/pilot/gnb/VD-EBT_GNB_Feature_Image_mo.jpg?$624_624_JPG$" alt="three high resolution monitors on the desk"/> </div> <div class="gnb__feature-container-contents"> <p class="gnb__feature-container-description">High Resolution Monitors</p> <span class="cta cta--underline cta--black">Learn more</span> </div> </a> </div> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Open Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="appliance" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Appliance</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Appliance</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="appliance:products" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Products </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/refrigerators/all-refrigerators/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliance:products:refrigerators"> <span class="gnb__depth3-link-text"> Refrigerators </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/washers-and-dryers/all-washers-and-dryers/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliance:products:washers and dryers "> <span class="gnb__depth3-link-text"> Washers and Dryers </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/cooking-appliances/all-cooking-appliances/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliance:products:cooking appliances"> <span class="gnb__depth3-link-text"> Cooking Appliances </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/dishwashers/all-dishwashers/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliance:products:dishwashers"> <span class="gnb__depth3-link-text"> Dishwashers </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/home-appliance-accessories/all-home-appliance-accessories/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="appliance:products:home appliance accessories "> <span class="gnb__depth3-link-text"> Home Appliance Accessories </span> </a> </li> </ul> </div> </div> </li> </ul> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Open Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="tv and av" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">TV & AV</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">TV & AV</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu has-depth-menu" role="presentation" data-group-code="none"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="tv and av:tvs" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> TVs </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/tvs/all-tvs/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:all tvs"> <span class="gnb__depth3-link-text"> All TVs </span> </a> </li> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/tv-accessories/all-tv-accessories/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:tv accessories"> <span class="gnb__depth3-link-text"> TV Accessories </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="tv and av:projectors" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Projectors </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/projectors/all-projectors/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="tv and av:projectors:all projectors"> <span class="gnb__depth3-link-text"> All Projectors </span> </a> </li> </ul> </div> </div> </li> <li class="gnb__depth2-menu has-depth-menu" role="presentation"> <a class="gnb__depth2-link" href="javascript:void(0)" role="menuitem" data-engname="tv and av:sound devices" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth2-link-text"> Sound Devices </span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> <svg class="icon icon--dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 73.254L11.651 36.361l5.698-5.614L48 61.855l30.651-31.108 5.698 5.614z"></path> </svg> </a> <div class="gnb__depth3-wrap"> <div class="gnb__depth3-inner"> <ul class="gnb__depth3" role="menu"> <li class="gnb__depth3-menu" role="presentation"> <a class="gnb__depth3-link" href="/sg/business/audio-devices/all-audio-devices/" role="menuitem" an-tr="nv00_gnb--text-depth3" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:all sound devices"> <span class="gnb__depth3-link-text"> All Sound Devices </span> </a> </li> </ul> </div> </div> </li> </ul> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Open Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="industries" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Industries</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <a class="gnb__depth2-title-link" href="/sg/business/industries/education/" an-tr="nv00_gnb--click-depth1" an-ca="navigation" an-ac="gnb" an-la="industries:industries">Industries</a> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/sg/business/industries/education/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:education" aria-expanded="false"> <span class="gnb__depth2-link-text"> Education </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/sg/business/industries/retail/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:retail" aria-expanded="false"> <span class="gnb__depth2-link-text"> Retail </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/sg/business/industries/finance/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:finance" aria-expanded="false"> <span class="gnb__depth2-link-text"> Finance </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/sg/business/industries/government/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:government" aria-expanded="false"> <span class="gnb__depth2-link-text"> Government </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/sg/business/industries/corporate/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industries:corporate" aria-expanded="false"> <span class="gnb__depth2-link-text"> Corporate </span> </a> </li> </ul> <div class="gnb__feature-container"> <a class="gnb__feature-container-link" href="/sg/business/industries/education/" an-tr="nv00_gnb--cta-feature" an-ca="navigation" an-ac="gnb" an-la="feature image:industries:see why samsung galaxy tab is the must-have device for learning today.:learn more"> <div class="image"> <img class="image__preview responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/sg/business/industries/GNB_FeaturedCard2.png?$LazyLoad_Home_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/sg/business/industries/GNB_FeaturedCard2.png?$LazyLoad_Home_PNG$" alt="An image of a kid writing on a tab with a s-pen."/> <img class="image__main responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/sg/business/industries/GNB_FeaturedCard2.png?$330_330_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/sg/business/industries/GNB_FeaturedCard2.png?$624_624_JPG$" alt="An image of a kid writing on a tab with a s-pen."/> </div> <div class="gnb__feature-container-contents"> <p class="gnb__feature-container-description">See why Samsung Galaxy Tab is the must-have device for learning today.</p> <span class="cta cta--underline cta--black">Learn more</span> </div> </a> </div> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Open Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="semiconductor" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Semiconductor</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Semiconductor</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="https://semiconductor.samsung.com/" target="_blank" aria-label="Open in a New Window" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="semiconductor:semiconductor" aria-expanded="false"> <span class="gnb__depth2-link-text"> Semiconductor <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> </ul> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Open Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> </ul> </div> <div class="gnb__sub"> <ul class="gnb__depth1" role="menubar"> <li class="gnb__depth1-menu" role="presentation"> <a class="gnb__depth1-link" href="/sg/business/insights/" role="menuitem" an-tr="nv00_gnb--click-depth1" an-ca="navigation" an-ac="gnb" an-la="insights"><span class="gnb__depth1-link-text">Insights</span></a> </li> <li class="gnb__depth1-menu" role="presentation"> <a class="gnb__depth1-link" href="/sg/business/support/" role="menuitem" an-tr="nv00_gnb--click-depth1" an-ca="navigation" an-ac="gnb" an-la="support"><span class="gnb__depth1-link-text">Support</span></a> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="partners" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Partners</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Partners</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/sg/business/partners/mobile/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="partners:mobile" aria-expanded="false"> <span class="gnb__depth2-link-text"> Mobile </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="/sg/business/partners/displays/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="partners:displays" aria-expanded="false"> <span class="gnb__depth2-link-text"> Displays </span> </a> </li> <li class="gnb__depth2-menu" role="presentation" data-type-code="none" data-group-code="none"> <a class="gnb__depth2-link" href="/sg/business/partners/samsung-one/" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="partners:samsung one" aria-expanded="false"> <span class="gnb__depth2-link-text"> Samsung One </span> </a> </li> </ul> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Open Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu has-depth-menu" role="presentation"> <a class="gnb__depth1-link" href="javascript:void(0)" role="menuitem" data-engname="industrial products" aria-expanded="false" aria-haspopup="true"> <span class="gnb__depth1-link-text">Industrial Products</span> <svg class="icon icon--next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M35.757 84.389l-5.533-5.778 31.982-30.612L30.224 17.39l5.533-5.779 38.018 36.388z"></path> </svg> </a> <div class="gnb__depth2-wrap"> <div class="gnb__depth-back-wrap"> <a class="gnb__depth-back" href="javascript:;"> <svg class="icon icon--back" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.544 11.613l5.538 5.774L18.335 44l75.054.001v8H18.337l27.745 26.612-5.538 5.774L2.611 48l37.933-36.387z"></path> </svg> <span class="hidden">Back to 1 Depth Menu</span> </a> </div> <div class="gnb__depth2-inner" aria-hidden="true"> <div class="gnb__depth2-title-wrap"> <strong class="gnb__depth2-title"> <span class="gnb__depth2-title-text">Industrial Products</span> </strong> </div> <ul class="gnb__depth2" role="menu"> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="//www.samsunghealthcare.com/en" target="_blank" aria-label="Open in a New Window" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industrial products:healthcare products" aria-expanded="false"> <span class="gnb__depth2-link-text"> Healthcare Products <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="//www.samsung.com/semiconductor/" target="_blank" aria-label="Open in a New Window" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industrial products:semiconductor" aria-expanded="false"> <span class="gnb__depth2-link-text"> Semiconductor <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> <li class="gnb__depth2-menu" role="presentation"> <a class="gnb__depth2-link" href="//www.samsung.com/global/business/networks/" target="_blank" aria-label="Open in a New Window" role="menuitem" an-tr="nv00_gnb--click-depth2" an-ca="navigation" an-ac="gnb" an-la="industrial products:networks" aria-expanded="false"> <span class="gnb__depth2-link-text"> Networks <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M81.436 14.564v54.285h-8V28.221L18.22 83.436l-5.656-5.656L67.78 22.563l-40.629.001v-8z"></path> </svg> </span> </a> </li> </ul> <div class="gnb__feature-container"> <a class="gnb__feature-container-link" href="https://semiconductor.samsung.com/" an-tr="nv00_gnb--cta-feature" an-ca="navigation" an-ac="gnb" an-la="feature image:industrial products:discover the latest news and technology of semiconductor:learn more"> <div class="image"> <img class="image__preview responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/sg/business/semiconductor/gnb/SamsungDS_WebImage_GNB_All_220901.png?$LazyLoad_Home_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/sg/business/semiconductor/gnb/SamsungDS_WebImage_GNB_All_220901.png?$LazyLoad_Home_PNG$" alt="Various kinds of semiconductor products with wafer"/> <img class="image__main responsive-img lazy-load-man" data-desktop-src="//images.samsung.com/is/image/samsung/assets/sg/business/semiconductor/gnb/SamsungDS_WebImage_GNB_All_220901.png?$330_330_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/sg/business/semiconductor/gnb/SamsungDS_WebImage_GNB_All_220901.png?$624_624_JPG$" alt="Various kinds of semiconductor products with wafer"/> </div> <div class="gnb__feature-container-contents"> <p class="gnb__feature-container-description">Discover the latest news and technology of Semiconductor</p> <span class="cta cta--underline cta--black">Learn more</span> </div> </a> </div> <a class="gnb__depth2-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Open Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> </div> </li> <li class="gnb__depth1-menu" role="presentation"> <a class="gnb__depth1-link" href="/sg/" role="menuitem" an-tr="nv00_gnb--click-depth1" an-ca="navigation" an-ac="gnb" an-la="for consumer"><span class="gnb__depth1-link-text">For Consumer</span></a> </li> </ul> <ul class="gnb__utility"> <li class="gnb__search"> <a class="gnb__search-btn gnb__search-btn-js" href="javascript:void(0)" role="button" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="search"> <span class="hidden">Search</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M40.581 4.09c20.126 0 36.5 16.374 36.5 36.5a36.325 36.325 0 01-7.963 22.733l22.8 22.948-5.674 5.639-22.767-22.913a36.327 36.327 0 01-22.896 8.093c-20.126 0-36.5-16.374-36.5-36.5s16.374-36.5 36.5-36.5zm0 8c-15.715 0-28.5 12.785-28.5 28.5s12.785 28.5 28.5 28.5 28.5-12.785 28.5-28.5-12.785-28.5-28.5-28.5z"></path> </svg> </a> </li> <li class="gnb__cart"> <a href="https://shop.samsung.com/sg/business/cart/" class="gnb__cart-btn js-global-cart-btn js-has-carturl" role="link" an-tr="nv00_gnb--text-depth1" an-ca="navigation" an-ac="gnb" an-la="cart" data-cart-url="https://shop.samsung.com/sg/business/cart/"> <span class="hidden">Cart</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M72.848 70.25c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-35 0c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11c0-6.074 4.926-11 11-11zm35 7a4 4 0 10.002 8.001 4 4 0 00-.002-8.001zm-35 0a4 4 0 100 8 4 4 0 000-8zM13.892 3.75c2.287 0 4.376 1.55 5.058 3.72l.064.22 2.97 11.187h68.128a4.727 4.727 0 014.661 5.786l-.048.2-9.559 36.291c-.583 2.216-2.618 3.842-4.894 3.944l-.228.005H30.06c-2.287 0-4.377-1.55-5.06-3.72l-.063-.219-13.124-49.413-10.7.006-.004-8 12.782-.007zm72.03 23.127H24.108l8.027 30.226H77.96l7.962-30.226z"></path> </svg> <span class="gnb__cart-in-number gnb-cart-count" aria-live="polite" style="display:none;"></span> </a> </li> <li class="gnb__login before-login-context"> <a class="gnb__login-btn" href="javascript:void(0)" role="button" aria-label="Log-In" aria-expanded="false"> <span class="hidden">Log-In</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path> </svg> </a> <div class="gnb__login-layer"> <ul class="gnb__utility-menu"> <li> <a href="javascript:;" data-linkinfo="https://account.samsung.com/accounts/v1/DCGLBB/signInGate" class="gnb__utility-link loginBtn" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="login">Log-In/Sign-Up <span class="icon-wrap"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path> </svg> </span> </a> </li> </ul> </div> </li> <li class="gnb__logout after-login-context" style="display:none;"> <a class="gnb__logout-btn" href="javascript:void(0)" role="button" aria-label="Log Out" aria-expanded="false"> <span class="hidden">Open My Menu</span> <div class="image js-gnb-afterlogin-image" style="display:none;"> <img class="image__preview lazy-load-man" data-src="" alt=""/> <img class="image__main lazy-load-man" data-src="" alt=""/> </div> <svg class="icon js-gnb-afterlogin-no-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" focusable="false"> <g fill="none" fill-rule="evenodd"> <g> <g transform="translate(-1380 -22) translate(1380 22)"> <circle cx="18" cy="18" r="18" fill="#EEE"/> <g fill="#000" fill-rule="nonzero"> <path d="M8 8.333c2.891 0 5.333 2.37 5.333 5.176v1.324c0 .46-.373.834-.833.834h-9c-.46 0-.833-.374-.833-.834V13.51c0-2.806 2.442-5.176 5.333-5.176zm0 1.334c-2.13 0-4 1.795-4 3.842v.824h8v-.824c0-2.047-1.87-3.842-4-3.842zM8 .333c2.022 0 3.667 1.645 3.667 3.667S10.022 7.667 8 7.667 4.333 6.022 4.333 4 5.978.333 8 .333zm0 1.334C6.713 1.667 5.667 2.713 5.667 4c0 1.287 1.046 2.333 2.333 2.333 1.286 0 2.333-1.046 2.333-2.333 0-1.287-1.047-2.333-2.333-2.333z" transform="translate(10 10)"/> </g> </g> </g> </g> </svg> </a> <div class="gnb__login-layer"> <a class="gnb__user-name" href="https://account.samsung.com/membership/contents/profile/profile-gate" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="user name"> <span class="gnb__user-image"> <div class="image js-gnb-afterlogin-image" style="display:none;"> <img class="image__preview lazy-load-man" data-src="" alt=""/> <img class="image__main lazy-load-man" data-src="" alt=""/> </div> <svg class="icon js-gnb-afterlogin-no-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" focusable="false"> <g fill="none" fill-rule="evenodd"> <g> <g> <g transform="translate(-1216 -91) translate(1200 64) translate(16 27)"> <circle cx="16" cy="16" r="16" fill="#EEE"/> <g fill="#000" fill-rule="nonzero"> <path d="M8 8.333c2.891 0 5.333 2.37 5.333 5.176v1.324c0 .46-.373.834-.833.834h-9c-.46 0-.833-.374-.833-.834V13.51c0-2.806 2.442-5.176 5.333-5.176zm0 1.334c-2.13 0-4 1.795-4 3.842v.824h8v-.824c0-2.047-1.87-3.842-4-3.842zM8 .333c2.022 0 3.667 1.645 3.667 3.667S10.022 7.667 8 7.667 4.333 6.022 4.333 4 5.978.333 8 .333zm0 1.334C6.713 1.667 5.667 2.713 5.667 4c0 1.287 1.046 2.333 2.333 2.333 1.286 0 2.333-1.046 2.333-2.333 0-1.287-1.047-2.333-2.333-2.333z" transform="translate(8 8)"/> </g> </g> </g> </g> </g> </svg> </span> </a> <ul class="gnb__utility-menu"> <li> <a href="https://shop.samsung.com/sg/business/my-account/orders/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="my order"> My Order </a> </li> <li> <a href="https://shop.samsung.com/sg/business/my-account/profile/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="my profile"> My Profile </a> </li> <li> <a href="https://shop.samsung.com/sg/business/my-account/wishlist/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="wishlist"> Wishlist </a> </li> <li> <a href="https://shop.samsung.com/sg/business/my-account/vouchers/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="my vouchers"> My Vouchers </a> </li> <li> <a href="javascript:;" class="gnb__utility-link logoutBtn" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="logout">Log Out</a> </li> </ul> </div> </li> </ul>  <div class="gnb__utility-mobile"> <ul class="gnb__utility-menu before-login-context"> <li> <a href="javascript:;" data-linkinfo="https://account.samsung.com/accounts/v1/DCGLBB/signInGate" class="gnb__utility-link loginBtn" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="login"> Log-In/Sign-Up <span class="icon-wrap"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path> </svg> </span> </a> </li> </ul>  <a class="gnb__user-name after-login-context" href="https://account.samsung.com/membership/contents/profile/profile-gate" style="display:none;" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="user name"> <span class="gnb__user-image"> <div class="image js-gnb-afterlogin-image" style="display:none;"> <img class="image__preview lazy-load-man" data-src="" alt=""/> <img class="image__main lazy-load-man" data-src="" alt=""/> </div> <svg class="icon js-gnb-afterlogin-no-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" focusable="false"> <g fill="none" fill-rule="evenodd"> <g> <g transform="translate(-1380 -22) translate(1380 22)"> <circle cx="18" cy="18" r="18" fill="#EEE"/> <g fill="#000" fill-rule="nonzero"> <path d="M8 8.333c2.891 0 5.333 2.37 5.333 5.176v1.324c0 .46-.373.834-.833.834h-9c-.46 0-.833-.374-.833-.834V13.51c0-2.806 2.442-5.176 5.333-5.176zm0 1.334c-2.13 0-4 1.795-4 3.842v.824h8v-.824c0-2.047-1.87-3.842-4-3.842zM8 .333c2.022 0 3.667 1.645 3.667 3.667S10.022 7.667 8 7.667 4.333 6.022 4.333 4 5.978.333 8 .333zm0 1.334C6.713 1.667 5.667 2.713 5.667 4c0 1.287 1.046 2.333 2.333 2.333 1.286 0 2.333-1.046 2.333-2.333 0-1.287-1.047-2.333-2.333-2.333z" transform="translate(10 10)"/> </g> </g> </g> </g> </svg> </span> </a> <ul class="gnb__utility-menu after-login-context" style="display:none;"> <li> <a href="https://shop.samsung.com/sg/business/my-account/orders/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="my order"> My Order </a> </li> <li> <a href="https://shop.samsung.com/sg/business/my-account/profile/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="my profile"> My Profile </a> </li> <li> <a href="https://shop.samsung.com/sg/business/my-account/wishlist/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="wishlist"> Wishlist </a> </li> <li> <a href="https://shop.samsung.com/sg/business/my-account/vouchers/" class="gnb__utility-link" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="my vouchers"> My Vouchers </a> </li> <li> <a href="javascript:;" class="gnb__utility-link logoutBtn" an-tr="nv00_gnb--text-depth2" an-ca="account" an-ac="gnb" an-la="logout">Log Out</a> </li> </ul> </div>  </div> </div> <a class="gnb__menu-close" href="javascript:void(0)" role="button" an-tr="nv00_gnb--image-action" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">Open Menu</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> <div class="gnb__mobile-dimmed" aria-hidden="true">  </div> <form id="signInForm" name="signInForm" method="get" action="https://account.samsung.com/accounts/v1/DCGLBB/signInGate"> <input type="hidden" name="response_type" id="response_type" value=""/> <input type="hidden" name="client_id" value="96ef647gx8"/> <input type="hidden" name="locale" id="locale" value=""/> <input type="hidden" name="countryCode" value="SG"/> <input type="hidden" name="redirect_uri" id="redirect_uri" value="/aemapi/v6/data-login/afterLogin.sg.json"/> <input type="hidden" name="state" id="signInState" value=""/> <input type="hidden" name="goBackURL" id="signInGoBackURL" value=""/> <input type="hidden" name="scope" id="scope" value=""/> </form>  <form id="signOutForm" name="signOutForm" method="get" action="https://account.samsung.com/accounts/v1/DCGLBB/signOutGate"> <input type="hidden" name="client_id" value="96ef647gx8"/> <input type="hidden" name="state" id="signOutState" value=""/> <input type="hidden" name="signOutURL" id="signOutURL" value="/aemapi/v6/data-login/afterLogout.sg.json"/> </form>  <form id="joinForm" name="joinForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="SignupAP"/> <input type="hidden" name="serviceID" value="96ef647gx8"/> <input type="hidden" name="serviceName" value="SAMSUNG"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="SG"/> <input type="hidden" name="languageCode" value="en"/> <input type="hidden" name="registURL" id="joinRegistURL" value="/aemapi/v6/data-login/afterLogin.sg.json"/> <input type="hidden" name="returnURL" id="joinReturnURL"/> <input type="hidden" name="goBackURL" id="joinGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> <input type="hidden" name="emailActivationURL" id="joinEmailActivationURL" value="/aemapi/v6/data-login/emailActivationURL.sg.json"/> </form>  <form id="findAccountForm" name="findAccountForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="FindEmail"/> <input type="hidden" name="serviceID" value="96ef647gx8"/> <input type="hidden" name="serviceName" value="SAMSUNG"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="SG"/> <input type="hidden" name="languageCode" value="en"/> <input type="hidden" name="goBackURL" id="findGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> </form>  <form id="accountModifyForm" name="accountModifyForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="ModifyUserInfo"/> <input type="hidden" name="serviceID" value="96ef647gx8"/> <input type="hidden" name="serviceName" value="SAMSUNG"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="SG"/> <input type="hidden" name="languageCode" value="en"/> <input type="hidden" name="goBackURL" id="accountModifyGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> </form> <form id="textForm" name="textForm"> <input type="hidden" name="productCountText" id="productCountText" value="Number of Products"/> </form> <input type="hidden" name="domain" id="domain" value="www.samsung.com"/> <input type="hidden" name="useLogin" id="useLogin" value="Y"/> <input type="hidden" name="useStore" id="useStore" value="Y"/> <input type="hidden" name="storeDomain" id="storeDomain" value="https://api.shop.samsung.com"/> <input type="hidden" name="hybrisApiJson" id="hybrisApiJson"/> <input type="hidden" name="addToCartPostYn" id="addToCartPostYn"/> <input type="hidden" name="useNewAddToCartApi" id="useNewAddToCartApi" value="Y"/> <input type="hidden" name="loginLinkURL" id="loginLinkURL" value="https://account.samsung.com/accounts/v1/DCGLBB/signInGate"/> <input type="hidden" name="logoutURL" id="logoutURL" value="https://account.samsung.com/accounts/v1/DCGLBB/signOutGate"/> <input type="hidden" name="updateProfileURL" id="updateProfileURL"/> <input type="hidden" name="isLoginWithNoStore" id="isLoginWithNoStore"/> <input type="hidden" name="countryCode" id="countryCode" value="SG"/> <input type="hidden" name="languageCode" id="languageCode" value="en"/> <input type="hidden" name="loginAccountServiceId" id="loginAccountServiceId" value="96ef647gx8"/> <input type="hidden" name="emailActivationURL" id="emailActivationURL" value="/aemapi/v6/data-login/emailActivationURL.sg.json"/> <input type="hidden" name="shopIntegrationFlag" id="shopIntegrationFlag" value="true"/> <input type="hidden" name="tieredPriceUseYn" id="tieredPriceUseYn" value="Y"/> <input type="hidden" name="mySamsungRewardsTierType" id="mySamsungRewardsTierType"/> <input type="hidden" name="newMyRewardCurrencyConv" id="newMyRewardCurrencyConv"/> <input type="hidden" name="loginValidateYnForGPv2" id="loginValidateYnForGPv2" value=""/>  <div class="layer_popup" id="confirmPopup" style="display:none;"> <div id="popup-type02" class="popAlign"> <div class="popup_wrap"> <h2 class="pop-tit"></h2> <p class="msg-text tc"></p> <div class="pop-btn"> <a href="javascript:void(0)" class="button login-leave-btn" title="No Access OK">OK</a> </div> <button class="close-button icon-close-x login-leave-btn" data-focus-id="shop-popover-close" data-tab-disable="true" tabindex="0"> <span class="blind">No Access Close</span> </button> </div> </div> </div> <div class="layer_popup" style="display: none;"> <div id="popup_alert" class="popup-nextgen-type popAlign" tabindex="0" data-focus-id="shop-popover-wrap" data-tab-previous="shop-popover-close"> <div class="popup_wrap"> <p class="msg-text tc"></p> <div class="pop-btn"> <a href="javascript:void(0);" class="button alert-ok-button" data-popup="close" title="">OK</a> </div> <button class="close-button icon-close-x" data-focus-id="shop-popover-close" data-tab-next="shop-popover-wrap" data-popup="close" data-tab-disable="true" tabindex="0"> <span class="blind">Layer Popup Close</span> </button> </div> </div> </div> <div class="gnb__mobile-dimmed">  </div> </div> </div> </nav> <div class="layer-popup-dim layer-popup-dim--gnb" style="display:none"> </div> <div class="layer-popup gnb-layer_popup-js" id="layerEmptyCart" role="dialog" style="display:none"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> <svg class="icon icon--information" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 2.5c25.129 0 45.5 20.371 45.5 45.501S73.13 93.5 48 93.5 2.5 73.13 2.5 48.001C2.5 22.871 22.871 2.5 48 2.5zm0 5C25.633 7.5 7.5 25.633 7.5 48.001S25.632 88.5 48 88.5s40.5-18.131 40.5-40.499C88.5 25.633 70.367 7.5 48 7.5zm2.5 31V75h-5V43.5H40v-5h10.5zm-3.502-16.595C49.209 21.905 51 23.737 51 26c0 2.262-1.791 4.095-4.002 4.095C44.79 30.095 43 28.262 43 26c0-2.263 1.79-4.095 3.998-4.095z"></path> </svg> <p class="layer-popup__information-text">Your cart is empty.</p> </div> <div class="layer-popup__cta-wrap"> <div class="layer-popup__cta"> <a class="cta cta--contained cta--black gnb-js-layer-close" href="javascript:;" title="" an-tr="nv00_gnb--text-cart" an-ca="other interaction" an-ac="cart is empty:ok" an-la="cart is empty:ok">OK</a> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </button> </div> </div> <div class="layer-popup gnb-layer_popup-js" id="layerInsufficientStock" role="dialog" style="display:none"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> <svg class="icon icon--information" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M48 2.5c25.129 0 45.5 20.371 45.5 45.501S73.13 93.5 48 93.5 2.5 73.13 2.5 48.001C2.5 22.871 22.871 2.5 48 2.5zm0 5C25.633 7.5 7.5 25.633 7.5 48.001S25.632 88.5 48 88.5s40.5-18.131 40.5-40.499C88.5 25.633 70.367 7.5 48 7.5zm2.5 31V75h-5V43.5H40v-5h10.5zm-3.502-16.595C49.209 21.905 51 23.737 51 26c0 2.262-1.791 4.095-4.002 4.095C44.79 30.095 43 28.262 43 26c0-2.263 1.79-4.095 3.998-4.095z"></path> </svg> <p class="layer-popup__information-text">Sorry, there is insufficient stock for your cart.</p> </div> <div class="layer-popup__cta-wrap"> <div class="layer-popup__cta"><a class="cta cta--contained cta--black gnb-js-layer-close" href="javascript:;">OK</a></div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </button> </div> </div> <div class="layer-popup gnb__remove-product gnb-layer_popup-js" id="layerRemoveProduct" role="dialog" style="display:none"> <div class="layer-popup__inner"> <p class="layer-popup__title">Remove a Product</p> <div class="layer-popup__contents"> <p>Without this product, applied coupon or promotion code cannot be redeemed.<br/> Are you sure to remove this product?</p> </div> <div class="layer-popup__cta-wrap"> <div class="layer-popup__cta"><a class="cta cta--outlined cta--black" href="javascript:;" title="">Move to wish list</a></div> <div class="layer-popup__cta"><a class="cta cta--contained cta--black" href="javascript:;" title="">Delete</a></div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </button> </div> </div> <div class="layer-popup gnb__popup-privacy gnb-layer_popup-js" id="layerPrivacy" role="dialog" style="display:none"> <div class="layer-popup__inner" id="popup_privacy"> <p class="layer-popup__title">Privacy Policy</p> <div class="layer-popup__contents"> <div class="checkbox-radio"> <input type="checkbox" name="checkbox" class="hidden" id="privacy-terms"/> <label class="checkbox-radio__label" for="privacy-terms"> <span class="checkbox-radio__label-text">I have read and agree to the Samsung.com <a href='/sg/info/privacy/' target='_blank' class='link-text' title="Open in a New Window">Privacy Policy</a> </span> </label> </div>  <p class="check-text check-text--error" id="errorPrivacy" style="display: none;">Tick this box to proceed to Samsung.com.</p>  <div class="checkbox-radio"> <input type="checkbox" name="checkbox" class="hidden" id="privacy-terms2"/> <label class="checkbox-radio__label" for="privacy-terms2"> <span class="checkbox-radio__label-text">By ticking this box, I accept Samsung Service Updates, including : </span></label></div><p class="check-text">Samsung.com Services and marketing information, new product and service announcements as well as special offers, events and newsletters.</p> <div class="layer-popup__cta-wrap"> <div class="layer-popup__cta"><a id="privacyBtn" class="cta cta--outlined cta--black" href="javascript:;" title="">PROCEED TO SAMSUNG.COM</a></div> <div class="layer-popup__cta"><a class="cta cta--contained cta--black login-leave-btn" href="javascript:;" title="">Leave page</a></div> </div> <button class="layer-popup__close login-leave-btn" data-focus-id="shop-popover-close" data-tab-disable="true" tabindex="0"> <span class="hidden">Close Privacy Policy</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </button> </div> </div> </div> <div class="layer-popup gnb__popup-privacy gnb-layer_popup-js" id="layerPreference" role="dialog" style="display:none"> <div class="layer-popup__inner" id="popup-type04"> <p class="layer-popup__title">Check Preferences</p> <p class="layer-popup__contents">Help us to make recommendations for you by updating your product preferences.</p> <div class="layer-popup__cta-wrap"> <div class="layer-popup__cta"><a id="preferenceCheckBtn" class="cta cta--outlined cta--black" href="javascript:void(0);" title="">YES</a></div> <div class="layer-popup__cta"><a id="privacyCloseBtn" class="cta cta--contained cta--black" href="javascript:void(0);" title="">LATER</a></div> </div> <button class="layer-popup__close" data-focus-id="shop-popover-close" data-tab-disable="true" tabindex="0"> <span class="hidden">Close Check Preferences</span> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" focusable="false"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </button> </div> </div>  <input type="hidden" name="sc_gnb_searchURL" id="sc_gnb_searchURL" value="/sg/business/aisearch"/> <input type="hidden" name="sc_gnb_placeholder" id="sc_gnb_placeholder" value="Galaxy S24 Ultra"/> <input type="hidden" name="sc_gnb_aiSearchUseYn" id="sc_gnb_aiSearchUseYn" value="Y"/> <input type="hidden" name="eppFlag" id="eppFlag" value="N"/>  <section class="gnb-search" role="dialog" aria-modal="true" style="display: none;"> <div class="gnb-search__dimmed"></div> <div class="gnb-search__looping--start" tabindex="0"></div> <div class="gnb-search__contents"> <h2 class="text-title">What are you looking for?</h2> <div class="gnb-search__search-wrap"> <form action="javascript:;" class="gnb-search__form" role="search" autocomplete="off"> <fieldset> <legend>Search form</legend> <div class="gnb-search__input-wrap"> <button type="button" class="gnb-search__input-btn--close"> <span class="hidden">Close</span> <svg class="icon" focusable="false"> <use xlink:href="#backward-bold" href="#backward-bold"></use> </svg> </button> <label class="hidden" for="gnb-search-keyword">Search Keyword</label> <input type="text" name="search" class="gnb-search__input" id="gnb-search-keyword" maxlength="64" an-tr="search layer--search bar-submit" an-ca="search" an-ac="search layer" an-la="search bar:keyword submit:"/> <span class="gnb-search__placeholder">Galaxy S24 Ultra</span>  <button type="button" class="gnb-search__input-btn--cancel" an-tr="search layer-product detail-keyword delete-search" an-ca="search" an-ac="search layer" an-la="search bar:keyword delete"> <span class="hidden">Delete</span> <svg class="icon" focusable="false"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <button type="submit" class="gnb-search__input-btn--search" an-tr="search layer-product detail-submit-search" an-ca="search" an-ac="search layer" an-la="search bar:keyword submit:keyword"> <span class="hidden">Search</span> <svg class="icon" focusable="false"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> <button type="button" class="gnb-search__input-btn--scan-barcode"> <span class="hidden">Scan Barcode</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#barcode-regular" href="#barcode-regular"></use> </svg> </button> </div> </fieldset> </form> <div class="gnb-search__result-wrap gnb-search__result-wrap--hide" style="overflow: auto;"> <div class="gnb-search__no-suggestions gnb-search__no-suggestions--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">No Suggestions</h3> </div> </div> <div class="gnb-search__related gnb-search__related--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">Suggested Searches</h3> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> <div class="gnb-search__popular-keyword gnb-search__popular-keyword--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">Popular Keyword</h3> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> <div class="gnb-search__history gnb-search__history--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">Search History</h3> <button class="gnb-search__btn--history-clear" an-tr="search layer-product detail-clear all-search" an-ca="search" an-ac="search layer" an-la="search history:clear all"> Clear All </button> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> </div> </div>  <div class="gnb-search__chip-wrap" role="list"> <h3 class="hidden">recommended search</h3> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:galaxy s21 ultra 5g">Galaxy S21 Ultra 5G</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:samsung knox">Samsung Knox</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:business monitor">Business Monitor</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:the wall">The Wall</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:rugged">Rugged</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:smart signage">SMART Signage</a> </div> </div> <button class="gnb-search__btn--close" an-tr="search layer-product detail-close-search" an-ca="search" an-ac="search layer" an-la="close"> <span class="hidden">Close</span> <svg class="icon" focusable="false"> <use xlink:href="#cancel-close-regular" href="#cancel-close-regular"></use> </svg> </button> </div> <div class="gnb-search__looping--end" tabindex="0"></div> </section>  </div> <div id="content" class="st-page-pd" role="main"> <input type="hidden" name="modelCode" id="modelCode" value="SM-X906BZAJXSP"/> <input type="hidden" name="categorySubSubTypeCode" id="categorySubSubTypeCode"/> <input type="hidden" name="categorySubTypeCode" id="categorySubTypeCode" value="01020100"/> <input type="hidden" name="categoryTypeCode" id="categoryTypeCode" value="01020000"/> <input type="hidden" name="typeCodeForGNB" id="typeCodeForGNB" value="01020000"/> <input type="hidden" name="groupCodeForGNB" id="groupCodeForGNB" value="01000000"/> <input type="hidden" name="categoryGroupCode" id="categoryGroupCode" value="01000000"/> <input type="hidden" name="bvApiUrl" id="bvApiUrl"/> <input type="hidden" name="bvPassKey" id="bvPassKey"/> <input type="hidden" name="categoryname" id="categoryname"/> <input type="hidden" name="modelName" id="modelName" value="SM-X906B"/> <input type="hidden" name="priceCurrency" id="priceCurrency" value="sgd"/> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="pd-g-product-promotion-bar aem-GridColumn aem-GridColumn--default--12"> </div> <div class="pd-g-usp-banner aem-GridColumn aem-GridColumn--default--12"> </div> <div class="bu-pd-g-header-navigation aem-GridColumn aem-GridColumn--default--12"><div class="us-epp-discount-keep" style="display: none;"></div> <div class="pd11-anchor-nav-keep header-keep"> <div class="pd11-anchor-nav bg-black" id="anchorContainer"> <div class="pd11-anchor-nav__header pd11-anchor-nav__menu--close"> <h1 class="pd11-anchor-nav__headline"> <strong class="pd11-anchor-nav__headline-text">Galaxy Tab S8 Ultra 5G</strong> </h1> <div class="pd11-anchor-nav__menu-wrap"> <button type="button" aria-label="previous" class="pd11-anchor-nav__btn pd11-anchor-nav__btn-prev"> <svg class="icon" focusable="false"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </button> <div class="pd11-anchor-nav__menu-inner"> <input type="hidden" name="featureAnchorListYn" id="featureAnchorListYn" value="N"/> <ul class="pd11-anchor-nav__menu"> <li id="anchor_pd-g-feature-benefit" class="pd11-anchor-nav__menu-item active pd11-anchor-nav__menu-item--none"> <a href="#benefit" an-tr="pd11_anchor nav|menu" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:features" aria-label="Features">Features<svg class="icon"><use xlink:href="#done-bold" href="#done-bold"></use></svg></a></li> <li id="anchor_pd-g-feature-gallery-carousel-pim" class="pd11-anchor-nav__menu-item pd11-anchor-nav__menu-item--none"> <a href="#gallery" an-tr="pd11_anchor nav|menu" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:gallery" aria-label="Gallery">Gallery<svg class="icon"><use xlink:href="#done-bold" href="#done-bold"></use></svg></a></li> <li id="anchor_pd-g-product-specs" class="pd11-anchor-nav__menu-item pd11-anchor-nav__menu-item--none"> <a href="#specs" an-tr="pd11_anchor nav|menu" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:spec" aria-label="Spec">Spec<svg class="icon"><use xlink:href="#done-bold" href="#done-bold"></use></svg></a></li> <li id="anchor_pd-g-product-support" class="pd11-anchor-nav__menu-item pd11-anchor-nav__menu-item--none"> <a href="#support" an-tr="pd11_anchor nav|menu" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:support" aria-label="Support">Support<svg class="icon"><use xlink:href="#done-bold" href="#done-bold"></use></svg></a></li> <li id="anchor_pd-g-product-compare" class="pd11-anchor-nav__menu-item pd11-anchor-nav__menu-item--none"> <a href="#compare" an-tr="pd11_anchor nav|menu" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:compare" aria-label="Compare">Compare<svg class="icon"><use xlink:href="#done-bold" href="#done-bold"></use></svg></a></li>  <li class="pd11-anchor-nav__menu-item pd11-anchor-nav__menu-item--none" id="anchorWtb"> <a href="#WTB" class="js-cta-buy" data-modelcode="SM-X906BZAJXSP" data-modelname="galaxy tab s8 ultra 5g" data-iacode="01020100" an-tr="pd11_anchor nav|whereToBuy" an-ca="buy cta" an-ac="where to buy" an-la="where to buy" aria-label="Where to buy">Where to buy<svg class="icon"><use xlink:href="#done-bold" href="#done-bold"></use></svg> </a> </li> </ul> <div class="pd11-anchor-nav__menu-bar"></div> </div> <button type="button" aria-label="next" class="pd11-anchor-nav__btn pd11-anchor-nav__btn-next"> <svg class="icon" focusable="false"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> </div> </div> <div class="pd-buying-price__badge mobile" style="display:none;"></div> <div class="pd-buying-price"> <div class="pd-buying-price__wrap"></div>  <div class="pd-buying-price__cta"><a class="cta cta--contained cta--emphasis anchorBtn" href="javascript:;" style="display:none;"></a></div> </div> </div> <div class="pd11-anchor-nav__dummy">  <div class="pd11-anchor-nav__dummy-menu"></div> <div class="pd11-anchor-nav__dummy-headline"></div> </div> </div> <input type="hidden" id="navPriceDisplayYn" value="Y"/> <input type="hidden" id="navShopServiceYn"/> <input type="hidden" id="pdType" value="S-F"/> <input type="hidden" id="navOldProductYn" value="N"/> <input type="hidden" id="shopSKU" value="SM-X906BZAJXSP"/> <input type="hidden" id="wtbUseYn" value="N"/> <input type="hidden" id="pdpUrl" value="/sg/business/tablets/galaxy-tab-s/galaxy-tab-s8-ultra-5g-sm-x906bzajxsp/"/> <input type="hidden" id="ctaType"/> <input type="hidden" id="marketingpdpYN" value="N"/> <input type="hidden" id="familyCode" value="438540"/> <input type="hidden" id="tellsomeYn" value="N"/> <input type="hidden" id="navDisplayName" value="Galaxy Tab S8 Ultra 5G"/> <input type="hidden" id="navPageTrack" value="product detail"/> <input type="hidden" name="current-page-nav" id="current-page-nav" value="/content/samsung/sg/business/tablets/galaxy-tab-s/galaxy-tab-s8-ultra-5g-sm-x906bzajxsp"/> <input type="hidden" id="navConfiguratorUrl"/> <input type="hidden" id="navCtaLocalText"/> <input type="hidden" id="navCtaEngText"/> <input type="hidden" id="navConfiguratorUseYn"/> <input type="hidden" id="navDetailRootNodePath" value="/sg/business/tablets/galaxy-tab-s/galaxy-tab-s8-ultra-5g-sm-x906bzajxsp.dynamic"/> </div> <div class="pd-g-feature-benefit aem-GridColumn aem-GridColumn--default--12" id="benefit"> <input type="hidden" name="hasBenefit" id="hasBenefit" value="Y"/> <input type="hidden" name="hasGallery" id="hasGallery" value="N"/>   <div> <html> <head> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxjpkdmz2d3u6a-f-bf8973ebc-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"154623","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"6f58e552","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":35966,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732500796","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==OfeMXFbwTj2tif0Q2UwME/F6nw8+P0pet7CSoMWns7zG5sahLTojoCxayCIbkp+rL0WNOrz7+YGB5KQVUJDCEKS56gOM2pDKlChsaD0R/9Z1rRdD3zPdyJVk0A9kABuQ5tQIKkl1PK66hWkONf5f1yUzHPIP9q19WrmZFynEQdgsl0QqibjyyfZmgbZPQkLXXhz2WhFwu73wUAnVUBbffib93W7ZP4Xm70AxOX4Zsew5LLhaX1dQLytFnWPfSTshZ4nby2gftf7Nha6a78Uf7dB6If0CSj5ON6sMKGyLiV6V8EGZa4AwkKH6lJhw10rQ5vx/rnLOlHBuzIu3cuoN2FmphIurAxOoFbnNRst8S+6i+h+BQs4uzRIWZOH2EtXsN19lrPvP6C0hBjdloNCk3QhiDSs1J1wNgPZBHyc5Wn8=","ak.pv":"3677","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body>  <style> .sc-tab * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; vertical-align: top } .sc-tab .sc-tab-clip:after, .sc-tab .sc-tab-creativity:after, .sc-tab .sc-tab-divide:after, .sc-tab .sc-tab-durability:after, .sc-tab .sc-tab-editing:after, .sc-tab .sc-tab-entertainment:after, .sc-tab .sc-tab-explore:after, .sc-tab .sc-tab-mobile:after, .sc-tab .sc-tab-note:after, .sc-tab .sc-tab-spen:after, .sc-tab .sc-tab-streaming:after { display: block; position: absolute; left: 0; bottom: -2px; width: 100%; height: 4px; background-color: #000; content: "" } .sc-tab .sc-tab-gaming:after { display: block; position: absolute; left: 0; bottom: -2px; width: 100%; height: 4px; background-color: #f4f4f4; content: "" } html.is-no-scroll { overflow: hidden } html:not(.mobile).is-no-scroll { padding-right: 17px } html #wrap { position: static; min-width: auto } .blind { display: block; overflow: hidden; position: absolute!important; width: 1px; height: 1px; font-size: 1px; line-height: 1px; clip: rect(1px, 1px, 1px, 1px) } .sc-tab { overflow: hidden; position: relative; max-width: 1920px; margin: 0 auto; background-color: #f4f4f4; color: #000 } .sc-tab a { color: #000; text-decoration: none } .sc-tab section { display: block } .sc-tab strong { font-weight: 700 } .sc-tab sup { font-size: 63%; top: .7em; vertical-align: top } .sc-tab button { overflow: visible; background-color: transparent; cursor: pointer } .sc-tab .sc-video video { width: 100%; height: 100% } .sc-tab figure img { display: block } .rtl .sc-tab * { letter-spacing: 0!important } .sc-tab .click_sup { outline-offset: 0; color: inherit; font-weight: 700 } .sc-tab-common__headline { font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 116px; font-size: 8.05556vw; line-height: 1.0689; letter-spacing: normal } html[lang^="th"] .sc-tab-common__headline { font-size: 168.2px; font-size: 11.68056vw } @media (min-width:1440px) { .sc-tab-common__headline { font-size: 116px } html[lang^="th"] .sc-tab-common__headline { font-size: 168.2px } } html[lang^="th"] .sc-tab-common__headline { line-height: .80167 } .sc-tab-common__sub-headline { font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 40px; font-size: 2.77778vw; line-height: 1.33; letter-spacing: normal } html[lang^="th"] .sc-tab-common__sub-headline { font-size: 54px; font-size: 3.75vw } @media (min-width:1440px) { .sc-tab-common__sub-headline { font-size: 40px } html[lang^="th"] .sc-tab-common__sub-headline { font-size: 54px } } html[lang^="th"] .sc-tab-common__sub-headline { line-height: .9975 } .sc-tab-common__description { font-size: 16px; font-size: 1.11111vw; line-height: 1.55; color: #9a9a9a } html[lang^="th"] .sc-tab-common__description { font-size: 21.6px; font-size: 1.5vw } @media (min-width:1440px) { .sc-tab-common__description { font-size: 16px } html[lang^="th"] .sc-tab-common__description { font-size: 21.6px } } html[lang^="th"] .sc-tab-common__description { line-height: 1.1625 } .sc-tab-common__disclaimer { font-size: 14px; font-size: .97222vw; line-height: 1.33; color: #666 } html[lang^="th"] .sc-tab-common__disclaimer { font-size: 18.9px; font-size: 1.3125vw } @media (min-width:1440px) { .sc-tab-common__disclaimer { font-size: 14px } html[lang^="th"] .sc-tab-common__disclaimer { font-size: 18.9px } } html[lang^="th"] .sc-tab-common__disclaimer { line-height: .9975 } .sc-tab-common-br-mo { display: none } @media (min-width:768px) and (max-width:1023px) { .sc-tab-common__description, .sc-tab-common__disclaimer { font-size: 12px } } @media screen and (max-width:767px) { .sc-tab-common__headline { font-size: 96px; font-size: 12.5vw; line-height: 1.11 } .sc-tab-common__headline.sc-tab-creativity__headline { font-size: 10vw } html[lang^="th"] .sc-tab-common__headline { font-size: 139.2px; font-size: 18.125vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab-common__headline { font-size: 45px; font-size: 12.5vw } .sc-tab-common__headline.sc-tab-creativity__headline { font-size: 10vw } html[lang^="th"] .sc-tab-common__headline { font-size: 65.25px; font-size: 18.125vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab-common__headline { line-height: .8325 } html[lang^="my"] .sc-tab-common__headline { line-height: 1.4 } .sc-tab-common__sub-headline { font-size: 55.46667px; font-size: 7.22222vw; line-height: 1.33 } html[lang^="th"] .sc-tab-common__sub-headline { font-size: 74.88px; font-size: 9.75vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab-common__sub-headline { font-size: 26px; font-size: 7.22222vw } html[lang^="th"] .sc-tab-common__sub-headline { font-size: 35.1px; font-size: 9.75vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab-common__sub-headline { line-height: .9975 } html[lang^="my"] .sc-tab-common__sub-headline { line-height: 1.4 } .sc-tab-common__description { font-size: 29.86667px; font-size: 3.88889vw; line-height: 1.55 } html[lang^="th"] .sc-tab-common__description { font-size: 40.32px; font-size: 5.25vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab-common__description { font-size: 14px; font-size: 3.88889vw } html[lang^="th"] .sc-tab-common__description { font-size: 18.9px; font-size: 5.25vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab-common__description { line-height: 1.1625 } html[lang^="my"] .sc-tab-common__description { line-height: 1.6 } .sc-tab-common__disclaimer { font-size: 27.73333px; font-size: 3.61111vw; line-height: 1.307 } html[lang^="th"] .sc-tab-common__disclaimer { font-size: 37.44px; font-size: 4.875vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab-common__disclaimer { font-size: 13px; font-size: 3.61111vw } html[lang^="th"] .sc-tab-common__disclaimer { font-size: 17.55px; font-size: 4.875vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab-common__disclaimer { line-height: .98025 } html[lang^="my"] .sc-tab-common__disclaimer { line-height: 1.4 } .sc-tab-common-br-pc { display: none } .sc-tab-common-br-mo { display: block } } a[class*="c_btn_close-"], button[class*="c_btn_close-"] { display: inline-block; font-size: 0; line-height: 0; -webkit-box-sizing: content-box; box-sizing: content-box; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; cursor: pointer } a.c_btn_close-type1, button.c_btn_close-type1 { width: 69px; height: 69px; text-align: center } div[class*="m_layer-"] { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(27, 29, 55, 0); z-index: 2500; visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box } div[class*="m_layer-"] span.layer-title { position: absolute; left: -999em } .load div[class*="m_layer-"] { -webkit-transition: all .3s ease-in-out .3s, background .3s ease-in-out .3s; -o-transition: all .3s ease-in-out .3s, background .3s ease-in-out .3s; transition: all .3s ease-in-out .3s, background .3s ease-in-out .3s } div[class*="m_layer-"] .m_ly_inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0 } div[class*="m_layer-"] .m_ly_header { position: absolute; left: 30px; top: 43px; opacity: 0 } div[class*="m_layer-"] .m_ly_contents { position: absolute; left: 110px; right: 110px; top: 120px; bottom: 100px; opacity: 0 } .load div[class*="m_layer-"] .m_ly_contents, .load div[class*="m_layer-"] .m_ly_header { transition: all .65s cubic-bezier(.215, .61, .355, 1); -webkit-transition: all .65s cubic-bezier(.215, .61, .355, 1); -moz-transition: all .65s cubic-bezier(.215, .61, .355, 1); -o-transition: all .65s cubic-bezier(.215, .61, .355, 1) } div[class*="m_layer-"] .c_btn_type2-next, div[class*="m_layer-"] .c_btn_type2-prev { position: absolute; top: 50%; margin-top: -89px } div[class*="m_layer-"] .c_btn_type2-prev { left: 0 } div[class*="m_layer-"] .c_btn_type2-next { right: 0 } div[class*="m_layer-"] .c_btn_close-type1 { position: absolute; right: 7px; top: 27px; opacity: 0; outline: 0; -ms-transform: rotate(-360deg) scale(.5); transform: rotate(-360deg) scale(.5); -webkit-transform: rotate(-360deg) scale(.5); -moz-transform: rotate(-360deg) scale(.5); -o-transform: rotate(-360deg) scale(.5) } .ie11 div[class*="m_layer-"] .c_btn_close-type1 { -webkit-transform: none; -ms-transform: none; transform: none } div[class*="m_layer-"] .c_btn_close-type1 { transition: all .45s cubic-bezier(.165, .84, .44, 1); -webkit-transition: all .45s cubic-bezier(.165, .84, .44, 1); -moz-transition: all .45s cubic-bezier(.165, .84, .44, 1); -o-transition: all .45s cubic-bezier(.165, .84, .44, 1) } div[class*="m_layer-"] .c_paging-type1, div[class*="m_layer-"] .m_paging_type1 { position: absolute; left: 0; right: 0; bottom: 13px; opacity: 0 } div[class*="m_layer-"].show .c_paging-type1, div[class*="m_layer-"].show .m_paging_type1 { opacity: 1 } div[class*="m_layer-"].show { visibility: visible; background-color: rgba(0, 0, 0, .97) } .load div[class*="m_layer-"].show { transition: background .3s ease-in-out, opacity .3s ease-out; -webkit-transition: background .3s ease-in-out, opacity .3s ease-out; -moz-transition: background .3s ease-in-out, opacity .3s ease-out; -o-transition: background .3s ease-in-out, opacity .3s ease-out } div[class*="m_layer-"].show .c_btn_close-type1, div[class*="m_layer-"].show .m_ly_contents, div[class*="m_layer-"].show .m_ly_header { opacity: .95; outline: invert none medium; -ms-transform: rotate(0) scale(1); transform: rotate(0) scale(1); -webkit-transform: rotate(0) scale(1); -moz-transform: rotate(0) scale(1); -o-transform: rotate(0) scale(1) } div[class*="m_layer-"].show .c_btn_close-type1:focus { outline: 1px dotted #fff } .m_layer-youtube .m_ly_header { max-width: 75% } .m_video_view { position: absolute; left: 50%; top: 50%; width: 1000px; height: 562px; margin-left: -500px; margin-top: -281px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; z-index: 101 } .m_video_view iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100% } div.m_layer-youtube[class*="m_layer-"] { background-color: rgba(0, 0, 0, .88); display: block } div.m_layer-youtube[class*="m_layer-"] .modals_close-area { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } div.m_layer-youtube[class*="m_layer-"].show .m_ly_contents { left: 50%; right: auto; top: 50%; bottom: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } div.m_layer-youtube[class*="m_layer-"] .m_video_view { position: relative; top: auto; left: auto; margin: 0; height: 59.5vh; max-height: 565px; padding-top: 0 } div.m_layer-youtube[class*="m_layer-"] .c_btn_close_area { position: relative; bottom: 0; width: 45px; height: 45px; left: 50%; display: block; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: 20px } div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1 { position: absolute; width: 45px; height: 45px; background-color: #fff!important; border-radius: 50%; -webkit-box-shadow: 0 0 10px -6px #000; box-shadow: 0 0 10px -6px #000; z-index: 2; -webkit-transform: none; -ms-transform: none; transform: none; right: 0; top: 0 } div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1:after { content: ""; display: block; overflow: hidden; width: 45px; height: 45px; background: url(https://www.samsung.com/global/galaxy/common/images/c_btn_close_2_bk.png) center center/35% no-repeat; cursor: pointer; -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; transition: transform .35s, -webkit-transform .35s } div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1.focus-visible:after, div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1:focus:after, div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1:hover:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .firefox div.m_layer-youtube .c_btn_close-type1.focus-visible { outline: 2px dashed #fff } html.rtl div.m_layer-youtube[class*="m_layer-"] .c_btn_close_area { left: auto; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%) } @media screen and (max-width:1023px) { .m_video_view { left: 0; width: 100%; height: 0; margin: 0; padding-top: 56.25%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%) } div.m_layer-youtube[class*="m_layer-"].show .m_ly_contents { position: relative } div.m_layer-youtube[class*="m_layer-"] .m_video_view { -webkit-transform: none; -ms-transform: none; transform: none } div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1 { margin-bottom: 30px } } @media screen and (max-width:767px) { div.m_layer-youtube[class*="m_layer-"] .m_video_view { height: 28.9vh; max-height: 220px; min-height: 220px } div.m_layer-youtube[class*="m_layer-"] .c_btn_close_area { width: 25px; height: 25px; padding-top: 15px } div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1 { width: 25px; height: 25px } div.m_layer-youtube[class*="m_layer-"] .c_btn_close-type1:after { width: 25px; height: 25px } } .rtl div[class*="m_layer-"]._new .m_ly_gallery .zoom { left: auto; right: 0 } .rtl div[class*="m_layer-"]._new .m_ly_header { left: auto; right: 50px } .rtl div[class*="m_layer-"]._new .c_btn_close-type1 { right: auto; left: 25px } .rtl.s34 div[class*="m_layer-"]._new .m_ly_thumnail { left: auto; right: 50%; margin-left: 0; margin-right: 394px } .rtl.s3 div[class*="m_layer-"]._new .m_ly_header { right: 50%; margin-left: 0; margin-right: -445px } .rtl.s3 div[class*="m_layer-"]._new .c_btn_close-type1 { left: 50%; margin-left: -445px; margin-right: 0 } .rtl.s3 div[class*="m_layer-"]._new .m_ly_thumnail { margin-right: 292px } .sc-tab__popup { visibility: hidden; position: fixed; top: 0; bottom: 0; right: 0; left: 0; margin: 0; padding: 0; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 99999 } .sc-tab__popup-container { position: absolute; top: 0; right: 0; bottom: 0; width: 60%; background-color: #fff; opacity: 0; z-index: 11; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .sc-tab__popup-inner { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-y: auto; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .sc-tab__popup-list { margin-top: 63px; padding: 0 12%; max-width: 577px; -webkit-box-sizing: content-box; box-sizing: content-box } .sc-tab__popup-list dt { font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 32px } .sc-tab__popup-list dd { margin-top: 29px; color: #424242; font-size: 17px; line-height: 1.3 } .sc-tab__popup-list:first-child { margin-top: 0!important } .sc-tab__popup-close { position: absolute; left: -30px; top: calc(50% - 30px) } .sc-tab__popup-close .blind { display: block; overflow: hidden; position: absolute!important; width: 1px; height: 1px; font-size: 1px; line-height: 1px; clip: rect(1px, 1px, 1px, 1px) } .sc-tab__popup .sc-cta-close { display: block; position: relative; width: 60px; height: 60px; border: none; border-radius: 50%; -webkit-box-shadow: 0 0 10px -6px #000; box-shadow: 0 0 10px -6px #000; background-color: #fff; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s } .sc-tab__popup .sc-cta-close:after, .sc-tab__popup .sc-cta-close:before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 28px; height: 2px; background-color: #000; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .sc-tab__popup .sc-cta-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .sc-tab__popup .sc-cta-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .sc-tab__popup .sc-cta-close:active, .sc-tab__popup .sc-cta-close:focus, .sc-tab__popup .sc-cta-close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .sc-tab__popup-dimmed { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); background-color: rgba(0, 0, 0, .2); opacity: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 10 } .sc-tab__popup.sc-tab__popup--init { visibility: visible } .sc-tab__popup.sc-tab__popup--open .sc-tab__popup-container { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .sc-tab__popup.sc-tab__popup--open .sc-tab__popup-dimmed { opacity: 1; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px) } @media screen and (max-width:1023px) { .sc-tab__popup-container { bottom: auto; max-width: none; min-width: 0; width: 100%; height: auto; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } .sc-tab__popup-inner { position: static; -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; max-height: 85vh; padding: 77px 0 105px } .sc-tab__popup-list { max-width: 628px; margin-top: 72px; padding-left: 70px; padding-right: 70px } .sc-tab__popup-close { top: auto; bottom: -30px; left: calc(50% - 30px) } .sc-tab__popup.sc-tab__popup--open .sc-tab__popup-container { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } @media screen and (max-width:767px) { .sc-tab__popup-inner { max-width: none; padding: 0 96px; padding: 0 12.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab__popup-inner { padding: 0 45px; padding: 0 12.5vw } } @media screen and (max-width:767px) { .sc-tab__popup-list { margin-top: 106.66667px; margin-top: 13.88889vw; padding: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab__popup-list { margin-top: 50px; margin-top: 13.88889vw } } @media screen and (max-width:767px) { .sc-tab__popup-list dt { color: #171717; font-size: 51.2px; font-size: 6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab__popup-list dt { font-size: 24px; font-size: 6.66667vw } } @media screen and (max-width:767px) { .sc-tab__popup-list dd { margin-top: 32px; margin-top: 4.16667vw; font-size: 34.13333px; font-size: 4.44444vw; line-height: 1.25 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab__popup-list dd { margin-top: 15px; margin-top: 4.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab__popup-list dd { font-size: 16px; font-size: 4.44444vw } } @media screen and (max-width:767px) { .sc-tab__popup-list:first-child { padding-top: 142.93333px; padding-top: 18.61111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab__popup-list:first-child { padding-top: 67px; padding-top: 18.61111vw } } @media screen and (max-width:767px) { .sc-tab__popup-list:last-child { padding-bottom: 170.66667px; padding-bottom: 22.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab__popup-list:last-child { padding-bottom: 80px; padding-bottom: 22.22222vw } } @media screen and (max-width:767px) { .sc-tab__popup-close { bottom: -51.2px; bottom: -6.66667vw; left: 50%; margin-left: -51.2px; margin-left: -6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab__popup-close { bottom: -24px; bottom: -6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab__popup-close { margin-left: -24px; margin-left: -6.66667vw } } @media screen and (max-width:767px) { .sc-tab__popup-close .sc-cta-close { width: 102.4px; width: 13.33333vw; height: 102.4px; height: 13.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab__popup-close .sc-cta-close { width: 48px; width: 13.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab__popup-close .sc-cta-close { height: 48px; height: 13.33333vw } } @media screen and (max-width:767px) { .sc-tab__popup-close .sc-cta-close:after, .sc-tab__popup-close .sc-cta-close:before { width: 51.2px; width: 6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab__popup-close .sc-cta-close:after, .sc-tab__popup-close .sc-cta-close:before { width: 24px; width: 6.66667vw } } .sc-tab .sc-tab-kv__wrap { position: relative; z-index: 0; background-color: #f4f4f4 } .sc-tab .sc-tab-kv__text { position: absolute; top: 88px; top: 6.11111vw; left: 0; z-index: 30; width: 100% } @media (min-width:1440px) { .sc-tab .sc-tab-kv__text { top: 88px } } .sc-tab .sc-tab-kv__headline { padding-bottom: 30px; padding-bottom: 2.08333vw; font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 42px; font-size: 2.91667vw; text-align: center; letter-spacing: .012em } @media (min-width:1440px) { .sc-tab .sc-tab-kv__headline { padding-bottom: 30px } } html[lang^="th"] .sc-tab .sc-tab-kv__headline { font-size: 56.7px; font-size: 3.9375vw } @media (min-width:1440px) { .sc-tab .sc-tab-kv__headline { font-size: 42px } html[lang^="th"] .sc-tab .sc-tab-kv__headline { font-size: 56.7px } } .sc-tab .sc-tab-kv__headline span { display: inline-block; margin-top: -.1em } .sc-tab .sc-tab-kv__buy, .sc-tab .sc-tab-kv__order, .sc-tab .sc-tab-kv__pre-regist, .sc-tab .sc-tab-kv__where { display: none; text-align: center } .sc-tab .sc-tab-kv__cta { overflow: hidden; display: inline-block; position: relative; min-height: 50px; min-height: 3.47222vw; padding: 15px 33px; padding: 1.04167vw 2.29167vw; border: 1px solid #000; border-radius: 6px; font-size: 14px; font-size: .97222vw; line-height: 1.2857; font-weight: 700; letter-spacing: .13em } @media (min-width:1440px) { .sc-tab .sc-tab-kv__cta { min-height: 50px } } @media (min-width:1440px) { .sc-tab .sc-tab-kv__cta { padding: 15px 33px } } html[lang^="th"] .sc-tab .sc-tab-kv__cta { font-size: 18.9px; font-size: 1.3125vw } @media (min-width:1440px) { .sc-tab .sc-tab-kv__cta { font-size: 14px } html[lang^="th"] .sc-tab .sc-tab-kv__cta { font-size: 18.9px } } html[lang^="th"] .sc-tab .sc-tab-kv__cta { line-height: .96427 } .sc-tab .sc-tab-kv__cta span { position: relative; z-index: 5; color: #000; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out } .sc-tab .sc-tab-kv__cta:after { display: block; position: absolute; left: 0; top: 0; z-index: auto; width: 0; height: 104%; background-color: #000; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: width .25s ease-in-out; -o-transition: width .25s ease-in-out; transition: width .25s ease-in-out; content: "" } .rtl .sc-tab .sc-tab-kv__cta:after { left: auto; right: 0 } .sc-tab .sc-tab-kv__cta:focus span, .sc-tab .sc-tab-kv__cta:hover span { color: #fff } .sc-tab .sc-tab-kv__cta:focus:after, .sc-tab .sc-tab-kv__cta:hover:after { width: 100% } .sc-tab .sc-tab-kv__track { position: relative; height: 100vh } .sc-tab .sc-tab-kv__image { overflow: hidden; position: absolute; top: 0; width: 100%; height: 100vh; max-width: 1920px; padding-top: 112px; padding-top: 7.77778vw } @media (min-width:1440px) { .sc-tab .sc-tab-kv__image { padding-top: 112px } } .sc-tab .sc-tab-kv__image-main, .sc-tab .sc-tab-kv__image-main-blur { position: absolute; left: 50%; top: 257px; top: 17.84722vw; width: 1920px; width: 133.33333vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform-origin: 50% 60%; -ms-transform-origin: 50% 60%; transform-origin: 50% 60%; -webkit-transition: -webkit-transform .4s cubic-bezier(.29, .43, .64, .96); transition: -webkit-transform .4s cubic-bezier(.29, .43, .64, .96); -o-transition: transform .4s cubic-bezier(.29, .43, .64, .96); transition: transform .4s cubic-bezier(.29, .43, .64, .96); transition: transform .4s cubic-bezier(.29, .43, .64, .96), -webkit-transform .4s cubic-bezier(.29, .43, .64, .96) } @media (min-width:1440px) { .sc-tab .sc-tab-kv__image-main, .sc-tab .sc-tab-kv__image-main-blur { top: 257px } } @media (min-width:1440px) { .sc-tab .sc-tab-kv__image-main, .sc-tab .sc-tab-kv__image-main-blur { width: 1920px } } .is-fold .sc-tab .sc-tab-kv__image-main, .is-fold .sc-tab .sc-tab-kv__image-main-blur { -webkit-transform-origin: 50% 40%; -ms-transform-origin: 50% 40%; transform-origin: 50% 40% } .sc-tab .sc-tab-kv__image-pen { display: none } .sc-tab .sc-tab-kv__image img { width: 100% } .sc-tab .sc-tab-kv__preview { position: absolute; left: 0; bottom: 0; z-index: 20; width: 100%; height: 100vh; opacity: 0 } .sc-tab .sc-tab-kv__preview-contents { position: absolute; top: 0; height: 100vh; max-width: 1920px } .sc-tab .sc-tab-kv__preview-wrap { position: absolute; left: 50%; top: 50%; width: 988px; width: 68.61111vw; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } @media (min-width:1440px) { .sc-tab .sc-tab-kv__preview-wrap { width: 988px } } .sc-tab .sc-tab-kv__preview-text { padding-top: 70px; padding-top: 4.86111vw; padding-bottom: 26px; padding-bottom: 1.80556vw; border-bottom: 1px solid rgba(255, 255, 255, .3); color: rgba(255, 255, 255, .5); -webkit-transition: border-color .2s, color .2s; -o-transition: border-color .2s, color .2s; transition: border-color .2s, color .2s } @media (min-width:1440px) { .sc-tab .sc-tab-kv__preview-text { padding-top: 70px } } @media (min-width:1440px) { .sc-tab .sc-tab-kv__preview-text { padding-bottom: 26px } } .sc-tab .sc-tab-kv__preview-headline { font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 52px; font-size: 3.61111vw } html[lang^="th"] .sc-tab .sc-tab-kv__preview-headline { font-size: 70.2px; font-size: 4.875vw } @media (min-width:1440px) { .sc-tab .sc-tab-kv__preview-headline { font-size: 52px } html[lang^="th"] .sc-tab .sc-tab-kv__preview-headline { font-size: 70.2px } } .sc-tab .sc-tab-kv__preview.step1 .sc-tab-kv__preview-text:nth-child(1) { border-bottom-color: #fff; color: #fff } .sc-tab .sc-tab-kv__preview.step2 .sc-tab-kv__preview-text:nth-child(2) { border-bottom-color: #fff; color: #fff } .sc-tab .sc-tab-kv__preview.step3 .sc-tab-kv__preview-text:nth-child(3) { border-bottom-color: #fff; color: #fff } .sc-tab .sc-tab-kv.is-title-none .sc-tab-kv__text { opacity: 0 } .sc-tab .sc-tab-kv.is-title-none .sc-tab-kv__image-main-blur img { -webkit-filter: blur(4px); filter: blur(4px) } .sc-tab .sc-tab-kv.is-use-buy .sc-tab-kv__buy { display: block } .sc-tab .sc-tab-kv.is-use-regist .sc-tab-kv__pre-regist { display: block } .sc-tab .sc-tab-kv.is-use-order .sc-tab-kv__order { display: block } .sc-tab .sc-tab-kv.is-use-where .sc-tab-kv__where { display: block } .sc-tab .sc-tab-kv.is-off-cta .sc-tab-kv__text { top: 118px; top: 8.19444vw } @media (min-width:1440px) { .sc-tab .sc-tab-kv.is-off-cta .sc-tab-kv__text { top: 118px } } .sc-tab .sc-tab-kv.is-off-cta .sc-tab-kv__cta { display: none } .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__track { overflow: hidden; height: auto } .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__image { overflow: visible; position: relative; height: 967px; height: 67.15278vw } @media (min-width:1440px) { .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__image { height: 967px } } .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__image-main { overflow: hidden; height: 710px; height: 49.30556vw } @media (min-width:1440px) { .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__image-main { height: 710px } } .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__image-main-blur { position: absolute; top: 100%; left: 0; height: 710px; height: 49.30556vw; -webkit-transform: scale(2.2); -ms-transform: scale(2.2); transform: scale(2.2); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } @media (min-width:1440px) { .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__image-main-blur { height: 710px } } .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__preview { position: relative; display: block; height: 1080px; height: 75vw; opacity: 1 } @media (min-width:1440px) { .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__preview { height: 1080px } } .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__preview-contents { position: static; height: auto } .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__preview-wrap { padding-top: 0; padding-bottom: 26px; padding-bottom: 1.80556vw; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } @media (min-width:1440px) { .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__preview-wrap { padding-bottom: 26px } } @media screen and (max-width:767px) { .sc-tab .sc-tab-kv__text { top: 70.4px; top: 9.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__text { top: 33px; top: 4.16667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-kv__headline { padding-bottom: 34.13333px; padding-bottom: 4.44444vw; font-size: 44.8px; font-size: 5.83333vw; line-height: 1.26; letter-spacing: .0201em } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__headline { padding-bottom: 16px; padding-bottom: 4.44444vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-kv__headline { font-size: 60.48px; font-size: 7.875vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__headline { font-size: 21px; font-size: 5.83333vw } html[lang^="th"] .sc-tab .sc-tab-kv__headline { font-size: 28.35px; font-size: 7.875vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-kv__headline { line-height: .945 } html[lang^="my"] .sc-tab .sc-tab-kv__headline { line-height: 1.4 } .sc-tab .sc-tab-kv__cta { min-height: 68.26667px; min-height: 8.88889vw; padding: 21.33333px 46.93333px; padding: 2.77778vw 6.11111vw; border-radius: 8.53333px; border-radius: 1.11111vw; font-size: 21.33333px; font-size: 2.77778vw; line-height: 1.3 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__cta { min-height: 32px; min-height: 8.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__cta { padding: 10px 22px; padding: 2.77778vw 6.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__cta { border-radius: 4px; border-radius: 1.11111vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-kv__cta { font-size: 28.8px; font-size: 3.75vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__cta { font-size: 10px; font-size: 2.77778vw } html[lang^="th"] .sc-tab .sc-tab-kv__cta { font-size: 13.5px; font-size: 3.75vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-kv__cta { line-height: .975 } html[lang^="my"] .sc-tab .sc-tab-kv__cta { line-height: 1.4 } .sc-tab .sc-tab-kv__image { padding-top: 37.22222vw } .sc-tab .sc-tab-kv__image-main, .sc-tab .sc-tab-kv__image-main-blur { top: 354.13333px; top: 56.11111vw; width: 100%; -webkit-transform-origin: 50% 30%; -ms-transform-origin: 50% 30%; transform-origin: 50% 30% } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__image-main, .sc-tab .sc-tab-kv__image-main-blur { top: 166px; top: 56.11111vw } } @media screen and (max-width:767px) { .is-fold .sc-tab .sc-tab-kv__image-main, .is-fold .sc-tab .sc-tab-kv__image-main-blur { -webkit-transform-origin: 50% 30%; -ms-transform-origin: 50% 30%; transform-origin: 50% 30% } .sc-tab .sc-tab-kv__image-pen { display: block; position: absolute; left: 42.66667px; left: 5.55556vw; top: 840.53333px; top: 109.44444vw; z-index: 10; width: 313.6px; width: 40.83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__image-pen { left: 20px; left: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__image-pen { top: 394px; top: 109.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__image-pen { width: 147px; width: 40.83333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-kv__preview-wrap { width: 614.4px; width: 80vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__preview-wrap { width: 288px; width: 80vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-kv__preview-text { padding-top: 68.26667px; padding-top: 8.88889vw; padding-bottom: 34.13333px; padding-bottom: 4.44444vw; letter-spacing: .03em } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__preview-text { padding-top: 32px; padding-top: 8.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__preview-text { padding-bottom: 16px; padding-bottom: 4.44444vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-kv__preview-headline { font-size: 55.46667px; font-size: 7.22222vw; line-height: 1.21428 } html[lang^="th"] .sc-tab .sc-tab-kv__preview-headline { font-size: 74.88px; font-size: 9.75vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv__preview-headline { font-size: 26px; font-size: 7.22222vw } html[lang^="th"] .sc-tab .sc-tab-kv__preview-headline { font-size: 35.1px; font-size: 9.75vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-kv__preview-headline { line-height: .91071 } html[lang^="my"] .sc-tab .sc-tab-kv__preview-headline { line-height: 1.4 } .sc-tab .sc-tab-kv__preview.step1 .sc-tab-kv__preview-contents, .sc-tab .sc-tab-kv__preview.step2 .sc-tab-kv__preview-contents, .sc-tab .sc-tab-kv__preview.step3 .sc-tab-kv__preview-contents { overflow: visible } .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__image { height: 1408px; height: 183.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__image { height: 660px; height: 183.33333vw } } @media screen and (max-width:767px) { .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__image-main { height: auto; padding-bottom: 93.86667px; padding-bottom: 12.22222vw; background-color: #f4f4f4 } } @media screen and (max-width:767px) and (max-width:360px) { .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__image-main { padding-bottom: 44px; padding-bottom: 12.22222vw } } @media screen and (max-width:767px) { .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__image-main-blur { height: 1621.33333px; height: 211.11111vw; -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3); -webkit-transform-origin: 50% 15%; -ms-transform-origin: 50% 15%; transform-origin: 50% 15% } } @media screen and (max-width:767px) and (max-width:360px) { .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__image-main-blur { height: 760px; height: 211.11111vw } } @media screen and (max-width:767px) { .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__preview { height: 1621.33333px; height: 211.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__preview { height: 760px; height: 211.11111vw } } @media screen and (max-width:767px) { .is-broken-fixed .sc-tab .sc-tab-kv .sc-tab-kv__preview-wrap { padding-bottom: 0 } .sc-tab .sc-tab-kv.is-off-cta .sc-tab-kv__text { top: 134.4px; top: 17.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-kv.is-off-cta .sc-tab-kv__text { top: 63px; top: 17.5vw } } @media screen and (max-width:767px) { .sc-tab.sc-dotcom .sc-tab-kv__preview-wrap { padding-top: 18.61111vw } .sc-tab.sc-global .sc-tab-kv__preview-wrap { padding-top: 18.61111px } } @media (max-width:359px) { .sc-tab .sc-tab-kv__preview-headline { font-size: 26px } } .sc-tab .sc-tab-expert-review { position: relative; z-index: 10; max-width: 1440px; margin: 0 auto; padding-top: 189px; padding-top: 13.125vw; padding-bottom: 45px; padding-bottom: 3.125vw; font-size: 39px; font-size: 2.70833vw; font-family: SamsungSharpSans, SamsungOne, "sans serif"; letter-spacing: -.005em } @media (min-width:1440px) { .sc-tab .sc-tab-expert-review { padding-top: 189px } } @media (min-width:1440px) { .sc-tab .sc-tab-expert-review { padding-bottom: 45px } } html[lang^=th] .sc-tab .sc-tab-expert-review { font-size: 52.65px; font-size: 3.65625vw } @media (min-width:1440px) { .sc-tab .sc-tab-expert-review { font-size: 39px } html[lang^=th] .sc-tab .sc-tab-expert-review { font-size: 52.65px } } .sc-tab .sc-tab-expert-review__headline { padding-bottom: 76px; padding-bottom: 5.27778vw; text-align: center } @media (min-width:1440px) { .sc-tab .sc-tab-expert-review__headline { padding-bottom: 76px } } .sc-tab .sc-tab-expert-review__video { width: 652px; width: 45.27778vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-expert-review__video { width: 652px } } .sc-tab .sc-tab-expert-review__video-link { display: block; overflow: hidden; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); border-radius: 40px; border-radius: 2.77778vw } @media (min-width:1440px) { .sc-tab .sc-tab-expert-review__video-link { border-radius: 40px } } .sc-tab .sc-tab-expert-review__video-link>img { width: 100%; -webkit-transition: cubic-bezier(.35, 0, .15, 1) transform 2s; -o-transition: cubic-bezier(.35, 0, .15, 1) transform 2s; transition: cubic-bezier(.35, 0, .15, 1) transform 2s } .sc-tab .sc-tab-expert-review__video-link:focus>img, .sc-tab .sc-tab-expert-review__video-link:hover>img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .sc-tab .sc-tab-expert-review__video-link:focus .sc-tab-expert-review__video-cta.s-default, .sc-tab .sc-tab-expert-review__video-link:hover .sc-tab-expert-review__video-cta.s-default { opacity: 0 } .sc-tab .sc-tab-expert-review__video-link:focus .sc-tab-expert-review__video-cta.s-over, .sc-tab .sc-tab-expert-review__video-link:hover .sc-tab-expert-review__video-cta.s-over { opacity: 1 } .sc-tab .sc-tab-expert-review__video-link:focus { -webkit-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff; outline: 2px dashed #000; outline-offset: 0 } .sc-tab .sc-tab-expert-review__video-cta { position: absolute; left: 50%; top: 50%; width: 98px; width: 6.80556vw; height: 98px; height: 6.80556vw; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } @media (min-width:1440px) { .sc-tab .sc-tab-expert-review__video-cta { width: 98px } } @media (min-width:1440px) { .sc-tab .sc-tab-expert-review__video-cta { height: 98px } } .sc-tab .sc-tab-expert-review__video-cta img { width: 100% } .sc-tab .sc-tab-expert-review__video-cta.s-over { opacity: 0 } .sc-tab .sc-tab-expert-review__video-description { padding-top: 20px; padding-top: 1.38889vw; text-align: center; font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-weight: 700; font-size: 18px; font-size: 1.25vw; line-height: 1.4444; letter-spacing: .01em } @media (min-width:1440px) { .sc-tab .sc-tab-expert-review__video-description { padding-top: 20px } } html[lang^=th] .sc-tab .sc-tab-expert-review__video-description { font-size: 24.3px; font-size: 1.6875vw } @media (min-width:1440px) { .sc-tab .sc-tab-expert-review__video-description { font-size: 18px } html[lang^=th] .sc-tab .sc-tab-expert-review__video-description { font-size: 24.3px } } html[lang^=th] .sc-tab .sc-tab-expert-review__video-description { line-height: 1.0833 } @media screen and (max-width:767px) { .sc-tab .sc-tab-expert-review { padding-top: 168.53333px; padding-top: 21.94444vw; padding-bottom: 0; padding-bottom: 0; font-size: 59.73333px; font-size: 7.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-expert-review { padding-top: 79px; padding-top: 21.94444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-expert-review { padding-bottom: 0; padding-bottom: 0 } } @media screen and (max-width:767px) { html[lang^=th] .sc-tab .sc-tab-expert-review { font-size: 86.61333px; font-size: 11.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-expert-review { font-size: 28px; font-size: 7.77778vw } html[lang^=th] .sc-tab .sc-tab-expert-review { font-size: 40.6px; font-size: 11.27778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-expert-review__wrap { padding: 0 68.26667px; padding: 0 8.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-expert-review__wrap { padding: 0 32px; padding: 0 8.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-expert-review__headline { padding-bottom: 78.93333px; padding-bottom: 10.27778vw; text-align: left } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-expert-review__headline { padding-bottom: 37px; padding-bottom: 10.27778vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-expert-review__headline { text-align: right } .sc-tab .sc-tab-expert-review__video { width: 556.8px; width: 72.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-expert-review__video { width: 261px; width: 72.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-expert-review__video-link { border-radius: 42.66667px; border-radius: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-expert-review__video-link { border-radius: 20px; border-radius: 5.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-expert-review__video-cta { width: 108.8px; width: 14.16667vw; height: 108.8px; height: 14.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-expert-review__video-cta { width: 51px; width: 14.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-expert-review__video-cta { height: 51px; height: 14.16667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-expert-review__video-description { width: 424.53333px; width: 55.27778vw; margin: 0 auto; padding-top: 21.33333px; padding-top: 2.77778vw; font-size: 23.46667px; font-size: 3.05556vw; line-height: 1.2727 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-expert-review__video-description { width: 199px; width: 55.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-expert-review__video-description { padding-top: 10px; padding-top: 2.77778vw } } @media screen and (max-width:767px) { html[lang^=th] .sc-tab .sc-tab-expert-review__video-description { font-size: 31.68px; font-size: 4.125vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-expert-review__video-description { font-size: 11px; font-size: 3.05556vw } html[lang^=th] .sc-tab .sc-tab-expert-review__video-description { font-size: 14.85px; font-size: 4.125vw } } @media screen and (max-width:767px) { html[lang^=th] .sc-tab .sc-tab-expert-review__video-description { line-height: .95452 } html[lang^=my] .sc-tab .sc-tab-expert-review__video-description { line-height: 1.4 } } .sc-tab .sc-tab-display { padding: 240px 0 240px; padding: 16.66667vw 0 16.66667vw; background-color: #f4f4f4 } @media (min-width:1440px) { .sc-tab .sc-tab-display { padding: 240px 0 240px } } .sc-tab .sc-tab-display__wrap { position: relative } .sc-tab .sc-tab-display__headline { position: relative; width: 988px; width: 68.61111vw; margin: 0 auto; padding-right: 200px; padding-right: 13.88889vw; font-size: 124px; font-size: 8.61111vw; letter-spacing: .008em; font-family: SamsungSharpSans, SamsungOne, "sans serif"; z-index: 10 } @media (min-width:1440px) { .sc-tab .sc-tab-display__headline { width: 988px } } @media (min-width:1440px) { .sc-tab .sc-tab-display__headline { padding-right: 200px } } html[lang^="th"] .sc-tab .sc-tab-display__headline { font-size: 179.8px; font-size: 12.48611vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__headline { font-size: 124px } html[lang^="th"] .sc-tab .sc-tab-display__headline { font-size: 179.8px } } .sc-tab .sc-tab-display__contents { width: 988px; width: 68.61111vw; height: 1780px; height: 123.61111vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-display__contents { width: 988px } } @media (min-width:1440px) { .sc-tab .sc-tab-display__contents { height: 1780px } } .sc-tab .sc-tab-display__contents-wrap { position: relative; top: -215px; top: -14.93056vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__contents-wrap { top: -215px } } .sc-tab .sc-tab-display__product { position: absolute; top: 180px; top: 12.5vw; left: 279px; left: 19.375vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product { top: 180px } } @media (min-width:1440px) { .sc-tab .sc-tab-display__product { left: 279px } } .sc-tab .sc-tab-display__product-image img { display: none; width: 100% } .sc-tab .sc-tab-display__product-detail { position: absolute; left: -252px; left: -17.5vw; top: 450px; top: 31.25vw; width: 190px; width: 13.19444vw; -webkit-transform: translateZ(0); transform: translateZ(0) } @media (min-width:1440px) { .sc-tab .sc-tab-display__product-detail { left: -252px } } @media (min-width:1440px) { .sc-tab .sc-tab-display__product-detail { top: 450px } } @media (min-width:1440px) { .sc-tab .sc-tab-display__product-detail { width: 190px } } .sc-tab .sc-tab-display__product-detail:after { display: block; position: absolute; right: -156px; right: -10.83333vw; top: 18px; top: 1.25vw; width: 0; height: 1px; background-color: #000; -webkit-transition: width .2s .2s; -o-transition: width .2s .2s; transition: width .2s .2s; content: "" } @media (min-width:1440px) { .sc-tab .sc-tab-display__product-detail:after { right: -156px } } @media (min-width:1440px) { .sc-tab .sc-tab-display__product-detail:after { top: 18px } } .sc-tab .sc-tab-display__product-name { font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 28px; font-size: 1.94444vw; line-height: 1.33; opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s } html[lang^="th"] .sc-tab .sc-tab-display__product-name { font-size: 37.8px; font-size: 2.625vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product-name { font-size: 28px } html[lang^="th"] .sc-tab .sc-tab-display__product-name { font-size: 37.8px } } html[lang^="th"] .sc-tab .sc-tab-display__product-name { line-height: .9975 } .sc-tab .sc-tab-display__product-size { padding-top: 13px; padding-top: .90278vw; font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 48px; font-size: 3.33333vw; line-height: 1.33; opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s } @media (min-width:1440px) { .sc-tab .sc-tab-display__product-size { padding-top: 13px } } html[lang^="th"] .sc-tab .sc-tab-display__product-size { font-size: 64.8px; font-size: 4.5vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product-size { font-size: 48px } html[lang^="th"] .sc-tab .sc-tab-display__product-size { font-size: 64.8px } } html[lang^="th"] .sc-tab .sc-tab-display__product-size { line-height: .9975 } .sc-tab .sc-tab-display__product--ultra { z-index: 3; left: 99px; left: 6.875vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--ultra { left: 99px } } .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-image { width: 1353px; width: 93.95833vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-image { width: 1353px } } .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail { top: 647px; top: 44.93056vw; left: -99px; left: -6.875vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail { top: 647px } } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail { left: -99px } } .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail:after { right: -318px; right: -22.08333vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail:after { right: -318px } } .rtl .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail:after { right: -380px; right: -26.38889vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail:after { right: -380px } } .sc-tab .sc-tab-display__product--plus { top: 230px; top: 15.97222vw; z-index: 2 } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--plus { top: 230px } } .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-image { width: 1175px; width: 81.59722vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-image { width: 1175px } } .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail { top: 571px; top: 39.65278vw; left: -279px; left: -19.375vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail { top: 571px } } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail { left: -279px } } .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail:after { right: -478px; right: -33.19444vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail:after { right: -478px } } .rtl .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail:after { right: -540px; right: -37.5vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail:after { right: -540px } } .sc-tab .sc-tab-display__product--normal { top: 264px; top: 18.33333vw; left: 421px; left: 29.23611vw; z-index: 1 } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--normal { top: 264px } } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--normal { left: 421px } } .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-image { width: 1033px; width: 71.73611vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-image { width: 1033px } } .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail { top: 525px; top: 36.45833vw; left: -421px; left: -29.23611vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail { top: 525px } } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail { left: -421px } } .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail:after { right: -617px; right: -42.84722vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail:after { right: -617px } } .rtl .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail:after { right: -680px; right: -47.22222vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail:after { right: -680px } } .sc-tab .sc-tab-display__product.is-active .sc-tab-display__product-detail:after { -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s } .sc-tab .sc-tab-display__product.is-active .sc-tab-display__product-name, .sc-tab .sc-tab-display__product.is-active .sc-tab-display__product-size { opacity: 1; -webkit-transition: opacity .4s .3s; -o-transition: opacity .4s .3s; transition: opacity .4s .3s } .sc-tab .sc-tab-display__product.is-active.sc-tab-display__product--ultra .sc-tab-display__product-detail:after { width: 370px; width: 25.69444vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product.is-active.sc-tab-display__product--ultra .sc-tab-display__product-detail:after { width: 370px } } .sc-tab .sc-tab-display__product.is-active.sc-tab-display__product--plus .sc-tab-display__product-detail:after { width: 530px; width: 36.80556vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product.is-active.sc-tab-display__product--plus .sc-tab-display__product-detail:after { width: 530px } } .sc-tab .sc-tab-display__product.is-active.sc-tab-display__product--normal .sc-tab-display__product-detail:after { width: 670px; width: 46.52778vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__product.is-active.sc-tab-display__product--normal .sc-tab-display__product-detail:after { width: 670px } } .sc-tab .sc-tab-display__description { position: relative; width: 988px; width: 68.61111vw; margin: 0 auto; padding-right: 438px; padding-right: 30.41667vw; font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 36px; font-size: 2.5vw; line-height: 1.33; z-index: 1 } @media (min-width:1440px) { .sc-tab .sc-tab-display__description { width: 988px } } @media (min-width:1440px) { .sc-tab .sc-tab-display__description { padding-right: 438px } } html[lang^="th"] .sc-tab .sc-tab-display__description { font-size: 48.6px; font-size: 3.375vw } @media (min-width:1440px) { .sc-tab .sc-tab-display__description { font-size: 36px } html[lang^="th"] .sc-tab .sc-tab-display__description { font-size: 48.6px } } html[lang^="th"] .sc-tab .sc-tab-display__description { line-height: .9975 } @media screen and (max-width:767px) { .sc-tab .sc-tab-display { padding: 213.33333px 0 213.33333px; padding: 27.77778vw 0 27.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display { padding: 100px 0 100px; padding: 27.77778vw 0 27.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__headline { width: 614.4px; width: 80vw; padding-right: 0; font-size: 96px; font-size: 12.5vw; line-height: 1.222 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__headline { width: 288px; width: 80vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-display__headline { font-size: 139.2px; font-size: 18.125vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__headline { font-size: 45px; font-size: 12.5vw } html[lang^="th"] .sc-tab .sc-tab-display__headline { font-size: 65.25px; font-size: 18.125vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-display__headline { line-height: .9165 } html[lang^="my"] .sc-tab .sc-tab-display__headline { line-height: 1.4 } .sc-tab .sc-tab-display__contents { width: 533.33333px; width: 69.44444vw; height: 1486.93333px; height: 193.61111vw; padding-top: 64px; padding-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__contents { width: 250px; width: 69.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__contents { height: 697px; height: 193.61111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__contents { padding-top: 30px; padding-top: 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__contents-wrap { top: 0; top: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__contents-wrap { top: 0; top: 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product { left: 0 } .sc-tab .sc-tab-display__product-detail { left: 0; top: 0; width: 192px; width: 25vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product-detail { width: 90px; width: 25vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product-detail:after { right: -147.2px; right: -19.16667vw; top: 19.2px; top: 2.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product-detail:after { right: -69px; right: -19.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product-detail:after { top: 9px; top: 2.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product-name { font-size: 29.86667px; font-size: 3.88889vw; line-height: 1.2857 } html[lang^="th"] .sc-tab .sc-tab-display__product-name { font-size: 40.32px; font-size: 5.25vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product-name { font-size: 14px; font-size: 3.88889vw } html[lang^="th"] .sc-tab .sc-tab-display__product-name { font-size: 18.9px; font-size: 5.25vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-display__product-name { line-height: .96427 } html[lang^="my"] .sc-tab .sc-tab-display__product-name { line-height: 1.4 } .sc-tab .sc-tab-display__product-size { padding-top: 8.53333px; padding-top: 1.11111vw; font-size: 51.2px; font-size: 6.66667vw; line-height: 1.29166 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product-size { padding-top: 4px; padding-top: 1.11111vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-display__product-size { font-size: 69.12px; font-size: 9vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product-size { font-size: 24px; font-size: 6.66667vw } html[lang^="th"] .sc-tab .sc-tab-display__product-size { font-size: 32.4px; font-size: 9vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-display__product-size { line-height: .96874 } html[lang^="my"] .sc-tab .sc-tab-display__product-size { line-height: 1.4 } .sc-tab .sc-tab-display__product--ultra { left: 0; top: 0 } .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-image { width: 650.66667px; width: 84.72222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-image { width: 305px; width: 84.72222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail { top: 454.4px; top: 59.16667vw; left: -40.53333px; left: -5.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail { top: 213px; top: 59.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail { left: -19px; left: -5.27778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail:after { right: -332.8px; right: -43.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail:after { right: -156px; right: -43.33333vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail { left: -106.66667px; left: -13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail { left: -50px; left: -13.88889vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail:after { right: -401.06667px; right: -52.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-display__product--ultra .sc-tab-display__product-detail:after { right: -188px; right: -52.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product--plus { top: 42.66667px; top: 5.55556vw; left: 106.66667px; left: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--plus { top: 20px; top: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--plus { left: 50px; left: 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-image { width: 548.26667px; width: 71.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-image { width: 257px; width: 71.38889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail { top: 360.53333px; top: 46.94444vw; left: -147.2px; left: -19.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail { top: 169px; top: 46.94444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail { left: -69px; left: -19.16667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail:after { right: -332.8px; right: -43.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail:after { right: -156px; right: -43.33333vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail { left: -213.33333px; left: -27.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail { left: -100px; left: -27.77778vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail:after { right: -401.06667px; right: -52.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-display__product--plus .sc-tab-display__product-detail:after { right: -188px; right: -52.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product--normal { top: 85.33333px; top: 11.11111vw; left: 170.66667px; left: 22.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--normal { top: 40px; top: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--normal { left: 80px; left: 22.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-image { width: 482.13333px; width: 62.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-image { width: 226px; width: 62.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail { top: 328.53333px; top: 42.77778vw; left: -211.2px; left: -27.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail { top: 154px; top: 42.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail { left: -99px; left: -27.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail:after { right: -332.8px; right: -43.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail:after { right: -156px; right: -43.33333vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail { left: -279.46667px; left: -36.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail { left: -131px; left: -36.38889vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail:after { right: -403.2px; right: -52.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-display__product--normal .sc-tab-display__product-detail:after { right: -189px; right: -52.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product.is-active.sc-tab-display__product--ultra .sc-tab-display__product-detail:after { width: 384px; width: 50vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product.is-active.sc-tab-display__product--ultra .sc-tab-display__product-detail:after { width: 180px; width: 50vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product.is-active.sc-tab-display__product--plus .sc-tab-display__product-detail:after { width: 384px; width: 50vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product.is-active.sc-tab-display__product--plus .sc-tab-display__product-detail:after { width: 180px; width: 50vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__product.is-active.sc-tab-display__product--normal .sc-tab-display__product-detail:after { width: 384px; width: 50vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__product.is-active.sc-tab-display__product--normal .sc-tab-display__product-detail:after { width: 180px; width: 50vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-display__description { width: 614.4px; width: 80vw; padding-right: 85.33333px; padding-right: 11.11111vw; font-size: 34.13333px; font-size: 4.44444vw; line-height: 1.375 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__description { width: 288px; width: 80vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__description { padding-right: 40px; padding-right: 11.11111vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-display__description { font-size: 46.08px; font-size: 6vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-display__description { font-size: 16px; font-size: 4.44444vw } html[lang^="th"] .sc-tab .sc-tab-display__description { font-size: 21.6px; font-size: 6vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-display__description { line-height: 1.03125 } html[lang^="my"] .sc-tab .sc-tab-display__description { line-height: 1.4 } } .sc-tab .sc-tab-explore { position: relative; z-index: 10; padding-bottom: 120px; padding-bottom: 8.33333vw; background-color: #000; color: #fff } @media (min-width:1440px) { .sc-tab .sc-tab-explore { padding-bottom: 120px } } .sc-tab .sc-tab-explore button { background-color: transparent; color: inherit; cursor: pointer } .sc-tab .sc-tab-explore__bg { position: absolute; top: 0; z-index: 0; width: 100%; height: 50vh; background-color: #000 } .sc-tab .sc-tab-explore__inner { position: relative; z-index: 1; max-width: 1440px; margin: 0 auto } .sc-tab .sc-tab-explore__tab { text-align: center } .sc-tab .sc-tab-explore__tab-headline { font-size: 20px; font-size: 1.38889vw; letter-spacing: .2em; line-height: 1; font-weight: 700 } html[lang^="th"] .sc-tab .sc-tab-explore__tab-headline { font-size: 27px; font-size: 1.875vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__tab-headline { font-size: 20px } html[lang^="th"] .sc-tab .sc-tab-explore__tab-headline { font-size: 27px } } .sc-tab .sc-tab-explore__tab-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 60px; margin-top: 4.16667vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__tab-list { margin-top: 60px } } .sc-tab .sc-tab-explore__tab-item { width: 200px; width: 13.88889vw; margin: 0 10px; margin: 0 .69444vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__tab-item { width: 200px } } @media (min-width:1440px) { .sc-tab .sc-tab-explore__tab-item { margin: 0 10px } } .sc-tab .sc-tab-explore__tab-button { opacity: .5; position: relative; display: block; width: 100%; padding: 20px 13px 16px; padding: 1.38889vw .90278vw 1.11111vw; font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 20px; font-size: 1.38889vw; line-height: 1.33; letter-spacing: .05em } @media (min-width:1440px) { .sc-tab .sc-tab-explore__tab-button { padding: 20px 13px 16px } } html[lang^="th"] .sc-tab .sc-tab-explore__tab-button { font-size: 27px; font-size: 1.875vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__tab-button { font-size: 20px } html[lang^="th"] .sc-tab .sc-tab-explore__tab-button { font-size: 27px } } html[lang^="th"] .sc-tab .sc-tab-explore__tab-button { line-height: .9975 } .sc-tab .sc-tab-explore__tab-button:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; height: 2px; height: .13889vw; background-color: #fff } @media (min-width:1440px) { .sc-tab .sc-tab-explore__tab-button:after { height: 2px } } .sc-tab .sc-tab-explore__tab-button.is-active { opacity: 1 } .sc-tab .sc-tab-explore__tab-button.is-active:after { top: -1px; top: -.06944vw; height: 4px; height: .27778vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__tab-button.is-active:after { top: -1px } } @media (min-width:1440px) { .sc-tab .sc-tab-explore__tab-button.is-active:after { height: 4px } } .sc-tab .sc-tab-explore__track { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; padding-top: 160px; padding-top: 11.11111vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__track { padding-top: 160px } } .sc-tab .sc-tab-explore__item { opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column: 1; grid-column-start: 1; pointer-events: none; -webkit-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear } .sc-tab .sc-tab-explore__item.is-active { opacity: 1; pointer-events: auto } .sc-tab .sc-tab-explore__group { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50% } .sc-tab .sc-tab-explore__group:first-child { padding-right: 74px; padding-right: 5.13889vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__group:first-child { padding-right: 74px } } .rtl .sc-tab .sc-tab-explore__group:first-child { padding-right: 0; padding-left: 74px; padding-left: 5.13889vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-explore__group:first-child { padding-left: 74px } } .sc-tab .sc-tab-explore__group:last-child { padding-right: 147px; padding-right: 10.20833vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__group:last-child { padding-right: 147px } } .rtl .sc-tab .sc-tab-explore__group:last-child { padding-right: 10px; padding-right: .69444vw; padding-left: 147px; padding-left: 10.20833vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-explore__group:last-child { padding-right: 10px } } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-explore__group:last-child { padding-left: 147px } } .sc-tab .sc-tab-explore__title-area { z-index: 10; position: relative; width: 600px; width: 41.66667vw; right: -310px; right: -21.52778vw; padding-bottom: 80px; padding-bottom: 5.55556vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__title-area { width: 600px } } @media (min-width:1440px) { .sc-tab .sc-tab-explore__title-area { right: -310px } } @media (min-width:1440px) { .sc-tab .sc-tab-explore__title-area { padding-bottom: 80px } } .rtl .sc-tab .sc-tab-explore__title-area { right: auto; left: -310px; left: -21.52778vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-explore__title-area { left: -310px } } .sc-tab .sc-tab-explore__eyebrow { font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 20px; font-size: 1.38889vw; letter-spacing: .127em; line-height: 1 } html[lang^="th"] .sc-tab .sc-tab-explore__eyebrow { font-size: 27px; font-size: 1.875vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__eyebrow { font-size: 20px } html[lang^="th"] .sc-tab .sc-tab-explore__eyebrow { font-size: 27px } } .sc-tab .sc-tab-explore__headline { margin-top: 33px; margin-top: 2.29167vw; font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 76px; font-size: 5.27778vw; letter-spacing: .013em } @media (min-width:1440px) { .sc-tab .sc-tab-explore__headline { margin-top: 33px } } html[lang^="th"] .sc-tab .sc-tab-explore__headline { font-size: 110.2px; font-size: 7.65278vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__headline { font-size: 76px } html[lang^="th"] .sc-tab .sc-tab-explore__headline { font-size: 110.2px } } .sc-tab .sc-tab-explore__figure { position: relative; overflow: hidden } .sc-tab .sc-tab-explore__figure img { position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear; z-index: 2 } .sc-tab .sc-tab-explore__figure img.is-active { opacity: 1; pointer-events: auto; -webkit-transition: none; -o-transition: none; transition: none; z-index: 1 } .sc-tab .sc-tab-explore__figure--back-top { margin-left: -52px; margin-left: -3.61111vw; padding-bottom: 141.04938% } @media (min-width:1440px) { .sc-tab .sc-tab-explore__figure--back-top { margin-left: -52px } } .rtl .sc-tab .sc-tab-explore__figure--back-top { margin-left: 0; margin-right: -52px; margin-right: -3.61111vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-explore__figure--back-top { margin-right: -52px } } .sc-tab .sc-tab-explore__figure--back-bottom { margin-top: 34px; margin-top: 2.36111vw; padding-bottom: 116.66667% } @media (min-width:1440px) { .sc-tab .sc-tab-explore__figure--back-bottom { margin-top: 34px } } .sc-tab .sc-tab-explore__colors { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; margin-top: 2.77778vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__colors { margin-top: 40px } } .sc-tab .sc-tab-explore__colors li.is-active { padding-left: 12px; padding-left: .83333vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__colors li.is-active { padding-left: 12px } } .rtl .sc-tab .sc-tab-explore__colors li.is-active { padding-left: 0; padding-right: 12px; padding-right: .83333vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-explore__colors li.is-active { padding-right: 12px } } .sc-tab .sc-tab-explore__colors li:first-child { padding-left: 0!important } .sc-tab .sc-tab-explore__colors li:first-child .sc-tab-explore__color { margin-left: 0 } .rtl .sc-tab .sc-tab-explore__colors li:first-child .sc-tab-explore__color { margin-right: 0 } .sc-tab .sc-tab-explore__colors li+li { margin-left: 12px; margin-left: .83333vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__colors li+li { margin-left: 12px } } .rtl .sc-tab .sc-tab-explore__colors li+li { margin-left: 0; margin-right: 12px; margin-right: .83333vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-explore__colors li+li { margin-right: 12px } } .sc-tab .sc-tab-explore__color { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .sc-tab .sc-tab-explore__color-chip { position: relative; width: 42px; width: 2.91667vw; height: 42px; height: 2.91667vw; border-width: 2px; border-color: transparent; border-style: solid; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box } @media (min-width:1440px) { .sc-tab .sc-tab-explore__color-chip { width: 42px } } @media (min-width:1440px) { .sc-tab .sc-tab-explore__color-chip { height: 42px } } .sc-tab .sc-tab-explore__color-chip:after { content: ""; display: block; border-radius: 50%; width: 30px; width: 2.08333vw; height: 30px; height: 2.08333vw; border: 1px solid #888; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; background-color: red; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } @media (min-width:1440px) { .sc-tab .sc-tab-explore__color-chip:after { width: 30px } } @media (min-width:1440px) { .sc-tab .sc-tab-explore__color-chip:after { height: 30px } } .sc-tab .sc-tab-explore__color-chip--graphite:after { background-color: #595654 } .sc-tab .sc-tab-explore__color-chip--silver:after { background-color: #b9b9b9 } .sc-tab .sc-tab-explore__color-chip--pinkgold:after { background-color: #b4979e } .sc-tab .sc-tab-explore__color-name { font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 20px; font-size: 1.38889vw; letter-spacing: 1px } html[lang^="th"] .sc-tab .sc-tab-explore__color-name { font-size: 27px; font-size: 1.875vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__color-name { font-size: 20px } html[lang^="th"] .sc-tab .sc-tab-explore__color-name { font-size: 27px } } .sc-tab .sc-tab-explore__color.is-active { margin-left: 12px; margin-left: .83333vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__color.is-active { margin-left: 12px } } .rtl .sc-tab .sc-tab-explore__color.is-active { margin-left: 0; margin-right: 12px; margin-right: .83333vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-explore__color.is-active { margin-right: 12px } } .sc-tab .sc-tab-explore__color.is-active .sc-tab-explore__color-chip { border-color: #fff } .sc-tab .sc-tab-explore__color.is-active .sc-tab-explore__color-name { margin-left: 12px; margin-left: .83333vw; padding-right: 12px; padding-right: .83333vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__color.is-active .sc-tab-explore__color-name { margin-left: 12px } } @media (min-width:1440px) { .sc-tab .sc-tab-explore__color.is-active .sc-tab-explore__color-name { padding-right: 12px } } .sc-tab .sc-tab-explore__color.is-active .sc-tab-explore__color-name .blind { position: static!important; width: auto; height: auto; font-size: inherit; line-height: inherit; clip: auto; overflow: visible; display: inline } .sc-tab .sc-tab-explore__description { width: 440px; width: 30.55556vw; margin-top: 40px; margin-top: 2.77778vw; color: #9a9a9a } @media (min-width:1440px) { .sc-tab .sc-tab-explore__description { width: 440px } } @media (min-width:1440px) { .sc-tab .sc-tab-explore__description { margin-top: 40px } } .sc-tab .sc-tab-explore__specs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 377px; width: 26.18056vw; padding-top: 10px; padding-top: .69444vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__specs { width: 377px } } @media (min-width:1440px) { .sc-tab .sc-tab-explore__specs { padding-top: 10px } } .sc-tab .sc-tab-explore__specs-item { width: 50%; margin-top: 31px; margin-top: 2.15278vw; padding-right: 53px; padding-right: 3.68056vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__specs-item { margin-top: 31px } } @media (min-width:1440px) { .sc-tab .sc-tab-explore__specs-item { padding-right: 53px } } .rtl .sc-tab .sc-tab-explore__specs-item { padding-right: 0; padding-left: 60px; padding-left: 4.16667vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-explore__specs-item { padding-left: 60px } } .sc-tab .sc-tab-explore__specs-feature { font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 40px; font-size: 2.77778vw; line-height: 1.3; letter-spacing: .025em; white-space: nowrap } html[lang^="th"] .sc-tab .sc-tab-explore__specs-feature { font-size: 54px; font-size: 3.75vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__specs-feature { font-size: 40px } html[lang^="th"] .sc-tab .sc-tab-explore__specs-feature { font-size: 54px } } html[lang^="th"] .sc-tab .sc-tab-explore__specs-feature { line-height: .975 } .sc-tab .sc-tab-explore__specs-feature sub { font-size: 63%; bottom: 0; padding-left: 2px; padding-left: .13889vw; vertical-align: baseline; letter-spacing: .04em } @media (min-width:1440px) { .sc-tab .sc-tab-explore__specs-feature sub { padding-left: 2px } } .sc-tab .sc-tab-explore__specs-feature img { width: 46px; width: 3.19444vw; padding: 3px; padding: .20833vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__specs-feature img { width: 46px } } @media (min-width:1440px) { .sc-tab .sc-tab-explore__specs-feature img { padding: 3px } } .sc-tab .sc-tab-explore__specs-name { margin-top: 3px; margin-top: .20833vw; font-size: 15px; font-size: 1.04167vw; line-height: 1.33 } @media (min-width:1440px) { .sc-tab .sc-tab-explore__specs-name { margin-top: 3px } } html[lang^="th"] .sc-tab .sc-tab-explore__specs-name { font-size: 20.25px; font-size: 1.40625vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__specs-name { font-size: 15px } html[lang^="th"] .sc-tab .sc-tab-explore__specs-name { font-size: 20.25px } } html[lang^="th"] .sc-tab .sc-tab-explore__specs-name { line-height: .9975 } .sc-tab .sc-tab-explore__compare { position: relative; z-index: 1; margin-top: 60px; margin-top: 4.16667vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__compare { margin-top: 60px } } .sc-tab .sc-tab-explore__compare-cta { overflow: hidden; display: inline-block; position: relative; z-index: 6; min-height: 52px; min-height: 3.61111vw; padding: 0 35px; padding: 0 2.43056vw; border: 1px solid #fff; border-radius: 6px; font-size: 12px; font-size: .83333vw; line-height: 1.3; font-weight: 700; letter-spacing: .346em } @media (min-width:1440px) { .sc-tab .sc-tab-explore__compare-cta { min-height: 52px } } @media (min-width:1440px) { .sc-tab .sc-tab-explore__compare-cta { padding: 0 35px } } html[lang^="th"] .sc-tab .sc-tab-explore__compare-cta { font-size: 16.2px; font-size: 1.125vw } @media (min-width:1440px) { .sc-tab .sc-tab-explore__compare-cta { font-size: 12px } html[lang^="th"] .sc-tab .sc-tab-explore__compare-cta { font-size: 16.2px } } html[lang^="th"] .sc-tab .sc-tab-explore__compare-cta { line-height: .975 } .sc-tab .sc-tab-explore__compare-cta span { position: relative; z-index: 5; color: #fff; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out } .sc-tab .sc-tab-explore__compare-cta:after { display: block; position: absolute; left: 0; top: 0; z-index: auto; width: 0; height: 104%; background-color: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: width .25s ease-in-out; -o-transition: width .25s ease-in-out; transition: width .25s ease-in-out; content: "" } .rtl .sc-tab .sc-tab-explore__compare-cta:after { left: auto; right: 0 } .sc-tab .sc-tab-explore__compare-cta:focus span, .sc-tab .sc-tab-explore__compare-cta:hover span { color: #000 } .sc-tab .sc-tab-explore__compare-cta:focus:after, .sc-tab .sc-tab-explore__compare-cta:hover:after { width: 100% } .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__group:first-child { position: relative } .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__group:last-child { -ms-flex-item-align: end; align-self: flex-end } .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__figure { position: relative; overflow: hidden } .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__figure img { position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear; z-index: 2 } .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__figure img.is-active { opacity: 1; pointer-events: auto; -webkit-transition: none; -o-transition: none; transition: none; z-index: 1 } .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__figure--back-top { position: absolute; left: 0; top: 100%; width: 700px; width: 48.61111vw; padding-bottom: 126.94444% } @media (min-width:1440px) { .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__figure--back-top { width: 700px } } .rtl .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__figure--back-top { left: auto; right: 10px; right: .69444vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__figure--back-top { right: 10px } } .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__figure--back-bottom { margin-top: 0; padding-bottom: 116.66667% } .sc-tab .sc-tab-explore .s-show-5g { display: none } .not-use-5g .sc-tab .sc-tab-explore .s-target-5g { display: none!important } .not-use-5g .sc-tab .sc-tab-explore .s-show-5g { display: block } .not-use-5g .sc-tab .sc-tab-explore .sc-tab-explore__specs-item:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .not-use-5g .sc-tab .sc-tab-explore .sc-tab-explore__specs-item:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .not-use-5g .sc-tab .sc-tab-explore .sc-tab-explore__specs-item:nth-child(4) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .not-use-5g .sc-tab .sc-tab-explore .sc-tab-explore__specs-item:nth-child(5) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .not-use-5g .sc-tab .sc-tab-explore .sc-tab-explore__specs-item:nth-child(6) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore { padding: 213.33333px 0 106.66667px; padding: 27.77778vw 0 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore { padding: 100px 0 50px; padding: 27.77778vw 0 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__bg { height: 70vh } .sc-tab .sc-tab-explore__tab-headline { font-size: 25.6px; font-size: 3.33333vw; letter-spacing: .22em } html[lang^="th"] .sc-tab .sc-tab-explore__tab-headline { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__tab-headline { font-size: 12px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-explore__tab-headline { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__tab-list { margin-top: 64px; margin-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__tab-list { margin-top: 30px; margin-top: 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__tab-item { width: 192px; width: 25vw; margin: 0 10.66667px; margin: 0 1.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__tab-item { width: 90px; width: 25vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__tab-item { margin: 0 5px; margin: 0 1.38889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__tab-button { padding: 25.6px 0 17.06667px; padding: 3.33333vw 0 2.22222vw; font-size: 25.6px; font-size: 3.33333vw; line-height: 1.33 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__tab-button { padding: 12px 0 8px; padding: 3.33333vw 0 2.22222vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-explore__tab-button { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__tab-button { font-size: 12px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-explore__tab-button { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-explore__tab-button { line-height: .9975 } html[lang^="my"] .sc-tab .sc-tab-explore__tab-button { line-height: 1.4 } .sc-tab .sc-tab-explore__tab-button:after { height: 4.26667px; height: .55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__tab-button:after { height: 2px; height: .55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__tab-button.is-active { opacity: 1 } .sc-tab .sc-tab-explore__tab-button.is-active:after { top: -2.13333px; top: -.27778vw; height: 8.53333px; height: 1.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__tab-button.is-active:after { top: -1px; top: -.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__tab-button.is-active:after { height: 4px; height: 1.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__track { padding-top: 128px; padding-top: 16.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__track { padding-top: 60px; padding-top: 16.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__item { display: block } .sc-tab .sc-tab-explore__group { position: relative; width: 100%!important; padding: 0!important } .sc-tab .sc-tab-explore__title-area { position: relative; right: auto!important; left: auto!important; width: 100%; margin-bottom: -42.66667px; margin-bottom: -5.55556vw; padding: 0 76.8px; padding: 0 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__title-area { margin-bottom: -20px; margin-bottom: -5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__title-area { padding: 0 36px; padding: 0 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__eyebrow { font-size: 29.86667px; font-size: 3.88889vw; letter-spacing: .1em } html[lang^="th"] .sc-tab .sc-tab-explore__eyebrow { font-size: 40.32px; font-size: 5.25vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__eyebrow { font-size: 14px; font-size: 3.88889vw } html[lang^="th"] .sc-tab .sc-tab-explore__eyebrow { font-size: 18.9px; font-size: 5.25vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__headline { margin-top: 46.93333px; margin-top: 6.11111vw; font-size: 76.8px; font-size: 10vw; line-height: 1.17 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__headline { margin-top: 22px; margin-top: 6.11111vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-explore__headline { font-size: 111.36px; font-size: 14.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__headline { font-size: 36px; font-size: 10vw } html[lang^="th"] .sc-tab .sc-tab-explore__headline { font-size: 52.2px; font-size: 14.5vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-explore__headline { line-height: .8775 } html[lang^="my"] .sc-tab .sc-tab-explore__headline { line-height: 1.4 } .sc-tab .sc-tab-explore__figure { height: 0; padding-bottom: 55.55556% } .sc-tab .sc-tab-explore__figure--back-top { margin: 0!important; width: 48.3333% } .sc-tab .sc-tab-explore__figure--back-bottom { position: absolute; bottom: 100%; right: 0; width: 48.3333% } .sc-tab .sc-tab-explore__detail { padding: 51.2px 74.66667px 0; padding: 6.66667vw 9.72222vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__detail { padding: 24px 35px 0; padding: 6.66667vw 9.72222vw 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__colors { margin-top: 0 } .sc-tab .sc-tab-explore__colors li.is-active { padding-left: 25.6px; padding-left: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__colors li.is-active { padding-left: 12px; padding-left: 3.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__colors li+li { margin-left: 27.73333px; margin-left: 3.61111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__colors li+li { margin-left: 13px; margin-left: 3.61111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__color-chip { width: 76.8px; width: 10vw; height: 76.8px; height: 10vw; border-width: 4.26667px; border-width: .55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__color-chip { width: 36px; width: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__color-chip { height: 36px; height: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__color-chip { border-width: 2px; border-width: .55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__color-chip:after { width: 51.2px; width: 6.66667vw; height: 51.2px; height: 6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__color-chip:after { width: 24px; width: 6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__color-chip:after { height: 24px; height: 6.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__color-name { font-size: 34.13333px; font-size: 4.44444vw } html[lang^="th"] .sc-tab .sc-tab-explore__color-name { font-size: 46.08px; font-size: 6vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__color-name { font-size: 16px; font-size: 4.44444vw } html[lang^="th"] .sc-tab .sc-tab-explore__color-name { font-size: 21.6px; font-size: 6vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__color.is-active .sc-tab-explore__color-name { margin-left: 25.6px; margin-left: 3.33333vw; padding-right: 25.6px; padding-right: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__color.is-active .sc-tab-explore__color-name { margin-left: 12px; margin-left: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__color.is-active .sc-tab-explore__color-name { padding-right: 12px; padding-right: 3.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__description { width: 100%; margin-top: 64px; margin-top: 8.33333vw; font-size: 34.13333px; font-size: 4.44444vw; line-height: 1.53 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__description { margin-top: 30px; margin-top: 8.33333vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-explore__description { font-size: 46.08px; font-size: 6vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__description { font-size: 16px; font-size: 4.44444vw } html[lang^="th"] .sc-tab .sc-tab-explore__description { font-size: 21.6px; font-size: 6vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-explore__description { line-height: 1.1475 } html[lang^="my"] .sc-tab .sc-tab-explore__description { line-height: 1.6 } .sc-tab .sc-tab-explore__specs { display: none } .sc-tab .sc-tab-explore__compare { margin-top: 85.33333px; margin-top: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__compare { margin-top: 40px; margin-top: 11.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-explore__compare-cta { width: 100%; min-height: 110.93333px; min-height: 14.44444vw; padding: 0 46.93333px; padding: 0 6.11111vw; font-size: 29.86667px; font-size: 3.88889vw; line-height: 1.3; letter-spacing: .21em; text-align: center } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__compare-cta { min-height: 52px; min-height: 14.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__compare-cta { padding: 0 22px; padding: 0 6.11111vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-explore__compare-cta { font-size: 40.32px; font-size: 5.25vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-explore__compare-cta { font-size: 14px; font-size: 3.88889vw } html[lang^="th"] .sc-tab .sc-tab-explore__compare-cta { font-size: 18.9px; font-size: 5.25vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-explore__compare-cta { line-height: .975 } html[lang^="my"] .sc-tab .sc-tab-explore__compare-cta { line-height: 1.4 } .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__figure--back-top { position: relative; top: 0; width: 48.3333%; padding-bottom: 55.55556% } .rtl .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__figure--back-top { right: 0 } .sc-tab .sc-tab-explore.sc-tab-horizon-headline .sc-tab-explore__figure--back-bottom { position: absolute; padding-bottom: 55.55556% } .rtl .sc-tab .sc-tab-explore__figure--back-bottom { right: auto; left: 0 } .rtl .sc-tab .sc-tab-explore__colors li.is-active { padding-left: 0; padding-right: 25.6px; padding-right: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-explore__colors li.is-active { padding-right: 12px; padding-right: 3.33333vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-explore__colors li+li { margin-left: 0; margin-right: 27.73333px; margin-right: 3.61111vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-explore__colors li+li { margin-right: 13px; margin-right: 3.61111vw } } .sc-tab .sc-tab-compare__popup { z-index: 99999; visibility: hidden; position: fixed; top: 0; bottom: 0; right: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .sc-tab .sc-tab-compare__popup--init { visibility: visible } .sc-tab .sc-tab-compare__popup--open .sc-tab-compare__popup-dimmed { opacity: 1 } .sc-tab .sc-tab-compare__popup--open .sc-tab-compare__popup-wrapper { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); pointer-events: auto } .sc-tab .sc-tab-compare__popup-dimmed { content: ""; z-index: 10; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, .3); -webkit-backdrop-filter: saturate(180%) blur(8px); backdrop-filter: saturate(180%) blur(8px); opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .sc-tab .sc-tab-compare__popup-wrapper { z-index: 11; opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; height: 85%; background-color: #000; color: #fff; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .sc-tab .sc-tab-compare__popup-wrap { height: 100%; overflow-y: auto } .sc-tab .sc-tab-compare__popup-wrap::-webkit-scrollbar { width: 15px } .sc-tab .sc-tab-compare__popup-wrap::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(255, 255, 255, .5); background-clip: padding-box; border: 5px solid transparent } .sc-tab .sc-tab-compare__popup-inner { width: 988px; width: 68.61111vw; margin: 0 auto; padding: 106px 0; padding: 7.36111vw 0 } @media (min-width:1440px) { .sc-tab .sc-tab-compare__popup-inner { width: 988px } } @media (min-width:1440px) { .sc-tab .sc-tab-compare__popup-inner { padding: 106px 0 } } .sc-tab .sc-tab-compare__popup-close { z-index: 11; position: absolute; top: -32px; top: -2.22222vw; left: 0; width: 100% } @media (min-width:1440px) { .sc-tab .sc-tab-compare__popup-close { top: -32px } } .sc-tab .sc-tab-compare__popup-close-gradation { position: absolute; left: 0; top: 32px; top: 2.22222vw; z-index: 0; width: 100%; height: 100px; height: 6.94444vw; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(top, #000 0, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%); pointer-events: none } @media (min-width:1440px) { .sc-tab .sc-tab-compare__popup-close-gradation { top: 32px } } @media (min-width:1440px) { .sc-tab .sc-tab-compare__popup-close-gradation { height: 100px } } .sc-tab .sc-tab-compare__popup-close-cta { display: block; position: absolute; top: 0; left: 50%; z-index: 10; width: 64px; width: 4.44444vw; height: 64px; height: 4.44444vw; margin-left: -32px; margin-left: -2.22222vw; border: none; -webkit-transform: rotate(0) translateZ(0); transform: rotate(0) translateZ(0); -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s } @media (min-width:1440px) { .sc-tab .sc-tab-compare__popup-close-cta { width: 64px } } @media (min-width:1440px) { .sc-tab .sc-tab-compare__popup-close-cta { height: 64px } } @media (min-width:1440px) { .sc-tab .sc-tab-compare__popup-close-cta { margin-left: -32px } } .sc-tab .sc-tab-compare__popup-close-cta::after, .sc-tab .sc-tab-compare__popup-close-cta::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; z-index: 2; width: 28px; width: 1.94444vw; height: 2px; height: .13889vw; background-color: #000; -webkit-transform: translate(-50%, -50%) rotate(0); -ms-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0) } @media (min-width:1440px) { .sc-tab .sc-tab-compare__popup-close-cta::after, .sc-tab .sc-tab-compare__popup-close-cta::before { width: 28px } } @media (min-width:1440px) { .sc-tab .sc-tab-compare__popup-close-cta::after, .sc-tab .sc-tab-compare__popup-close-cta::before { height: 2px } } .sc-tab .sc-tab-compare__popup-close-cta::after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg) } .sc-tab .sc-tab-compare__popup-close-cta::before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg) } .sc-tab .sc-tab-compare__popup-close-cta:focus, .sc-tab .sc-tab-compare__popup-close-cta:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .rtl .sc-tab .sc-tab-compare__popup-close-cta { direction: ltr } .sc-tab .sc-tab-compare__popup-close-bg { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 50%; background-color: #fff; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2) } .sc-tab .sc-tab-compare__headline { font-size: 36px; font-size: 2.5vw; text-align: center } @media (min-width:1440px) { .sc-tab .sc-tab-compare__headline { font-size: 36px } } .sc-tab .sc-tab-compare__table { margin-top: 83px; margin-top: 5.76389vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__table { margin-top: 83px } } @media screen and (min-width:768px) { .sc-tab .sc-tab-compare__table::-webkit-scrollbar { width: 15px } .sc-tab .sc-tab-compare__table::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(255, 255, 255, .5); background-clip: padding-box; border: 5px solid transparent } } .sc-tab .sc-tab-compare__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .sc-tab .sc-tab-compare__column { width: 270px; width: 18.75vw; text-align: center } @media (min-width:1440px) { .sc-tab .sc-tab-compare__column { width: 270px } } .sc-tab .sc-tab-compare__header .sc-tab-compare__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .sc-tab .sc-tab-compare__header-title { padding-bottom: 35px; padding-bottom: 2.43056vw; font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 28px; font-size: 1.94444vw; line-height: 1.33 } @media (min-width:1440px) { .sc-tab .sc-tab-compare__header-title { padding-bottom: 35px } } html[lang^="th"] .sc-tab .sc-tab-compare__header-title { font-size: 37.8px; font-size: 2.625vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__header-title { font-size: 28px } html[lang^="th"] .sc-tab .sc-tab-compare__header-title { font-size: 37.8px } } html[lang^="th"] .sc-tab .sc-tab-compare__header-title { line-height: .9975 } .sc-tab .sc-tab-compare__header-figure { margin-top: auto; padding: 0 8px; padding: 0 .55556vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__header-figure { padding: 0 8px } } .sc-tab .sc-tab-compare__header-image { position: relative } .sc-tab .sc-tab-compare__header-image:after { content: ""; display: block } .sc-tab .sc-tab-compare__header-image img { display: none; position: absolute; left: 0; width: 100%; opacity: 0; pointer-events: none; -webkit-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear; z-index: 2 } .sc-tab .sc-tab-compare__header-image img.is-active { opacity: 1; pointer-events: auto; -webkit-transition: none; -o-transition: none; transition: none; z-index: 1 } .sc-tab .sc-tab-compare__header-image--s8-ultra { width: 242px; width: 16.80556vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__header-image--s8-ultra { width: 242px } } .sc-tab .sc-tab-compare__header-image--s8-ultra:after { padding-bottom: 144.6281% } .sc-tab .sc-tab-compare__header-image--s8-plus { width: 216px; width: 15vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__header-image--s8-plus { width: 216px } } .sc-tab .sc-tab-compare__header-image--s8-plus:after { padding-bottom: 143.05556% } .sc-tab .sc-tab-compare__header-image--s8 { width: 198px; width: 13.75vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__header-image--s8 { width: 198px } } .sc-tab .sc-tab-compare__header-image--s8:after { padding-bottom: 140.40404% } .sc-tab .sc-tab-compare__header-colors { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 32px; margin-top: 2.22222vw; padding-bottom: 35px; padding-bottom: 2.43056vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__header-colors { margin-top: 32px } } @media (min-width:1440px) { .sc-tab .sc-tab-compare__header-colors { padding-bottom: 35px } } .sc-tab .sc-tab-compare__header-colors li+li { margin-left: 16px; margin-left: 1.11111vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__header-colors li+li { margin-left: 16px } } .rtl .sc-tab .sc-tab-compare__header-colors li+li { margin-left: 0; margin-right: 16px; margin-right: 1.11111vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-compare__header-colors li+li { margin-right: 16px } } .sc-tab .sc-tab-compare__color { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent } .sc-tab .sc-tab-compare__color-chip { position: relative; width: 36px; width: 2.5vw; height: 36px; height: 2.5vw; border-width: 2px; border-color: transparent; border-style: solid; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box } @media (min-width:1440px) { .sc-tab .sc-tab-compare__color-chip { width: 36px } } @media (min-width:1440px) { .sc-tab .sc-tab-compare__color-chip { height: 36px } } .sc-tab .sc-tab-compare__color-chip:after { content: ""; display: block; border-radius: 50%; width: 24px; width: 1.66667vw; height: 24px; height: 1.66667vw; border: 1px solid #888; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; background-color: red; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } @media (min-width:1440px) { .sc-tab .sc-tab-compare__color-chip:after { width: 24px } } @media (min-width:1440px) { .sc-tab .sc-tab-compare__color-chip:after { height: 24px } } .sc-tab .sc-tab-compare__color-chip--graphite:after { background-color: #595654 } .sc-tab .sc-tab-compare__color-chip--silver:after { background-color: #b9b9b9 } .sc-tab .sc-tab-compare__color-chip--pinkgold:after { background-color: #b4979e } .sc-tab .sc-tab-compare__color-name { position: absolute; bottom: -7px; bottom: -.48611vw; left: 0; right: 0; margin-left: 12px; margin-left: .83333vw; padding-right: 12px; padding-right: .83333vw; font-size: 18px; font-size: 1.25vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__color-name { bottom: -7px } } @media (min-width:1440px) { .sc-tab .sc-tab-compare__color-name { margin-left: 12px } } @media (min-width:1440px) { .sc-tab .sc-tab-compare__color-name { padding-right: 12px } } html[lang^="th"] .sc-tab .sc-tab-compare__color-name { font-size: 24.3px; font-size: 1.6875vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__color-name { font-size: 18px } html[lang^="th"] .sc-tab .sc-tab-compare__color-name { font-size: 24.3px } } .sc-tab .sc-tab-compare__color.is-active .sc-tab-compare__color-chip { border-color: #fff } .sc-tab .sc-tab-compare__color.is-active .sc-tab-compare__color-name .blind { position: static!important; width: auto; height: auto; font-size: inherit; line-height: inherit; clip: auto; overflow: visible; display: inline } .sc-tab .sc-tab-compare__table-description { margin-top: 82px; margin-top: 5.69444vw; padding-bottom: 17px; padding-bottom: 1.18056vw; border-bottom: 2px solid #fff; font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 27px; font-size: 1.875vw; line-height: 1.33; letter-spacing: .02em } @media (min-width:1440px) { .sc-tab .sc-tab-compare__table-description { margin-top: 82px } } @media (min-width:1440px) { .sc-tab .sc-tab-compare__table-description { padding-bottom: 17px } } html[lang^="th"] .sc-tab .sc-tab-compare__table-description { font-size: 36.45px; font-size: 2.53125vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__table-description { font-size: 27px } html[lang^="th"] .sc-tab .sc-tab-compare__table-description { font-size: 36.45px } } html[lang^="th"] .sc-tab .sc-tab-compare__table-description { line-height: .9975 } .sc-tab .sc-tab-compare__body .sc-tab-compare__row:first-child { margin-top: -3px; margin-top: -.20833vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__body .sc-tab-compare__row:first-child { margin-top: -3px } } .sc-tab .sc-tab-compare__body .sc-tab-compare__column { padding-top: 52px; padding-top: 3.61111vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__body .sc-tab-compare__column { padding-top: 52px } } .sc-tab .sc-tab-compare__specs-feature { font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 40px; font-size: 2.77778vw; line-height: 1.3; letter-spacing: .025em } html[lang^="th"] .sc-tab .sc-tab-compare__specs-feature { font-size: 54px; font-size: 3.75vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__specs-feature { font-size: 40px } html[lang^="th"] .sc-tab .sc-tab-compare__specs-feature { font-size: 54px } } html[lang^="th"] .sc-tab .sc-tab-compare__specs-feature { line-height: .975 } .sc-tab .sc-tab-compare__specs-feature sub { font-size: 63%; bottom: 0; padding-left: 2px; padding-left: .13889vw; vertical-align: baseline; letter-spacing: .04em } @media (min-width:1440px) { .sc-tab .sc-tab-compare__specs-feature sub { padding-left: 2px } } .sc-tab .sc-tab-compare__specs-feature-fingerprint { display: inline-block; width: 40px; width: 2.77778vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__specs-feature-fingerprint { width: 40px } } .sc-tab .sc-tab-compare__specs-feature-fingerprint img { width: 100% } .sc-tab .sc-tab-compare__specs-name { margin-top: 3px; margin-top: .20833vw; font-size: 15px; font-size: 1.04167vw; line-height: 1.33 } @media (min-width:1440px) { .sc-tab .sc-tab-compare__specs-name { margin-top: 3px } } html[lang^="th"] .sc-tab .sc-tab-compare__specs-name { font-size: 20.25px; font-size: 1.40625vw } @media (min-width:1440px) { .sc-tab .sc-tab-compare__specs-name { font-size: 15px } html[lang^="th"] .sc-tab .sc-tab-compare__specs-name { font-size: 20.25px } } html[lang^="th"] .sc-tab .sc-tab-compare__specs-name { line-height: .9975 } .not-use-5g .sc-tab .sc-tab-compare .s-target-5g { display: none!important } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__popup-wrapper { height: 100% } .sc-tab .sc-tab-compare__popup-wrap { overflow: hidden; height: auto } .sc-tab .sc-tab-compare__popup-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: auto; height: 100%; padding: 106.66667px 0 0; padding: 13.88889vw 0 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__popup-inner { padding: 50px 0 0; padding: 13.88889vw 0 0 } } @media screen and (max-width:767px) { .isIEorEdge .sc-tab .sc-tab-compare__popup-inner { height: 100vh } .sc-tab .sc-tab-compare__popup-close { top: auto; bottom: 0 } .sc-tab .sc-tab-compare__popup-close-gradation { top: auto; bottom: 0; height: 230.4px; height: 30vw; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(bottom, #000 0, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, #000 0, rgba(0, 0, 0, 0) 100%) } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__popup-close-gradation { height: 108px; height: 30vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__popup-close-cta { top: auto; bottom: 64px; bottom: 8.33333vw; width: 102.4px; width: 13.33333vw; height: 102.4px; height: 13.33333vw; margin-left: -51.2px; margin-left: -6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__popup-close-cta { bottom: 30px; bottom: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__popup-close-cta { width: 48px; width: 13.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__popup-close-cta { height: 48px; height: 13.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__popup-close-cta { margin-left: -24px; margin-left: -6.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__popup-close-cta::after, .sc-tab .sc-tab-compare__popup-close-cta::before { width: 59.73333px; width: 7.77778vw; height: 4.26667px; height: .55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__popup-close-cta::after, .sc-tab .sc-tab-compare__popup-close-cta::before { width: 28px; width: 7.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__popup-close-cta::after, .sc-tab .sc-tab-compare__popup-close-cta::before { height: 2px; height: .55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__headline { -webkit-box-flex: 0; -ms-flex: none; flex: none; font-size: 53.33333px; font-size: 6.94444vw; letter-spacing: 0 } html[lang^="th"] .sc-tab .sc-tab-compare__headline { font-size: 72px; font-size: 9.375vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__headline { font-size: 25px; font-size: 6.94444vw } html[lang^="th"] .sc-tab .sc-tab-compare__headline { font-size: 33.75px; font-size: 9.375vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__table { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; overflow: auto; margin-top: 81.06667px; margin-top: 10.55556vw; padding-bottom: 170.66667px; padding-bottom: 22.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__table { margin-top: 38px; margin-top: 10.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__table { padding-bottom: 80px; padding-bottom: 22.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__column { -ms-flex-negative: 0; flex-shrink: 0; width: 320px; width: 41.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__column { width: 150px; width: 41.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__header { padding: 0 21.33333px; padding: 0 2.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__header { padding: 0 10px; padding: 0 2.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__header-title { padding: 0 59.73333px 40.53333px; padding: 0 7.77778vw 5.27778vw; font-size: 29.86667px; font-size: 3.88889vw; line-height: 1.466; letter-spacing: .02em } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__header-title { padding: 0 28px 19px; padding: 0 7.77778vw 5.27778vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-compare__header-title { font-size: 40.32px; font-size: 5.25vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__header-title { font-size: 14px; font-size: 3.88889vw } html[lang^="th"] .sc-tab .sc-tab-compare__header-title { font-size: 18.9px; font-size: 5.25vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-compare__header-title { line-height: 1.0995 } html[lang^="my"] .sc-tab .sc-tab-compare__header-title { line-height: 1.6 } .sc-tab .sc-tab-compare__header-figure { padding: 0 17.06667px; padding: 0 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__header-figure { padding: 0 8px; padding: 0 2.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__header-image--s8-ultra { width: 243.2px; width: 31.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__header-image--s8-ultra { width: 114px; width: 31.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__header-image--s8-ultra:after { padding-bottom: 145.61404% } .sc-tab .sc-tab-compare__header-image--s8-plus { width: 217.6px; width: 28.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__header-image--s8-plus { width: 102px; width: 28.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__header-image--s8-plus:after { padding-bottom: 143.13725% } .sc-tab .sc-tab-compare__header-image--s8 { width: 200.53333px; width: 26.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__header-image--s8 { width: 94px; width: 26.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__header-image--s8:after { padding-bottom: 139.3617% } .sc-tab .sc-tab-compare__header-colors { margin-top: 42.66667px; margin-top: 5.55556vw; padding-bottom: 46.93333px; padding-bottom: 6.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__header-colors { margin-top: 20px; margin-top: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__header-colors { padding-bottom: 22px; padding-bottom: 6.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__header-colors li+li { margin-left: 17.06667px; margin-left: 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__header-colors li+li { margin-left: 8px; margin-left: 2.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__color-chip { width: 55.46667px; width: 7.22222vw; height: 55.46667px; height: 7.22222vw; border-width: 4.26667px; border-width: .55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__color-chip { width: 26px; width: 7.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__color-chip { height: 26px; height: 7.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__color-chip { border-width: 2px; border-width: .55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__color-chip:after { width: 34.13333px; width: 4.44444vw; height: 34.13333px; height: 4.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__color-chip:after { width: 16px; width: 4.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__color-chip:after { height: 16px; height: 4.44444vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__color-name { margin-left: 25.6px; margin-left: 3.33333vw; padding-right: 25.6px; padding-right: 3.33333vw; font-size: 25.6px; font-size: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__color-name { margin-left: 12px; margin-left: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__color-name { padding-right: 12px; padding-right: 3.33333vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-compare__color-name { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__color-name { font-size: 12px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-compare__color-name { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__table-description { width: 960px; width: 125vw; margin: 85.33333px 59.73333px 0; margin: 11.11111vw 7.77778vw 0; padding-bottom: 17.06667px; padding-bottom: 2.22222vw; border-width: 2.13333px; border-width: .27778vw; font-size: 38.4px; font-size: 5vw; line-height: 1.11 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__table-description { width: 450px; width: 125vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__table-description { margin: 40px 28px 0; margin: 11.11111vw 7.77778vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__table-description { padding-bottom: 8px; padding-bottom: 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__table-description { border-width: 1px; border-width: .27778vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-compare__table-description { font-size: 51.84px; font-size: 6.75vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__table-description { font-size: 18px; font-size: 5vw } html[lang^="th"] .sc-tab .sc-tab-compare__table-description { font-size: 24.3px; font-size: 6.75vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-compare__table-description { line-height: .8325 } html[lang^="my"] .sc-tab .sc-tab-compare__table-description { line-height: 1.4 } .sc-tab .sc-tab-compare__body { padding: 0 21.33333px; padding: 0 2.77778vw; padding-top: 12.8px; padding-top: 1.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__body { padding: 0 10px; padding: 0 2.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__body { padding-top: 6px; padding-top: 1.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__body .sc-tab-compare__row:first-child { margin-top: -6.4px; margin-top: -.83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__body .sc-tab-compare__row:first-child { margin-top: -3px; margin-top: -.83333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__body .sc-tab-compare__column { padding-top: 59.73333px; padding-top: 7.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__body .sc-tab-compare__column { padding-top: 28px; padding-top: 7.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__specs-feature { font-size: 42.66667px; font-size: 5.55556vw; line-height: 1.33; letter-spacing: .025em } html[lang^="th"] .sc-tab .sc-tab-compare__specs-feature { font-size: 57.6px; font-size: 7.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__specs-feature { font-size: 20px; font-size: 5.55556vw } html[lang^="th"] .sc-tab .sc-tab-compare__specs-feature { font-size: 27px; font-size: 7.5vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-compare__specs-feature { line-height: .9975 } html[lang^="my"] .sc-tab .sc-tab-compare__specs-feature { line-height: 1.4 } .sc-tab .sc-tab-compare__specs-feature-fingerprint { width: 51.2px; width: 6.66667vw; height: 51.2px; height: 6.66667vw; margin-bottom: 6.4px; margin-bottom: .83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__specs-feature-fingerprint { width: 24px; width: 6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__specs-feature-fingerprint { height: 24px; height: 6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__specs-feature-fingerprint { margin-bottom: 3px; margin-bottom: .83333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compare__specs-name { margin-top: 1px; font-size: 25.6px; font-size: 3.33333vw; line-height: 1.33 } html[lang^="th"] .sc-tab .sc-tab-compare__specs-name { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compare__specs-name { font-size: 12px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-compare__specs-name { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-compare__specs-name { line-height: .9975 } html[lang^="my"] .sc-tab .sc-tab-compare__specs-name { line-height: 1.4 } .sc-tab .sc-tab-compare.is-scroll-end .sc-tab-compare__popup-close-gradation { display: none } .rtl .sc-tab .sc-tab-compare__header-colors li+li { margin-left: 0; margin-right: 27.73333px; margin-right: 3.61111vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-compare__header-colors li+li { margin-right: 13px; margin-right: 3.61111vw } } .sc-tab .sc-tab-spen { position: relative; background-color: #000 } .sc-tab .sc-tab-spen__wrap { position: relative; padding-top: 120px; padding-top: 8.33333vw; padding-bottom: 120px; padding-bottom: 8.33333vw } @media (min-width:1440px) { .sc-tab .sc-tab-spen__wrap { padding-top: 120px } } @media (min-width:1440px) { .sc-tab .sc-tab-spen__wrap { padding-bottom: 120px } } .sc-tab .sc-tab-spen__text { width: 820px; width: 56.94444vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-spen__text { width: 820px } } .sc-tab .sc-tab-spen__text .blind { left: 0; top: 0 } .sc-tab .sc-tab-spen__headline { width: 820px; width: 56.94444vw } @media (min-width:1440px) { .sc-tab .sc-tab-spen__headline { width: 820px } } .sc-tab .sc-tab-spen__headline-image { position: relative; width: 580px; width: 40.27778vw; padding-bottom: 26.82927% } @media (min-width:1440px) { .sc-tab .sc-tab-spen__headline-image { width: 580px } } .sc-tab .sc-tab-spen__headline-image img { position: absolute; left: 0; top: 0; width: 100% } .rtl .sc-tab .sc-tab-spen__headline { direction: ltr } .sc-tab .sc-tab-spen__sub-headline { width: 430px; width: 29.86111vw; height: 174px; height: 12.08333vw; padding-top: 70px; padding-top: 4.86111vw; color: #fff } @media (min-width:1440px) { .sc-tab .sc-tab-spen__sub-headline { width: 430px } } @media (min-width:1440px) { .sc-tab .sc-tab-spen__sub-headline { height: 174px } } @media (min-width:1440px) { .sc-tab .sc-tab-spen__sub-headline { padding-top: 70px } } .rtl .sc-tab .sc-tab-spen__sub-headline { width: 580px; width: 40.27778vw; padding-left: 150px; padding-left: 10.41667vw; text-align: right } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-spen__sub-headline { width: 580px } } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-spen__sub-headline { padding-left: 150px } } .sc-tab .sc-tab-spen__visual-pen { padding-top: 180px; padding-top: 12.5vw } @media (min-width:1440px) { .sc-tab .sc-tab-spen__visual-pen { padding-top: 180px } } .sc-tab .sc-tab-spen__visual-pen>img { position: absolute; left: 50%; top: 187px; top: 12.98611vw; z-index: 10; width: 1174px; width: 81.52778vw; -webkit-transform: translate(-82%, 0); -ms-transform: translate(-82%, 0); transform: translate(-82%, 0) } @media (min-width:1440px) { .sc-tab .sc-tab-spen__visual-pen>img { top: 187px } } @media (min-width:1440px) { .sc-tab .sc-tab-spen__visual-pen>img { width: 1174px } } .rtl.isIEorEdge .sc-tab .sc-tab-spen__visual-pen>img { -webkit-transform: translate(82%, 0); -ms-transform: translate(82%, 0); transform: translate(82%, 0) } .sc-tab .sc-tab-spen__visual-tab { position: relative; height: 710px; height: 49.30556vw } @media (min-width:1440px) { .sc-tab .sc-tab-spen__visual-tab { height: 710px } } .sc-tab .sc-tab-spen__visual-tab img { position: absolute; left: 50%; top: 0; width: 1570px; width: 109.02778vw; -webkit-transform: translateX(-61.5%); -ms-transform: translateX(-61.5%); transform: translateX(-61.5%) } @media (min-width:1440px) { .sc-tab .sc-tab-spen__visual-tab img { width: 1570px } } .rtl .sc-tab .sc-tab-spen__visual { direction: ltr } .sc-tab .sc-tab-spen__bottom { width: 948px; width: 65.83333vw; margin: 0 auto; padding-right: 464px; padding-right: 32.22222vw } @media (min-width:1440px) { .sc-tab .sc-tab-spen__bottom { width: 948px } } @media (min-width:1440px) { .sc-tab .sc-tab-spen__bottom { padding-right: 464px } } .sc-tab .sc-tab-spen__bottom-wrap { position: relative; padding-top: 324px; padding-top: 22.5vw } @media (min-width:1440px) { .sc-tab .sc-tab-spen__bottom-wrap { padding-top: 324px } } .sc-tab .sc-tab-spen__point { overflow: hidden; position: relative; height: 420px; height: 29.16667vw } @media (min-width:1440px) { .sc-tab .sc-tab-spen__point { height: 420px } } .sc-tab .sc-tab-spen__point:after { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 358px; height: 24.86111vw; background: -o-linear-gradient(63deg, #2e2c2b 0, #454242 100%); background: linear-gradient(27deg, #2e2c2b 0, #454242 100%); content: "" } @media (min-width:1440px) { .sc-tab .sc-tab-spen__point:after { height: 358px } } .sc-tab .sc-tab-spen__point-image { position: absolute; left: 0; bottom: 0; z-index: 10; width: 410px; width: 28.47222vw; -webkit-transform: translate(-20%, 15%); -ms-transform: translate(-20%, 15%); transform: translate(-20%, 15%) } @media (min-width:1440px) { .sc-tab .sc-tab-spen__point-image { width: 410px } } .sc-tab .sc-tab-spen__point-image img { width: 100% } .sc-tab .sc-tab-spen__inclined { position: absolute; top: 180px; top: 12.5vw; left: 568px; left: 39.44444vw; width: 614px; width: 42.63889vw; height: 770px; height: 53.47222vw } @media (min-width:1440px) { .sc-tab .sc-tab-spen__inclined { top: 180px } } @media (min-width:1440px) { .sc-tab .sc-tab-spen__inclined { left: 568px } } @media (min-width:1440px) { .sc-tab .sc-tab-spen__inclined { width: 614px } } @media (min-width:1440px) { .sc-tab .sc-tab-spen__inclined { height: 770px } } .sc-tab .sc-tab-spen__inclined:after { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -o-linear-gradient(129deg, #413e3d 0, #423f3e 50%, #676462 100%); background: linear-gradient(-39deg, #413e3d 0, #423f3e 50%, #676462 100%); opacity: .7; content: "" } .sc-tab .sc-tab-spen__inclined-image { position: absolute; left: 70px; left: 4.86111vw; bottom: 70px; bottom: 4.86111vw; z-index: 10; width: 796px; width: 55.27778vw } @media (min-width:1440px) { .sc-tab .sc-tab-spen__inclined-image { left: 70px } } @media (min-width:1440px) { .sc-tab .sc-tab-spen__inclined-image { bottom: 70px } } @media (min-width:1440px) { .sc-tab .sc-tab-spen__inclined-image { width: 796px } } .sc-tab .sc-tab-spen__inclined-image img { width: 100% } .sc-tab .sc-tab-spen__description { padding-top: 60px; padding-top: 4.16667vw; padding-left: 64px; padding-left: 4.44444vw; padding-right: 20px; padding-right: 1.38889vw } @media (min-width:1440px) { .sc-tab .sc-tab-spen__description { padding-top: 60px } } @media (min-width:1440px) { .sc-tab .sc-tab-spen__description { padding-left: 64px } } @media (min-width:1440px) { .sc-tab .sc-tab-spen__description { padding-right: 20px } } .rtl .sc-tab .sc-tab-spen__description { text-align: right } @media screen and (max-width:767px) { .sc-tab .sc-tab-spen__wrap { padding-top: 106.66667px; padding-top: 13.88889vw; padding-bottom: 106.66667px; padding-bottom: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__wrap { padding-top: 50px; padding-top: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__wrap { padding-bottom: 50px; padding-bottom: 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-spen__text { width: 100% } .sc-tab .sc-tab-spen__headline { width: 614.4px; width: 80vw; margin: 0 auto } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__headline { width: 288px; width: 80vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-spen__headline-image { width: 490.66667px; width: 63.88889vw; padding-bottom: 28.125% } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__headline-image { width: 230px; width: 63.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-spen__sub-headline { width: 100%; height: 230.4px; height: 30vw; padding-top: 85.33333px; padding-top: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__sub-headline { height: 108px; height: 30vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__sub-headline { padding-top: 40px; padding-top: 11.11111vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-spen__sub-headline { width: 100%; padding-left: 0 } .sc-tab .sc-tab-spen__visual-pen { padding-top: 202.66667px; padding-top: 26.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__visual-pen { padding-top: 95px; padding-top: 26.38889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-spen__visual-pen>img { left: -298.66667px; left: -38.88889vw; top: 174.93333px; top: 22.77778vw; width: 736px; width: 95.83333vw; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__visual-pen>img { left: -140px; left: -38.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__visual-pen>img { top: 82px; top: 22.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__visual-pen>img { width: 345px; width: 95.83333vw } } @media screen and (max-width:767px) { .rtl.isIEorEdge .sc-tab .sc-tab-spen__visual-pen>img { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .sc-tab .sc-tab-spen__visual-tab { width: 695.46667px; width: 90.55556vw; height: 0; padding-top: 66.66667%; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__visual-tab { width: 326px; width: 90.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-spen__visual-tab img { left: 0; top: 0; width: 100%; -webkit-transform: none; -ms-transform: none; transform: none } .sc-tab .sc-tab-spen__bottom { width: 100%; padding-right: 0; padding-left: 76.8px; padding-left: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__bottom { padding-left: 36px; padding-left: 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-spen__bottom-wrap { padding-top: 64px; padding-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__bottom-wrap { padding-top: 30px; padding-top: 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-spen__point { height: 554.66667px; height: 72.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__point { height: 260px; height: 72.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-spen__point:after { height: 448px; height: 58.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__point:after { height: 210px; height: 58.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-spen__point-image { width: 576px; width: 75vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__point-image { width: 270px; width: 75vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-spen__inclined { display: none } .sc-tab .sc-tab-spen__description { padding-top: 106.66667px; padding-top: 13.88889vw; padding-left: 0; padding-right: 76.8px; padding-right: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__description { padding-top: 50px; padding-top: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen__description { padding-right: 36px; padding-right: 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-spen.is-active-pen .sc-tab-spen__visual-pen>img { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .sc-tab .sc-tab-spen.is-sticky-pen .sc-tab-spen__visual-pen>img { top: 674.13333px; top: 87.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-spen.is-sticky-pen .sc-tab-spen__visual-pen>img { top: 316px; top: 87.77778vw } } .sc-tab .sc-tab-durability { position: relative; background-color: #000 } .sc-tab .sc-tab-durability__wrap { margin: 0 auto; padding: 120px 0; padding: 8.33333vw 0; background-color: #000 } @media (min-width:1440px) { .sc-tab .sc-tab-durability__wrap { padding: 120px 0 } } .sc-tab .sc-tab-durability__text { max-width: 988px; max-width: 68.61111vw; margin: 0 auto; padding-left: 85px; padding-left: 5.90278vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width:1440px) { .sc-tab .sc-tab-durability__text { max-width: 988px } } @media (min-width:1440px) { .sc-tab .sc-tab-durability__text { padding-left: 85px } } .sc-tab .sc-tab-durability__sub-headline { color: #fff } .sc-tab .sc-tab-durability__desc { max-width: 504px; max-width: 35vw; padding-top: 6px; padding-top: .41667vw; padding-left: 104px; padding-left: 7.22222vw } @media (min-width:1440px) { .sc-tab .sc-tab-durability__desc { max-width: 504px } } @media (min-width:1440px) { .sc-tab .sc-tab-durability__desc { padding-top: 6px } } @media (min-width:1440px) { .sc-tab .sc-tab-durability__desc { padding-left: 104px } } .sc-tab .sc-tab-durability__figure { padding-top: 96px; padding-top: 6.66667vw } @media (min-width:1440px) { .sc-tab .sc-tab-durability__figure { padding-top: 96px } } .sc-tab .sc-tab-durability__image { position: absolute; width: 1454px; width: 100.97222vw } @media (min-width:1440px) { .sc-tab .sc-tab-durability__image { width: 1454px } } .sc-tab .sc-tab-durability__image-wrap { position: relative; left: 50%; margin-left: -493px; margin-left: -34.23611vw; padding-bottom: 17.67538% } @media (min-width:1440px) { .sc-tab .sc-tab-durability__image-wrap { margin-left: -493px } } .rtl .sc-tab .sc-tab-durability__image-wrap { direction: ltr } .sc-tab .sc-tab-durability__image img { width: 100% } .sc-tab .sc-tab-durability__image--graphite { top: 0; -webkit-transform: translate(15%, 0); -ms-transform: translate(15%, 0); transform: translate(15%, 0) } .sc-tab .sc-tab-durability__image--silver { top: 130px; top: 9.02778vw; -webkit-transform: translate(30%, 0); -ms-transform: translate(30%, 0); transform: translate(30%, 0) } @media (min-width:1440px) { .sc-tab .sc-tab-durability__image--silver { top: 130px } } .sc-tab .sc-tab-durability__image--pink-gold { top: 257px; top: 17.84722vw; -webkit-transform: translate(45%, 0); -ms-transform: translate(45%, 0); transform: translate(45%, 0) } @media (min-width:1440px) { .sc-tab .sc-tab-durability__image--pink-gold { top: 257px } } .rtl .sc-tab .sc-tab-durability__text { text-align: right } .rtl .sc-tab .sc-tab-durability__desc { padding-left: 0; padding-right: 104px; padding-right: 7.22222vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-durability__desc { padding-right: 104px } } @media screen and (max-width:767px) { .sc-tab .sc-tab-durability__wrap { width: 100%; padding: 106.66667px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-durability__wrap { padding: 50px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-durability__text { max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 76.8px; padding: 0 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-durability__text { padding: 0 36px; padding: 0 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-durability__sub-headline { display: block; max-width: 100% } .sc-tab .sc-tab-durability__desc { max-width: 100%; padding: 0; padding-top: 64px; padding-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-durability__desc { padding-top: 30px; padding-top: 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-durability__figure { width: 100%; padding-top: 106.66667px; padding-top: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-durability__figure { padding-top: 50px; padding-top: 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-durability__image { width: 733.86667px; width: 95.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-durability__image { width: 344px; width: 95.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-durability__image-wrap { margin-left: -341.33333px; margin-left: -44.44444vw; padding-bottom: 47.96512% } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-durability__image-wrap { margin-left: -160px; margin-left: -44.44444vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-durability__image img { width: 100% } .sc-tab .sc-tab-durability__image--graphite { top: 0 } .sc-tab .sc-tab-durability__image--silver { top: 140.8px; top: 18.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-durability__image--silver { top: 66px; top: 18.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-durability__image--pink-gold { top: 277.33333px; top: 36.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-durability__image--pink-gold { top: 130px; top: 36.11111vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-durability__text { padding: 0 76.8px; padding: 0 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-durability__text { padding: 0 36px; padding: 0 10vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-durability__desc { padding: 0; padding-top: 64px; padding-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-durability__desc { padding-top: 30px; padding-top: 8.33333vw } } .sc-tab .sc-tab-creativity { position: relative } .sc-tab .sc-tab-creativity__wrap { padding: 240px 0; padding: 16.66667vw 0; background-color: #000 } @media (min-width:1440px) { .sc-tab .sc-tab-creativity__wrap { padding: 240px 0 } } .sc-tab .sc-tab-creativity__text { position: relative; text-align: center; z-index: 1 } .sc-tab .sc-tab-creativity__headline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; white-space: nowrap; line-height: 1 } html[lang^="th"] .sc-tab .sc-tab-creativity__headline { line-height: .75 } .sc-tab .sc-tab-creativity__headline span:nth-child(odd) { padding-right: 160px; padding-right: 11.11111vw; text-align: left } @media (min-width:1440px) { .sc-tab .sc-tab-creativity__headline span:nth-child(odd) { padding-right: 160px } } .sc-tab .sc-tab-creativity__headline span:nth-child(even) { padding-left: 283px; padding-left: 19.65278vw; text-align: right } @media (min-width:1440px) { .sc-tab .sc-tab-creativity__headline span:nth-child(even) { padding-left: 283px } } .sc-tab .sc-tab-creativity__visual { position: relative; margin-top: 150px; margin-top: 10.41667vw } @media (min-width:1440px) { .sc-tab .sc-tab-creativity__visual { margin-top: 150px } } .sc-tab .sc-tab-creativity__visual-main { width: 860px; width: 59.72222vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-creativity__visual-main { width: 860px } } .sc-tab .sc-tab-creativity__visual-main-inner { position: relative; padding-bottom: 133.37209% } .sc-tab .sc-tab-creativity__visual-main-inner img { position: absolute; width: 1920px; width: 133.33333vw; top: -264px; top: -18.33333vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media (min-width:1440px) { .sc-tab .sc-tab-creativity__visual-main-inner img { width: 1920px } } @media (min-width:1440px) { .sc-tab .sc-tab-creativity__visual-main-inner img { top: -264px } } .sc-tab.sc-tab-center-headline .sc-tab-creativity__headline span { padding: 0!important; text-align: center!important } .rtl .sc-tab .sc-tab-creativity__headline span:nth-child(odd) { padding-right: 0; padding-left: 160px; padding-left: 11.11111vw; text-align: right } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-creativity__headline span:nth-child(odd) { padding-left: 160px } } .rtl .sc-tab .sc-tab-creativity__headline span:nth-child(even) { padding-left: 0; padding-right: 283px; padding-right: 19.65278vw; text-align: left } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-creativity__headline span:nth-child(even) { padding-right: 283px } } @media screen and (max-width:767px) { .sc-tab .sc-tab-creativity__wrap { padding: 106.66667px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-creativity__wrap { padding: 50px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-creativity__text { padding: 0 76.8px; padding: 0 10vw; margin: 0 auto } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-creativity__text { padding: 0 36px; padding: 0 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-creativity__headline span:nth-child(odd) { padding-right: 96px; padding-right: 12.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-creativity__headline span:nth-child(odd) { padding-right: 45px; padding-right: 12.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-creativity__headline span:nth-child(even) { padding-left: 198.4px; padding-left: 25.83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-creativity__headline span:nth-child(even) { padding-left: 93px; padding-left: 25.83333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-creativity__visual { margin-top: 128px; margin-top: 16.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-creativity__visual { margin-top: 60px; margin-top: 16.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-creativity__visual-main { width: 640px; width: 83.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-creativity__visual-main { width: 300px; width: 83.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-creativity__visual-main-inner { padding-bottom: 133.33333% } .sc-tab .sc-tab-creativity__visual-main-inner img { top: -76.8px; top: -10vw; width: 768px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-creativity__visual-main-inner img { top: -36px; top: -10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-creativity__visual-main-inner img { width: 360px; width: 100vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-creativity__headline span:nth-child(odd) { padding-left: 96px; padding-left: 12.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-creativity__headline span:nth-child(odd) { padding-left: 45px; padding-left: 12.5vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-creativity__headline span:nth-child(even) { padding-right: 198.4px; padding-right: 25.83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-creativity__headline span:nth-child(even) { padding-right: 93px; padding-right: 25.83333vw } } .sc-tab .sc-tab-note { position: relative; background-color: #000 } .sc-tab .sc-tab-note__wrap { width: 1140px; width: 79.16667vw; margin: 0 auto; padding: 120px 0; padding: 8.33333vw 0; background-color: #000 } @media (min-width:1440px) { .sc-tab .sc-tab-note__wrap { width: 1140px } } @media (min-width:1440px) { .sc-tab .sc-tab-note__wrap { padding: 120px 0 } } .sc-tab .sc-tab-note__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 76px; padding: 0 5.27778vw } @media (min-width:1440px) { .sc-tab .sc-tab-note__text { padding: 0 76px } } .sc-tab .sc-tab-note__sub-headline { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #fff } .sc-tab .sc-tab-note__desc { width: 484px; width: 33.61111vw; padding-top: 6px; padding-top: .41667vw } @media (min-width:1440px) { .sc-tab .sc-tab-note__desc { width: 484px } } @media (min-width:1440px) { .sc-tab .sc-tab-note__desc { padding-top: 6px } } .sc-tab .sc-tab-note__desc-mo { display: none } .sc-tab .sc-tab-note__image { width: 1140px; width: 79.16667vw; height: 809px; height: 56.18056vw; margin-top: 80px; margin-top: 5.55556vw } @media (min-width:1440px) { .sc-tab .sc-tab-note__image { width: 1140px } } @media (min-width:1440px) { .sc-tab .sc-tab-note__image { height: 809px } } @media (min-width:1440px) { .sc-tab .sc-tab-note__image { margin-top: 80px } } .sc-tab .sc-tab-note__image-inner { position: relative; padding-bottom: 70.96491% } .sc-tab .sc-tab-note__image-inner img { position: absolute; width: 100% } @media screen and (max-width:767px) { .sc-tab .sc-tab-note__wrap { width: 100%; padding: 106.66667px 59.73333px; padding: 13.88889vw 7.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-note__wrap { padding: 50px 28px; padding: 13.88889vw 7.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-note__text { padding: 0 17.06667px; padding: 0 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-note__text { padding: 0 8px; padding: 0 2.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-note__desc { display: none; width: 100% } .sc-tab .sc-tab-note__desc-mo { display: block; padding: 0 17.06667px; padding: 0 2.22222vw; padding-top: 42.66667px; padding-top: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-note__desc-mo { padding: 0 8px; padding: 0 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-note__desc-mo { padding-top: 20px; padding-top: 5.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-note__image { width: 648.53333px; width: 84.44444vw; height: 458.66667px; height: 59.72222vw; margin-top: 85.33333px; margin-top: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-note__image { width: 304px; width: 84.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-note__image { height: 215px; height: 59.72222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-note__image { margin-top: 40px; margin-top: 11.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-note__image-inner { position: relative; padding-bottom: 70.72368% } } .sc-tab .sc-tab-clip { position: relative; background-color: #000 } .sc-tab .sc-tab-clip__wrap { position: relative; max-width: 1140px; margin: 0 auto; padding-top: 120px; padding-top: 8.33333vw } @media (min-width:1440px) { .sc-tab .sc-tab-clip__wrap { padding-top: 120px } } .sc-tab .sc-tab-clip__text { width: 550px; width: 38.19444vw; margin-left: 160px; margin-left: 11.11111vw; margin-right: 160px; margin-right: 11.11111vw } @media (min-width:1440px) { .sc-tab .sc-tab-clip__text { width: 550px } } @media (min-width:1440px) { .sc-tab .sc-tab-clip__text { margin-left: 160px } } @media (min-width:1440px) { .sc-tab .sc-tab-clip__text { margin-right: 160px } } .sc-tab .sc-tab-clip__sub-headline { color: #fff } .sc-tab .sc-tab-clip__image { margin: 0 auto; margin-top: 80px; margin-top: 5.55556vw; width: 1140px; width: 79.16667vw; height: 730px; height: 50.69444vw } @media (min-width:1440px) { .sc-tab .sc-tab-clip__image { margin-top: 80px } } @media (min-width:1440px) { .sc-tab .sc-tab-clip__image { width: 1140px } } @media (min-width:1440px) { .sc-tab .sc-tab-clip__image { height: 730px } } .sc-tab .sc-tab-clip__image-display { position: relative; width: 1140px; width: 79.16667vw; height: 730px; height: 50.69444vw; margin: 0 auto; padding-bottom: 64.03509% } @media (min-width:1440px) { .sc-tab .sc-tab-clip__image-display { width: 1140px } } @media (min-width:1440px) { .sc-tab .sc-tab-clip__image-display { height: 730px } } .sc-tab .sc-tab-clip__image-display img { position: absolute; left: 0; top: 0; width: 1258px; width: 87.36111vw } @media (min-width:1440px) { .sc-tab .sc-tab-clip__image-display img { width: 1258px } } .sc-tab .sc-tab-clip__content { position: relative; width: 1140px; width: 79.16667vw; margin-top: 80px; margin-top: 5.55556vw; margin-left: 160px; margin-left: 11.11111vw; padding-right: 560px; padding-right: 38.88889vw; z-index: 1 } @media (min-width:1440px) { .sc-tab .sc-tab-clip__content { width: 1140px } } @media (min-width:1440px) { .sc-tab .sc-tab-clip__content { margin-top: 80px } } @media (min-width:1440px) { .sc-tab .sc-tab-clip__content { margin-left: 160px } } @media (min-width:1440px) { .sc-tab .sc-tab-clip__content { padding-right: 560px } } .sc-tab .sc-tab-clip__description { width: 420px; width: 29.16667vw; color: #9a9a9a } @media (min-width:1440px) { .sc-tab .sc-tab-clip__description { width: 420px } } .sc-tab .sc-tab-clip__benefit { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 87px; margin-top: 6.04167vw } @media (min-width:1440px) { .sc-tab .sc-tab-clip__benefit { margin-top: 87px } } .sc-tab .sc-tab-clip__benefit::after { display: block; clear: both; content: "" } .sc-tab .sc-tab-clip__benefit-paintex { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: block; width: 187px; width: 12.98611vw; height: 46px; height: 3.19444vw } @media (min-width:1440px) { .sc-tab .sc-tab-clip__benefit-paintex { width: 187px } } @media (min-width:1440px) { .sc-tab .sc-tab-clip__benefit-paintex { height: 46px } } .sc-tab .sc-tab-clip__benefit-paintex-inner { position: relative; padding-bottom: 24.59893% } .sc-tab .sc-tab-clip__benefit-paintex-inner img { position: absolute; width: 100% } .sc-tab .sc-tab-clip__benefit-info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 283px; width: 19.65278vw; color: #fff; white-space: nowrap } @media (min-width:1440px) { .sc-tab .sc-tab-clip__benefit-info { width: 283px } } .sc-tab .sc-tab-clip__benefit-info::before { content: ""; display: block; background-color: #fff; width: 1px; width: .06944vw; height: 46px; height: 3.19444vw; margin: 0 30px; margin: 0 2.08333vw } @media (min-width:1440px) { .sc-tab .sc-tab-clip__benefit-info::before { width: 1px } } @media (min-width:1440px) { .sc-tab .sc-tab-clip__benefit-info::before { height: 46px } } @media (min-width:1440px) { .sc-tab .sc-tab-clip__benefit-info::before { margin: 0 30px } } .sc-tab .sc-tab-clip__benefit-text { display: block; text-transform: uppercase; font-size: 14px; font-size: .97222vw; font-weight: 700 } html[lang^="th"] .sc-tab .sc-tab-clip__benefit-text { font-size: 18.9px; font-size: 1.3125vw } @media (min-width:1440px) { .sc-tab .sc-tab-clip__benefit-text { font-size: 14px } html[lang^="th"] .sc-tab .sc-tab-clip__benefit-text { font-size: 18.9px } } .sc-tab .sc-tab-clip__benefit-strong { display: block; font-family: SamsungSharpSans, SamsungOne, "sans serif"; margin-top: 6px; margin-top: .41667vw; font-size: 24px; font-size: 1.66667vw } @media (min-width:1440px) { .sc-tab .sc-tab-clip__benefit-strong { margin-top: 6px } } html[lang^="th"] .sc-tab .sc-tab-clip__benefit-strong { font-size: 32.4px; font-size: 2.25vw } @media (min-width:1440px) { .sc-tab .sc-tab-clip__benefit-strong { font-size: 24px } html[lang^="th"] .sc-tab .sc-tab-clip__benefit-strong { font-size: 32.4px } } .rtl .sc-tab .sc-tab-clip__content { margin-left: 0 } @media screen and (max-width:767px) { .sc-tab .sc-tab-clip__wrap { width: 100%; padding: 106.66667px 0 0; padding: 13.88889vw 0 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__wrap { padding: 50px 0 0; padding: 13.88889vw 0 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-clip__text { width: 100%; margin: 0 auto; padding: 0 76.8px; padding: 0 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__text { padding: 0 36px; padding: 0 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-clip__image { width: 648.53333px; width: 84.44444vw; height: 413.86667px; height: 53.88889vw; margin: 40px auto 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__image { width: 304px; width: 84.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__image { height: 194px; height: 53.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-clip__image-display { width: 648.53333px; width: 84.44444vw; height: 413.86667px; height: 53.88889vw; padding-bottom: 63.81579% } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__image-display { width: 304px; width: 84.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__image-display { height: 194px; height: 53.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-clip__image-display img { width: 708.26667px; width: 92.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__image-display img { width: 332px; width: 92.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-clip__content { width: 100%; margin: 0 auto; margin-top: 256px; margin-top: 33.33333vw; padding-left: 0; padding-right: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__content { margin-top: 120px; margin-top: 33.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-clip__description { width: 100%; margin-right: 0; padding: 0 76.8px; padding: 0 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__description { padding: 0 36px; padding: 0 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-clip__benefit { display: block; padding: 0 76.8px; padding: 0 10vw; margin-top: 106.66667px; margin-top: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__benefit { padding: 0 36px; padding: 0 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__benefit { margin-top: 50px; margin-top: 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-clip__benefit-paintex { width: 311.46667px; width: 40.55556vw; height: 76.8px; height: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__benefit-paintex { width: 146px; width: 40.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__benefit-paintex { height: 36px; height: 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-clip__benefit-paintex-inner { padding-bottom: 24.65753% } .sc-tab .sc-tab-clip__benefit-info { display: block; width: 398.93333px; width: 51.94444vw; margin-top: 85.33333px; margin-top: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__benefit-info { width: 187px; width: 51.94444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__benefit-info { margin-top: 40px; margin-top: 11.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-clip__benefit-info::before { display: none } .sc-tab .sc-tab-clip__benefit-text { font-size: 25.6px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-clip__benefit-text { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__benefit-text { font-size: 12px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-clip__benefit-text { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-clip__benefit-strong { margin-top: 6.4px; margin-top: .83333vw; font-size: 42.66667px; font-size: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__benefit-strong { margin-top: 3px; margin-top: .83333vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-clip__benefit-strong { font-size: 57.6px; font-size: 7.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-clip__benefit-strong { font-size: 20px; font-size: 5.55556vw } html[lang^="th"] .sc-tab .sc-tab-clip__benefit-strong { font-size: 27px; font-size: 7.5vw } } .sc-tab .sc-tab-mobile { position: relative; background-color: #000 } .sc-tab .sc-tab-mobile__wrap { position: relative; max-width: 1140px; margin: 0 auto; padding: 100px 0 120px; padding: 6.94444vw 0 8.33333vw } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__wrap { padding: 100px 0 120px } } .sc-tab .sc-tab-mobile__content { margin-left: 160px; margin-left: 11.11111vw; margin-right: 557px; margin-right: 38.68056vw } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__content { margin-left: 160px } } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__content { margin-right: 557px } } .sc-tab .sc-tab-mobile__product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .sc-tab .sc-tab-mobile__product-text { width: 400px; width: 27.77778vw; padding: 30px 0 40px; padding: 2.08333vw 0 2.77778vw } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__product-text { width: 400px } } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__product-text { padding: 30px 0 40px } } .sc-tab .sc-tab-mobile__product-eyebrow { width: 400px; width: 27.77778vw; font-size: 16px; font-size: 1.11111vw; font-weight: 700; color: #767676 } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__product-eyebrow { width: 400px } } html[lang^="th"] .sc-tab .sc-tab-mobile__product-eyebrow { font-size: 21.6px; font-size: 1.5vw } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__product-eyebrow { font-size: 16px } html[lang^="th"] .sc-tab .sc-tab-mobile__product-eyebrow { font-size: 21.6px } } .sc-tab .sc-tab-mobile__product-headline { width: 400px; width: 27.77778vw; margin-top: 11px; margin-top: .76389vw; font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 24px; font-size: 1.66667vw; line-height: 1.3; letter-spacing: .02em; color: #fff } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__product-headline { width: 400px } } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__product-headline { margin-top: 11px } } html[lang^="th"] .sc-tab .sc-tab-mobile__product-headline { font-size: 32.4px; font-size: 2.25vw } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__product-headline { font-size: 24px } html[lang^="th"] .sc-tab .sc-tab-mobile__product-headline { font-size: 32.4px } } html[lang^="th"] .sc-tab .sc-tab-mobile__product-headline { line-height: .975 } .sc-tab .sc-tab-mobile__product-image { -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; width: 135px; width: 9.375vw; height: 175px; height: 12.15278vw } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__product-image { width: 135px } } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__product-image { height: 175px } } .sc-tab .sc-tab-mobile__product-image-inner { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 85px; width: 5.90278vw; height: 175px; height: 12.15278vw } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__product-image-inner { width: 85px } } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__product-image-inner { height: 175px } } .sc-tab .sc-tab-mobile__product-image-inner img { width: 100% } .sc-tab .sc-tab-mobile__cta { display: inline-block; max-width: 100%; color: #fff } .sc-tab .sc-tab-mobile__cta-wrap { margin-top: 20px; margin-top: 1.38889vw } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__cta-wrap { margin-top: 20px } } .sc-tab .sc-tab-mobile__cta-copy { display: inline; vertical-align: middle; font-size: 16px; font-size: 1.11111vw; text-decoration: underline } html[lang^="th"] .sc-tab .sc-tab-mobile__cta-copy { font-size: 21.6px; font-size: 1.5vw } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__cta-copy { font-size: 16px } html[lang^="th"] .sc-tab .sc-tab-mobile__cta-copy { font-size: 21.6px } } .sc-tab .sc-tab-mobile__cta-icon { display: inline-block; vertical-align: middle; width: 16px; width: 1.11111vw; height: 16px; height: 1.11111vw; margin-left: 10px; margin-left: .69444vw; margin-top: -2px; margin-top: -.13889vw } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__cta-icon { width: 16px } } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__cta-icon { height: 16px } } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__cta-icon { margin-left: 10px } } @media (min-width:1440px) { .sc-tab .sc-tab-mobile__cta-icon { margin-top: -2px } } .sc-tab .sc-tab-mobile__cta-icon img { width: 100% } @media screen and (width:768px) { .sc-tab .sc-tab-mobile__cta-icon { width: 10px!important; height: 10px!important } } @media screen and (max-width:767px) { .sc-tab .sc-tab-mobile__wrap { width: 100%; padding: 106.66667px 76.8px; padding: 13.88889vw 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__wrap { padding: 50px 36px; padding: 13.88889vw 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-mobile__content { width: 100%; padding: 0!important; margin: 0!important } .sc-tab .sc-tab-mobile__product { position: relative; margin: 0 auto; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 32px; padding-top: 4.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__product { padding-top: 15px; padding-top: 4.16667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-mobile__product-text { width: 100%; padding: 0 } .sc-tab .sc-tab-mobile__product-eyebrow { width: 100%; font-size: 25.6px; font-size: 3.33333vw; font-weight: 700 } html[lang^="th"] .sc-tab .sc-tab-mobile__product-eyebrow { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__product-eyebrow { font-size: 12px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-mobile__product-eyebrow { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-mobile__product-headline { width: 100%; margin-top: 14.93333px; margin-top: 1.94444vw; font-size: 42.66667px; font-size: 5.55556vw; line-height: 1.3; letter-spacing: .017em } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__product-headline { margin-top: 7px; margin-top: 1.94444vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-mobile__product-headline { font-size: 57.6px; font-size: 7.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__product-headline { font-size: 20px; font-size: 5.55556vw } html[lang^="th"] .sc-tab .sc-tab-mobile__product-headline { font-size: 27px; font-size: 7.5vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-mobile__product-headline { line-height: .975 } html[lang^="my"] .sc-tab .sc-tab-mobile__product-headline { line-height: 1.4 } .sc-tab .sc-tab-mobile__product-image { position: absolute; width: 149.33333px; width: 19.44444vw; height: 315.73333px; height: 41.11111vw; top: 192px; top: 25vw; left: 50%; right: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__product-image { width: 70px; width: 19.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__product-image { height: 148px; height: 41.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__product-image { top: 90px; top: 25vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-mobile__product-image-inner { top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width: 149.33333px; width: 19.44444vw; height: 311.46667px; height: 40.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__product-image-inner { width: 70px; width: 19.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__product-image-inner { height: 146px; height: 40.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-mobile__product-image-inner img { width: 100% } .sc-tab .sc-tab-mobile__cta-wrap { width: 100%; margin-top: 416px; margin-top: 54.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__cta-wrap { margin-top: 195px; margin-top: 54.16667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-mobile__cta-copy { font-size: 25.6px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-mobile__cta-copy { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__cta-copy { font-size: 12px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-mobile__cta-copy { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-mobile__cta-icon { width: 25.6px; width: 3.33333vw; height: 25.6px; height: 3.33333vw; margin: 0; margin-left: 17.06667px; margin-left: 2.22222vw; margin-top: -2.13333px; margin-top: -.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__cta-icon { width: 12px; width: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__cta-icon { height: 12px; height: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__cta-icon { margin-left: 8px; margin-left: 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-mobile__cta-icon { margin-top: -1px; margin-top: -.27778vw } } .rtl .sc-tab .sc-tab-mobile__cta-icon { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); margin-left: 0; margin-right: 10px; margin-right: .69444vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-mobile__cta-icon { margin-right: 10px } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-mobile__cta-icon { margin-left: 0; margin-right: 17.06667px; margin-right: 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-mobile__cta-icon { margin-right: 8px; margin-right: 2.22222vw } } .sc-tab .sc-tab-connection__wrap { position: relative; padding-top: 240px; padding-top: 16.66667vw; margin: 0 auto; background-color: #f4f4f4; max-width: 1920px } @media (min-width:1440px) { .sc-tab .sc-tab-connection__wrap { padding-top: 240px } } .sc-tab .sc-tab-connection__text { width: 988px; width: 68.61111vw; margin: 0 auto; text-align: center } @media (min-width:1440px) { .sc-tab .sc-tab-connection__text { width: 988px } } .sc-tab .sc-tab-connection__text-wrap { width: 100%; display: inline-block; position: relative } .sc-tab .sc-tab-connection__headline { width: 100%; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #000; font-size: 116px; font-size: 8.05556vw; line-height: 1.07; font-family: SamsungSharpSans, SamsungOne, "sans serif" } html[lang^="th"] .sc-tab .sc-tab-connection__headline { font-size: 168.2px; font-size: 11.68056vw } @media (min-width:1440px) { .sc-tab .sc-tab-connection__headline { font-size: 116px } html[lang^="th"] .sc-tab .sc-tab-connection__headline { font-size: 168.2px } } html[lang^="th"] .sc-tab .sc-tab-connection__headline { line-height: .8025 } .sc-tab .sc-tab-connection__headline span:nth-child(odd) { padding: 8px 155px 0 19px; padding: .55556vw 10.76389vw 0 1.31944vw; text-align: left } @media (min-width:1440px) { .sc-tab .sc-tab-connection__headline span:nth-child(odd) { padding: 8px 155px 0 19px } } .rtl .sc-tab .sc-tab-connection__headline span:nth-child(odd) { padding: 8px 19px 0 155px; padding: .55556vw 1.31944vw 0 10.76389vw; text-align: right } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-connection__headline span:nth-child(odd) { padding: 8px 19px 0 155px } } .sc-tab .sc-tab-connection__headline span:nth-child(even) { padding-left: 155px; padding-left: 10.76389vw; padding-right: 14px; padding-right: .97222vw; text-align: right } @media (min-width:1440px) { .sc-tab .sc-tab-connection__headline span:nth-child(even) { padding-left: 155px } } @media (min-width:1440px) { .sc-tab .sc-tab-connection__headline span:nth-child(even) { padding-right: 14px } } .rtl .sc-tab .sc-tab-connection__headline span:nth-child(even) { padding-left: 0; padding-right: 155px; padding-right: 10.76389vw; padding-left: 14px; padding-left: .97222vw; text-align: left } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-connection__headline span:nth-child(even) { padding-right: 155px } } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-connection__headline span:nth-child(even) { padding-left: 14px } } .sc-tab .sc-tab-connection__headline--mo { display: none } .sc-tab .sc-tab-connection__icon { position: absolute; right: -75px; right: -5.20833vw; top: 27px; top: 1.875vw; width: 87px; width: 6.04167vw; height: 98px; height: 6.80556vw } @media (min-width:1440px) { .sc-tab .sc-tab-connection__icon { right: -75px } } @media (min-width:1440px) { .sc-tab .sc-tab-connection__icon { top: 27px } } @media (min-width:1440px) { .sc-tab .sc-tab-connection__icon { width: 87px } } @media (min-width:1440px) { .sc-tab .sc-tab-connection__icon { height: 98px } } .sc-tab .sc-tab-connection__icon img { width: 100% } .rtl .sc-tab .sc-tab-connection__icon { left: 0; right: auto } .sc-tab .sc-tab-connection__image-wrap { position: relative; max-width: 1440px; height: 1770px; height: 122.91667vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-connection__image-wrap { height: 1770px } } .sc-tab .sc-tab-connection__image-left { position: absolute; top: 75px; top: 5.20833vw; left: -372px; left: -25.83333vw; width: 1370px; width: 95.13889vw; height: 1355px; height: 94.09722vw; z-index: 1; -webkit-transform: translate(-10%, 6%); -ms-transform: translate(-10%, 6%); transform: translate(-10%, 6%) } @media (min-width:1440px) { .sc-tab .sc-tab-connection__image-left { top: 75px } } @media (min-width:1440px) { .sc-tab .sc-tab-connection__image-left { left: -372px } } @media (min-width:1440px) { .sc-tab .sc-tab-connection__image-left { width: 1370px } } @media (min-width:1440px) { .sc-tab .sc-tab-connection__image-left { height: 1355px } } .sc-tab .sc-tab-connection__image-left img { width: 100% } .sc-tab .sc-tab-connection__image-right { position: absolute; top: 477px; top: 33.125vw; right: -626px; right: -43.47222vw; width: 1831px; width: 127.15278vw; height: 1145px; height: 79.51389vw; z-index: 1; -webkit-transform: translate(-10%, -6.5%); -ms-transform: translate(-10%, -6.5%); transform: translate(-10%, -6.5%) } @media (min-width:1440px) { .sc-tab .sc-tab-connection__image-right { top: 477px } } @media (min-width:1440px) { .sc-tab .sc-tab-connection__image-right { right: -626px } } @media (min-width:1440px) { .sc-tab .sc-tab-connection__image-right { width: 1831px } } @media (min-width:1440px) { .sc-tab .sc-tab-connection__image-right { height: 1145px } } .sc-tab .sc-tab-connection__image-right img { width: 100% } .sc-tab.sc-tab-center-headline .sc-tab-connection__icon { display: none!important } .sc-tab.sc-tab-center-headline .sc-tab-connection__headline span { padding: 0!important; text-align: center!important } @media screen and (max-width:767px) { .sc-tab .sc-tab-connection__wrap { width: 100%; padding-top: 213.33333px; padding-top: 27.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__wrap { padding-top: 100px; padding-top: 27.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-connection__text { padding: 0 } .sc-tab .sc-tab-connection__text-wrap { max-width: 614.4px; max-width: 80vw; padding-right: 21.33333px; padding-right: 2.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__text-wrap { max-width: 288px; max-width: 80vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__text-wrap { padding-right: 10px; padding-right: 2.77778vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-connection__text-wrap { padding-right: 0; padding-left: 21.33333px; padding-left: 2.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-connection__text-wrap { padding-left: 10px; padding-left: 2.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-connection__headline { font-size: 96px; font-size: 10vw; line-height: 1.11 } html[lang^="th"] .sc-tab .sc-tab-connection__headline { font-size: 139.2px; font-size: 18.125vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__headline { font-size: 45px; font-size: 10vw } html[lang^="th"] .sc-tab .sc-tab-connection__headline { font-size: 65.25px; font-size: 18.125vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-connection__headline { line-height: .8325 } html[lang^="my"] .sc-tab .sc-tab-connection__headline { line-height: 1.4 } .sc-tab .sc-tab-connection__headline span:nth-child(odd) { padding-right: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__headline span:nth-child(odd) { padding-right: 0 } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-connection__headline span:nth-child(odd) { padding-right: 0; padding-left: 78.93333px; padding-left: 10.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-connection__headline span:nth-child(odd) { padding-left: 37px; padding-left: 10.27778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-connection__headline span:nth-child(even) { padding-left: 78.93333px; padding-left: 10.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__headline span:nth-child(even) { padding-left: 37px; padding-left: 10.27778vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-connection__headline span:nth-child(even) { padding-left: 0; padding-right: 78.93333px; padding-right: 10.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-connection__headline span:nth-child(even) { padding-right: 37px; padding-right: 10.27778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-connection__headline span:first-child { padding-right: 117.33333px; padding-right: 15.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__headline span:first-child { padding-right: 55px; padding-right: 15.27778vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-connection__headline span:first-child { padding-right: 0; padding-left: 117.33333px; padding-left: 15.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-connection__headline span:first-child { padding-left: 55px; padding-left: 15.27778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-connection__headline--mo { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .sc-tab .sc-tab-connection__headline--pc { display: none } .sc-tab .sc-tab-connection__icon { position: absolute; top: -49.06667px; top: -6.38889vw; right: 46.93333px; right: 6.11111vw; width: 91.73333px; width: 11.94444vw; height: 108.8px; height: 14.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__icon { top: -23px; top: -6.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__icon { right: 22px; right: 6.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__icon { width: 43px; width: 11.94444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__icon { height: 51px; height: 14.16667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-connection__icon img { width: 100% } .rtl .sc-tab .sc-tab-connection__icon { right: auto; left: 46.93333px; left: 6.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-connection__icon { left: 22px; left: 6.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-connection__image-wrap { height: 1563.73333px; height: 203.61111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__image-wrap { height: 733px; height: 203.61111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-connection__image-left { top: 34.13333px; top: 4.44444vw; left: -202.66667px; left: -26.38889vw; width: 1088px; width: 141.66667vw; height: 1077.33333px; height: 140.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__image-left { top: 16px; top: 4.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__image-left { left: -95px; left: -26.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__image-left { width: 510px; width: 141.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__image-left { height: 505px; height: 140.27778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-connection__image-right { top: 558.93333px; top: 72.77778vw; right: -558.93333px; right: -72.77778vw; width: 1459.2px; width: 190vw; height: 866.13333px; height: 112.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__image-right { top: 262px; top: 72.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__image-right { right: -262px; right: -72.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__image-right { width: 684px; width: 190vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-connection__image-right { height: 406px; height: 112.77778vw } } .sc-tab .sc-tab-editing { position: relative; background-color: #000 } .sc-tab .sc-tab-editing__wrap { padding: 120px 0 280px; padding: 8.33333vw 0 19.44444vw; width: 1140px; width: 79.16667vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-editing__wrap { padding: 120px 0 280px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__wrap { width: 1140px } } .sc-tab .sc-tab-editing__text { padding-bottom: 80px; padding-bottom: 5.55556vw; margin: 0 161px; margin: 0 11.18056vw } @media (min-width:1440px) { .sc-tab .sc-tab-editing__text { padding-bottom: 80px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__text { margin: 0 161px } } .sc-tab .sc-tab-editing__sub-headline { color: #fff } .sc-tab .sc-tab-editing__visual { position: relative; width: 1140px; width: 79.16667vw; height: 577px; height: 40.06944vw } @media (min-width:1440px) { .sc-tab .sc-tab-editing__visual { width: 1140px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__visual { height: 577px } } .sc-tab .sc-tab-editing__visual-inner { position: relative; padding-bottom: 50.61404% } .sc-tab .sc-tab-editing__visual-inner img { position: absolute; width: 100% } .sc-tab .sc-tab-editing__editor-wrap { position: relative; width: 1068px; width: 74.16667vw; height: 220px; height: 15.27778vw; margin: 0 36px; margin: 0 2.5vw; margin-top: -111px; margin-top: -7.70833vw } @media (min-width:1440px) { .sc-tab .sc-tab-editing__editor-wrap { width: 1068px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__editor-wrap { height: 220px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__editor-wrap { margin: 0 36px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__editor-wrap { margin-top: -111px } } .sc-tab .sc-tab-editing__cut { float: left; width: 356px; width: 24.72222vw } @media (min-width:1440px) { .sc-tab .sc-tab-editing__cut { width: 356px } } .sc-tab .sc-tab-editing__cut::after { display: block; clear: both; content: "" } .sc-tab .sc-tab-editing__cut-wrap { width: 1068px; width: 74.16667vw; height: 220px; height: 15.27778vw } @media (min-width:1440px) { .sc-tab .sc-tab-editing__cut-wrap { width: 1068px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__cut-wrap { height: 220px } } .sc-tab .sc-tab-editing__cut-image { position: relative; padding-bottom: 61.79775% } .sc-tab .sc-tab-editing__cut-image img { position: absolute; width: 100% } .sc-tab .sc-tab-editing__frame-wrap { position: absolute; top: 0; left: 0; width: 0 } .sc-tab .sc-tab-editing__frame-wrap.is-active { width: 356px; width: 24.72222vw; -webkit-transition: width .8s cubic-bezier(.38, .11, .38, .95); -o-transition: width .8s cubic-bezier(.38, .11, .38, .95); transition: width .8s cubic-bezier(.38, .11, .38, .95) } @media (min-width:1440px) { .sc-tab .sc-tab-editing__frame-wrap.is-active { width: 356px } } .sc-tab .sc-tab-editing__frame-spen { position: absolute; width: 412px; width: 28.61111vw; height: 400px; height: 27.77778vw; top: 70px; top: 4.86111vw; right: 0; right: 0; z-index: 1 } @media (min-width:1440px) { .sc-tab .sc-tab-editing__frame-spen { width: 412px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__frame-spen { height: 400px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__frame-spen { top: 70px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__frame-spen { right: 0 } } .sc-tab .sc-tab-editing__frame-spen img { width: 100% } .sc-tab .sc-tab-editing__frame-mask { position: relative; width: 100%; height: 400px; height: 27.77778vw; background-color: #000; opacity: .7 } @media (min-width:1440px) { .sc-tab .sc-tab-editing__frame-mask { height: 400px } } .sc-tab .sc-tab-editing__frame-border { position: absolute; top: -12px; top: -.83333vw; right: -7px; right: -.48611vw; width: 14px; width: .97222vw; height: 244px; height: 16.94444vw; border-radius: 8.5px; border-radius: .59028vw; background-color: #fff; z-index: 1 } @media (min-width:1440px) { .sc-tab .sc-tab-editing__frame-border { top: -12px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__frame-border { right: -7px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__frame-border { width: 14px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__frame-border { height: 244px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__frame-border { border-radius: 8.5px } } .sc-tab .sc-tab-editing__lumafusion-wrap { padding-top: 67px; padding-top: 4.65278vw; margin-left: 582px; margin-left: 40.41667vw; margin-right: 170px; margin-right: 11.80556vw; width: 420px; width: 29.16667vw } @media (min-width:1440px) { .sc-tab .sc-tab-editing__lumafusion-wrap { padding-top: 67px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__lumafusion-wrap { margin-left: 582px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__lumafusion-wrap { margin-right: 170px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__lumafusion-wrap { width: 420px } } .sc-tab .sc-tab-editing__lumafusion-logo { width: 215px; width: 14.93056vw; height: 36px; height: 2.5vw; margin-top: 60px; margin-top: 4.16667vw } @media (min-width:1440px) { .sc-tab .sc-tab-editing__lumafusion-logo { width: 215px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__lumafusion-logo { height: 36px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__lumafusion-logo { margin-top: 60px } } .sc-tab .sc-tab-editing__lumafusion-logo-inner { position: relative; padding-bottom: 16.74419% } .sc-tab .sc-tab-editing__lumafusion-logo-inner img { position: absolute; width: 100% } .sc-tab .sc-tab-editing__disclaimer { margin-top: 30px; margin-top: 2.08333vw } @media (min-width:1440px) { .sc-tab .sc-tab-editing__disclaimer { margin-top: 30px } } .sc-tab .sc-tab-editing__quickshare-wrap { position: relative; width: 1090px; width: 75.69444vw; margin: 0 auto; padding-top: 240px; padding-top: 16.66667vw } @media (min-width:1440px) { .sc-tab .sc-tab-editing__quickshare-wrap { width: 1090px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__quickshare-wrap { padding-top: 240px } } .sc-tab .sc-tab-editing__quickshare-image { width: 1090px; width: 75.69444vw; height: 692px; height: 48.05556vw } @media (min-width:1440px) { .sc-tab .sc-tab-editing__quickshare-image { width: 1090px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__quickshare-image { height: 692px } } .sc-tab .sc-tab-editing__quickshare-image-inner { position: relative; padding-bottom: 63.48624% } .sc-tab .sc-tab-editing__quickshare-image-inner img { position: absolute; width: 100% } .sc-tab .sc-tab-editing__quickshare-sub-headline { margin: 0 160px; margin: 0 11.11111vw; padding-bottom: 80px; padding-bottom: 5.55556vw; color: #fff } @media (min-width:1440px) { .sc-tab .sc-tab-editing__quickshare-sub-headline { margin: 0 160px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__quickshare-sub-headline { padding-bottom: 80px } } .sc-tab .sc-tab-editing__quickshare-description { width: 420px; width: 29.16667vw; margin: 0 327px; margin: 0 22.70833vw; padding-top: 40px; padding-top: 2.77778vw } @media (min-width:1440px) { .sc-tab .sc-tab-editing__quickshare-description { width: 420px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__quickshare-description { margin: 0 327px } } @media (min-width:1440px) { .sc-tab .sc-tab-editing__quickshare-description { padding-top: 40px } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__wrap { width: 100%; padding: 106.66667px 0 256px; padding: 13.88889vw 0 33.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__wrap { padding: 50px 0 120px; padding: 13.88889vw 0 33.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__text { width: 100%; padding-left: 76.8px; padding-left: 10vw; padding-right: 76.8px; padding-right: 10vw; padding-bottom: 0; margin: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__text { padding-left: 36px; padding-left: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__text { padding-right: 36px; padding-right: 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__visual { width: 768px; width: 100vw; height: 480px; height: 62.5vw; margin-top: 85.33333px; margin-top: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__visual { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__visual { height: 225px; height: 62.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__visual { margin-top: 40px; margin-top: 11.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__visual-inner { padding-bottom: 70.83333% } .sc-tab .sc-tab-editing__editor-wrap { position: relative; width: 704px; width: 91.66667vw; height: 145.06667px; height: 18.88889vw; margin: 0 auto; margin-top: -72.53333px; margin-top: -9.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__editor-wrap { width: 330px; width: 91.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__editor-wrap { height: 68px; height: 18.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__editor-wrap { margin-top: -34px; margin-top: -9.44444vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__cut { width: 234.66667px; width: 30.55556vw } .sc-tab .sc-tab-editing__cut-wrap { width: 704px; width: 91.66667vw; height: 145.06667px; height: 18.88889vw; overflow: hidden } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__cut-wrap { width: 330px; width: 91.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__cut-wrap { height: 68px; height: 18.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__cut { width: 110px; width: 30.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__cut-image { padding-bottom: 61.81818% } .sc-tab .sc-tab-editing__frame-wrap.is-active { width: 234.66667px; width: 30.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__frame-wrap.is-active { width: 110px; width: 30.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__frame-spen { width: 268.8px; width: 35vw; height: 245.33333px; height: 31.94444vw; top: 44.8px; top: 5.83333vw; right: 0; right: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__frame-spen { width: 126px; width: 35vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__frame-spen { height: 115px; height: 31.94444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__frame-spen { top: 21px; top: 5.83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__frame-spen { right: 0; right: 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__frame-mask { height: 145.06667px; height: 18.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__frame-mask { height: 68px; height: 18.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__frame-border { position: absolute; top: -8.53333px; top: -1.11111vw; right: -4.26667px; right: -.55556vw; width: 10.66667px; width: 1.38889vw; height: 162.13333px; height: 21.11111vw; border-radius: 5.33333px; border-radius: .69444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__frame-border { top: -4px; top: -1.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__frame-border { right: -2px; right: -.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__frame-border { width: 5px; width: 1.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__frame-border { height: 76px; height: 21.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__frame-border { border-radius: 2.5px; border-radius: .69444vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__lumafusion-wrap { width: 100%; margin-right: 0; margin-left: 0; padding-top: 106.66667px; padding-top: 13.88889vw; padding-left: 76.8px; padding-left: 10vw; padding-right: 76.8px; padding-right: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__lumafusion-wrap { padding-top: 50px; padding-top: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__lumafusion-wrap { padding-left: 36px; padding-left: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__lumafusion-wrap { padding-right: 36px; padding-right: 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__lumafusion-logo { width: 320px; width: 41.66667vw; height: 53.33333px; height: 6.94444vw; margin-top: 85.33333px; margin-top: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__lumafusion-logo { width: 150px; width: 41.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__lumafusion-logo { height: 25px; height: 6.94444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__lumafusion-logo { margin-top: 40px; margin-top: 11.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__lumafusion-logo-inner { padding-bottom: 16.66667% } .sc-tab .sc-tab-editing__disclaimer { margin-top: 64px; margin-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__disclaimer { margin-top: 30px; margin-top: 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__quickshare-wrap { width: 100%; padding: 0 46.93333px; padding: 0 6.11111vw; padding-top: 213.33333px; padding-top: 27.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__quickshare-wrap { padding: 0 22px; padding: 0 6.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__quickshare-wrap { padding-top: 100px; padding-top: 27.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__quickshare-image { width: 674.13333px; width: 87.77778vw; height: 424.53333px; height: 55.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__quickshare-image { width: 316px; width: 87.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__quickshare-image { height: 199px; height: 55.27778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__quickshare-image-inner { padding-bottom: 62.97468% } .sc-tab .sc-tab-editing__quickshare-sub-headline { margin: 0 34.13333px; margin: 0 4.44444vw; padding-bottom: 85.33333px; padding-bottom: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__quickshare-sub-headline { margin: 0 16px; margin: 0 4.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__quickshare-sub-headline { padding-bottom: 40px; padding-bottom: 11.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-editing__quickshare-description { width: 571.73333px; width: 74.44444vw; margin: 0 34.13333px; margin: 0 4.44444vw; padding-top: 64px; padding-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__quickshare-description { width: 268px; width: 74.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__quickshare-description { margin: 0 16px; margin: 0 4.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-editing__quickshare-description { padding-top: 30px; padding-top: 8.33333vw } } .sc-tab .sc-tab-streaming { position: relative; background-color: #000 } .sc-tab .sc-tab-streaming__wrap { padding: 120px 0; padding: 8.33333vw 0; background-color: #000 } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__wrap { padding: 120px 0 } } .sc-tab .sc-tab-streaming__text { width: 1140px; width: 79.16667vw; padding: 0 160px; padding: 0 11.11111vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__text { width: 1140px } } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__text { padding: 0 160px } } .sc-tab .sc-tab-streaming__sub-headline { width: 523px; width: 36.31944vw; color: #fff } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__sub-headline { width: 523px } } .sc-tab .sc-tab-streaming__description { width: 474px; width: 32.91667vw; padding-top: 40px; padding-top: 2.77778vw } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__description { width: 474px } } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__description { padding-top: 40px } } .sc-tab .sc-tab-streaming__youtube { width: 237px; width: 16.45833vw; height: 30px; height: 2.08333vw; margin-top: 60px; margin-top: 4.16667vw } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__youtube { width: 237px } } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__youtube { height: 30px } } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__youtube { margin-top: 60px } } .sc-tab .sc-tab-streaming__youtube-inner { position: relative; padding-bottom: 12.65823% } .sc-tab .sc-tab-streaming__youtube-inner img { position: absolute; width: 100% } .sc-tab .sc-tab-streaming__figure { margin-top: 80px; margin-top: 5.55556vw } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__figure { margin-top: 80px } } .sc-tab .sc-tab-streaming__bg { width: 1138px; width: 79.02778vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__bg { width: 1138px } } .sc-tab .sc-tab-streaming__bg-inner { position: relative; padding-bottom: 64.14763% } .sc-tab .sc-tab-streaming__bg-inner img { position: absolute; width: 1920px; width: 133.33333vw; top: -64px; top: -4.44444vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__bg-inner img { width: 1920px } } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__bg-inner img { top: -64px } } .sc-tab .sc-tab-streaming__disclaimer { position: relative; width: 1140px; width: 79.16667vw; padding: 0 223px 0 160px; padding: 0 15.48611vw 0 11.11111vw; margin: 0 auto; margin-top: 40px; margin-top: 2.77778vw; z-index: 1 } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__disclaimer { width: 1140px } } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__disclaimer { padding: 0 223px 0 160px } } @media (min-width:1440px) { .sc-tab .sc-tab-streaming__disclaimer { margin-top: 40px } } @media screen and (max-width:767px) { .sc-tab .sc-tab-streaming__wrap { width: 100%; padding: 106.66667px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-streaming__wrap { padding: 50px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-streaming__text { position: relative; width: 100%; padding: 0 76.8px; padding: 0 10vw; z-index: 100 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-streaming__text { padding: 0 36px; padding: 0 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-streaming__sub-headline { width: 100% } .sc-tab .sc-tab-streaming__description { width: 100%; padding-top: 64px; padding-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-streaming__description { padding-top: 30px; padding-top: 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-streaming__youtube { width: 337.06667px; width: 43.88889vw; height: 42.66667px; height: 5.55556vw; margin-top: 85.33333px; margin-top: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-streaming__youtube { width: 158px; width: 43.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-streaming__youtube { height: 20px; height: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-streaming__youtube { margin-top: 40px; margin-top: 11.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-streaming__youtube-inner { padding-bottom: 12.65823% } .sc-tab .sc-tab-streaming__figure { margin-top: 106.66667px; margin-top: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-streaming__figure { margin-top: 50px; margin-top: 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-streaming__bg { width: 648.53333px; width: 84.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-streaming__bg { width: 304px; width: 84.44444vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-streaming__bg-inner { padding-bottom: 63.81579% } .sc-tab .sc-tab-streaming__bg-inner img { width: 768px; width: 100vw; top: -294.4px; top: -38.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-streaming__bg-inner img { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-streaming__bg-inner img { top: -138px; top: -38.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-streaming__disclaimer { width: 100%; margin-top: 64px; margin-top: 8.33333vw; padding: 0 59.73333px 0 76.8px; padding: 0 7.77778vw 0 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-streaming__disclaimer { margin-top: 30px; margin-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-streaming__disclaimer { padding: 0 28px 0 36px; padding: 0 7.77778vw 0 10vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-streaming__disclaimer { padding: 0 76.8px 0 59.73333px; padding: 0 10vw 0 7.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-streaming__disclaimer { padding: 0 36px 0 28px; padding: 0 10vw 0 7.77778vw } } .sc-tab .sc-tab-gaming { position: relative; padding-top: 120px; padding-top: 8.33333vw; background-color: #000 } @media (min-width:1440px) { .sc-tab .sc-tab-gaming { padding-top: 120px } } .sc-tab .sc-tab-gaming__inner { max-width: 1440px; margin: 0 auto; padding: 0 310px; padding: 0 21.52778vw } @media (min-width:1440px) { .sc-tab .sc-tab-gaming__inner { padding: 0 310px } } .sc-tab .sc-tab-gaming__content { position: relative } .sc-tab .sc-tab-gaming__text { z-index: 1; position: relative } .sc-tab .sc-tab-gaming__sub-headline { color: #fff } .sc-tab .sc-tab-gaming__figure { position: relative; margin-top: -60px; margin-top: -4.16667vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; width: 133.33333vw } @media (min-width:1440px) { .sc-tab .sc-tab-gaming__figure { margin-top: -60px } } @media (min-width:1440px) { .sc-tab .sc-tab-gaming__figure { width: 1920px } } .rtl .sc-tab .sc-tab-gaming__figure { left: auto; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%) } .sc-tab .sc-tab-gaming__figure-inner { position: relative; padding-bottom: 44.79167% } .sc-tab .sc-tab-gaming__figure img { position: absolute; width: 100% } .sc-tab .sc-tab-gaming__description { padding: 80px 0 120px; padding: 5.55556vw 0 8.33333vw; background-color: #f4f4f4 } @media (min-width:1440px) { .sc-tab .sc-tab-gaming__description { padding: 80px 0 120px } } .sc-tab .sc-tab-gaming__description p { width: 480px; width: 33.33333vw } @media (min-width:1440px) { .sc-tab .sc-tab-gaming__description p { width: 480px } } @media screen and (max-width:767px) { .sc-tab .sc-tab-gaming { padding-top: 106.66667px; padding-top: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-gaming { padding-top: 50px; padding-top: 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-gaming__inner { padding: 0 76.8px 0; padding: 0 10vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-gaming__inner { padding: 0 36px 0; padding: 0 10vw 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-gaming__figure { width: 100%; margin-top: -106.66667px; margin-top: -13.88889vw; left: auto; -webkit-transform: none; -ms-transform: none; transform: none } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-gaming__figure { margin-top: -50px; margin-top: -13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-gaming__figure-inner { padding-bottom: 119.44444% } .sc-tab .sc-tab-gaming__description { padding: 85.33333px 0 106.66667px; padding: 11.11111vw 0 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-gaming__description { padding: 40px 0 50px; padding: 11.11111vw 0 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-gaming__description p { width: 100% } } .sc-tab .sc-tab-framing { background-color: #f4f4f4 } .sc-tab .sc-tab-framing__wrap { position: relative; padding-top: 120px; padding-top: 8.33333vw; padding-bottom: 120px; padding-bottom: 8.33333vw } @media (min-width:1440px) { .sc-tab .sc-tab-framing__wrap { padding-top: 120px } } @media (min-width:1440px) { .sc-tab .sc-tab-framing__wrap { padding-bottom: 120px } } .sc-tab .sc-tab-framing__text { width: 820px; width: 56.94444vw; margin: 0 auto; padding-bottom: 80px; padding-bottom: 5.55556vw } @media (min-width:1440px) { .sc-tab .sc-tab-framing__text { width: 820px } } @media (min-width:1440px) { .sc-tab .sc-tab-framing__text { padding-bottom: 80px } } .sc-tab .sc-tab-framing__headline { width: 570px; width: 39.58333vw; font-family: SamsungSharpSans, SamsungOne, "sans serif" } @media (min-width:1440px) { .sc-tab .sc-tab-framing__headline { width: 570px } } .sc-tab .sc-tab-framing__sub-headline { width: 490px; width: 34.02778vw; padding-top: 35px; padding-top: 2.43056vw } @media (min-width:1440px) { .sc-tab .sc-tab-framing__sub-headline { width: 490px } } @media (min-width:1440px) { .sc-tab .sc-tab-framing__sub-headline { padding-top: 35px } } .sc-tab .sc-tab-framing__description { width: 820px; width: 56.94444vw; padding-top: 80px; padding-top: 5.55556vw; padding-right: 335px; padding-right: 23.26389vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-framing__description { width: 820px } } @media (min-width:1440px) { .sc-tab .sc-tab-framing__description { padding-top: 80px } } @media (min-width:1440px) { .sc-tab .sc-tab-framing__description { padding-right: 335px } } .rtl .sc-tab .sc-tab-framing__description { padding-right: 0; padding-left: 335px; padding-left: 23.26389vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-framing__description { padding-left: 335px } } .sc-tab .sc-tab-framing__disclaimer { width: 820px; width: 56.94444vw; padding-top: 30px; padding-top: 2.08333vw; padding-right: 335px; padding-right: 23.26389vw; margin: 0 auto; color: #bbb } @media (min-width:1440px) { .sc-tab .sc-tab-framing__disclaimer { width: 820px } } @media (min-width:1440px) { .sc-tab .sc-tab-framing__disclaimer { padding-top: 30px } } @media (min-width:1440px) { .sc-tab .sc-tab-framing__disclaimer { padding-right: 335px } } .rtl .sc-tab .sc-tab-framing__disclaimer { padding-right: 0; padding-left: 335px; padding-left: 23.26389vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-framing__disclaimer { padding-left: 335px } } .sc-tab .sc-tab-framing__visual { position: relative; height: 0; padding-bottom: 50%; background-color: #000 } .sc-tab .sc-tab-framing__main { overflow: hidden; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100% } .sc-tab .sc-tab-framing__main-bezel { position: absolute; left: 0; top: 0; z-index: 20; width: 100% } .sc-tab .sc-tab-framing__main-bezel img { width: 100% } .sc-tab .sc-tab-framing__main-screen { position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100% } .sc-tab .sc-tab-framing__main-screen-image { position: relative; width: 100%; height: 100% } .sc-tab .sc-tab-framing__main-screen-image img { position: absolute; left: 50%; top: 0; height: 100%; -webkit-transform: translateX(-50%) scale(2); -ms-transform: translateX(-50%) scale(2); transform: translateX(-50%) scale(2); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0 } .sc-tab .sc-tab-framing__main-timer { position: absolute; left: 50%; top: 237px; top: 12.34375vw; z-index: 5; width: 320px; width: 16.66667vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media (min-width:1920px) { .sc-tab .sc-tab-framing__main-timer { top: 237px } } @media (min-width:1920px) { .sc-tab .sc-tab-framing__main-timer { width: 320px } } .sc-tab .sc-tab-framing__main-timer img { width: 100% } .sc-tab .sc-tab-framing__main-focus { position: absolute; top: 140px; top: 7.29167vw; left: 215px; left: 11.19792vw; z-index: 20; width: 424px; width: 22.08333vw; height: 490px; height: 25.52083vw; opacity: 0 } @media (min-width:1920px) { .sc-tab .sc-tab-framing__main-focus { top: 140px } } @media (min-width:1920px) { .sc-tab .sc-tab-framing__main-focus { left: 215px } } @media (min-width:1920px) { .sc-tab .sc-tab-framing__main-focus { width: 424px } } @media (min-width:1920px) { .sc-tab .sc-tab-framing__main-focus { height: 490px } } .sc-tab .sc-tab-framing__main-gui { position: absolute; right: 50px; right: 2.60417vw; top: 290px; top: 15.10417vw; z-index: 20; width: 65px; width: 3.38542vw; opacity: 0 } @media (min-width:1920px) { .sc-tab .sc-tab-framing__main-gui { right: 50px } } @media (min-width:1920px) { .sc-tab .sc-tab-framing__main-gui { top: 290px } } @media (min-width:1920px) { .sc-tab .sc-tab-framing__main-gui { width: 65px } } .sc-tab .sc-tab-framing__main-gui img { width: 100% } .sc-tab .sc-tab-framing__main-button { position: absolute; left: 50px; left: 2.60417vw; bottom: 192px; bottom: 10vw; z-index: 20; width: 55px; width: 2.86458vw; opacity: 0 } @media (min-width:1920px) { .sc-tab .sc-tab-framing__main-button { left: 50px } } @media (min-width:1920px) { .sc-tab .sc-tab-framing__main-button { bottom: 192px } } @media (min-width:1920px) { .sc-tab .sc-tab-framing__main-button { width: 55px } } .sc-tab .sc-tab-framing__main-button img { width: 100% } .sc-tab .sc-tab-framing__sub { position: absolute; right: 0; top: 0; width: 50%; height: 100%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .sc-tab .sc-tab-framing__sub-screen { position: absolute; left: 50%; top: 132px; top: 6.875vw; z-index: 5; width: 374px; width: 19.47917vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media (min-width:1920px) { .sc-tab .sc-tab-framing__sub-screen { top: 132px } } @media (min-width:1920px) { .sc-tab .sc-tab-framing__sub-screen { width: 374px } } .sc-tab .sc-tab-framing__sub-screen-image img { width: 100% } .sc-tab .sc-tab-framing__sub-focus { position: absolute; left: 50%; top: 99px; top: 5.15625vw; z-index: 20; width: 256px; width: 13.33333vw; height: 394px; height: 20.52083vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s } @media (min-width:1920px) { .sc-tab .sc-tab-framing__sub-focus { top: 99px } } @media (min-width:1920px) { .sc-tab .sc-tab-framing__sub-focus { width: 256px } } @media (min-width:1920px) { .sc-tab .sc-tab-framing__sub-focus { height: 394px } } .sc-tab .sc-tab-framing__sub-text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; font-size: 80px; font-size: 4.16667vw; line-height: 1; font-family: SamsungSharpSans, SamsungOne, "sans serif"; color: #fff } html[lang^="th"] .sc-tab .sc-tab-framing__sub-text { font-size: 116px; font-size: 6.04167vw } @media (min-width:1440px) { .sc-tab .sc-tab-framing__sub-text { font-size: 80px } html[lang^="th"] .sc-tab .sc-tab-framing__sub-text { font-size: 116px } } html[lang^="th"] .sc-tab .sc-tab-framing__sub-text { line-height: .7 } .sc-tab .sc-tab-framing__sub-text-wrapper { display: block; position: absolute; left: 0; top: 100%; width: 100%; text-align: center; opacity: 0; -webkit-transform: translateY(-21%); -ms-transform: translateY(-21%); transform: translateY(-21%); -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; -o-transition: transform .5s, opacity .5s; transition: transform .5s, opacity .5s; transition: transform .5s, opacity .5s, -webkit-transform .5s } .sc-tab .sc-tab-framing__focus { position: absolute; width: 58px; width: 3.02083vw; height: 57px; height: 2.96875vw; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } @media (min-width:1920px) { .sc-tab .sc-tab-framing__focus { width: 58px } } @media (min-width:1920px) { .sc-tab .sc-tab-framing__focus { height: 57px } } .sc-tab .sc-tab-framing__focus img { width: 100% } .sc-tab .sc-tab-framing__focus.s-left { left: 0 } .sc-tab .sc-tab-framing__focus.s-left.s-top { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .sc-tab .sc-tab-framing__focus.s-left.s-bottom { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .sc-tab .sc-tab-framing__focus.s-right { right: 0 } .sc-tab .sc-tab-framing__focus.s-right.s-top { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .sc-tab .sc-tab-framing__focus.s-right.s-bottom { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .sc-tab .sc-tab-framing__focus.s-top { top: 0 } .sc-tab .sc-tab-framing__focus.s-bottom { bottom: 0 } .sc-tab .sc-tab-framing.is-active .sc-tab-framing__main-focus { opacity: 1; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s } .sc-tab .sc-tab-framing.is-active .sc-tab-framing__main-gui { opacity: 1; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s } .sc-tab .sc-tab-framing.is-active .sc-tab-framing__main-button { opacity: 1; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s } .sc-tab .sc-tab-framing.is-active.is-active-sub .sc-tab-framing__sub { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .sc-tab .sc-tab-framing.is-active.is-active-sub .sc-tab-framing__sub-focus { opacity: 1; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s } .sc-tab .sc-tab-framing.is-active.is-active-sub .sc-tab-framing__sub-text-wrapper { opacity: 1; -webkit-transform: translateY(-29%); -ms-transform: translateY(-29%); transform: translateY(-29%); -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__main { width: 50%; -webkit-transition: width .5s; -o-transition: width .5s; transition: width .5s } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__main-bezel { -webkit-transform: translateY(-101%); -ms-transform: translateY(-101%); transform: translateY(-101%); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__main-screen-image img { -webkit-transform: translateX(-54%) scale(1); -ms-transform: translateX(-54%) scale(1); transform: translateX(-54%) scale(1); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__main-timer { top: 30px; top: 1.5625vw; -webkit-transform: translateX(-50%) scale(.5); -ms-transform: translateX(-50%) scale(.5); transform: translateX(-50%) scale(.5); -webkit-transition: top .5s, -webkit-transform .5s; transition: top .5s, -webkit-transform .5s; -o-transition: transform .5s, top .5s; transition: transform .5s, top .5s; transition: transform .5s, top .5s, -webkit-transform .5s } @media (min-width:1920px) { .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__main-timer { top: 30px } } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__main-focus { opacity: 1; -webkit-transition: opacity .5s .5s; -o-transition: opacity .5s .5s; transition: opacity .5s .5s } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__main-gui { opacity: 1; -webkit-transition: opacity .5s .5s; -o-transition: opacity .5s .5s; transition: opacity .5s .5s } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__main-button { opacity: 1; -webkit-transition: opacity .5s .5s; -o-transition: opacity .5s .5s; transition: opacity .5s .5s } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__sub { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform .5s .5s; transition: -webkit-transform .5s .5s; -o-transition: transform .5s .5s; transition: transform .5s .5s; transition: transform .5s .5s, -webkit-transform .5s .5s } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__sub-focus { opacity: 1; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__sub-text-wrapper { opacity: 1; -webkit-transform: translateY(-29%); -ms-transform: translateY(-29%); transform: translateY(-29%); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing__wrap { padding-top: 106.66667px; padding-top: 13.88889vw; padding-bottom: 106.66667px; padding-bottom: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__wrap { padding-top: 50px; padding-top: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__wrap { padding-bottom: 50px; padding-bottom: 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing__text { width: 100%; padding: 0 76.8px 85.33333px; padding: 0 10vw 11.11111vw; padding-bottom: 85.33333px; padding-bottom: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__text { padding: 0 36px 40px; padding: 0 10vw 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__text { padding-bottom: 40px; padding-bottom: 11.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing__headline { width: 100% } .sc-tab .sc-tab-framing__sub-headline { width: 100%; padding-top: 64px; padding-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__sub-headline { padding-top: 30px; padding-top: 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing__description { width: 614.4px; width: 80vw; padding-top: 106.66667px; padding-top: 13.88889vw; padding-right: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__description { width: 288px; width: 80vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__description { padding-top: 50px; padding-top: 13.88889vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-framing__description { padding-left: 0 } .sc-tab .sc-tab-framing__disclaimer { width: 614.4px; width: 80vw; padding-top: 64px; padding-top: 8.33333vw; padding-right: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__disclaimer { width: 288px; width: 80vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__disclaimer { padding-top: 30px; padding-top: 8.33333vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-framing__disclaimer { padding-left: 0 } .sc-tab .sc-tab-framing__visual { height: 2269.86667px; height: 295.55556vw; padding-bottom: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__visual { height: 1064px; height: 295.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing__main { position: absolute; height: 100% } .sc-tab .sc-tab-framing__main-bezel { left: 50%; width: 1536px; width: 200vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__main-bezel { width: 720px; width: 200vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing__main-screen-image img { -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1) } .sc-tab .sc-tab-framing__main-timer { top: 268.8px; top: 35vw; width: 384px; width: 50vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__main-timer { top: 126px; top: 35vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__main-timer { width: 180px; width: 50vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing__main-focus { top: 245.33333px; top: 31.94444vw; left: 50%; width: 334.93333px; width: 43.61111vw; height: 448px; height: 58.33333vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__main-focus { top: 115px; top: 31.94444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__main-focus { width: 157px; width: 43.61111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__main-focus { height: 210px; height: 58.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing__main-gui { right: 42.66667px; right: 5.55556vw; top: 366.93333px; top: 47.77778vw; width: 70.4px; width: 9.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__main-gui { right: 20px; right: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__main-gui { top: 172px; top: 47.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__main-gui { width: 33px; width: 9.16667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing__main-button { left: 42.66667px; left: 5.55556vw; bottom: 213.33333px; bottom: 27.77778vw; width: 59.73333px; width: 7.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__main-button { left: 20px; left: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__main-button { bottom: 100px; bottom: 27.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__main-button { width: 28px; width: 7.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing__sub { top: auto; bottom: 0; width: 100%; height: 50%; -webkit-transform: none; -ms-transform: none; transform: none } .sc-tab .sc-tab-framing__sub-screen { top: 170.66667px; top: 22.22222vw; width: 426.66667px; width: 55.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__sub-screen { top: 80px; top: 22.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__sub-screen { width: 200px; width: 55.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing__sub-focus { top: 106.66667px; top: 13.88889vw; width: 292.26667px; width: 38.05556vw; height: 448px; height: 58.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__sub-focus { top: 50px; top: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__sub-focus { width: 137px; width: 38.05556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__sub-focus { height: 210px; height: 58.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing__sub-text { font-size: 85.33333px; font-size: 11.11111vw; line-height: 1 } html[lang^="th"] .sc-tab .sc-tab-framing__sub-text { font-size: 123.73333px; font-size: 16.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__sub-text { font-size: 40px; font-size: 11.11111vw } html[lang^="th"] .sc-tab .sc-tab-framing__sub-text { font-size: 58px; font-size: 16.11111vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-framing__sub-text { line-height: .7 } html[lang^="my"] .sc-tab .sc-tab-framing__sub-text { line-height: 1.4 } .sc-tab .sc-tab-framing__focus { width: 64px; width: 8.33333vw; height: 64px; height: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__focus { width: 30px; width: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing__focus { height: 30px; height: 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing.is-active .sc-tab-framing__main { width: 100% } .sc-tab .sc-tab-framing.is-active .sc-tab-framing__main-screen-image img { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: none; -o-transition: none; transition: none } .sc-tab .sc-tab-framing.is-active .sc-tab-framing__sub { -webkit-transition: none; -o-transition: none; transition: none } .sc-tab .sc-tab-framing.is-active .sc-tab-framing__sub-focus { opacity: 0 } .sc-tab .sc-tab-framing.is-active .sc-tab-framing__sub-text-wrapper { opacity: 0; -webkit-transform: translateY(-21%); -ms-transform: translateY(-21%); transform: translateY(-21%) } .sc-tab .sc-tab-framing.is-active.is-active-sub .sc-tab-framing__sub-focus { opacity: 1; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s } .sc-tab .sc-tab-framing.is-active.is-active-sub .sc-tab-framing__sub-text-wrapper { opacity: 1; -webkit-transform: translateY(-29%); -ms-transform: translateY(-29%); transform: translateY(-29%); -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__main { width: 100%; height: 50%; -webkit-transition: height .5s; -o-transition: height .5s; transition: height .5s } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__main-bezel { -webkit-transform: translateX(-50%) scale(.5); -ms-transform: translateX(-50%) scale(.5); transform: translateX(-50%) scale(.5) } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__main-screen-image img { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: none; -o-transition: none; transition: none } .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__main-timer { top: 104.53333px; top: 13.61111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-framing.is-active-class .sc-tab-framing__main-timer { top: 49px; top: 13.61111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-framing.is-active-sub-class .sc-tab-framing__sub { -webkit-transition: none; -o-transition: none; transition: none } .sc-tab .sc-tab-framing.is-active-sub-class .sc-tab-framing__sub-focus { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s } .sc-tab .sc-tab-framing.is-active-sub-class .sc-tab-framing__sub-text-wrapper { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s } } .sc-tab .sc-tab-duo { background-color: #f4f4f4 } .sc-tab .sc-tab-duo__wrap { padding-top: 120px; padding-top: 8.33333vw; padding-bottom: 120px; padding-bottom: 8.33333vw } @media (min-width:1440px) { .sc-tab .sc-tab-duo__wrap { padding-top: 120px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__wrap { padding-bottom: 120px } } .sc-tab .sc-tab-duo__container { position: relative; height: 1580px; height: 109.72222vw; padding-bottom: 439px; padding-bottom: 30.48611vw } @media (min-width:1440px) { .sc-tab .sc-tab-duo__container { height: 1580px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__container { padding-bottom: 439px } } .sc-tab .sc-tab-duo__sound { position: absolute; left: 50%; top: 30px; top: 2.08333vw; width: 1310px; width: 90.97222vw; height: 194px; height: 13.47222vw; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } @media (min-width:1440px) { .sc-tab .sc-tab-duo__sound { top: 30px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__sound { width: 1310px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__sound { height: 194px } } .sc-tab .sc-tab-duo__sound:after, .sc-tab .sc-tab-duo__sound:before { display: block; position: absolute; top: 0; z-index: 1; width: 160px; width: 11.11111vw; height: 100%; content: "" } @media (min-width:1440px) { .sc-tab .sc-tab-duo__sound:after, .sc-tab .sc-tab-duo__sound:before { width: 160px } } .sc-tab .sc-tab-duo__sound:before { left: -1px; background: -webkit-gradient(linear, left top, right top, color-stop(0, #f4f4f4), color-stop(20%, #f4f4f4), to(rgba(244, 244, 255, 0))); background: -o-linear-gradient(left, #f4f4f4 0, #f4f4f4 20%, rgba(244, 244, 255, 0) 100%); background: linear-gradient(to right, #f4f4f4 0, #f4f4f4 20%, rgba(244, 244, 255, 0) 100%) } .sc-tab .sc-tab-duo__sound:after { right: -1px; background: -webkit-gradient(linear, right top, left top, color-stop(0, #f4f4f4), color-stop(20%, #f4f4f4), to(rgba(244, 244, 255, 0))); background: -o-linear-gradient(right, #f4f4f4 0, #f4f4f4 20%, rgba(244, 244, 255, 0) 100%); background: linear-gradient(to left, #f4f4f4 0, #f4f4f4 20%, rgba(244, 244, 255, 0) 100%) } .sc-tab .sc-tab-duo__sequence { width: 100%; height: 100%; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s } .sc-tab .sc-tab-duo img.sc-tab-duo__sequence { opacity: 0 } .low_network .sc-tab .sc-tab-duo img.sc-tab-duo__sequence { opacity: 1 } .low_network .sc-tab .sc-tab-duo canvas.sc-tab-duo__sequence { display: none } .sc-tab .sc-tab-duo__screen { position: absolute; left: 50%; bottom: 439px; bottom: 30.48611vw; z-index: 5; width: 712px; width: 49.44444vw; height: 444px; height: 30.83333vw; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen { bottom: 439px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen { width: 712px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen { height: 444px } } .sc-tab .sc-tab-duo__screen-first { overflow: hidden; position: absolute; top: -682px; top: -47.36111vw; left: 2px; left: .13889vw; width: 250px; width: 17.36111vw; height: 250px; height: 17.36111vw; margin-top: 110px; margin-top: 7.63889vw; margin-left: 177px; margin-left: 12.29167vw; border-radius: 30px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: top .5s, left .5s, width .5s, height .5s, border-radius .5s, -webkit-transform .5s; transition: top .5s, left .5s, width .5s, height .5s, border-radius .5s, -webkit-transform .5s; -o-transition: top .5s, left .5s, width .5s, height .5s, border-radius .5s, transform .5s; transition: top .5s, left .5s, width .5s, height .5s, border-radius .5s, transform .5s; transition: top .5s, left .5s, width .5s, height .5s, border-radius .5s, transform .5s, -webkit-transform .5s } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-first { top: -682px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-first { left: 2px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-first { width: 250px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-first { height: 250px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-first { margin-top: 110px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-first { margin-left: 177px } } .sc-tab .sc-tab-duo__screen-first img { position: absolute; left: 50%; top: 50%; height: 288px; height: 20vw; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: height .5s; -o-transition: height .5s; transition: height .5s } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-first img { height: 288px } } .isIEorEdge .sc-tab .sc-tab-duo__screen-first { top: 0; left: 0; width: 35%; height: 56.4%; -webkit-transform: translate3d(-50%, -323%, 0); transform: translate3d(-50%, -323%, 0) } .sc-tab .sc-tab-duo__screen-second { overflow: hidden; position: absolute; top: -417px; top: -28.95833vw; right: 6px; right: .41667vw; width: 200px; width: 13.88889vw; height: 200px; height: 13.88889vw; margin-top: 110px; margin-top: 7.63889vw; margin-right: 177px; margin-right: 12.29167vw; border-radius: 30px; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); -webkit-transition: top .5s, right .5s, width .5s, height .5s, border-radius .5s, -webkit-transform .5s; transition: top .5s, right .5s, width .5s, height .5s, border-radius .5s, -webkit-transform .5s; -o-transition: top .5s, right .5s, width .5s, height .5s, border-radius .5s, transform .5s; transition: top .5s, right .5s, width .5s, height .5s, border-radius .5s, transform .5s; transition: top .5s, right .5s, width .5s, height .5s, border-radius .5s, transform .5s, -webkit-transform .5s } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-second { top: -417px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-second { right: 6px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-second { width: 200px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-second { height: 200px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-second { margin-top: 110px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-second { margin-right: 177px } } .sc-tab .sc-tab-duo__screen-second img { position: absolute; left: 50%; top: 50%; height: 230px; height: 15.97222vw; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-second img { height: 230px } } .isIEorEdge .sc-tab .sc-tab-duo__screen-second { top: 0; right: 1%; width: 28%; height: 45%; -webkit-transform: translate(50%, -259%); -ms-transform: translate(50%, -259%); transform: translate(50%, -259%) } .sc-tab .sc-tab-duo__screen-third { overflow: hidden; position: absolute; left: 0; bottom: 400px; bottom: 27.77778vw; width: 200px; width: 13.88889vw; height: 200px; height: 13.88889vw; margin-bottom: 110px; margin-bottom: 7.63889vw; margin-left: 177px; margin-left: 12.29167vw; border-radius: 30px; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); -webkit-transition: bottom .5s, left .5s, width .4s, height .4s, border-radius .4s, -webkit-transform .4s; transition: bottom .5s, left .5s, width .4s, height .4s, border-radius .4s, -webkit-transform .4s; -o-transition: bottom .5s, left .5s, width .4s, height .4s, border-radius .4s, transform .4s; transition: bottom .5s, left .5s, width .4s, height .4s, border-radius .4s, transform .4s; transition: bottom .5s, left .5s, width .4s, height .4s, border-radius .4s, transform .4s, -webkit-transform .4s } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-third { bottom: 400px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-third { width: 200px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-third { height: 200px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-third { margin-bottom: 110px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-third { margin-left: 177px } } .sc-tab .sc-tab-duo__screen-third img { position: absolute; left: 50%; bottom: 50%; height: 230px; height: 15.97222vw; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%) } @media (min-width:1440px) { .sc-tab .sc-tab-duo__screen-third img { height: 230px } } .isIEorEdge .sc-tab .sc-tab-duo__screen-third { left: -.3%; bottom: 0; width: 28%; height: 45%; -webkit-transform: translate(-50%, -150.6%); -ms-transform: translate(-50%, -150.6%); transform: translate(-50%, -150.6%) } .sc-tab .sc-tab-duo__bottom { position: absolute; left: 0; bottom: 0; width: 100% } .sc-tab .sc-tab-duo__combine { position: relative; width: 881px; width: 61.18056vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-duo__combine { width: 881px } } .sc-tab .sc-tab-duo__combine-tab { width: 100% } .sc-tab .sc-tab-duo__combine-tab img { width: 100% } .sc-tab .sc-tab-duo__combine-screen { position: absolute; right: 85px; right: 5.90278vw; bottom: 439px; bottom: 30.48611vw; width: 712px; width: 49.44444vw; height: 444px; height: 30.83333vw } @media (min-width:1440px) { .sc-tab .sc-tab-duo__combine-screen { right: 85px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__combine-screen { bottom: 439px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__combine-screen { width: 712px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__combine-screen { height: 444px } } .sc-tab .sc-tab-duo__combine-screen-image { overflow: hidden; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; -webkit-transition: width .5s, height .5s, border-radius .5s; -o-transition: width .5s, height .5s, border-radius .5s; transition: width .5s, height .5s, border-radius .5s } .sc-tab .sc-tab-duo__combine-screen-image img { position: absolute; right: 0; bottom: 0; width: 100%; height: 100% } .sc-tab .sc-tab-duo__combine-camera { position: absolute; left: 50%; top: 16px; top: 1.11111vw; width: 54px; width: 3.75vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media (min-width:1440px) { .sc-tab .sc-tab-duo__combine-camera { top: 16px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__combine-camera { width: 54px } } .sc-tab .sc-tab-duo__combine-camera--front { z-index: 10; opacity: 0; -webkit-transition: opacity .1s; -o-transition: opacity .1s; transition: opacity .1s } .sc-tab .sc-tab-duo__combine-camera img { width: 100% } .sc-tab .sc-tab-duo__over { position: absolute; left: 50%; bottom: 439px; bottom: 30.48611vw; z-index: 20; width: 712px; width: 49.44444vw; height: 444px; height: 30.83333vw; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } @media (min-width:1440px) { .sc-tab .sc-tab-duo__over { bottom: 439px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__over { width: 712px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__over { height: 444px } } .sc-tab .sc-tab-duo__over-logo { position: absolute; left: 15px; left: 1.04167vw; top: 16px; top: 1.11111vw; width: 118px; width: 8.19444vw; opacity: 0; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s } @media (min-width:1440px) { .sc-tab .sc-tab-duo__over-logo { left: 15px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__over-logo { top: 16px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__over-logo { width: 118px } } .sc-tab .sc-tab-duo__over-logo img { width: 100% } .sc-tab .sc-tab-duo__contents { width: 988px; width: 68.61111vw; margin: 0 auto; padding-top: 80px; padding-top: 5.55556vw } @media (min-width:1440px) { .sc-tab .sc-tab-duo__contents { width: 988px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__contents { padding-top: 80px } } .sc-tab .sc-tab-duo__contents:after { display: block; clear: both; content: "" } .sc-tab .sc-tab-duo__headline { float: left; width: 400px; width: 27.77778vw } @media (min-width:1440px) { .sc-tab .sc-tab-duo__headline { width: 400px } } .rtl .sc-tab .sc-tab-duo__headline { float: right } .sc-tab .sc-tab-duo__text { float: right; width: 485px; width: 33.68056vw; padding-top: 5px; padding-top: .34722vw } @media (min-width:1440px) { .sc-tab .sc-tab-duo__text { width: 485px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo__text { padding-top: 5px } } .rtl .sc-tab .sc-tab-duo__text { float: left } .sc-tab .sc-tab-duo__description { padding-bottom: 60px; padding-bottom: 4.16667vw } @media (min-width:1440px) { .sc-tab .sc-tab-duo__description { padding-bottom: 60px } } .sc-tab .sc-tab-duo__logo { position: relative; width: 209px; width: 14.51389vw; padding-top: 9.09091% } @media (min-width:1440px) { .sc-tab .sc-tab-duo__logo { width: 209px } } .sc-tab .sc-tab-duo__logo img { position: absolute; left: 0; top: 0; width: 100% } .sc-tab .sc-tab-duo__disclaimer { padding-top: 30px; padding-top: 2.08333vw; color: #bbb } @media (min-width:1440px) { .sc-tab .sc-tab-duo__disclaimer { padding-top: 30px } } .sc-tab .sc-tab-duo.is-play-end canvas.sc-tab-duo__sequence { display: none } .sc-tab .sc-tab-duo.is-play-end img.sc-tab-duo__sequence { opacity: 1 } .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__sequence { opacity: 0!important } .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-first { top: 0; left: 0; width: 353px; width: 24.51389vw; height: 219px; height: 15.20833vw; border-radius: 4px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } @media (min-width:1440px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-first { width: 353px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-first { height: 219px } } .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-first img { height: 230px; height: 15.97222vw } @media (min-width:1440px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-first img { height: 230px } } .isIEorEdge .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-first { width: 49.6%; height: 49.6% } .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-second { top: 0; right: 0; width: 353px; width: 24.51389vw; height: 219px; height: 15.20833vw; border-radius: 4px } @media (min-width:1440px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-second { width: 353px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-second { height: 219px } } .isIEorEdge .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-second { width: 49.6%; height: 49.6%; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%) } .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-third { bottom: 0; left: 0; width: 353px; width: 24.51389vw; height: 219px; height: 15.20833vw; border-radius: 4px } @media (min-width:1440px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-third { width: 353px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-third { height: 219px } } .isIEorEdge .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-third { width: 49.6%; height: 49.6%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%) } .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__combine-screen-image { width: 353px; width: 24.51389vw; height: 219px; height: 15.20833vw; border-radius: 4px } @media (min-width:1440px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__combine-screen-image { width: 353px } } @media (min-width:1440px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__combine-screen-image { height: 219px } } .isIEorEdge .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__combine-screen-image { width: 49.6%; height: 49.6% } .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__combine-camera--front { opacity: 1; -webkit-transition-delay: .46s; -o-transition-delay: .46s; transition-delay: .46s } .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__over-logo { opacity: 1; -webkit-transition-delay: .35s; -o-transition-delay: .35s; transition-delay: .35s } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__wrap { padding-top: 106.66667px; padding-top: 13.88889vw; padding-bottom: 106.66667px; padding-bottom: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__wrap { padding-top: 50px; padding-top: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__wrap { padding-bottom: 50px; padding-bottom: 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__container { height: 1186.13333px; height: 154.44444vw; padding-bottom: 279.46667px; padding-bottom: 36.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__container { height: 556px; height: 154.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__container { padding-bottom: 131px; padding-bottom: 36.38889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__sound { top: -53.33333px; top: -6.94444vw; left: -1173.33333px; left: -152.77778vw; width: 2368px; width: 308.33333vw; height: auto; -webkit-transform: none; -ms-transform: none; transform: none } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__sound { top: -25px; top: -6.94444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__sound { left: -550px; left: -152.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__sound { width: 1110px; width: 308.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__sound:after, .sc-tab .sc-tab-duo__sound:before { display: none } .sc-tab .sc-tab-duo__screen { bottom: 279.46667px; bottom: 36.38889vw; width: 452.26667px; width: 58.88889vw; height: 281.6px; height: 36.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen { bottom: 131px; bottom: 36.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen { width: 212px; width: 58.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen { height: 132px; height: 36.66667vw } } @media screen and (max-width:767px) { .isIEorEdge .sc-tab .sc-tab-duo__screen { width: 452.26667px; width: 58.88889vw; height: 281.6px; height: 36.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .isIEorEdge .sc-tab .sc-tab-duo__screen { width: 212px; width: 58.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .isIEorEdge .sc-tab .sc-tab-duo__screen { height: 132px; height: 36.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__screen-first { top: -576px; top: -75vw; left: 42.66667px; left: 5.55556vw; width: 138.66667px; width: 18.05556vw; height: 138.66667px; height: 18.05556vw; margin-top: 0; margin-left: 0; border-radius: 10px; -webkit-transform: scale(1.72); -ms-transform: scale(1.72); transform: scale(1.72) } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-first { top: -270px; top: -75vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-first { left: 20px; left: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-first { width: 65px; width: 18.05556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-first { height: 65px; height: 18.05556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__screen-first img { height: 145.06667px; height: 18.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-first img { height: 68px; height: 18.88889vw } } @media screen and (max-width:767px) { .isIEorEdge .sc-tab .sc-tab-duo__screen-first { top: 0; left: 0; width: 30.67%; height: 49.25%; -webkit-transform: scale(1.72) translate(18%, -241%); -ms-transform: scale(1.72) translate(18%, -241%); transform: scale(1.72) translate(18%, -241%) } .sc-tab .sc-tab-duo__screen-second { top: -341.33333px; top: -44.44444vw; right: 21.33333px; right: 2.77778vw; width: 138.66667px; width: 18.05556vw; height: 138.66667px; height: 18.05556vw; margin-top: 0; margin-right: 0; border-radius: 10px; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-second { top: -160px; top: -44.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-second { right: 10px; right: 2.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-second { width: 65px; width: 18.05556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-second { height: 65px; height: 18.05556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__screen-second img { height: 145.06667px; height: 18.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-second img { height: 68px; height: 18.88889vw } } @media screen and (max-width:767px) { .isIEorEdge .sc-tab .sc-tab-duo__screen-second { top: 0; right: 0; width: 30.7%; height: 49.3%; -webkit-transform: scale(1.1) translate(-10%, -223%); -ms-transform: scale(1.1) translate(-10%, -223%); transform: scale(1.1) translate(-10%, -223%) } .sc-tab .sc-tab-duo__screen-third { bottom: 266.66667px; bottom: 34.72222vw; left: 42.66667px; left: 5.55556vw; width: 138.66667px; width: 18.05556vw; height: 138.66667px; height: 18.05556vw; margin-bottom: 0; margin-left: 0; border-radius: 10px; -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25) } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-third { bottom: 125px; bottom: 34.72222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-third { left: 20px; left: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-third { width: 65px; width: 18.05556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-third { height: 65px; height: 18.05556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__screen-third img { height: 145.06667px; height: 18.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__screen-third img { height: 68px; height: 18.88889vw } } @media screen and (max-width:767px) { .isIEorEdge .sc-tab .sc-tab-duo__screen-third { bottom: 0; left: 0; width: 30.7%; height: 49.3%; -webkit-transform: scale(1.25) translate(25%, -154%); -ms-transform: scale(1.25) translate(25%, -154%); transform: scale(1.25) translate(25%, -154%) } .sc-tab .sc-tab-duo__combine { width: 558.93333px; width: 72.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__combine { width: 262px; width: 72.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__combine-screen { right: 53.33333px; right: 6.94444vw; bottom: 279.46667px; bottom: 36.38889vw; width: 452.26667px; width: 58.88889vw; height: 281.6px; height: 36.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__combine-screen { right: 25px; right: 6.94444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__combine-screen { bottom: 131px; bottom: 36.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__combine-screen { width: 212px; width: 58.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__combine-screen { height: 132px; height: 36.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__combine-screen-image { border-radius: 4px } .isIEorEdge .sc-tab .sc-tab-duo__combine-screen { width: 80.92%; height: 49.16% } .sc-tab .sc-tab-duo__combine-camera { top: 10.66667px; top: 1.38889vw; width: 32px; width: 4.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__combine-camera { top: 5px; top: 1.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__combine-camera { width: 15px; width: 4.16667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__over { bottom: 279.46667px; bottom: 36.38889vw; width: 452.26667px; width: 58.88889vw; height: 281.6px; height: 36.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__over { bottom: 131px; bottom: 36.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__over { width: 212px; width: 58.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__over { height: 132px; height: 36.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__over-logo { left: 10.66667px; left: 1.38889vw; top: 10.66667px; top: 1.38889vw; width: 74.66667px; width: 9.72222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__over-logo { left: 5px; left: 1.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__over-logo { top: 5px; top: 1.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__over-logo { width: 35px; width: 9.72222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__contents { width: 614.4px; width: 80vw; padding-top: 85.33333px; padding-top: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__contents { width: 288px; width: 80vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__contents { padding-top: 40px; padding-top: 11.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__headline { float: none; width: 100% } .rtl .sc-tab .sc-tab-duo__headline { float: none } .sc-tab .sc-tab-duo__text { float: none; width: 100%; padding-top: 64px; padding-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__text { padding-top: 30px; padding-top: 8.33333vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-duo__text { float: none } .sc-tab .sc-tab-duo__description { padding-bottom: 85.33333px; padding-bottom: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__description { padding-bottom: 40px; padding-bottom: 11.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__logo { width: 219.73333px; width: 28.61111vw; padding-top: 20.83333% } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__logo { width: 103px; width: 28.61111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo__disclaimer { padding-top: 64px; padding-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo__disclaimer { padding-top: 30px; padding-top: 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-first { width: 224px; width: 29.16667vw; height: 138.66667px; height: 18.05556vw; border-radius: 2px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-first { width: 105px; width: 29.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-first { height: 65px; height: 18.05556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-first img { height: 149.33333px; height: 19.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-first img { height: 70px; height: 19.44444vw } } @media screen and (max-width:767px) { .isIEorEdge .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-first { width: 49.53%; height: 49.25%; -webkit-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-second { width: 224px; width: 29.16667vw; height: 138.66667px; height: 18.05556vw; border-radius: 2px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-second { width: 105px; width: 29.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-second { height: 65px; height: 18.05556vw } } @media screen and (max-width:767px) { .isIEorEdge .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-second { width: 49.53%; height: 49.25%; -webkit-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-third { width: 224px; width: 29.16667vw; height: 138.66667px; height: 18.05556vw; border-radius: 2px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-third { width: 105px; width: 29.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-third { height: 65px; height: 18.05556vw } } @media screen and (max-width:767px) { .isIEorEdge .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__screen-third { width: 49.53%; height: 49.25%; -webkit-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0) } .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__combine-screen-image { width: 224px; width: 29.16667vw; height: 138.66667px; height: 18.05556vw; border-radius: 2px } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__combine-screen-image { width: 105px; width: 29.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__combine-screen-image { height: 65px; height: 18.05556vw } } @media screen and (max-width:767px) { .isIEorEdge .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__combine-screen-image { width: 49.53%; height: 49.25% } .sc-tab .sc-tab-duo.is-active-screen .sc-tab-duo__sequence { opacity: 0; -webkit-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s } } .sc-tab .sc-tab-multitasking { position: relative; background-color: #f4f4f4; padding-top: 240px; padding-top: 16.66667vw } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking { padding-top: 240px } } .sc-tab .sc-tab-multitasking__wrap { max-width: 1440px; margin: 0 auto } .sc-tab .sc-tab-multitasking__text { position: relative; text-align: center } .sc-tab .sc-tab-multitasking__headline { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #000 } .sc-tab .sc-tab-multitasking__headline span { position: relative; z-index: 6 } .sc-tab .sc-tab-multitasking__headline span:nth-child(odd) { padding-right: 180px; padding-right: 12.5vw; text-align: left } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__headline span:nth-child(odd) { padding-right: 180px } } .rtl .sc-tab .sc-tab-multitasking__headline span:nth-child(odd) { padding-right: 0; padding-left: 180px; padding-left: 12.5vw; text-align: right } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-multitasking__headline span:nth-child(odd) { padding-left: 180px } } .sc-tab .sc-tab-multitasking__headline span:nth-child(even) { padding-left: 180px; padding-left: 12.5vw; text-align: right } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__headline span:nth-child(even) { padding-left: 180px } } .rtl .sc-tab .sc-tab-multitasking__headline span:nth-child(even) { padding-left: 0; padding-right: 180px; padding-right: 12.5vw; text-align: left } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-multitasking__headline span:nth-child(even) { padding-right: 180px } } .sc-tab .sc-tab-multitasking__headline img { position: absolute; top: 29px; top: 2.01389vw; left: 100%; width: 108px; width: 7.5vw; margin-left: -28px; margin-left: -1.94444vw } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__headline img { top: 29px } } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__headline img { width: 108px } } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__headline img { margin-left: -28px } } .rtl .sc-tab .sc-tab-multitasking__headline img { left: auto; right: 100%; margin-left: 0; margin-right: -28px; margin-right: -1.94444vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-multitasking__headline img { margin-right: -28px } } .sc-tab .sc-tab-multitasking__contents { position: relative; z-index: 10; height: 1850px; height: 128.47222vw; pointer-events: none } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__contents { height: 1850px } } .sc-tab .sc-tab-multitasking__images-back { position: absolute; left: -869px; left: -60.34722vw; top: -6px; top: -.41667vw; width: 1271px; width: 88.26389vw } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__images-back { left: -869px } } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__images-back { top: -6px } } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__images-back { width: 1271px } } .sc-tab .sc-tab-multitasking__images-front { position: absolute; left: -148px; left: -10.27778vw; top: 90px; top: 6.25vw; width: 1134px; width: 78.75vw } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__images-front { left: -148px } } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__images-front { top: 90px } } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__images-front { width: 1134px } } .sc-tab .sc-tab-multitasking__images-side { position: absolute; right: 64px; right: 4.44444vw; top: 154px; top: 10.69444vw; width: 479px; width: 33.26389vw } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__images-side { right: 64px } } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__images-side { top: 154px } } @media (min-width:1440px) { .sc-tab .sc-tab-multitasking__images-side { width: 479px } } .sc-tab .sc-tab-multitasking__images img { width: 100% } .sc-tab .sc-tab-multitasking__bg { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5 } .sc-tab .sc-tab-multitasking__bg-obj { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } .sc-tab.sc-tab-center-headline .sc-tab-multitasking__headline span { padding: 0!important; text-align: center!important } .sc-tab.sc-tab-center-headline .sc-tab-multitasking__headline img { display: none!important } @media screen and (max-width:767px) { .sc-tab .sc-tab-multitasking { padding: 106.66667px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking { padding: 50px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-multitasking__text { padding: 0 76.8px; padding: 0 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__text { padding: 0 36px; padding: 0 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-multitasking__headline span:nth-child(odd) { padding-right: 149.33333px; padding-right: 19.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__headline span:nth-child(odd) { padding-right: 70px; padding-right: 19.44444vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-multitasking__headline span:nth-child(odd) { padding-right: 0; padding-left: 149.33333px; padding-left: 19.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-multitasking__headline span:nth-child(odd) { padding-left: 70px; padding-left: 19.44444vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-multitasking__headline span:nth-child(even) { padding-left: 98.13333px; padding-left: 12.77778vw; text-align: left } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__headline span:nth-child(even) { padding-left: 46px; padding-left: 12.77778vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-multitasking__headline span:nth-child(even) { padding-left: 0; padding-right: 98.13333px; padding-right: 12.77778vw; text-align: right } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-multitasking__headline span:nth-child(even) { padding-right: 46px; padding-right: 12.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-multitasking__headline img { top: -53.33333px; top: -6.94444vw; width: 115.2px; width: 15vw; height: 115.2px; height: 15vw; margin-left: -132.26667px; margin-left: -17.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__headline img { top: -25px; top: -6.94444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__headline img { width: 54px; width: 15vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__headline img { height: 54px; height: 15vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__headline img { margin-left: -62px; margin-left: -17.22222vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-multitasking__headline img { margin-left: 0; margin-right: -132.26667px; margin-right: -17.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-multitasking__headline img { margin-right: -62px; margin-right: -17.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-multitasking__contents { height: 864px; height: 112.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__contents { height: 405px; height: 112.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-multitasking__images-back { left: -473.6px; left: -61.66667vw; top: 10.66667px; top: 1.38889vw; width: 701.86667px; width: 91.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__images-back { left: -222px; left: -61.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__images-back { top: 5px; top: 1.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__images-back { width: 329px; width: 91.38889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-multitasking__images-front { left: -57.6px; left: -7.5vw; top: 64px; top: 8.33333vw; width: 580.26667px; width: 75.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__images-front { left: -27px; left: -7.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__images-front { top: 30px; top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__images-front { width: 272px; width: 75.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-multitasking__images-side { right: 42.66667px; right: 5.55556vw; top: 89.6px; top: 11.66667vw; width: 247.46667px; width: 32.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__images-side { right: 20px; right: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__images-side { top: 42px; top: 11.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-multitasking__images-side { width: 116px; width: 32.22222vw } } .sc-tab .sc-tab-divide { position: relative; z-index: 5; margin-top: -400px; margin-top: -27.77778vw; background-color: #000 } @media (min-width:1440px) { .sc-tab .sc-tab-divide { margin-top: -400px } } .sc-tab .sc-tab-divide__wrap { padding: 120px 0; padding: 8.33333vw 0 } @media (min-width:1440px) { .sc-tab .sc-tab-divide__wrap { padding: 120px 0 } } .sc-tab .sc-tab-divide__fixed { position: relative; width: 1200px; width: 83.33333vw; height: 768px; height: 53.33333vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-divide__fixed { width: 1200px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__fixed { height: 768px } } .sc-tab .sc-tab-divide__screen { position: absolute; left: 0; top: 0; z-index: 10; width: 100% } .sc-tab .sc-tab-divide__screen-main { overflow: hidden; position: absolute; top: 46px; top: 3.19444vw; right: 22px; right: 1.52778vw; z-index: 10; width: 1156px; width: 80.27778vw; height: 657px; height: 45.625vw; border-radius: 12px; border-radius: .83333vw; -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8) } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-main { top: 46px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-main { right: 22px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-main { width: 1156px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-main { height: 657px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-main { border-radius: 12px } } .sc-tab .sc-tab-divide__screen-main img { position: absolute; left: 50%; top: 50%; width: 1156px; width: 80.27778vw; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-main img { width: 1156px } } .sc-tab .sc-tab-divide__screen-sub { position: absolute; top: 76px; top: 5.27778vw; right: 52px; right: 3.61111vw; z-index: 20; width: 132px; width: 9.16667vw; opacity: 0 } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-sub { top: 76px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-sub { right: 52px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-sub { width: 132px } } .sc-tab .sc-tab-divide__screen-sub img { width: 100%; border-radius: 12px; border-radius: .83333vw } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-sub img { border-radius: 12px } } .sc-tab .sc-tab-divide__screen-gui { position: absolute; left: 50%; bottom: 95px; bottom: 6.59722vw; z-index: 20; width: 314px; width: 21.80556vw; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0 } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-gui { bottom: 95px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-gui { width: 314px } } .sc-tab .sc-tab-divide__screen-gui img { width: 100% } .sc-tab .sc-tab-divide__screen-logo { position: absolute; top: 75px; top: 5.20833vw; left: 52px; left: 3.61111vw; z-index: 20; width: 140px; width: 9.72222vw; opacity: 0 } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-logo { top: 75px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-logo { left: 52px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__screen-logo { width: 140px } } .sc-tab .sc-tab-divide__screen-logo img { width: 100% } .sc-tab .sc-tab-divide__frame { position: absolute; left: 0; top: 0; width: 1200px; width: 83.33333vw; height: 768px; height: 53.33333vw } @media (min-width:1440px) { .sc-tab .sc-tab-divide__frame { width: 1200px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__frame { height: 768px } } .sc-tab .sc-tab-divide__frame img { width: 100% } .sc-tab .sc-tab-divide__side-top { overflow: hidden; position: absolute; left: 22px; left: 1.52778vw; top: 46px; top: 3.19444vw; width: 575px; width: 39.93056vw; height: 361px; height: 25.06944vw; border-radius: 12px; border-radius: .83333vw } @media (min-width:1440px) { .sc-tab .sc-tab-divide__side-top { left: 22px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__side-top { top: 46px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__side-top { width: 575px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__side-top { height: 361px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__side-top { border-radius: 12px } } .sc-tab .sc-tab-divide__side-top img { width: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) } .sc-tab .sc-tab-divide__side-bottom { overflow: hidden; position: absolute; left: 22px; left: 1.52778vw; bottom: 65px; bottom: 4.51389vw; width: 574px; width: 39.86111vw; height: 288px; height: 20vw; border-radius: 12px; border-radius: .83333vw } @media (min-width:1440px) { .sc-tab .sc-tab-divide__side-bottom { left: 22px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__side-bottom { bottom: 65px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__side-bottom { width: 574px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__side-bottom { height: 288px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__side-bottom { border-radius: 12px } } .sc-tab .sc-tab-divide__side-bottom img { width: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) } .sc-tab .sc-tab-divide__pen { position: absolute; left: -81px; left: -5.625vw; top: 344px; top: 23.88889vw; width: 354px; width: 24.58333vw; height: 344px; height: 23.88889vw; -webkit-transform: translate(-15%, 15%); -ms-transform: translate(-15%, 15%); transform: translate(-15%, 15%); opacity: 0 } @media (min-width:1440px) { .sc-tab .sc-tab-divide__pen { left: -81px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__pen { top: 344px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__pen { width: 354px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__pen { height: 344px } } .sc-tab .sc-tab-divide__pen img { width: 100% } .sc-tab .sc-tab-divide__text { width: 820px; width: 56.94444vw; margin: 0 auto; padding-bottom: 80px; padding-bottom: 5.55556vw; padding-right: 333px; padding-right: 23.125vw } @media (min-width:1440px) { .sc-tab .sc-tab-divide__text { width: 820px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__text { padding-bottom: 80px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__text { padding-right: 333px } } .rtl .sc-tab .sc-tab-divide__text { padding-right: 0; padding-left: 333px; padding-left: 23.125vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-divide__text { padding-left: 333px } } .sc-tab .sc-tab-divide__sub-headline { color: #fff } .sc-tab .sc-tab-divide__description { padding-top: 40px; padding-top: 2.77778vw } @media (min-width:1440px) { .sc-tab .sc-tab-divide__description { padding-top: 40px } } .sc-tab .sc-tab-divide__disclaimer { width: 820px; width: 56.94444vw; margin: 0 auto; padding-top: 40px; padding-top: 2.77778vw; padding-right: 320px; padding-right: 22.22222vw } @media (min-width:1440px) { .sc-tab .sc-tab-divide__disclaimer { width: 820px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__disclaimer { padding-top: 40px } } @media (min-width:1440px) { .sc-tab .sc-tab-divide__disclaimer { padding-right: 320px } } .rtl .sc-tab .sc-tab-divide__disclaimer { padding-right: 0; padding-left: 320px; padding-left: 22.22222vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-divide__disclaimer { padding-left: 320px } } .sc-tab .sc-tab-divide.step1 .sc-tab-divide__screen-main { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform .6s linear; transition: -webkit-transform .6s linear; -o-transition: transform .6s linear; transition: transform .6s linear; transition: transform .6s linear, -webkit-transform .6s linear } .sc-tab .sc-tab-divide.step2 .sc-tab-divide__screen-main { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: none; -o-transition: none; transition: none } .sc-tab .sc-tab-divide.step2 .sc-tab-divide__screen-sub { opacity: 1; -webkit-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear } .sc-tab .sc-tab-divide.step2 .sc-tab-divide__screen-gui { opacity: 1; -webkit-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear } .sc-tab .sc-tab-divide.step2 .sc-tab-divide__screen-logo { opacity: 1; -webkit-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear } .sc-tab .sc-tab-divide.step3 .sc-tab-divide__screen-main { width: 574px; width: 39.86111vw; -webkit-transition: width .8s cubic-bezier(.39, .03, .3, .97); -o-transition: width .8s cubic-bezier(.39, .03, .3, .97); transition: width .8s cubic-bezier(.39, .03, .3, .97) } @media (min-width:1440px) { .sc-tab .sc-tab-divide.step3 .sc-tab-divide__screen-main { width: 574px } } .sc-tab .sc-tab-divide.step3 .sc-tab-divide__screen-main img { -webkit-transform: translate3d(-50%, -50%, 0) scale(.79); transform: translate3d(-50%, -50%, 0) scale(.79); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform .8s cubic-bezier(.39, .03, .3, .97); transition: -webkit-transform .8s cubic-bezier(.39, .03, .3, .97); -o-transition: transform .8s cubic-bezier(.39, .03, .3, .97); transition: transform .8s cubic-bezier(.39, .03, .3, .97); transition: transform .8s cubic-bezier(.39, .03, .3, .97), -webkit-transform .8s cubic-bezier(.39, .03, .3, .97) } .sc-tab .sc-tab-divide.step3 .sc-tab-divide__screen-gui { -webkit-transform: translate3d(43%, 0, 0); transform: translate3d(43%, 0, 0); -webkit-transition: -webkit-transform .8s cubic-bezier(.39, .03, .3, .97); transition: -webkit-transform .8s cubic-bezier(.39, .03, .3, .97); -o-transition: transform .8s cubic-bezier(.39, .03, .3, .97); transition: transform .8s cubic-bezier(.39, .03, .3, .97); transition: transform .8s cubic-bezier(.39, .03, .3, .97), -webkit-transform .8s cubic-bezier(.39, .03, .3, .97) } .sc-tab .sc-tab-divide.step3 .sc-tab-divide__screen-logo { left: 634px; left: 44.02778vw; -webkit-transition: left .8s cubic-bezier(.39, .03, .3, .97); -o-transition: left .8s cubic-bezier(.39, .03, .3, .97); transition: left .8s cubic-bezier(.39, .03, .3, .97) } @media (min-width:1440px) { .sc-tab .sc-tab-divide.step3 .sc-tab-divide__screen-logo { left: 634px } } .sc-tab .sc-tab-divide.step3 .sc-tab-divide__side-bottom img, .sc-tab .sc-tab-divide.step3 .sc-tab-divide__side-top img { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform .8s cubic-bezier(.39, .03, .3, .97); transition: -webkit-transform .8s cubic-bezier(.39, .03, .3, .97); -o-transition: transform .8s cubic-bezier(.39, .03, .3, .97); transition: transform .8s cubic-bezier(.39, .03, .3, .97); transition: transform .8s cubic-bezier(.39, .03, .3, .97), -webkit-transform .8s cubic-bezier(.39, .03, .3, .97) } .sc-tab .sc-tab-divide.step3 .sc-tab-divide__pen { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition: opacity .3s .8s ease-in, -webkit-transform .3s .8s ease-in; transition: opacity .3s .8s ease-in, -webkit-transform .3s .8s ease-in; -o-transition: transform .3s .8s ease-in, opacity .3s .8s ease-in; transition: transform .3s .8s ease-in, opacity .3s .8s ease-in; transition: transform .3s .8s ease-in, opacity .3s .8s ease-in, -webkit-transform .3s .8s ease-in } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide { margin-top: -213.33333px; margin-top: -27.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide { margin-top: -100px; margin-top: -27.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide__wrap { padding: 106.66667px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__wrap { padding: 50px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide__fixed { width: 648.53333px; width: 84.44444vw; height: 413.86667px; height: 53.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__fixed { width: 304px; width: 84.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__fixed { height: 194px; height: 53.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide__screen-main { top: 25.6px; top: 3.33333vw; right: 12.8px; right: 1.66667vw; width: 96.38157%; height: 0; padding-bottom: 54.93421%; border-radius: 12.8px; border-radius: 1.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__screen-main { top: 12px; top: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__screen-main { right: 6px; right: 1.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__screen-main { border-radius: 6px; border-radius: 1.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide__screen-main img { width: 625.06667px; width: 81.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__screen-main img { width: 293px; width: 81.38889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide__screen-sub { top: 42.66667px; top: 5.55556vw; right: 29.86667px; right: 3.88889vw; width: 70.4px; width: 9.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__screen-sub { top: 20px; top: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__screen-sub { right: 14px; right: 3.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__screen-sub { width: 33px; width: 9.16667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide__screen-sub img { border-radius: 12.8px; border-radius: 1.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__screen-sub img { border-radius: 6px; border-radius: 1.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide__screen-gui { bottom: 49.06667px; bottom: 6.38889vw; width: 170.66667px; width: 22.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__screen-gui { bottom: 23px; bottom: 6.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__screen-gui { width: 80px; width: 22.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide__frame { width: 648.53333px; width: 84.44444vw; height: 413.86667px; height: 53.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__frame { width: 304px; width: 84.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__frame { height: 194px; height: 53.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide__side-top { left: 12.8px; left: 1.66667vw; top: 25.6px; top: 3.33333vw; width: 48.02631%; height: 0; padding-bottom: 30.59211%; border-radius: 12.8px; border-radius: 1.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__side-top { left: 6px; left: 1.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__side-top { top: 12px; top: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__side-top { border-radius: 6px; border-radius: 1.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide__side-bottom { left: 12.8px; left: 1.66667vw; bottom: 32px; bottom: 4.16667vw; width: 48.02631%; height: 0; padding-bottom: 23.68421%; border-radius: 12.8px; border-radius: 1.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__side-bottom { left: 6px; left: 1.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__side-bottom { bottom: 15px; bottom: 4.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__side-bottom { border-radius: 6px; border-radius: 1.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide__pen { left: -36.26667px; left: -4.72222vw; top: 140.8px; top: 18.33333vw; width: 192px; width: 25vw; height: 185.6px; height: 24.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__pen { left: -17px; left: -4.72222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__pen { top: 66px; top: 18.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__pen { width: 90px; width: 25vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__pen { height: 87px; height: 24.16667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide__text { width: 614.4px; width: 80vw; padding: 0; padding-bottom: 85.33333px; padding-bottom: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__text { width: 288px; width: 80vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__text { padding-bottom: 40px; padding-bottom: 11.11111vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-divide__text { padding-right: 0; padding-left: 0 } .sc-tab .sc-tab-divide__description { padding-top: 64px; padding-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__description { padding-top: 30px; padding-top: 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide__disclaimer { width: 100%; margin: 0 auto; padding-top: 85.33333px; padding-top: 11.11111vw; padding-right: 76.8px; padding-right: 10vw; padding-left: 76.8px; padding-left: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__disclaimer { padding-top: 40px; padding-top: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__disclaimer { padding-right: 36px; padding-right: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-divide__disclaimer { padding-left: 36px; padding-left: 10vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-divide__disclaimer { padding-right: 76.8px; padding-right: 10vw; padding-left: 76.8px; padding-left: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-divide__disclaimer { padding-right: 36px; padding-right: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-divide__disclaimer { padding-left: 36px; padding-left: 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-divide.step3 .sc-tab-divide__screen-main { width: 47.368421% } } .sc-tab .sc-tab-entertainment { position: relative; padding-top: 240px; padding-top: 16.66667vw; background-color: #000 } @media (min-width:1440px) { .sc-tab .sc-tab-entertainment { padding-top: 240px } } .sc-tab .sc-tab-entertainment__wrap { position: relative; z-index: 1; max-width: 1440px; margin: 0 auto } .sc-tab .sc-tab-entertainment__text { padding-bottom: 150px; padding-bottom: 10.41667vw; text-align: center } @media (min-width:1440px) { .sc-tab .sc-tab-entertainment__text { padding-bottom: 150px } } .sc-tab .sc-tab-entertainment__headline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff } .sc-tab .sc-tab-entertainment__headline span:nth-child(odd) { padding-right: 100px; padding-right: 6.94444vw; text-align: left } @media (min-width:1440px) { .sc-tab .sc-tab-entertainment__headline span:nth-child(odd) { padding-right: 100px } } .rtl .sc-tab .sc-tab-entertainment__headline span:nth-child(odd) { padding-right: 0; padding-left: 100px; padding-left: 6.94444vw; text-align: right } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-entertainment__headline span:nth-child(odd) { padding-left: 100px } } .sc-tab .sc-tab-entertainment__headline span:nth-child(even) { padding-left: 100px; padding-left: 6.94444vw; text-align: right } @media (min-width:1440px) { .sc-tab .sc-tab-entertainment__headline span:nth-child(even) { padding-left: 100px } } .rtl .sc-tab .sc-tab-entertainment__headline span:nth-child(even) { padding-left: 0; padding-right: 100px; padding-right: 6.94444vw; text-align: left } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-entertainment__headline span:nth-child(even) { padding-right: 100px } } .sc-tab .sc-tab-entertainment__contents { position: relative; height: 1200px; height: 83.33333vw } @media (min-width:1440px) { .sc-tab .sc-tab-entertainment__contents { height: 1200px } } .sc-tab .sc-tab-entertainment__visual { position: absolute; left: 50%; top: -7px; top: -.48611vw; width: 800px; width: 55.55556vw; margin-left: -709px; margin-left: -49.23611vw } @media (min-width:1440px) { .sc-tab .sc-tab-entertainment__visual { top: -7px } } @media (min-width:1440px) { .sc-tab .sc-tab-entertainment__visual { width: 800px } } @media (min-width:1440px) { .sc-tab .sc-tab-entertainment__visual { margin-left: -709px } } .sc-tab .sc-tab-entertainment__visual img { width: 100% } .sc-tab .sc-tab-entertainment__screen { position: absolute; right: 50%; top: 51px; top: 3.54167vw; width: 700px; width: 48.61111vw; margin-right: -645px; margin-right: -44.79167vw } @media (min-width:1440px) { .sc-tab .sc-tab-entertainment__screen { top: 51px } } @media (min-width:1440px) { .sc-tab .sc-tab-entertainment__screen { width: 700px } } @media (min-width:1440px) { .sc-tab .sc-tab-entertainment__screen { margin-right: -645px } } .sc-tab .sc-tab-entertainment__screen img { width: 100% } .sc-tab.sc-tab-center-headline .sc-tab-entertainment__headline span { padding: 0!important; text-align: center!important } @media screen and (max-width:767px) { .sc-tab .sc-tab-entertainment { padding-top: 106.66667px; padding-top: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-entertainment { padding-top: 50px; padding-top: 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-entertainment__text { padding: 0 76.8px 106.66667px; padding: 0 10vw 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-entertainment__text { padding: 0 36px 50px; padding: 0 10vw 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-entertainment__headline span:nth-child(odd) { padding-right: 49.06667px; padding-right: 6.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-entertainment__headline span:nth-child(odd) { padding-right: 23px; padding-right: 6.38889vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-entertainment__headline span:nth-child(odd) { padding-right: 0; padding-left: 49.06667px; padding-left: 6.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-entertainment__headline span:nth-child(odd) { padding-left: 23px; padding-left: 6.38889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-entertainment__headline span:nth-child(even) { padding-left: 49.06667px; padding-left: 6.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-entertainment__headline span:nth-child(even) { padding-left: 23px; padding-left: 6.38889vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-entertainment__headline span:nth-child(even) { padding-left: 0; padding-right: 49.06667px; padding-right: 6.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-entertainment__headline span:nth-child(even) { padding-right: 23px; padding-right: 6.38889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-entertainment__contents { height: 853.33333px; height: 111.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-entertainment__contents { height: 400px; height: 111.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-entertainment__visual { left: 0; top: -4.26667px; top: -.55556vw; width: 469.33333px; width: 61.11111vw; margin-left: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-entertainment__visual { top: -2px; top: -.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-entertainment__visual { width: 220px; width: 61.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-entertainment__screen { right: 0; top: 36.26667px; top: 4.72222vw; width: 386.13333px; width: 50.27778vw; margin-right: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-entertainment__screen { top: 17px; top: 4.72222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-entertainment__screen { width: 181px; width: 50.27778vw } } .sc-tab .sc-tab-5g { background-color: #f4f4f4; padding-top: 60px; padding-top: 4.16667vw; padding-bottom: 120px; padding-bottom: 8.33333vw } @media (min-width:1440px) { .sc-tab .sc-tab-5g { padding-top: 60px } } @media (min-width:1440px) { .sc-tab .sc-tab-5g { padding-bottom: 120px } } .sc-tab .sc-tab-5g__wrap { position: relative; max-width: 1440px; margin: 0 auto; padding-top: 718px; padding-top: 49.86111vw } @media (min-width:1440px) { .sc-tab .sc-tab-5g__wrap { padding-top: 718px } } .sc-tab .sc-tab-5g__text { position: relative; width: 484px; width: 33.61111vw; margin-left: 730px; margin-left: 50.69444vw; margin-right: 226px; margin-right: 15.69444vw; z-index: 1 } @media (min-width:1440px) { .sc-tab .sc-tab-5g__text { width: 484px } } @media (min-width:1440px) { .sc-tab .sc-tab-5g__text { margin-left: 730px } } @media (min-width:1440px) { .sc-tab .sc-tab-5g__text { margin-right: 226px } } .sc-tab .sc-tab-5g__description { padding-top: 40px; padding-top: 2.77778vw } @media (min-width:1440px) { .sc-tab .sc-tab-5g__description { padding-top: 40px } } .sc-tab .sc-tab-5g__image { position: absolute; width: 840px; width: 58.33333vw; height: 842px; height: 58.47222vw; top: 0; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media (min-width:1440px) { .sc-tab .sc-tab-5g__image { width: 840px } } @media (min-width:1440px) { .sc-tab .sc-tab-5g__image { height: 842px } } @media (min-width:1440px) { .sc-tab .sc-tab-5g__image { top: 0 } } .sc-tab .sc-tab-5g__image img { width: 100% } .not-use-5g .sc-tab .sc-tab-5g.s-target-5g { display: none!important } @media screen and (max-width:767px) { .sc-tab .sc-tab-5g { padding-top: 85.33333px; padding-top: 11.11111vw; padding-bottom: 128px; padding-bottom: 16.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-5g { padding-top: 40px; padding-top: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-5g { padding-bottom: 60px; padding-bottom: 16.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-5g__wrap { width: 100%; padding-top: 736px; padding-top: 95.83333vw; padding-left: 76.8px; padding-left: 10vw; padding-right: 76.8px; padding-right: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-5g__wrap { padding-top: 345px; padding-top: 95.83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-5g__wrap { padding-left: 36px; padding-left: 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-5g__wrap { padding-right: 36px; padding-right: 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-5g__text { width: 100%; margin-left: 0; margin-left: 0; margin-right: 0; margin-right: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-5g__text { margin-left: 0; margin-left: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-5g__text { margin-right: 0; margin-right: 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-5g__description { padding-top: 64px; padding-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-5g__description { padding-top: 30px; padding-top: 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-5g__image { width: 648.53333px; width: 84.44444vw; height: 648.53333px; height: 84.44444vw; top: 0; top: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-5g__image { width: 304px; width: 84.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-5g__image { height: 304px; height: 84.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-5g__image { top: 0; top: 0 } } .sc-tab .sc-tab-performance { background-color: #f4f4f4 } .sc-tab .sc-tab-performance__wrap { padding: 120px 0 50px; padding: 8.33333vw 0 3.47222vw } @media (min-width:1440px) { .sc-tab .sc-tab-performance__wrap { padding: 120px 0 50px } } .sc-tab .sc-tab-performance__top { position: relative; z-index: 10; width: 820px; width: 56.94444vw; margin: 0 auto; padding-right: 400px; padding-right: 27.77778vw } @media (min-width:1440px) { .sc-tab .sc-tab-performance__top { width: 820px } } @media (min-width:1440px) { .sc-tab .sc-tab-performance__top { padding-right: 400px } } .sc-tab .sc-tab-performance__top-description { width: 380px; width: 26.38889vw; padding-top: 40px; padding-top: 2.77778vw } @media (min-width:1440px) { .sc-tab .sc-tab-performance__top-description { width: 380px } } @media (min-width:1440px) { .sc-tab .sc-tab-performance__top-description { padding-top: 40px } } .sc-tab .sc-tab-performance__contents { position: relative; height: 662px; height: 45.97222vw } @media (min-width:1440px) { .sc-tab .sc-tab-performance__contents { height: 662px } } .rtl .sc-tab .sc-tab-performance__contents { direction: ltr } .sc-tab .sc-tab-performance__sequence { position: absolute; left: 50%; top: 0; top: -237px; top: -16.45833vw; width: 1920px; width: 133.33333vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media (min-width:1440px) { .sc-tab .sc-tab-performance__sequence { top: -237px } } @media (min-width:1440px) { .sc-tab .sc-tab-performance__sequence { width: 1920px } } .sc-tab .sc-tab-performance__bottom { position: relative; z-index: 10; width: 988px; width: 68.61111vw; margin: 0 auto; padding-left: 588px; padding-left: 40.83333vw; padding-top: 35px; padding-top: 2.43056vw } @media (min-width:1440px) { .sc-tab .sc-tab-performance__bottom { width: 988px } } @media (min-width:1440px) { .sc-tab .sc-tab-performance__bottom { padding-left: 588px } } @media (min-width:1440px) { .sc-tab .sc-tab-performance__bottom { padding-top: 35px } } .sc-tab .sc-tab-performance__bottom-disclaimer { padding-top: 39px; padding-top: 2.70833vw; color: #bbb } @media (min-width:1440px) { .sc-tab .sc-tab-performance__bottom-disclaimer { padding-top: 39px } } .sc-tab .sc-tab-performance img.sc-tab-performance__sequence { opacity: 0 } .low_network .sc-tab .sc-tab-performance img.sc-tab-performance__sequence { opacity: 1 } .low_network .sc-tab .sc-tab-performance canvas.sc-tab-performance__sequence { display: none } .sc-tab .sc-tab-performance.is-play-end img.sc-tab-performance__sequence { opacity: 1; -webkit-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s } @media screen and (max-width:767px) { .sc-tab .sc-tab-performance__wrap { padding: 106.66667px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-performance__wrap { padding: 50px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-performance__top { width: 614.4px; width: 80vw; padding: 0!important } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-performance__top { width: 288px; width: 80vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-performance__top-description { width: 100%; padding-top: 64px; padding-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-performance__top-description { padding-top: 30px; padding-top: 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-performance__headline { width: 512px; width: 66.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-performance__headline { width: 240px; width: 66.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-performance__contents { height: 640px; height: 83.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-performance__contents { height: 300px; height: 83.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-performance__sequence { top: 50%; width: 1280px; width: 166.66667vw; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-performance__sequence { width: 600px; width: 166.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-performance__bottom { width: 614.4px; width: 80vw; padding-left: 0; padding-top: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-performance__bottom { width: 288px; width: 80vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-performance__bottom-disclaimer { padding-top: 64px; padding-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-performance__bottom-disclaimer { padding-top: 30px; padding-top: 8.33333vw } } .sc-tab .sc-tab-eco { background-color: #f4f4f4 } .sc-tab .sc-tab-eco__wrap { position: relative; margin: 0 auto; max-width: 1103px; padding: 120px 0 80px; padding: 8.33333vw 0 5.55556vw } @media (min-width:1440px) { .sc-tab .sc-tab-eco__wrap { padding: 120px 0 80px } } .sc-tab .sc-tab-eco__text { width: 820px; width: 56.94444vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-eco__text { width: 820px } } .sc-tab .sc-tab-eco__image { margin: 0 auto; width: 1103px; width: 76.59722vw; height: 706px; height: 49.02778vw; margin-top: 80px; margin-top: 5.55556vw } @media (min-width:1440px) { .sc-tab .sc-tab-eco__image { width: 1103px } } @media (min-width:1440px) { .sc-tab .sc-tab-eco__image { height: 706px } } @media (min-width:1440px) { .sc-tab .sc-tab-eco__image { margin-top: 80px } } .sc-tab .sc-tab-eco__image-inner { position: relative; margin: 0 auto; width: 1103px; width: 76.59722vw; height: 706px; height: 49.02778vw; padding-bottom: 64.00725% } @media (min-width:1440px) { .sc-tab .sc-tab-eco__image-inner { width: 1103px } } @media (min-width:1440px) { .sc-tab .sc-tab-eco__image-inner { height: 706px } } .sc-tab .sc-tab-eco__image img { position: absolute; left: -249px; left: -17.29167vw; top: 0; width: 1600px; width: 111.11111vw } @media (min-width:1440px) { .sc-tab .sc-tab-eco__image img { left: -249px } } @media (min-width:1440px) { .sc-tab .sc-tab-eco__image img { width: 1600px } } .sc-tab .sc-tab-eco__desc { position: relative; width: 820px; width: 56.94444vw; margin: 0 auto; margin-top: 80px; margin-top: 5.55556vw; padding-right: 316px; padding-right: 21.94444vw; z-index: 1 } @media (min-width:1440px) { .sc-tab .sc-tab-eco__desc { width: 820px } } @media (min-width:1440px) { .sc-tab .sc-tab-eco__desc { margin-top: 80px } } @media (min-width:1440px) { .sc-tab .sc-tab-eco__desc { padding-right: 316px } } .sc-tab .sc-tab-eco__disclaimer { width: 820px; width: 56.94444vw; margin: 0 auto; padding-right: 316px; padding-right: 21.94444vw; padding-top: 30px; padding-top: 2.08333vw; color: #bbb } @media (min-width:1440px) { .sc-tab .sc-tab-eco__disclaimer { width: 820px } } @media (min-width:1440px) { .sc-tab .sc-tab-eco__disclaimer { padding-right: 316px } } @media (min-width:1440px) { .sc-tab .sc-tab-eco__disclaimer { padding-top: 30px } } @media screen and (max-width:767px) { .sc-tab .sc-tab-eco__wrap { width: 100%; padding: 106.66667px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-eco__wrap { padding: 50px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-eco__text { width: 100%; padding: 0 76.8px; padding: 0 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-eco__text { padding: 0 36px; padding: 0 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-eco__image { width: 704px; width: 91.66667vw; height: 601.6px; height: 78.33333vw; margin: 85.33333px 76.8px 0 0; margin: 11.11111vw 10vw 0 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-eco__image { width: 330px; width: 91.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-eco__image { height: 282px; height: 78.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-eco__image { margin: 40px 36px 0 0; margin: 11.11111vw 10vw 0 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-eco__image-inner { width: 704px; width: 91.66667vw; height: 601.6px; height: 78.33333vw; padding-bottom: 85.45455% } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-eco__image-inner { width: 330px; width: 91.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-eco__image-inner { height: 282px; height: 78.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-eco__image-inner img { left: 0; left: 0; width: 704px; width: 91.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-eco__image-inner img { left: 0; left: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-eco__image-inner img { width: 330px; width: 91.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-eco__desc { width: 100%; margin-top: 85.33333px; margin-top: 11.11111vw; padding: 0 76.8px; padding: 0 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-eco__desc { margin-top: 40px; margin-top: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-eco__desc { padding: 0 36px; padding: 0 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-eco__disclaimer { width: 100%; padding: 64px 76.8px 0; padding: 8.33333vw 10vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-eco__disclaimer { padding: 30px 36px 0; padding: 8.33333vw 10vw 0 } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15) } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory } .swiper-centered>.swiper-wrapper::before { content: ""; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999 } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-horizontal>.swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-vertical>.swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1 } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev" } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next" } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none!important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s transform, .2s top; -o-transition: .2s transform, .2s top; transition: .2s transform, .2s top } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform, .2s left; -o-transition: .2s transform, .2s left; transition: .2s transform, .2s left } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform, .2s right; -o-transition: .2s transform, .2s right; transition: .2s transform, .2s right } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-grid>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube { overflow: visible } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-filter: blur(50px); filter: blur(50px) } .swiper-flip { overflow: visible } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transition-property: opacity, height, -webkit-transform; transition-property: opacity, height, -webkit-transform; -o-transition-property: transform, opacity, height; transition-property: transform, opacity, height; transition-property: transform, opacity, height, -webkit-transform } .swiper-cards { overflow: visible } .swiper-cards .swiper-slide { -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden } .sc-tab .sc-tab-card { background-color: #f4f4f4 } @media screen and (min-width:768px) { .sc-tab .sc-tab-card__list { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important } } .sc-tab .sc-tab-card__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; height: auto; margin: 0 15px; margin: 0 1.04167vw } @media (min-width:1440px) { .sc-tab .sc-tab-card__item { margin: 0 15px } } .sc-tab .sc-tab-card__item-inner { overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; padding: 56px 54px 0; padding: 3.88889vw 3.75vw 0; border-radius: 30px; border-radius: 2.08333vw; background-color: #fff } @media (min-width:1440px) { .sc-tab .sc-tab-card__item-inner { padding: 56px 54px 0 } } @media (min-width:1440px) { .sc-tab .sc-tab-card__item-inner { border-radius: 30px } } .sc-tab .sc-tab-card__arrows { display: none } .sc-tab .sc-tab-card__title { z-index: 1; position: relative; font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 26px; font-size: 1.80556vw; line-height: 1.23076; letter-spacing: normal } html[lang^="th"] .sc-tab .sc-tab-card__title { font-size: 35.1px; font-size: 2.4375vw } @media (min-width:1440px) { .sc-tab .sc-tab-card__title { font-size: 26px } html[lang^="th"] .sc-tab .sc-tab-card__title { font-size: 35.1px } } html[lang^="th"] .sc-tab .sc-tab-card__title { line-height: .92307 } .sc-tab .sc-tab-card__description { z-index: 1; position: relative; margin-top: 25px; margin-top: 1.73611vw } @media (min-width:1440px) { .sc-tab .sc-tab-card__description { margin-top: 25px } } .sc-tab .sc-tab-card__disclaimer { z-index: 1; position: relative; margin-top: 16px; margin-top: 1.11111vw; color: #bbb } @media (min-width:1440px) { .sc-tab .sc-tab-card__disclaimer { margin-top: 16px } } .sc-tab .sc-tab-card__disclaimer--mo { display: none } .sc-tab .sc-tab-card__figure { position: relative; margin: 0 auto } .sc-tab .sc-tab-card__figure::after { content: ""; display: block } .sc-tab .sc-tab-card__figure img { position: absolute; top: 0; left: 0; right: 0; width: 100% } .is-broken-fixed .sc-tab .sc-tab-card:not(.sc-tab-card--eco) .sc-tab-card__fixed-track { height: auto } .is-broken-fixed .sc-tab .sc-tab-card:not(.sc-tab-card--eco) .sc-tab-card__fixed-item { position: relative; height: auto } .is-broken-fixed .sc-tab .sc-tab-card:not(.sc-tab-card--eco) .sc-tab-card__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .is-broken-fixed .sc-tab .sc-tab-card:not(.sc-tab-card--eco) .sc-tab-card__item { padding: 15px; padding: 1.04167vw; margin-left: 0 } @media (min-width:1440px) { .is-broken-fixed .sc-tab .sc-tab-card:not(.sc-tab-card--eco) .sc-tab-card__item { padding: 15px } } @media screen and (min-width:768px) { .sc-tab .sc-tab-card--spec .sc-tab-card__fixed-track { position: relative; height: 100vh } } @media screen and (min-width:768px) { .sc-tab .sc-tab-card--spec .sc-tab-card__fixed-item { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100vh; max-width: 1920px; margin: auto; padding-top: 112px; padding-top: 7.77778vw } } @media screen and (min-width:768px) and (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__fixed-item { padding-top: 112px } } .sc-tab .sc-tab-card--spec .sc-tab-card__sub-headline { width: 820px; width: 56.94444vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__sub-headline { width: 820px } } @media screen and (min-width:768px) { .sc-tab .sc-tab-card--spec .sc-tab-card__carousel { width: 820px; width: 56.94444vw; margin: 0 auto; margin-top: 60px; margin-top: 4.16667vw; overflow: visible } } @media screen and (min-width:768px) and (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__carousel { width: 820px } } @media screen and (min-width:768px) and (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__carousel { margin-top: 60px } } @media screen and (min-width:768px) { .sc-tab .sc-tab-card--spec .sc-tab-card__list { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; vertical-align: top; font-size: 0; margin: 0 -15px; margin: 0 -1.04167vw } } @media screen and (min-width:768px) and (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__list { margin: 0 -15px } } .sc-tab .sc-tab-card--spec .sc-tab-card__item { width: 766px; width: 53.19444vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__item { width: 766px } } .sc-tab .sc-tab-card--spec .sc-tab-card__item-inner { min-height: 600px; min-height: 41.66667vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__item-inner { min-height: 600px } } @media screen and (min-width:768px) { .sc-tab .sc-tab-card--spec .sc-tab-card__item { display: inline-block; vertical-align: top; white-space: normal; font-size: 16px } } .sc-tab .sc-tab-card--spec .sc-tab-card__text { width: 500px; width: 34.72222vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__text { width: 500px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 14px; margin-top: .97222vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail { margin-top: 14px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail .sc-tab-card__figure { margin: 0 auto } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--chip { padding-bottom: 38px; padding-bottom: 2.63889vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--chip { padding-bottom: 38px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--chip .sc-tab-card__figure { width: 294px; width: 20.41667vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--chip .sc-tab-card__figure { width: 294px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--chip .sc-tab-card__figure::after { padding-bottom: 68.02721% } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--wifi { padding-left: 27px; padding-left: 1.875vw; padding-top: 30px; padding-top: 2.08333vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--wifi { padding-left: 27px } } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--wifi { padding-top: 30px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--wifi .sc-tab-card__figure { width: 484px; width: 33.61111vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--wifi .sc-tab-card__figure { width: 484px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--wifi .sc-tab-card__figure::after { padding-bottom: 20.86777% } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--charger { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 62px; padding-bottom: 4.30556vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--charger { padding-bottom: 62px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--charger .sc-tab-card__figure { width: 306px; width: 21.25vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--charger .sc-tab-card__figure { width: 306px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--charger .sc-tab-card__figure::after { padding-bottom: 41.17647% } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-list { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item { position: absolute } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item::before { content: ""; position: absolute; top: 17px; top: 1.18056vw; display: block; height: 1px; background-color: #000 } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item::before { top: 17px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1) { top: -29px; top: -2.01389vw; right: 408px; right: 28.33333vw; padding-right: 136px; padding-right: 9.44444vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1) { top: -29px } } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1) { right: 408px } } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1) { padding-right: 136px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1)::before { right: 0; width: 114px; width: 7.91667vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1)::before { width: 114px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2) { top: -115px; top: -7.98611vw; left: 401px; left: 27.84722vw; padding-left: 91px; padding-left: 6.31944vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2) { top: -115px } } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2) { left: 401px } } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2) { padding-left: 91px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2)::before { left: 0; width: 70px; width: 4.86111vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2)::before { width: 70px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-text { max-width: 150px; max-width: 10.41667vw; font-family: SamsungSharpSans, SamsungOne, "sans serif" } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-text { max-width: 150px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-percentage { font-size: 32px; font-size: 2.22222vw } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-percentage { font-size: 43.2px; font-size: 3vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-percentage { font-size: 32px } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-percentage { font-size: 43.2px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-part { position: absolute; top: 100%; width: 130px; width: 9.02778vw; margin-top: 2px; margin-top: .13889vw; font-size: 20px; font-size: 1.38889vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-part { width: 130px } } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-part { margin-top: 2px } } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-part { font-size: 27px; font-size: 1.875vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-part { font-size: 20px } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-part { font-size: 27px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger { z-index: 1; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 646px; width: 44.86111vw; margin-top: 53px; margin-top: 3.68056vw; line-height: 1.33; text-align: center } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger { width: 646px } } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger { margin-top: 53px } } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger { line-height: .9975 } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-name { font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 15px; font-size: 1.04167vw } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-name { font-size: 20.25px; font-size: 1.40625vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-name { font-size: 15px } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-name { font-size: 20.25px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-power { margin-top: 15px; margin-top: 1.04167vw; font-size: 18px; font-size: 1.25vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-power { margin-top: 15px } } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-power { font-size: 24.3px; font-size: 1.6875vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-power { font-size: 18px } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-power { font-size: 24.3px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-power strong { font-family: SamsungSharpSans, SamsungOne, "sans serif" } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-type { margin-top: 1px; margin-top: .06944vw; font-size: 12px; font-size: .83333vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-type { margin-top: 1px } } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-type { font-size: 16.2px; font-size: 1.125vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-type { font-size: 12px } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-type { font-size: 16.2px } } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-text { margin-top: 6px; margin-top: .41667vw; font-size: 14px; font-size: .97222vw; color: #9a9a9a } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-text { margin-top: 6px } } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-text { font-size: 18.9px; font-size: 1.3125vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-text { font-size: 14px } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-text { font-size: 18.9px } } .sc-tab .sc-tab-card--eco { padding-bottom: 120px; padding-bottom: 8.33333vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--eco { padding-bottom: 120px } } @media screen and (min-width:768px) { .sc-tab .sc-tab-card--eco .sc-tab-card__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .sc-tab .sc-tab-card--eco .sc-tab-card__item { width: 425px; width: 29.51389vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--eco .sc-tab-card__item { width: 425px } } .sc-tab .sc-tab-card--eco .sc-tab-card__item-inner { min-height: 520px; min-height: 36.11111vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--eco .sc-tab-card__item-inner { min-height: 520px } } .sc-tab .sc-tab-card--eco .sc-tab-card__description { margin-top: 30px; margin-top: 2.08333vw } @media (min-width:1440px) { .sc-tab .sc-tab-card--eco .sc-tab-card__description { margin-top: 30px } } .sc-tab .sc-tab-card--eco .sc-tab-card__figure { margin: auto -54px 0; margin: auto -3.75vw 0 } @media (min-width:1440px) { .sc-tab .sc-tab-card--eco .sc-tab-card__figure { margin: auto -54px 0 } } .sc-tab .sc-tab-card--eco .sc-tab-card__figure::after { padding-bottom: 70.88608% } @media screen and (max-width:767px) { .sc-tab .sc-tab-card { padding: 106.66667px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card { padding: 50px 0; padding: 13.88889vw 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card__item { margin: 0 17.06667px; margin: 0 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card__item { margin: 0 8px; margin: 0 2.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card__item-inner { padding: 64px 51.2px 0; padding: 8.33333vw 6.66667vw 0; border-radius: 42.66667px; border-radius: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card__item-inner { padding: 30px 24px 0; padding: 8.33333vw 6.66667vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card__item-inner { border-radius: 20px; border-radius: 5.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card__arrows { display: block } .sc-tab .sc-tab-card__arrows-indicator { width: 85.33333px; width: 11.11111vw; height: 85.33333px; height: 11.11111vw; background-color: transparent } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card__arrows-indicator { width: 40px; width: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card__arrows-indicator { height: 40px; height: 11.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card__arrows-indicator::after { display: none } .sc-tab .sc-tab-card__arrows-indicator.swiper-button-disabled { display: none } .rtl .sc-tab .sc-tab-card__arrows-indicator { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1) } .sc-tab .sc-tab-card__arrows svg { width: 100%; height: 100% } .sc-tab .sc-tab-card__arrows circle { fill: #000; fill-opacity: .45; stroke: #fff; stroke-opacity: .15; -webkit-transition: fill .1s cubic-bezier(.4, 0, .2, 1), fill-opacity .1s cubic-bezier(.4, 0, .2, 1); -o-transition: fill .1s cubic-bezier(.4, 0, .2, 1), fill-opacity .1s cubic-bezier(.4, 0, .2, 1); transition: fill .1s cubic-bezier(.4, 0, .2, 1), fill-opacity .1s cubic-bezier(.4, 0, .2, 1) } .sc-tab .sc-tab-card__title { font-size: 38.4px; font-size: 5vw; line-height: 1.33 } html[lang^="th"] .sc-tab .sc-tab-card__title { font-size: 51.84px; font-size: 6.75vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card__title { font-size: 18px; font-size: 5vw } html[lang^="th"] .sc-tab .sc-tab-card__title { font-size: 24.3px; font-size: 6.75vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-card__title { line-height: .9975 } html[lang^="my"] .sc-tab .sc-tab-card__title { line-height: 1.4 } .sc-tab .sc-tab-card__description { margin-top: 25.6px; margin-top: 3.33333vw; font-size: 27.73333px; font-size: 3.61111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card__description { margin-top: 12px; margin-top: 3.33333vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-card__description { font-size: 37.44px; font-size: 4.875vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card__description { font-size: 13px; font-size: 3.61111vw } html[lang^="th"] .sc-tab .sc-tab-card__description { font-size: 17.55px; font-size: 4.875vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card__disclaimer { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .sc-tab .sc-tab-card__disclaimer--pc { display: none } .sc-tab .sc-tab-card__disclaimer--mo { display: block } .sc-tab .sc-tab-card--spec .sc-tab-card__sub-headline { width: 648.53333px; width: 84.44444vw; padding: 0 17.06667px; padding: 0 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__sub-headline { width: 304px; width: 84.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__sub-headline { padding: 0 8px; padding: 0 2.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__carousel { margin-top: 64px; margin-top: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__carousel { margin-top: 30px; margin-top: 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__item { width: 648.53333px; width: 84.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__item { width: 304px; width: 84.44444vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__item-inner { min-height: 981.33333px; min-height: 127.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__item-inner { min-height: 460px; min-height: 127.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__text { width: 100%; padding-right: 42.66667px; padding-right: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__text { padding-right: 20px; padding-right: 5.55556vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-card--spec .sc-tab-card__text { padding-right: 0; padding-left: 42.66667px; padding-left: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-card--spec .sc-tab-card__text { padding-left: 20px; padding-left: 5.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail { margin-top: 0 } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--chip { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 34.13333px 64px; padding: 0 4.44444vw 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--chip { padding: 0 16px 30px; padding: 0 4.44444vw 8.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--chip .sc-tab-card__figure { width: 320px; width: 41.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--chip .sc-tab-card__figure { width: 150px; width: 41.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--chip .sc-tab-card__figure::after { padding-bottom: 68.66667% } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--chip .sc-tab-card__disclaimer { margin-top: 55.46667px; margin-top: 7.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--chip .sc-tab-card__disclaimer { margin-top: 26px; margin-top: 7.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--wifi { padding-top: 0; padding-left: 36.26667px; padding-left: 4.72222vw; padding-bottom: 89.6px; padding-bottom: 11.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--wifi { padding-left: 17px; padding-left: 4.72222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--wifi { padding-bottom: 42px; padding-bottom: 11.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--wifi .sc-tab-card__figure { width: 469.33333px; width: 61.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--wifi .sc-tab-card__figure { width: 220px; width: 61.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--wifi .sc-tab-card__figure::after { padding-bottom: 20% } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--charger { padding-bottom: 68.26667px; padding-bottom: 8.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--charger { padding-bottom: 32px; padding-bottom: 8.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--charger .sc-tab-card__figure { width: 320px; width: 41.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--charger .sc-tab-card__figure { width: 150px; width: 41.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-detail--charger .sc-tab-card__figure::after { padding-bottom: 41.33333% } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip { margin-top: auto } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip~.sc-tab-card__disclaimer { margin-top: 27.73333px; margin-top: 3.61111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip~.sc-tab-card__disclaimer { margin-top: 13px; margin-top: 3.61111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-list { position: static; max-width: 422.4px; max-width: 55vw; -webkit-transform: none; -ms-transform: none; transform: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; width: 100%; margin-top: 29.86667px; margin-top: 3.88889vw; text-align: center } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-list { max-width: 198px; max-width: 55vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-list { margin-top: 14px; margin-top: 3.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: static; padding: 0!important } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item::before { display: none } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1) { top: -57.6px; top: -7.5vw; right: 870.4px; right: 113.33333vw; padding-right: 290.13333px; padding-right: 37.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1) { top: -27px; top: -7.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1) { right: 408px; right: 113.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1) { padding-right: 136px; padding-right: 37.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1)::before { right: 0; width: 243.2px; width: 31.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1)::before { width: 114px; width: 31.66667vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1) { left: 870.4px; left: 113.33333vw; padding-left: 290.13333px; padding-left: 37.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1) { left: 408px; left: 113.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(1) { padding-left: 136px; padding-left: 37.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2) { top: -245.33333px; top: -31.94444vw; left: 855.46667px; left: 111.38889vw; padding-left: 194.13333px; padding-left: 25.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2) { top: -115px; top: -31.94444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2) { left: 401px; left: 111.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2) { padding-left: 91px; padding-left: 25.27778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2)::before { left: 0; width: 149.33333px; width: 19.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2)::before { width: 70px; width: 19.44444vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2) { right: 855.46667px; right: 111.38889vw; padding-right: 194.13333px; padding-right: 25.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2) { right: 401px; right: 111.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-item:nth-child(2) { padding-right: 91px; padding-right: 25.27778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-text { width: 100%; max-width: none } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-percentage { margin-top: 12.8px; margin-top: 1.66667vw; font-size: 42.66667px; font-size: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-percentage { margin-top: 6px; margin-top: 1.66667vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-percentage { font-size: 57.6px; font-size: 7.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-percentage { font-size: 20px; font-size: 5.55556vw } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-percentage { font-size: 27px; font-size: 7.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-part { position: static; width: auto; margin-top: 6.4px; margin-top: .83333vw; font-size: 25.6px; font-size: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-part { margin-top: 3px; margin-top: .83333vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-part { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-part { font-size: 12px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-chip-part { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger { display: block; width: 100%; margin-top: 25.6px; margin-top: 3.33333vw; padding-bottom: 0; line-height: 1.33 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger { margin-top: 12px; margin-top: 3.33333vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger { line-height: .9975 } html[lang^="my"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger { line-height: 1.4 } .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-item { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; margin-top: 38.4px; margin-top: 5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-item { margin-top: 18px; margin-top: 5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-name { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 247.46667px; width: 32.22222vw; padding: 0 38.4px; padding: 0 5vw; font-size: 21.33333px; font-size: 2.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-name { width: 116px; width: 32.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-name { padding: 0 18px; padding: 0 5vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-name { font-size: 28.8px; font-size: 3.75vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-name { font-size: 10px; font-size: 2.77778vw } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-name { font-size: 13.5px; font-size: 3.75vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-power { margin-top: 0; font-size: 25.6px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-power { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-power { font-size: 12px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-power { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-type { display: inline; font-size: 17.06667px; font-size: 2.22222vw; font-weight: 700; vertical-align: middle } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-type { font-size: 23.04px; font-size: 3vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-type { font-size: 8px; font-size: 2.22222vw } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-type { font-size: 10.8px; font-size: 3vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-text { margin-top: 2.13333px; margin-top: .27778vw; font-size: 21.33333px; font-size: 2.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-text { margin-top: 1px; margin-top: .27778vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-text { font-size: 28.8px; font-size: 3.75vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-text { font-size: 10px; font-size: 2.77778vw } html[lang^="th"] .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-text { font-size: 13.5px; font-size: 3.75vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--eco { padding-top: 0 } .sc-tab .sc-tab-card--eco .sc-tab-card__item { width: 648.53333px; width: 84.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--eco .sc-tab-card__item { width: 304px; width: 84.44444vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--eco .sc-tab-card__item-inner { min-height: 938.66667px; min-height: 122.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--eco .sc-tab-card__item-inner { min-height: 440px; min-height: 122.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--eco .sc-tab-card__description { margin-top: 25.6px; margin-top: 3.33333vw; padding-right: 42.66667px; padding-right: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--eco .sc-tab-card__description { margin-top: 12px; margin-top: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--eco .sc-tab-card__description { padding-right: 20px; padding-right: 5.55556vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-card--eco .sc-tab-card__description { padding-right: 0; padding-left: 42.66667px; padding-left: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-card--eco .sc-tab-card__description { padding-left: 20px; padding-left: 5.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--eco .sc-tab-card__figure { margin: auto -51.2px 0; margin: auto -6.66667vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-card--eco .sc-tab-card__figure { margin: auto -24px 0; margin: auto -6.66667vw 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-card--eco .sc-tab-card__figure::after { padding-bottom: 96.52778% } .is-broken-fixed .sc-tab .sc-tab-card .sc-tab-card__arrows-indicator { display: none } .is-broken-fixed .sc-tab .sc-tab-card .sc-tab-card__fixed-track { height: auto } .is-broken-fixed .sc-tab .sc-tab-card .sc-tab-card__fixed-item { position: relative; height: auto } .is-broken-fixed .sc-tab .sc-tab-card .sc-tab-card__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .is-broken-fixed .sc-tab .sc-tab-card .sc-tab-card__item { padding: 21.33333px 0; padding: 2.77778vw 0; margin: 0 auto } } @media screen and (max-width:767px) and (max-width:360px) { .is-broken-fixed .sc-tab .sc-tab-card .sc-tab-card__item { padding: 10px 0; padding: 2.77778vw 0 } } @media screen and (max-width:767px) { .is-broken-fixed .sc-tab .sc-tab-card:not(.sc-tab-card--eco) .sc-tab-card__item { padding: 21.33333px 0; padding: 2.77778vw 0 } } @media screen and (max-width:767px) and (max-width:360px) { .is-broken-fixed .sc-tab .sc-tab-card:not(.sc-tab-card--eco) .sc-tab-card__item { padding: 10px 0; padding: 2.77778vw 0 } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-card--spec .sc-tab-card__spec-charger-item { text-align: right } } @media (max-width:359px) { .sc-tab .sc-tab-card:not(.sc-tab-card--eco) .sc-tab-card__item-inner { min-height: 1088px; min-height: 141.66667vw } } @media (max-width:359px) and (max-width:360px) { .sc-tab .sc-tab-card:not(.sc-tab-card--eco) .sc-tab-card__item-inner { min-height: 510px; min-height: 141.66667vw } } @media (max-width:359px) { .sc-tab .sc-tab-card:not(.sc-tab-card--eco) .sc-tab-card__spec-charger-name { padding-left: 0 } } .sc-tab .sc-tab-compatibility { padding: 120px 0; padding: 8.33333vw 0; background-color: #f4f4f4 } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility { padding: 120px 0 } } .sc-tab .sc-tab-compatibility__wrap { position: relative; width: 1440px; width: 100vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__wrap { width: 1440px } } .sc-tab .sc-tab-compatibility__headline { width: 700px; width: 48.61111vw; margin: 0 auto; padding: 0 100px; padding: 0 6.94444vw; font-size: 80px; font-size: 5.55556vw; line-height: 1.1; text-align: center } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__headline { width: 700px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__headline { padding: 0 100px } } html[lang^="th"] .sc-tab .sc-tab-compatibility__headline { font-size: 116px; font-size: 8.05556vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__headline { font-size: 80px } html[lang^="th"] .sc-tab .sc-tab-compatibility__headline { font-size: 116px } } html[lang^="th"] .sc-tab .sc-tab-compatibility__headline { line-height: .825 } .sc-tab .sc-tab-compatibility__item { position: absolute } .sc-tab .sc-tab-compatibility__item-wrap.item-wrap01 { position: relative; height: 800px; height: 55.55556vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item-wrap.item-wrap01 { height: 800px } } .sc-tab .sc-tab-compatibility__item-wrap.item-wrap02 { position: relative; height: 350px; height: 24.30556vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item-wrap.item-wrap02 { height: 350px } } .sc-tab .sc-tab-compatibility__item-inner { position: relative } .sc-tab .sc-tab-compatibility__item-image { position: relative } .sc-tab .sc-tab-compatibility__item-image img { position: absolute; width: 100%; z-index: 10; will-change: transform } .sc-tab .sc-tab-compatibility__item-cta { position: absolute; padding: 8px; padding: .55556vw; z-index: 50 } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item-cta { padding: 8px } } .rtl .sc-tab .sc-tab-compatibility__item-cta { direction: ltr } .sc-tab .sc-tab-compatibility__item-cta-link { position: relative; display: block; width: 55px; width: 3.81944vw; height: 55px; height: 3.81944vw; padding: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item-cta-link { width: 55px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item-cta-link { height: 55px } } .sc-tab .sc-tab-compatibility__item-cta-link:focus, .sc-tab .sc-tab-compatibility__item-cta-link:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .sc-tab .sc-tab-compatibility__item-cta-icon { width: 100%; height: 100% } .sc-tab .sc-tab-compatibility__item-cta-icon img { width: 100% } .sc-tab .sc-tab-compatibility__item-shadow { position: absolute } .sc-tab .sc-tab-compatibility__item-shadow img { width: 100%; will-change: transform } .sc-tab .sc-tab-compatibility__item.item01 { width: 544px; width: 37.77778vw; top: 36px; top: 2.5vw; left: 100px; left: 6.94444vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item01 { width: 544px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item01 { top: 36px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item01 { left: 100px } } .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-image { padding-bottom: 105.69853% } .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-cta { top: 272px; top: 18.88889vw; left: 362px; left: 25.13889vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-cta { top: 272px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-cta { left: 362px } } .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-shadow { width: 620px; width: 43.05556vw; top: 40px; top: 2.77778vw; left: -30px; left: -2.08333vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-shadow { width: 620px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-shadow { top: 40px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-shadow { left: -30px } } .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__popup { top: 99px; top: 6.875vw; left: 251px; left: 17.43056vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__popup { top: 99px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__popup { left: 251px } } .sc-tab .sc-tab-compatibility__item.item02 { width: 704px; width: 48.88889vw; top: 196px; top: 13.61111vw; right: 50px; right: 3.47222vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item02 { width: 704px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item02 { top: 196px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item02 { right: 50px } } .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-image { padding-bottom: 85.79545% } .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-cta { top: -9px; top: -.625vw; left: 313px; left: 21.73611vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-cta { top: -9px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-cta { left: 313px } } .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-shadow { width: 760px; width: 52.77778vw; top: 92px; top: 6.38889vw; left: -30px; left: -2.08333vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-shadow { width: 760px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-shadow { top: 92px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-shadow { left: -30px } } .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__popup { top: -94px; top: -6.52778vw; left: 71px; left: 4.93056vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__popup { top: -94px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__popup { left: 71px } } .sc-tab .sc-tab-compatibility__item.item03 { width: 246px; width: 17.08333vw; top: -274px; top: -19.02778vw; left: 318px; left: 22.08333vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item03 { width: 246px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item03 { top: -274px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item03 { left: 318px } } .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-image { padding-bottom: 93.49593% } .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-cta { top: 175px; top: 12.15278vw; left: -14px; left: -.97222vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-cta { top: 175px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-cta { left: -14px } } .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-shadow { width: 280px; width: 19.44444vw; top: 24px; top: 1.66667vw; left: -10px; left: -.69444vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-shadow { width: 280px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-shadow { top: 24px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-shadow { left: -10px } } .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__popup { top: -20px; top: -1.38889vw; left: -13px; left: -.90278vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__popup { top: -20px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__popup { left: -13px } } .sc-tab .sc-tab-compatibility__item.item04 { width: 384px; width: 26.66667vw; top: -188px; top: -13.05556vw; left: 827px; left: 57.43056vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item04 { width: 384px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item04 { top: -188px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item04 { left: 827px } } .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-image { padding-bottom: 116.14583% } .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-cta { bottom: -64px; bottom: -4.44444vw; left: 226px; left: 15.69444vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-cta { bottom: -64px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-cta { left: 226px } } .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-shadow { width: 450px; width: 31.25vw; top: 10px; top: .69444vw; left: -10px; left: -.69444vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-shadow { width: 450px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-shadow { top: 10px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-shadow { left: -10px } } .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__popup { top: 57px; top: 3.95833vw; left: -149px; left: -10.34722vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__popup { top: 57px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__popup { left: -149px } } .sc-tab .sc-tab-compatibility__text { position: relative; top: -258px; top: -17.91667vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 50 } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__text { top: -258px } } .sc-tab .sc-tab-compatibility__popup { display: none; position: absolute; width: 448px; width: 31.11111vw; height: 490px; height: 34.02778vw; border-radius: 48px; border-radius: 3.33333vw; background: #fff; -webkit-box-shadow: -7px 16px 20px rgba(0, 0, 0, .2); box-shadow: -7px 16px 20px rgba(0, 0, 0, .2); overflow: hidden; z-index: 60 } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup { width: 448px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup { height: 490px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup { border-radius: 48px } } .sc-tab .sc-tab-compatibility__popup.is-active { display: block } .sc-tab .sc-tab-compatibility__popup-inner { position: relative; width: 100%; height: 100%; padding-top: 38px; padding-top: 2.63889vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-inner { padding-top: 38px } } .sc-tab .sc-tab-compatibility__popup-close { position: absolute; width: 52px; width: 3.61111vw; height: 52px; height: 3.61111vw; top: 36px; top: 2.5vw; right: 36px; right: 2.5vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-close { width: 52px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-close { height: 52px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-close { top: 36px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-close { right: 36px } } .rtl .sc-tab .sc-tab-compatibility__popup-close { right: auto; left: 36px; left: 2.5vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-compatibility__popup-close { left: 36px } } .sc-tab .sc-tab-compatibility__popup-image { width: 148px; width: 10.27778vw; margin: 0 auto } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-image { width: 148px } } .sc-tab .sc-tab-compatibility__popup-image-inner { position: relative; padding-bottom: 145.94595% } .sc-tab .sc-tab-compatibility__popup-image img { position: absolute; width: 100% } .sc-tab .sc-tab-compatibility__popup-text { width: 100%; margin-top: 38px; margin-top: 2.63889vw; padding: 36px; padding: 2.5vw; background: #f4f7fe } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-text { margin-top: 38px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-text { padding: 36px } } .sc-tab .sc-tab-compatibility__popup-title { font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-weight: 700; font-size: 28px; font-size: 1.94444vw; line-height: 1.21 } html[lang^="th"] .sc-tab .sc-tab-compatibility__popup-title { font-size: 37.8px; font-size: 2.625vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-title { font-size: 28px } html[lang^="th"] .sc-tab .sc-tab-compatibility__popup-title { font-size: 37.8px } } html[lang^="th"] .sc-tab .sc-tab-compatibility__popup-title { line-height: .9075 } .sc-tab .sc-tab-compatibility__popup-cta { width: 182px; width: 12.63889vw; margin-left: 12px; margin-left: .83333vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-cta { width: 182px } } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-cta { margin-left: 12px } } .sc-tab .sc-tab-compatibility__popup-cta-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 32px; padding-top: 2.22222vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-cta-wrap { padding-top: 32px } } .sc-tab .sc-tab-compatibility__popup-cta-link { display: block; padding: 17px 11px; padding: 1.18056vw .76389vw; font-size: 16px; font-size: 1.11111vw; line-height: 1.39; font-weight: 700; border: 2px solid; border-radius: 50px; text-align: center; -webkit-transition-property: color, background-color, border-color; -o-transition-property: color, background-color, border-color; transition-property: color, background-color, border-color; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1); -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: cubic-bezier(.4, 0, .2, 1) } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-cta-link { padding: 17px 11px } } html[lang^="th"] .sc-tab .sc-tab-compatibility__popup-cta-link { font-size: 21.6px; font-size: 1.5vw } @media (min-width:1440px) { .sc-tab .sc-tab-compatibility__popup-cta-link { font-size: 16px } html[lang^="th"] .sc-tab .sc-tab-compatibility__popup-cta-link { font-size: 21.6px } } html[lang^="th"] .sc-tab .sc-tab-compatibility__popup-cta-link { line-height: 1.0425 } .sc-tab .sc-tab-compatibility__popup-cta-link.sc-cta-outline { color: #000; border-color: #000 } .sc-tab .sc-tab-compatibility__popup-cta-link.sc-cta-outline:focus, .sc-tab .sc-tab-compatibility__popup-cta-link.sc-cta-outline:hover { color: #555; border-color: #555; background-color: rgba(0, 0, 0, .05) } .sc-tab .sc-tab-compatibility__popup-cta-link.sc-cta-fill { color: #fff; border-color: #000; background-color: #000 } .sc-tab .sc-tab-compatibility__popup-cta-link.sc-cta-fill:focus, .sc-tab .sc-tab-compatibility__popup-cta-link.sc-cta-fill:hover { color: #eee; border-color: #555; background: #555 } .sc-tab .sc-tab-compatibility__popup-cta:first-child { margin-left: 0 } .rtl .sc-tab .sc-tab-compatibility__popup-cta { margin-left: 0; margin-right: 12px; margin-right: .83333vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-compatibility__popup-cta { margin-right: 12px } } .rtl .sc-tab .sc-tab-compatibility__popup-cta:first-child { margin-left: auto; margin-right: 0 } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility { padding: 151.46667px 0 106.66667px; padding: 19.72222vw 0 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility { padding: 71px 0 50px; padding: 19.72222vw 0 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__wrap { width: 100% } .sc-tab .sc-tab-compatibility__headline { width: 324.26667px; width: 42.22222vw; padding: 0; font-size: 72.53333px; font-size: 9.44444vw; line-height: 1.17 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__headline { width: 152px; width: 42.22222vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-compatibility__headline { font-size: 105.17333px; font-size: 13.69444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__headline { font-size: 34px; font-size: 9.44444vw } html[lang^="th"] .sc-tab .sc-tab-compatibility__headline { font-size: 49.3px; font-size: 13.69444vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-compatibility__headline { line-height: .8775 } html[lang^="my"] .sc-tab .sc-tab-compatibility__headline { line-height: 1.4 } .sc-tab .sc-tab-compatibility__item { position: relative; width: 100%!important } .sc-tab .sc-tab-compatibility__item-wrap { direction: ltr } .sc-tab .sc-tab-compatibility__item-wrap.item-wrap01 { height: 672px; height: 87.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item-wrap.item-wrap01 { height: 315px; height: 87.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item-wrap.item-wrap02 { height: 539.73333px; height: 70.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item-wrap.item-wrap02 { height: 253px; height: 70.27778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item-cta { padding: 17.06667px; padding: 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item-cta { padding: 8px; padding: 2.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item-cta-link { width: 70.4px; width: 9.16667vw; height: 70.4px; height: 9.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item-cta-link { width: 33px; width: 9.16667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item-cta-link { height: 33px; height: 9.16667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item01 { top: -51.2px; top: -6.66667vw; left: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item01 { top: -24px; top: -6.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-image { width: 448px; width: 58.33333vw; left: -74.66667px; left: -9.72222vw; padding-bottom: 104.7619% } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-image { width: 210px; width: 58.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-image { left: -35px; left: -9.72222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-cta { top: 258.13333px; top: 33.61111vw; left: 160px; left: 20.83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-cta { top: 121px; top: 33.61111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-cta { left: 75px; left: 20.83333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-shadow { width: 512px; width: 66.66667vw; top: 36.26667px; top: 4.72222vw; left: -21.33333px; left: -2.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-shadow { width: 240px; width: 66.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-shadow { top: 17px; top: 4.72222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__item-shadow { left: -10px; left: -2.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__popup { top: 115.2px; top: 15vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item01 .sc-tab-compatibility__popup { top: 54px; top: 15vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item02 { right: 0; top: -576px; top: -75vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item02 { top: -270px; top: -75vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-image { width: 640px; width: 83.33333vw; right: -330.66667px; right: -43.05556vw; padding-bottom: 86.66667% } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-image { width: 300px; width: 83.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-image { right: -155px; right: -43.05556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-cta { top: -72.53333px; top: -9.44444vw; left: 561.06667px; left: 73.05556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-cta { top: -34px; top: -9.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-cta { left: 263px; left: 73.05556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-shadow { width: 682.66667px; width: 88.88889vw; top: 106.66667px; top: 13.88889vw; left: 313.6px; left: 40.83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-shadow { width: 320px; width: 88.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-shadow { top: 50px; top: 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__item-shadow { left: 147px; left: 40.83333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__popup { top: -164.26667px; top: -21.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item02 .sc-tab-compatibility__popup { top: -77px; top: -21.38889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item03 { left: 0; top: -17.06667px; top: -2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item03 { top: -8px; top: -2.22222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-image { width: 234.66667px; width: 30.55556vw; left: 100.26667px; left: 13.05556vw; padding-bottom: 94.54545% } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-image { width: 110px; width: 30.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-image { left: 47px; left: 13.05556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-cta { top: 164.26667px; top: 21.38889vw; left: 85.33333px; left: 11.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-cta { top: 77px; top: 21.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-cta { left: 40px; left: 11.11111vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-shadow { width: 277.33333px; width: 36.11111vw; top: 23.46667px; top: 3.05556vw; left: 121.6px; left: 15.83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-shadow { width: 130px; width: 36.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-shadow { top: 11px; top: 3.05556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__item-shadow { left: 57px; left: 15.83333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__popup { top: -74.66667px; top: -9.72222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item03 .sc-tab-compatibility__popup { top: -35px; top: -9.72222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item04 { left: 0; top: -644.26667px; top: -83.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item04 { top: -302px; top: -83.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-image { width: 311.46667px; width: 40.55556vw; left: 497.06667px; left: 64.72222vw; padding-bottom: 116.43836% } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-image { width: 146px; width: 40.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-image { left: 233px; left: 64.72222vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-cta { bottom: 482.13333px; bottom: 62.77778vw; left: 448px; left: 58.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-cta { bottom: 226px; bottom: 62.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-cta { left: 210px; left: 58.33333vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-shadow { width: 362.66667px; width: 47.22222vw; top: 8.53333px; top: 1.11111vw; left: 499.2px; left: 65vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-shadow { width: 170px; width: 47.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-shadow { top: 4px; top: 1.11111vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__item-shadow { left: 234px; left: 65vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__popup { top: -177.06667px; top: -23.05556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__item.item04 .sc-tab-compatibility__popup { top: -83px; top: -23.05556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__text { top: -49.06667px; top: -6.38889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__text { top: -23px; top: -6.38889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__popup { width: 576px; width: 75vw; height: auto; top: 0; left: 50%!important; -webkit-transform: translateX(-50%)!important; -ms-transform: translateX(-50%)!important; transform: translateX(-50%)!important; border-radius: 64px; border-radius: 8.33333vw; -webkit-box-shadow: 2px 5px 20px rgba(0, 0, 0, .2); box-shadow: 2px 5px 20px rgba(0, 0, 0, .2) } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup { width: 270px; width: 75vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup { border-radius: 30px; border-radius: 8.33333vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-compatibility__popup { direction: rtl } .sc-tab .sc-tab-compatibility__popup-inner { padding-top: 42.66667px; padding-top: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-inner { padding-top: 20px; padding-top: 5.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__popup-close { width: 68.26667px; width: 8.88889vw; height: 68.26667px; height: 8.88889vw; top: 51.2px; top: 6.66667vw; right: 51.2px; right: 6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-close { width: 32px; width: 8.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-close { height: 32px; height: 8.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-close { top: 24px; top: 6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-close { right: 24px; right: 6.66667vw } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-compatibility__popup-close { right: auto; left: 51.2px; left: 6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-compatibility__popup-close { left: 24px; left: 6.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__popup-image { width: 192px; width: 25vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-image { width: 90px; width: 25vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__popup-image-inner { padding-bottom: 144.44444% } .sc-tab .sc-tab-compatibility__popup-text { margin-top: 42.66667px; margin-top: 5.55556vw; padding: 51.2px; padding: 6.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-text { margin-top: 20px; margin-top: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-text { padding: 24px; padding: 6.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__popup-title { font-size: 38.4px; font-size: 5vw; line-height: 1.22 } html[lang^="th"] .sc-tab .sc-tab-compatibility__popup-title { font-size: 51.84px; font-size: 6.75vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-title { font-size: 18px; font-size: 5vw } html[lang^="th"] .sc-tab .sc-tab-compatibility__popup-title { font-size: 24.3px; font-size: 6.75vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-compatibility__popup-title { line-height: .915 } html[lang^="my"] .sc-tab .sc-tab-compatibility__popup-title { line-height: 1.4 } .sc-tab .sc-tab-compatibility__popup-cta { width: 226.13333px; width: 29.44444vw; margin-left: 21.33333px; margin-left: 2.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-cta { width: 106px; width: 29.44444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-cta { margin-left: 10px; margin-left: 2.77778vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__popup-cta-wrap { padding-top: 42.66667px; padding-top: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-cta-wrap { padding-top: 20px; padding-top: 5.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-compatibility__popup-cta-link { padding: 27.73333px 10.66667px; padding: 3.61111vw 1.38889vw; font-size: 21.33333px; font-size: 2.77778vw; line-height: 1.2; font-weight: 700; border: 1px solid #000 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-cta-link { padding: 13px 5px; padding: 3.61111vw 1.38889vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-compatibility__popup-cta-link { font-size: 28.8px; font-size: 3.75vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-compatibility__popup-cta-link { font-size: 10px; font-size: 2.77778vw } html[lang^="th"] .sc-tab .sc-tab-compatibility__popup-cta-link { font-size: 13.5px; font-size: 3.75vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-compatibility__popup-cta-link { line-height: .9 } html[lang^="my"] .sc-tab .sc-tab-compatibility__popup-cta-link { line-height: 1.4 } .rtl .sc-tab .sc-tab-compatibility__popup-cta { margin-left: 0; margin-right: 21.33333px; margin-right: 2.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-compatibility__popup-cta { margin-right: 10px; margin-right: 2.77778vw } } .sc-tab .sc-tab-keyboard { background-color: #f4f4f4 } .sc-tab .sc-tab-keyboard__wrap { position: relative; width: 988px; width: 68.61111vw; margin: 0 auto; padding: 50px 0 60px; padding: 3.47222vw 0 4.16667vw } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__wrap { width: 988px } } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__wrap { padding: 50px 0 60px } } .sc-tab .sc-tab-keyboard__content { margin: 0 auto; width: 621px; width: 43.125vw; margin-left: 367px; margin-left: 25.48611vw } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__content { width: 621px } } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__content { margin-left: 367px } } .sc-tab .sc-tab-keyboard__product { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .sc-tab .sc-tab-keyboard__product-text { width: 646px; width: 44.86111vw; padding: 13px 0 15px; padding: .90278vw 0 1.04167vw } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__product-text { width: 646px } } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__product-text { padding: 13px 0 15px } } .sc-tab .sc-tab-keyboard__product-eyebrow { width: 400px; width: 27.77778vw; font-size: 16px; font-size: 1.11111vw; font-weight: 700; color: #767676 } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__product-eyebrow { width: 400px } } html[lang^="th"] .sc-tab .sc-tab-keyboard__product-eyebrow { font-size: 21.6px; font-size: 1.5vw } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__product-eyebrow { font-size: 16px } html[lang^="th"] .sc-tab .sc-tab-keyboard__product-eyebrow { font-size: 21.6px } } .sc-tab .sc-tab-keyboard__product-headline { width: 400px; width: 27.77778vw; margin-top: 11px; margin-top: .76389vw; font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 24px; font-size: 1.66667vw; line-height: 1.3 } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__product-headline { width: 400px } } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__product-headline { margin-top: 11px } } html[lang^="th"] .sc-tab .sc-tab-keyboard__product-headline { font-size: 32.4px; font-size: 2.25vw } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__product-headline { font-size: 24px } html[lang^="th"] .sc-tab .sc-tab-keyboard__product-headline { font-size: 32.4px } } html[lang^="th"] .sc-tab .sc-tab-keyboard__product-headline { line-height: .975 } .sc-tab .sc-tab-keyboard__product-image { -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; width: 220px; width: 15.27778vw; height: 130px; height: 9.02778vw } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__product-image { width: 220px } } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__product-image { height: 130px } } .sc-tab .sc-tab-keyboard__product-image-inner { width: 170px; width: 11.80556vw; height: 130px; height: 9.02778vw } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__product-image-inner { width: 170px } } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__product-image-inner { height: 130px } } .sc-tab .sc-tab-keyboard__product-image-inner img { width: 100% } .sc-tab .sc-tab-keyboard__cta { display: inline-block; max-width: 100%; color: #000 } .sc-tab .sc-tab-keyboard__cta-wrap { margin-top: 20px; margin-top: 1.38889vw } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__cta-wrap { margin-top: 20px } } .sc-tab .sc-tab-keyboard__cta-copy { display: inline; vertical-align: middle; font-size: 16px; font-size: 1.11111vw; text-decoration: underline } html[lang^="th"] .sc-tab .sc-tab-keyboard__cta-copy { font-size: 21.6px; font-size: 1.5vw } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__cta-copy { font-size: 16px } html[lang^="th"] .sc-tab .sc-tab-keyboard__cta-copy { font-size: 21.6px } } .sc-tab .sc-tab-keyboard__cta-icon { display: inline-block; vertical-align: middle; width: 16px; width: 1.11111vw; height: 16px; height: 1.11111vw; margin-left: 10px; margin-left: .69444vw; margin-top: -2px; margin-top: -.13889vw } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__cta-icon { width: 16px } } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__cta-icon { height: 16px } } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__cta-icon { margin-left: 10px } } @media (min-width:1440px) { .sc-tab .sc-tab-keyboard__cta-icon { margin-top: -2px } } .sc-tab .sc-tab-keyboard__cta-icon img { width: 100% } @media screen and (width:768px) { .sc-tab .sc-tab-keyboard__cta-icon { width: 10px!important; height: 10px!important } } @media screen and (max-width:767px) { .sc-tab .sc-tab-keyboard__wrap { width: 100%; padding: 36.26667px 76.8px 106.66667px; padding: 4.72222vw 10vw 13.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__wrap { padding: 17px 36px 50px; padding: 4.72222vw 10vw 13.88889vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-keyboard__content { padding: 0; width: 100%; margin-left: 0 } .sc-tab .sc-tab-keyboard__product { width: 100%; text-align: center; padding-top: 0 } .sc-tab .sc-tab-keyboard__product-text { width: 100%; padding: 0 } .sc-tab .sc-tab-keyboard__product-eyebrow { width: 100%; font-size: 25.6px; font-size: 3.33333vw; font-weight: 700 } html[lang^="th"] .sc-tab .sc-tab-keyboard__product-eyebrow { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__product-eyebrow { font-size: 12px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-keyboard__product-eyebrow { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-keyboard__product-headline { width: 100%; margin-top: 14.93333px; margin-top: 1.94444vw; font-size: 42.66667px; font-size: 5.55556vw; line-height: 1.3 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__product-headline { margin-top: 7px; margin-top: 1.94444vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-keyboard__product-headline { font-size: 57.6px; font-size: 7.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__product-headline { font-size: 20px; font-size: 5.55556vw } html[lang^="th"] .sc-tab .sc-tab-keyboard__product-headline { font-size: 27px; font-size: 7.5vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-keyboard__product-headline { line-height: .975 } html[lang^="my"] .sc-tab .sc-tab-keyboard__product-headline { line-height: 1.4 } .sc-tab .sc-tab-keyboard__product-image { position: absolute; left: 50%; top: 160px; top: 20.83333vw; width: 320px; width: 41.66667vw; height: 245.33333px; height: 31.94444vw; margin: 0!important; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__product-image { top: 75px; top: 20.83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__product-image { width: 150px; width: 41.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__product-image { height: 115px; height: 31.94444vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-keyboard__product-image-inner { width: 320px; width: 41.66667vw; height: 245.33333px; height: 31.94444vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__product-image-inner { width: 150px; width: 41.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__product-image-inner { height: 115px; height: 31.94444vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-keyboard__cta-wrap { width: 100%; margin-top: 345.6px; margin-top: 45vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__cta-wrap { margin-top: 162px; margin-top: 45vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-keyboard__cta-copy { font-size: 25.6px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-keyboard__cta-copy { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__cta-copy { font-size: 12px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-keyboard__cta-copy { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-keyboard__cta-icon { width: 25.6px; width: 3.33333vw; height: 25.6px; height: 3.33333vw; margin-left: 17.06667px; margin-left: 2.22222vw; margin-top: -2.13333px; margin-top: -.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__cta-icon { width: 12px; width: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__cta-icon { height: 12px; height: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__cta-icon { margin-left: 8px; margin-left: 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-keyboard__cta-icon { margin-top: -1px; margin-top: -.27778vw } } .rtl .sc-tab .sc-tab-keyboard__cta-icon { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); margin-left: 0; margin-right: 10px; margin-right: .69444vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-keyboard__cta-icon { margin-right: 10px } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-keyboard__cta-icon { margin-left: 0; margin-right: 17.06667px; margin-right: 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-keyboard__cta-icon { margin-right: 8px; margin-right: 2.22222vw } } .sc-tab .sc-tab-seamless { background-color: #f4f4f4 } .sc-tab .sc-tab-seamless__wrap { position: relative; width: 988px; width: 68.61111vw; margin: 0 auto; padding: 98px 0 112px; padding: 6.80556vw 0 7.77778vw } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__wrap { width: 988px } } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__wrap { padding: 98px 0 112px } } .sc-tab .sc-tab-seamless__product { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .sc-tab .sc-tab-seamless__product-text { width: 569px; width: 39.51389vw; padding: 140px 0 125px; padding: 9.72222vw 0 8.68056vw } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__product-text { width: 569px } } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__product-text { padding: 140px 0 125px } } .sc-tab .sc-tab-seamless__product-headline { width: 530px; width: 36.80556vw; font-family: SamsungSharpSans, SamsungOne, "sans serif"; font-size: 36px; font-size: 2.5vw; line-height: 1.28; color: #000 } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__product-headline { width: 530px } } html[lang^="th"] .sc-tab .sc-tab-seamless__product-headline { font-size: 48.6px; font-size: 3.375vw } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__product-headline { font-size: 36px } html[lang^="th"] .sc-tab .sc-tab-seamless__product-headline { font-size: 48.6px } } html[lang^="th"] .sc-tab .sc-tab-seamless__product-headline { line-height: .96 } .sc-tab .sc-tab-seamless__product-image { -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; width: 350px; width: 24.30556vw; height: 500px; height: 34.72222vw; margin-right: 69px; margin-right: 4.79167vw } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__product-image { width: 350px } } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__product-image { height: 500px } } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__product-image { margin-right: 69px } } .rtl .sc-tab .sc-tab-seamless__product-image { margin-right: 0; margin-left: 69px; margin-left: 4.79167vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-seamless__product-image { margin-left: 69px } } .sc-tab .sc-tab-seamless__product-image-inner { width: 350px; width: 24.30556vw; height: 500px; height: 34.72222vw } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__product-image-inner { width: 350px } } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__product-image-inner { height: 500px } } .sc-tab .sc-tab-seamless__product-image-inner img { width: 100% } .sc-tab .sc-tab-seamless__cta { display: inline-block; max-width: 100%; color: #000 } .sc-tab .sc-tab-seamless__cta-wrap { margin-top: 66px; margin-top: 4.58333vw } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__cta-wrap { margin-top: 66px } } .sc-tab .sc-tab-seamless__cta-copy { display: inline; vertical-align: middle; font-size: 24px; font-size: 1.66667vw; text-decoration: underline } html[lang^="th"] .sc-tab .sc-tab-seamless__cta-copy { font-size: 32.4px; font-size: 2.25vw } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__cta-copy { font-size: 24px } html[lang^="th"] .sc-tab .sc-tab-seamless__cta-copy { font-size: 32.4px } } .sc-tab .sc-tab-seamless__cta-icon { display: inline-block; vertical-align: middle; width: 20px; width: 1.38889vw; height: 20px; height: 1.38889vw; margin-left: 10px; margin-left: .69444vw; margin-top: -1px } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__cta-icon { width: 20px } } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__cta-icon { height: 20px } } @media (min-width:1440px) { .sc-tab .sc-tab-seamless__cta-icon { margin-left: 10px } } .sc-tab .sc-tab-seamless__cta-icon img { width: 100% } @media screen and (width:768px) { .sc-tab .sc-tab-seamless__cta-icon { width: 12px!important; height: 12px!important; margin-top: -2px } } @media screen and (max-width:767px) { .sc-tab .sc-tab-seamless__wrap { width: 100%; padding: 85.33333px 0 128px; padding: 11.11111vw 0 16.66667vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__wrap { padding: 40px 0 60px; padding: 11.11111vw 0 16.66667vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-seamless__product { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; text-align: center } .sc-tab .sc-tab-seamless__product-text { width: 100%; padding: 490.66667px 0 0; padding: 63.88889vw 0 0 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__product-text { padding: 230px 0 0; padding: 63.88889vw 0 0 } } @media screen and (max-width:767px) { .sc-tab .sc-tab-seamless__product-eyebrow { display: none } .sc-tab .sc-tab-seamless__product-headline { width: 100%; padding: 0 153.6px; padding: 0 20vw; font-size: 32px; font-size: 4.16667vw; line-height: 1.4 } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__product-headline { padding: 0 72px; padding: 0 20vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-seamless__product-headline { font-size: 43.2px; font-size: 5.625vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__product-headline { font-size: 15px; font-size: 4.16667vw } html[lang^="th"] .sc-tab .sc-tab-seamless__product-headline { font-size: 20.25px; font-size: 5.625vw } } @media screen and (max-width:767px) { html[lang^="th"] .sc-tab .sc-tab-seamless__product-headline { line-height: 1.05 } html[lang^="my"] .sc-tab .sc-tab-seamless__product-headline { line-height: 1.6 } .sc-tab .sc-tab-seamless__product-image { position: absolute; display: block; width: 298.66667px; width: 38.88889vw; height: 426.66667px; height: 55.55556vw; margin-right: 0; top: 0; left: 50%; right: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__product-image { width: 140px; width: 38.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__product-image { height: 200px; height: 55.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-seamless__product-image-inner { width: 298.66667px; width: 38.88889vw; height: 426.66667px; height: 55.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__product-image-inner { width: 140px; width: 38.88889vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__product-image-inner { height: 200px; height: 55.55556vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-seamless__cta-wrap { width: 100%; margin-top: 42.66667px; margin-top: 5.55556vw; padding: 0 76.8px; padding: 0 10vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__cta-wrap { margin-top: 20px; margin-top: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__cta-wrap { padding: 0 36px; padding: 0 10vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-seamless__cta-copy { font-size: 25.6px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-seamless__cta-copy { font-size: 34.56px; font-size: 4.5vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__cta-copy { font-size: 12px; font-size: 3.33333vw } html[lang^="th"] .sc-tab .sc-tab-seamless__cta-copy { font-size: 16.2px; font-size: 4.5vw } } @media screen and (max-width:767px) { .sc-tab .sc-tab-seamless__cta-icon { width: 25.6px; width: 3.33333vw; height: 25.6px; height: 3.33333vw; margin-left: 17.06667px; margin-left: 2.22222vw; margin-top: -2.13333px; margin-top: -.27778vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__cta-icon { width: 12px; width: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__cta-icon { height: 12px; height: 3.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__cta-icon { margin-left: 8px; margin-left: 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .sc-tab .sc-tab-seamless__cta-icon { margin-top: -1px; margin-top: -.27778vw } } .rtl .sc-tab .sc-tab-seamless__cta-icon { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); margin-left: 0; margin-right: 10px; margin-right: .69444vw } @media (min-width:1440px) { .rtl .sc-tab .sc-tab-seamless__cta-icon { margin-right: 10px } } @media screen and (max-width:767px) { .rtl .sc-tab .sc-tab-seamless__cta-icon { margin-left: 0; margin-right: 17.06667px; margin-right: 2.22222vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .sc-tab .sc-tab-seamless__cta-icon { margin-right: 8px; margin-right: 2.22222vw } } .cp-high-contrast__inner { max-width: 1440px; margin: 0 auto; padding: 15px 0 17px; padding: 1.04167vw 0 1.18056vw; font-size: 0; text-align: right } @media (min-width:1440px) { .cp-high-contrast__inner { padding: 15px 0 17px } } .rtl .cp-high-contrast__inner { text-align: left } .cp-high-contrast .btn-contrast { display: inline-block; margin-left: 3px; margin-left: .20833vw; padding: 1px } @media (min-width:1440px) { .cp-high-contrast .btn-contrast { margin-left: 3px } } .rtl .cp-high-contrast .btn-contrast { margin-left: 0; margin-right: 3px; margin-right: .20833vw } @media (min-width:1440px) { .rtl .cp-high-contrast .btn-contrast { margin-right: 3px } } .cp-high-contrast .btn-contrast:first-child { margin-left: 0 } .rtl .cp-high-contrast .btn-contrast:first-child { margin-right: 0 } .cp-high-contrast .btn-contrast span { display: inline-block; width: 30px; width: 2.08333vw; height: 30px; height: 2.08333vw; font-size: 13px; font-size: .90278vw; line-height: 28px; line-height: 1.94444vw; text-align: center; border-width: 2px; border-style: solid } @media (min-width:1440px) { .cp-high-contrast .btn-contrast span { width: 30px } } @media (min-width:1440px) { .cp-high-contrast .btn-contrast span { height: 30px } } html[lang^="th"] .cp-high-contrast .btn-contrast span { font-size: 17.55px; font-size: 1.21875vw } @media (min-width:1440px) { .cp-high-contrast .btn-contrast span { font-size: 13px } html[lang^="th"] .cp-high-contrast .btn-contrast span { font-size: 17.55px } } @media (min-width:1440px) { .cp-high-contrast .btn-contrast span { line-height: 28px } } .cp-high-contrast .btn-contrast.type-contrast span { color: #fff01f; border-color: #fff01f; background-color: #000 } .cp-high-contrast .btn-contrast.type-default span { color: #666; border-color: #bdbdbd; background-color: #fff } @media screen and (max-width:767px) { .cp-high-contrast__inner { padding: 21.33333px 34.13333px; padding: 2.77778vw 4.44444vw; text-align: left } } @media screen and (max-width:767px) and (max-width:360px) { .cp-high-contrast__inner { padding: 10px 16px; padding: 2.77778vw 4.44444vw } } @media screen and (max-width:767px) { .rtl .cp-high-contrast__inner { text-align: right } .cp-high-contrast .btn-contrast { margin-left: 6.4px; margin-left: .83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .cp-high-contrast .btn-contrast { margin-left: 3px; margin-left: .83333vw } } @media screen and (max-width:767px) { .rtl .cp-high-contrast .btn-contrast { margin-left: 0; margin-right: 6.4px; margin-right: .83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .cp-high-contrast .btn-contrast { margin-right: 3px; margin-right: .83333vw } } @media screen and (max-width:767px) { .cp-high-contrast .btn-contrast span { width: 64px; width: 8.33333vw; height: 64px; height: 8.33333vw; font-size: 27.73333px; font-size: 3.61111vw; line-height: 59.73333px; line-height: 7.77778vw } } @media screen and (max-width:767px) and (max-width:360px) { .cp-high-contrast .btn-contrast span { width: 30px; width: 8.33333vw } } @media screen and (max-width:767px) and (max-width:360px) { .cp-high-contrast .btn-contrast span { height: 30px; height: 8.33333vw } } @media screen and (max-width:767px) { html[lang^="th"] .cp-high-contrast .btn-contrast span { font-size: 37.44px; font-size: 4.875vw } } @media screen and (max-width:767px) and (max-width:360px) { .cp-high-contrast .btn-contrast span { font-size: 13px; font-size: 3.61111vw } html[lang^="th"] .cp-high-contrast .btn-contrast span { font-size: 17.55px; font-size: 4.875vw } } @media screen and (max-width:767px) and (max-width:360px) { .cp-high-contrast .btn-contrast span { line-height: 28px; line-height: 7.77778vw } } .m_content-desc { background-color: #f7f7f7 } .m_content-desc .m_feature-desc { padding: 42px 30px 40px; padding: 2.91667vw 2.08333vw 2.77778vw } @media (min-width:1440px) { .m_content-desc .m_feature-desc { padding: 42px 30px 40px } } .m_content-desc .f_header-type1 { position: static; max-width: 1024px; max-width: 71.11111vw; margin: 0 auto; text-align: left } @media (min-width:1440px) { .m_content-desc .f_header-type1 { max-width: 1024px } } @media screen and (min-width:1441px) { .m_content-desc .f_header-type1 { max-width: 1440px } } .rtl .m_content-desc .f_header-type1 { text-align: right } .m_content-desc ol { padding-left: 20px } .rtl .m_content-desc ol { padding-left: 0; padding-right: 20px } .m_content-desc ol li { font-size: 13px; line-height: 1.538; color: #666; list-style-type: decimal } .m_content-desc ol li a { color: inherit; -webkit-box-shadow: none; box-shadow: none } @media screen and (max-width:767px) { .m_content-desc .m_feature-desc { padding: 85.33333px 0 81.06667px; padding: 11.11111vw 0 10.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .m_content-desc .m_feature-desc { padding: 40px 0 38px; padding: 11.11111vw 0 10.55556vw } } @media screen and (max-width:767px) { .m_content-desc .f_header-type1 { max-width: inherit; margin: 0 38.4px; margin: 0 5vw; padding: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .m_content-desc .f_header-type1 { margin: 0 18px; margin: 0 5vw } } @media screen and (max-width:767px) { .m_content-desc ol { padding-left: 42.66667px; padding-left: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .m_content-desc ol { padding-left: 20px; padding-left: 5.55556vw } } @media screen and (max-width:767px) { .rtl .m_content-desc ol { padding-left: 0; padding-right: 42.66667px; padding-right: 5.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .m_content-desc ol { padding-right: 20px; padding-right: 5.55556vw } } @media screen and (max-width:767px) { .m_content-desc ol li { font-size: 27.73333px; font-size: 3.61111vw; line-height: 1.538 } html[lang^="th"] .m_content-desc ol li { font-size: 37.44px; font-size: 4.875vw } } @media screen and (max-width:767px) and (max-width:360px) { .m_content-desc ol li { font-size: 13px; font-size: 3.61111vw } html[lang^="th"] .m_content-desc ol li { font-size: 17.55px; font-size: 4.875vw } } @media screen and (max-width:767px) { html[lang^="th"] .m_content-desc ol li { line-height: 1.1535 } html[lang^="my"] .m_content-desc ol li { line-height: 1.6 } } #sideMenus { overflow: hidden; visibility: hidden; position: absolute; top: 0; bottom: 0; right: 0; z-index: 99; width: 170px } #sideMenus nav { -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; -o-transition: transform .5s, opacity .5s; transition: transform .5s, opacity .5s; transition: transform .5s, opacity .5s, -webkit-transform .5s } #sideMenus nav:after { position: absolute; top: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 200%; background: rgba(0, 0, 0, .95); content: "" } #sideMenus .nav-inner { position: relative; z-index: 1; text-align: center; -webkit-transition: opacity .1s; -o-transition: opacity .1s; transition: opacity .1s } #sideMenus a { display: block; -webkit-transform: translateZ(0); transform: translateZ(0); cursor: pointer } #sideMenus .icon { display: block; width: 62px; height: 62px; margin: 0 auto } #sideMenus li>.icon { cursor: auto } #sideMenus .c_title { display: block; margin-top: 12px; color: #fff; font-size: 12px; letter-spacing: .04em } #sideMenus .on .icon * { fill: #fff } #sideMenus .on .c_title { text-decoration: underline } #sideMenus.hide { display: none; pointer-events: none } #sideMenus.hide nav { pointer-events: none } #sideMenus.hide nav:after { opacity: 0 } #sideMenus.hide .nav-inner { opacity: 0 } #sideMenus.bright nav:after { background: rgba(255, 255, 255, .95) } #sideMenus.bright .icon * { fill: #000 } #sideMenus.bright .c_title { color: #000 } #sideMenus.bright .on .icon * { fill: #000 } .desktop #sideMenus a:focus .c_title, .desktop #sideMenus a:hover .c_title { text-decoration: underline } html.load #sideMenus { visibility: visible } html.load.dotcom #sideMenus { top: 0 } html.ie #sideMenus.hide { z-index: -1 } @supports ((-webkit-backdrop-filter:blur(.8em)) or (backdrop-filter:blur(.8em))) { #sideMenus nav:after { z-index: -1; background: rgba(0, 0, 0, .35); -webkit-backdrop-filter: blur(.8em); backdrop-filter: blur(.8em); opacity: 1 } #sideMenus.bright nav:after { z-index: -1; background: rgba(255, 255, 255, .35); -webkit-backdrop-filter: blur(.8em); backdrop-filter: blur(.8em); opacity: 1 } } @media screen and (max-width:1023px) and (min-width:768px) { html.dotcom #sideMenus nav { max-height: 918px } } @media screen and (max-width:767px) { #sideMenus { display: block; position: fixed; left: 0; top: auto!important; width: 100% } #sideMenus ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: distribute; justify-content: space-around; height: 86px } #sideMenus ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } #sideMenus .icon { width: 44px; height: 44px } #sideMenus .c_title { margin-top: 3px; font-size: 10px; text-align: center; white-space: nowrap } #sideMenus nav { -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, -webkit-transform .35s; -o-transition: transform .35s, opacity .35s; transition: transform .35s, opacity .35s; transition: transform .35s, opacity .35s, -webkit-transform .35s } } @media screen and (max-width:359px) { #sideMenus li+li { margin-left: 1.2vw } } @media screen and (min-width:1024px) { html.dotcom #sideMenus nav { max-height: 905px } } @media screen and (min-width:768px) { #sideMenus nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; height: 100% } #sideMenus li+li { margin-top: 32px } #sideMenus .c_title br { display: none } .highlights #sideMenus { overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; left: 0; bottom: auto; width: 100%; height: 0; max-width: 1920px; margin: 0 auto } .highlights #sideMenus nav { width: 170px; height: calc(100vh - 100px); max-height: 809px; min-height: 580px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box } .highlights #sideMenus nav:after { height: 100%; min-height: 100vh } html.dotcom .highlights #sideMenus nav { height: calc(100% - 212px); min-height: 918px } } .color_yb .sc-tab #desc-section li, .color_yb .sc-tab #desc-section li a:focus, .color_yb .sc-tab #desc-section-models li, .color_yb .sc-tab #desc-section-models li a:focus, .color_yb .sc-tab .m_content-desc ol, .color_yb .sc-tab .m_feature-desc, .color_yb .sc-tab .m_feature-desc ol, .color_yb .sc-tab .sc-tab-card__spec-charger-item, .color_yb .sc-tab .sc-tab-card__spec-charger-text, .color_yb .sc-tab .sc-tab-card__spec-chip-part, .color_yb .sc-tab .sc-tab-card__spec-chip-text, .color_yb .sc-tab .sc-tab-card__title, .color_yb .sc-tab .sc-tab-clip__benefit-info, .color_yb .sc-tab .sc-tab-compare__color-name, .color_yb .sc-tab .sc-tab-compare__header-title, .color_yb .sc-tab .sc-tab-compare__specs-feature, .color_yb .sc-tab .sc-tab-compare__specs-name, .color_yb .sc-tab .sc-tab-compare__table-description, .color_yb .sc-tab .sc-tab-compatibility__popup-title, .color_yb .sc-tab .sc-tab-connection__headline span, .color_yb .sc-tab .sc-tab-display__description, .color_yb .sc-tab .sc-tab-display__headline, .color_yb .sc-tab .sc-tab-display__product-detail p, .color_yb .sc-tab .sc-tab-duo__description, .color_yb .sc-tab .sc-tab-duo__disclaimer, .color_yb .sc-tab .sc-tab-duo__headline, .color_yb .sc-tab .sc-tab-expert-review__headline, .color_yb .sc-tab .sc-tab-expert-review__video-cta, .color_yb .sc-tab .sc-tab-expert-review__video-description, .color_yb .sc-tab .sc-tab-explore, .color_yb .sc-tab .sc-tab-explore__headline, .color_yb .sc-tab .sc-tab-framing__sub-text span, .color_yb .sc-tab .sc-tab-framing__sub-text-bottom, .color_yb .sc-tab .sc-tab-framing__sub-text-top, .color_yb .sc-tab .sc-tab-keyboard__product-eyebrow, .color_yb .sc-tab .sc-tab-keyboard__product-headline, .color_yb .sc-tab .sc-tab-kv__headline, .color_yb .sc-tab .sc-tab-kv__preview-headline, .color_yb .sc-tab .sc-tab-mobile__cta, .color_yb .sc-tab .sc-tab-mobile__product-eyebrow, .color_yb .sc-tab .sc-tab-mobile__product-headline, .color_yb .sc-tab .sc-tab-seamless__product-headline, .color_yb .sc-tab sup a, .color_yb .sc-tab-common__description, .color_yb .sc-tab-common__disclaimer, .color_yb .sc-tab-common__headline, .color_yb .sc-tab-common__sub-headline { background-color: #000!important; color: #fff01f!important } .color_yb .sc-tab .sc-tab-explore__tab-button { opacity: .7 } .color_yb .sc-tab .sc-tab-explore__tab-button.is-active { opacity: 1 } .color_yb .color_yb #sideMenus .icon * { fill: #fff01f!important; background: #000!important } .color_yb .color_yb #sideMenus .c_title { color: #fff01f!important; background: #000!important } .color_yb .sc-tab-keyboard__cta, .color_yb .sc-tab-kv__cta, .color_yb .sc-tab-seamless__cta, .color_yb .sc-tab-streaming__link { background-color: #fff01f!important; color: #000!important } .color_yb .sc-tab .sc-tab-compare__popup-close-bg { background-color: #fff01f } .color_yb .sc-tab-explore__compare-cta { border-color: #fff01f } .color_yb .sc-tab-explore__compare-cta:after { background-color: #fff01f } .color_yb .sc-tab-explore__compare-cta span { color: #fff01f } .color_yb .sc-tab #desc-section li a:focus { outline-color: #fff } .color_yb .sc-tab-compatibility__popup-cta-link.sc-cta-outline { color: #000; background-color: #fff01f } .color_yb .sc-tab-compatibility__popup-cta-link.sc-cta-outline:focus, .color_yb .sc-tab-compatibility__popup-cta-link.sc-cta-outline:hover { color: #fff01f; border-color: #000; background: #000 } .color_yb .sc-tab-compatibility__popup-cta-link.sc-cta-fill { color: #fff01f; background-color: #000 } .color_yb .sc-tab-compatibility__popup-cta-link.sc-cta-fill:focus, .color_yb .sc-tab-compatibility__popup-cta-link.sc-cta-fill:hover { color: #000; border-color: #fff01f; background: #fff01f } .color_yb .sc-tab-compatibility__item-cta-icon:after, .color_yb .sc-tab-compatibility__item-cta-icon:before { background-color: #fff01f } .dis { font-size: 13px; line-height: 1.538; margin-bottom: 10px; color: #666 } @media screen and (max-width:767px) { .dis { font-size: 3.61111vw; line-height: 1.538 } } p.sc-tab-common__headline.sc-tab-compatibility__headline_review { font-family: SamsungSharpSans, SamsungOne, "sans serif"; text-align: center; font-size: 3vw; } @media screen and (max-width: 767px) { p.sc-tab-common__headline.sc-tab-compatibility__headline_review { font-size: 9vw; } } .banner_feature_kv { position: relative; max-width: 1440px; margin: 0% auto; overflow: hidden; box-sizing: border-box; } .img_pc, .img_mo, .img_pc img, .img_mo img { text-align: center; } .img_mo { display: none; } @media screen and (max-width:1040px) { .banner_feature_kv { max-width: 768px; } .img_pc { display: none; } .img_mo { display: block; width: 100%; } } .boxa { height: 8.5%; position: absolute; width: 16%; bottom: 25.8%; left: 11.5%; } .cta--contained.cta--black-a { color: #fff !important; } @media screen and (max-width: 768px) { .boxa { height: 5%; position: absolute; width: 31%; bottom: 7.8%; left: 6%; } } .sc-tab .sc-tab-compatibility__popup-cta { margin: 30px auto; } p.c_desc-type2 { text-align: center; margin-bottom: 17px; padding: 1px; } </style> <div id="contents" class="sc-tab sc-dotcom"> <script> // akamai server : //images.samsung.com/sg/galaxy-tab-s8/feature/ // dam server : /content/dam/samsung/sg/tablets/galaxy-tab-s/galaxy-tab-s8/ var __TAB_SEQUENCE_URL = '//images.samsung.com/sg/galaxy-tab-s8/feature/'; var __TAB_USE_KV_CTA = 'pre-order'; // 'buy-now', 'pre-registration', 'pre-order', 'where-to-buy', 'off' var __TAB_USE_5G = 'on'; // 'on', 'off' var __TAB_USE_KEYBOARD = 'off'; // 'on', 'off' var __TAB_USE_BASE_SILVER = 'off'; // 'on', 'off' var __TAB_USE_BASE_PINKGOLD = 'on'; // 'on', 'off' var __TAB_USE_PLUS_SILVER = 'off'; // 'on', 'off' var __TAB_USE_PLUS_PINKGOLD = 'on'; // 'on', 'off' </script>   <div class="sc-tab-kv js-nav-top" id="KV"> <div class="sc-tab-kv__wrap"> <div class="sc-tab-kv__text"> <p class="sc-tab-kv__headline"> <strong> Galaxy <br class="sc-tab-common-br-mo">Tab S8 <span>|</span> S8+ <span>|</span> S8 Ultra 5G </strong> </p> <p class="c_desc-type2"> <b>Enjoy up to $150 off your Galaxy Tab S8 Series 5G purchase. Plus free gifts worth up to $657. <br>While stocks last. T&Cs apply.</b> </p>    <div class="sc-tab-kv__pre-regist"> <a href="#" class="sc-tab-kv__cta" title="Galaxy Tab S8 Series" data-omni-type="microsite_buyAction" data-omni="galaxy-tab-s8:highlights:key-vis:buy:pre-registration|;SM-X900N,;SM-X800N,;SM-X700N,;SM-X906B,;SM-X806B,;SM-X706B|SM-X900N,SM-X800N,SM-X700N,SM-X906B,SM-X806B,SM-X706B" ga-ca="buy cta" ga-ac="pre registration" ga-la="galaxy-tab-s8:highlights:key-vis:buy:pre-registration"> <span>PRE REGISTRATION</span> </a> </div>  <div class="sc-tab-kv__where"> <a href="#" class="sc-tab-kv__cta" title="Galaxy Tab S8 Series" data-omni-type="microsite_buyAction" data-omni="galaxy-tab-s8:highlights:key-vis:buy:where-to-buy|;SM-X900N,;SM-X800N,;SM-X700N,;SM-X906B,;SM-X806B,;SM-X706B|SM-X900N,SM-X800N,SM-X700N,SM-X906B,SM-X806B,SM-X706B" ga-ca="buy cta" ga-ac="where to buy" ga-la="galaxy-tab-s8:highlights:key-vis:buy:where-to-buy"> <span>WHERE TO BUY</span> </a> </div> </div> <div class="sc-tab-kv__track"> <div class="sc-tab-kv__image"> <p class="blind">A close-up of Galaxy Tab S8 Series with a planet in space onscreen to emphasize the ultra wide screen. S Pen is touching the ultra wide screen to show that it comes included in Galaxy Tab S8 Series. Then, there is a dramatic zoom into the planet in space.</p> <picture class="sc-tab-kv__image-main-blur"> <source media="(min-width: 1081px)" srcset="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv-blur.jpg"> <source media="(min-width: 768px)" srcset="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv-blur.jpg?imwidth=1080"> <source media="(min-width: 361px)" srcset="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv-mo-blur.jpg"> <source media="(max-width: 360px)" srcset="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv-mo-blur.jpg?imwidth=360"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv-blur.jpg" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv-mo-blur.jpg" alt="" aria-hidden="true"> </picture> <picture class="sc-tab-kv__image-main"> <source media="(min-width: 1081px)" srcset="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv.jpg"> <source media="(min-width: 768px)" srcset="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv.jpg?imwidth=1080"> <source media="(min-width: 361px)" srcset="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv-mo.jpg"> <source media="(max-width: 360px)" srcset="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv-mo.jpg?imwidth=360"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv-mo.jpg" alt="" aria-hidden="true"> </picture> <picture class="sc-tab-kv__image-pen"> <source media="(min-width: 1081px)" srcset="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif"> <source media="(min-width: 768px)" srcset="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif?imwidth=1080"> <source media="(min-width: 361px)" srcset="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv-s-pen.png"> <source media="(max-width: 360px)" srcset="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv-s-pen.png?imwidth=360"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv-s-pen.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-kv-s-pen.png?imwidth=360" alt="" aria-hidden="true"> </picture> </div> <div class="sc-tab-kv__preview"> <div class="sc-tab-kv__preview-contents"> <div class="sc-tab-kv__preview-wrap" role="list"> <p class="sc-tab-kv__preview-text" role="listitem"> <strong class="sc-tab-kv__preview-headline">The largest Samsung Galaxy Tab S</strong> </p> <p class="sc-tab-kv__preview-text" role="listitem"> <strong class="sc-tab-kv__preview-headline">Revolutionary power</strong> </p> <p class="sc-tab-kv__preview-text" role="listitem"> <strong class="sc-tab-kv__preview-headline">A brand new S Pen</strong> </p> </div> </div> </div> </div> </div> </div>   <div class="sc-tab-expert-review"> <div class="sc-tab-expert-review__wrap"> <p class="sc-tab-expert-review__headline"> Hear what the experts have to say </p> <div class="sc-tab-expert-review__video js-youtube-layer"> <div class="sc-tab-expert-review__video-visual"> <a href="https://www.youtube.com/watch?v=rEc3T3IwxXI" class="sc-tab-expert-review__video-link js-youtube-link" role="button" aria-label="Galaxy Tab S8 Ultra: Expert Review Highlights. Play video" data-omni-type="microsite_contentinter" data-omni="Hear what the experts have to say:play video" ga-ca="content click" ga-ac="feature" ga-la="Hear what the experts have to say:play video"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/sg/galaxy-tab-s8/feature/galaxy-tab-s8-expert-review-thumbnail.jpg" data-src-mobile="//images.samsung.com/is/image/samsung/assets/sg/galaxy-tab-s8/feature/galaxy-tab-s8-expert-review-thumbnail-mo.jpg" alt="Galaxy Tab S8 Ultra: Expert Review Highlights | Samsung" aria-hidden="true"> <div class="sc-tab-expert-review__video-cta"> <div class="sc-tab-expert-review__video-cta s-default"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/sg/galaxy-tab-s8/feature/youtube-btn-player.png" data-src-mobile="//images.samsung.com/is/image/samsung/assets/sg/galaxy-tab-s8/feature/youtube-btn-player-mo.png" alt="" aria-hidden="true"> </div> <div class="sc-tab-expert-review__video-cta s-over"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/sg/galaxy-tab-s8/feature/youtube-btn-player-over.png" data-src-mobile="//images.samsung.com/is/image/samsung/assets/sg/galaxy-tab-s8/feature/youtube-btn-player-over-mo.png" alt="" aria-hidden="true"> </div> </div> </a> <p class="js-youtube-desc blind" aria-hidden="true">A Galaxy Tab S8 Ultra with Book Cover Keyboard stands upright on a desk. Disclaimer: Tech reviewers share their thoughts on the Tab S8 Ultra. No payment was made to create the review. A license was obtained for a fee after content was posted on YouTube. Availability of model and colors vary by country and carrier. Hear what the experts have to say. Galaxy Tab S8 Ultra. @SamMobileTV. The Galaxy Tab S8 Ultra effortlessly attaches its magnetic keyboard. The buttons on the toolbar at the bottom right corner of the screen are within thumb’s reach. Entertainment. @Dave2D. Dave2D holds up the Galaxy Tab S8 Ultra to show the large size of the screen. @canoopsy. Canoopsy scrolls through a web page to demonstrate smooth movement and fast loading. Close-up shots of the speakers on all four sides. Multitasking. Dave2D arranges multiple windows open on the screen. The Samsung DeX welcome screen appears in another shot. A mechanical keyboard is connected via USB to the Galaxy Tab S8 Ultra. The user types in Word with other open windows visible on one screen. SamMobileTV manages recent apps, then drags his finger from the top of the screen to access the control panel. Shot of the rear of the Galaxy Tab S8 Ultra and the S Pen. Creativity. A user hand-writes a to-do list on-screen with the S Pen. The largeness of the Tab S8 Ultra is emphasized in a solo shot of the screen. In a close-up, the S Pen draws a smiley face and test lines on the display with realistic precision. Close up shot of the S Pen twirled in one hand to demonstrate grip and size. Final shot of the Galaxy Tab S8 Ultra’s screen. A black Galaxy Tab S8 Ultra spins from the rear, revealing a planetary image on its screen, and is joined by another in white, seen from the rear. They overlap and the S Pen is seen on top. Galaxy Tab S8 Ultra | S8+ 5G. Disclaimer: Device design may vary depending on model. Samsung logo.</p> </div> <p class="sc-tab-expert-review__video-description js-iframe-title" data-iframe-title="Galaxy Watch4: Expert Review Highlights video" aria-hidden="true"> Galaxy Tab S8 Ultra: Expert Review Highlights video </p> </div> </div> </div>   <section class="js-visible js-count">  <div class="sc-tab-display"> <div class="sc-tab-display__wrap"> <p class="sc-tab-display__headline js-nav-center" id="display"> <strong>Space for limitless possibilities</strong> </p> <div class="sc-tab-display__contents"> <div class="sc-tab-display__contents-wrap"> <p class="blind">A close-up of the Galaxy Tab S8 Ultra, Galaxy Tab S8+, and Galaxy Tab S8, with colorful background on each screen.</p> <div class="sc-tab-display__product sc-tab-display__product--ultra"> <div class="sc-tab-display__product-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-display.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-display.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-display-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-display-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-display__product-detail"> <p class="sc-tab-display__product-name"> Galaxy<br> Tab S8 Ultra </p> <p class="sc-tab-display__product-size">14.6"</p> </div> </div> <div class="sc-tab-display__product sc-tab-display__product--plus"> <div class="sc-tab-display__product-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-display.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-display.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-display-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-display-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-display__product-detail"> <p class="sc-tab-display__product-name"> Galaxy<br> Tab S8+ </p> <p class="sc-tab-display__product-size">12.4"</p> </div> </div> <div class="sc-tab-display__product sc-tab-display__product--normal"> <div class="sc-tab-display__product-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pink-gold-display.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pink-gold-display.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pink-gold-display-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pink-gold-display-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-display__product-detail"> <p class="sc-tab-display__product-name"> Galaxy<br> Tab S8 </p> <p class="sc-tab-display__product-size">11"</p> </div> </div> </div> </div> <p class="sc-tab-display__description"> Available in three different tablet models so you can find the perfect fit for you </p> </div> </div>  <div class="sc-tab-explore sc-tab-horizon-headline"> <div class="sc-tab-explore__bg"></div> <div class="sc-tab-explore__inner"> <div class="sc-tab-explore__tab"> <h2 class="blind">Design</h2> <p class="sc-tab-explore__tab-headline">Explore all three</p> <ul class="sc-tab-explore__tab-list" role="tablist"> <li class="sc-tab-explore__tab-item" role="presentation"> <button type="button" class="sc-tab-explore__tab-button is-active" role="tab" aria-controls="tabpanel1" aria-selected="true" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:overview:jump:tab-s8-ultra" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:overview:jump:tab-s8-ultra"> <span>Galaxy <br>Tab S8 Ultra</span> </button> </li> <li class="sc-tab-explore__tab-item" role="presentation"> <button type="button" class="sc-tab-explore__tab-button" role="tab" aria-controls="tabpanel2" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:overview:jump:tab-s8-plus" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:overview:jump:tab-s8-plus"> <span>Galaxy <br>Tab S8+</span> </button> </li> <li class="sc-tab-explore__tab-item" role="presentation"> <button type="button" class="sc-tab-explore__tab-button" role="tab" aria-controls="tabpanel3" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:overview:jump:tab-s8" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:overview:jump:tab-s8"> <span>Galaxy <br>Tab S8</span> </button> </li> </ul> </div> <div class="sc-tab-explore__track"> <div class="sc-tab-explore__item is-active" role="tabpanel" id="tabpanel1" aria-hidden="false"> <div class="sc-tab-explore__group"> <div class="sc-tab-explore__title-area"> <p class="sc-tab-explore__eyebrow">Galaxy Tab S8 Ultra</p> <h3 class="sc-tab-explore__headline">The new<br class="sc-tab-common-br-pc"> epic standard for tablets<br class="sc-tab-common-br-mo"> </h3> </div> <div class="sc-tab-explore__figure sc-tab-explore__figure--back-top"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img is-active" data-color="graphite" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-top-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-top-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-top-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-top-explore-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> </div> <div class="sc-tab-explore__group"> <div class="sc-tab-explore__figure sc-tab-explore__figure--back-bottom"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img is-active" data-color="graphite" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-bottom-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-bottom-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-bottom-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-bottom-explore-mo.jpg?imwidth=360" alt="Galaxy Tab S8 Ultra in Graphite finish from the back and slightly from the side to show the slim design."> </div> <div class="sc-tab-explore__detail"> <ul class="sc-tab-explore__colors" role="list"> <li role="listitem"> <button type="button" aria-hidden="false" class="sc-tab-explore__color is-active" data-color="graphite" title="selected" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:tab-s8-ultra:color:graphite" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:tab-s8-ultra:color:graphite"> <span class="sc-tab-explore__color-chip sc-tab-explore__color-chip--graphite"></span> <span class="sc-tab-explore__color-name"><span class="blind">Graphite</span></span> </button> </li> </ul> <p class="sc-tab-explore__description sc-tab-common__description">More than just space. <strong>The largest Samsung Galaxy Tab S</strong> is designed so you can create like a pro. Shoot with our first ultra wide front camera in a tablet and edit on the largest screen in the Samsung Galaxy Tab S. Get it all in a graphite finish that goes with everything.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">3</a></sup></p> <ul class="sc-tab-explore__specs" role="list"> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> 14.6" </div> <div class="sc-tab-explore__specs-name"> Super AMOLED <br>Display <sup><a href="#desc-section" class="click_sup" title="See disclaimer">1</a></sup> </div> </li> <li class="sc-tab-explore__specs-item s-target-5g" role="listitem"> <div class="sc-tab-explore__specs-feature"> 5G </div> <div class="sc-tab-explore__specs-name"> HyperFast </div> </li> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> 4 <sub>nm</sub> </div> <div class="sc-tab-explore__specs-name"> Processor </div> </li> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> 11,200 <sub>mAh</sub> </div> <div class="sc-tab-explore__specs-name"> (typical) Battery <sup><a href="#desc-section" class="click_sup" title="See disclaimer">2</a></sup> </div> </li> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> 12 <sub>MP</sub> </div> <div class="sc-tab-explore__specs-name"> Dual Front Camera <br>(Ultra Wide + Wide) </div> </li> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg" alt=""> </div> <div class="sc-tab-explore__specs-name"> On-screen <br>Fingerprint Scanner </div> </li> </ul> <div class="sc-tab-explore__compare"> <button type="button" aria-hidden="false" class="sc-tab-explore__compare-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:tab-s8-ultra:popup:compare" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:tab-s8-ultra:popup:compare"> <span>COMPARE ALL MODELS</span> </button> </div> </div> </div> </div> <div class="sc-tab-explore__item" role="tabpanel" id="tabpanel2" aria-hidden="true"> <div class="sc-tab-explore__group"> <div class="sc-tab-explore__title-area"> <p class="sc-tab-explore__eyebrow">Galaxy Tab S8+</p> <h3 class="sc-tab-explore__headline">Extra space to see the bigger picture<br class="sc-tab-common-br-mo"> </h3> </div> <div class="sc-tab-explore__figure sc-tab-explore__figure--back-top"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img is-active" data-color="graphite" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-graphite-back-top-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-graphite-back-top-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-graphite-back-top-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-graphite-back-top-explore-mo.jpg?imwidth=360" alt="" aria-hidden="true"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-color="silver" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-back-top-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-back-top-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-back-top-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-back-top-explore-mo.jpg?imwidth=360" alt="" aria-hidden="true"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-color="pinkgold" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-pinkgold-back-top-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-pinkgold-back-top-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-pinkgold-back-top-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-pinkgold-back-top-explore-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> </div> <div class="sc-tab-explore__group"> <div class="sc-tab-explore__figure sc-tab-explore__figure--back-bottom"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img is-active" data-color="graphite" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-graphite-back-bottom-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-graphite-back-bottom-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-graphite-back-bottom-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-graphite-back-bottom-explore-mo.jpg?imwidth=360" alt="Galaxy Tab S8+ in Graphite finish from the back and slightly from the side to show the slim design."> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-color="silver" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-back-bottom-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-back-bottom-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-back-bottom-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-back-bottom-explore-mo.jpg?imwidth=360" alt="Galaxy Tab S8+ in Silver finish from the back and slightly from the side to show the slim design."> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-color="pinkgold" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-pinkgold-back-bottom-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-pinkgold-back-bottom-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-pinkgold-back-bottom-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-pinkgold-back-bottom-explore-mo.jpg?imwidth=360" alt="Galaxy Tab S8+ in Pink Gold finish from the back and slightly from the side to show the slim design."> </div> <div class="sc-tab-explore__detail"> <ul class="sc-tab-explore__colors" role="list"> <li role="listitem"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-explore__color is-active" data-color="graphite" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:tab-s8-plus:color:graphite" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:tab-s8-plus:color:graphite"> <span class="sc-tab-explore__color-chip sc-tab-explore__color-chip--graphite"></span> <span class="sc-tab-explore__color-name"><span class="blind">Graphite</span></span> </button> </li> <li role="listitem"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-explore__color" data-color="silver" title="selected" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:tab-s8-plus:color:silver" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:tab-s8-plus:color:silver"> <span class="sc-tab-explore__color-chip sc-tab-explore__color-chip--silver"></span> <span class="sc-tab-explore__color-name"><span class="blind">Silver</span></span> </button> </li> <li role="listitem"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-explore__color" data-color="pinkgold" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:tab-s8-plus:color:pink-gold" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:tab-s8-plus:color:pink-gold"> <span class="sc-tab-explore__color-chip sc-tab-explore__color-chip--pinkgold"></span> <span class="sc-tab-explore__color-name"><span class="blind">Pink Gold</span></span> </button> </li> </ul> <p class="sc-tab-explore__description sc-tab-common__description">That plus really adds up to something. You get everything on the Galaxy Tab S8, plus a bigger 12.4" sAMOLED screen<sup><a href="#desc-section" class="click_sup" title="See disclaimer">2</a></sup>. A bigger battery. And an on-screen fingerprint scanner. Choose from Graphite or Pink Gold for your bold artistic taste.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">3</a></sup></p> <ul class="sc-tab-explore__specs" role="list"> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> 12.4" </div> <div class="sc-tab-explore__specs-name"> Super AMOLED Display <sup><a href="#desc-section" class="click_sup" title="See disclaimer">1</a></sup> </div> </li> <li class="sc-tab-explore__specs-item s-target-5g" role="listitem"> <div class="sc-tab-explore__specs-feature"> 5G </div> <div class="sc-tab-explore__specs-name"> HyperFast </div> </li> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> 4 <sub>nm</sub> </div> <div class="sc-tab-explore__specs-name"> Processor </div> </li> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> 10,090 <sub>mAh</sub> </div> <div class="sc-tab-explore__specs-name"> (typical) Battery <sup><a href="#desc-section" class="click_sup" title="See disclaimer">2</a></sup> </div> </li> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> 12 <sub>MP</sub> </div> <div class="sc-tab-explore__specs-name"> Ultra Wide Front Camera </div> </li> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg" alt=""> </div> <div class="sc-tab-explore__specs-name"> On-screen Fingerprint Scanner </div> </li> </ul> <div class="sc-tab-explore__compare"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-explore__compare-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:tab-s8-plus:popup:compare" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:tab-s8-plus:popup:compare"> <span>COMPARE ALL MODELS</span> </button> </div> </div> </div> </div> <div class="sc-tab-explore__item" role="tabpanel" id="tabpanel3" aria-hidden="true"> <div class="sc-tab-explore__group"> <div class="sc-tab-explore__title-area"> <p class="sc-tab-explore__eyebrow">Galaxy Tab S8</p> <h3 class="sc-tab-explore__headline">The power to take you anywhere<br class="sc-tab-common-br-mo"> </h3> </div> <div class="sc-tab-explore__figure sc-tab-explore__figure--back-top"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img is-active" data-color="graphite" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-back-top-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-back-top-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-back-top-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-back-top-explore-mo.jpg?imwidth=360" alt="" aria-hidden="true"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-color="silver" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-back-top-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-back-top-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-back-top-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-back-top-explore-mo.jpg?imwidth=360" alt="" aria-hidden="true"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-color="pinkgold" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pinkgold-back-top-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pinkgold-back-top-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pinkgold-back-top-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pinkgold-back-top-explore-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> </div> <div class="sc-tab-explore__group"> <div class="sc-tab-explore__figure sc-tab-explore__figure--back-bottom"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img is-active" data-color="graphite" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-back-bottom-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-back-bottom-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-back-bottom-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-back-bottom-explore-mo.jpg?imwidth=360" alt="Galaxy Tab S8 in Graphite finish from the back and slightly from the side to show the slim design."> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-color="silver" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-back-bottom-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-back-bottom-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-back-bottom-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-back-bottom-explore-mo.jpg?imwidth=360" alt="Galaxy Tab S8 in Silver finish from the back and slightly from the side to show the slim design."> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-color="pinkgold" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pinkgold-back-bottom-explore.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pinkgold-back-bottom-explore.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pinkgold-back-bottom-explore-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pinkgold-back-bottom-explore-mo.jpg?imwidth=360" alt="Galaxy Tab S8 in Pink Gold finish from the back and slightly from the side to show the slim design."> </div> <div class="sc-tab-explore__detail"> <ul class="sc-tab-explore__colors" role="list"> <li role="listitem"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-explore__color is-active" data-color="graphite" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:tab-s8:color:graphite" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:tab-s8:color:graphite"> <span class="sc-tab-explore__color-chip sc-tab-explore__color-chip--graphite"></span> <span class="sc-tab-explore__color-name"><span class="blind">Graphite</span></span> </button> </li> <li role="listitem"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-explore__color" data-color="silver" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:tab-s8:color:silver" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:tab-s8:color:silver"> <span class="sc-tab-explore__color-chip sc-tab-explore__color-chip--silver"></span> <span class="sc-tab-explore__color-name"><span class="blind">Silver</span></span> </button> </li> <li role="listitem"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-explore__color" data-color="pinkgold" title="selected" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:tab-s8:color:pink-gold" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:tab-s8:color:pink-gold"> <span class="sc-tab-explore__color-chip sc-tab-explore__color-chip--pinkgold"></span> <span class="sc-tab-explore__color-name"><span class="blind">Pink Gold</span></span> </button> </li> </ul> <p class="sc-tab-explore__description sc-tab-common__description s-target-5g">Built to take fun on the go. This 11" LCD screen has a ton to offer.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">2</a></sup> From 5G to a huge battery, and a 12MP Ultra Wide Front Camera. And of course, the S Pen is included. Take on your next adventure with style in Graphite or Pink Gold.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">3</a></sup></p> <p class="sc-tab-explore__description sc-tab-common__description s-show-5g">Built to take fun on the go. This 11" LCD screen has a ton to offer.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">2</a></sup> From a huge battery to a 12MP Ultra Wide Front Camera. And of course, the S Pen is included. Take on your next adventure with style in Graphite or Pink Gold.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">3</a></sup></p> <ul class="sc-tab-explore__specs" role="list"> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> 11" </div> <div class="sc-tab-explore__specs-name"> LTPS LCD <br>Display <sup><a href="#desc-section" class="click_sup" title="See disclaimer">1</a></sup> </div> </li> <li class="sc-tab-explore__specs-item s-target-5g" role="listitem"> <div class="sc-tab-explore__specs-feature"> 5G </div> <div class="sc-tab-explore__specs-name"> HyperFast </div> </li> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> 4 <sub>nm</sub> </div> <div class="sc-tab-explore__specs-name"> Processor </div> </li> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> 8,000 <sub>mAh</sub> </div> <div class="sc-tab-explore__specs-name"> (typical) Battery <sup><a href="#desc-section" class="click_sup" title="See disclaimer">2</a></sup> </div> </li> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> 12 <sub>MP</sub> </div> <div class="sc-tab-explore__specs-name"> Ultra Wide Front Camera </div> </li> <li class="sc-tab-explore__specs-item" role="listitem"> <div class="sc-tab-explore__specs-feature"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg" alt=""> </div> <div class="sc-tab-explore__specs-name"> Fingerprint Scanner on Power Key </div> </li> </ul> <div class="sc-tab-explore__compare"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-explore__compare-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:tab-s8:popup:compare" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:tab-s8:popup:compare"> <span>COMPARE ALL MODELS</span> </button> </div> </div> </div> </div> </div> </div> </div>  <div class="sc-tab-compare"> <div class="sc-tab-compare__popup"> <div class="sc-tab-compare__popup-dimmed"></div> <div class="sc-tab-compare__popup-wrapper"> <div class="sc-tab-compare__popup-close"> <div class="sc-tab-compare__popup-close-gradation"></div> <button class="sc-tab-compare__popup-close-cta" type="button"> <span class="sc-tab-compare__popup-close-bg"></span> <span class="blind">Close Popup</span> </button> </div> <div class="sc-tab-compare__popup-wrap"> <div class="sc-tab-compare__popup-inner"> <h3 class="sc-tab-compare__headline sc-tab-common__sub-headline" id="compareDescription"> Which Samsung <br>Galaxy Tab S8 is right <br class="sc-tab-common-br-mo">for you? </h3> <div class="sc-tab-compare__table"> <div class="sc-tab-compare__header"> <div class="sc-tab-compare__row" role="list"> <div class="sc-tab-compare__column" role="listitem"> <p class="sc-tab-compare__header-title">Galaxy <br>Tab S8 Ultra</p> <div class="sc-tab-compare__header-figure"> <div class="sc-tab-compare__header-image sc-tab-compare__header-image--s8-ultra"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img is-active" data-color="graphite" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-front-and-back.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-front-and-back.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-front-and-back-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-front-and-back-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> </div> <ul class="sc-tab-compare__header-colors" role="list"> <li role="listitem"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-compare__color is-active" data-color="graphite" title="selected" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:compare:color:tab-s8-ultra^graphite" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:compare:color:tab-s8-ultra^graphite"> <span class="sc-tab-compare__color-chip sc-tab-compare__color-chip--graphite"></span> <span class="sc-tab-compare__color-name"><span class="blind">Graphite</span></span> </button> </li> </ul> </div> <div class="sc-tab-compare__column" role="listitem"> <p class="sc-tab-compare__header-title">Galaxy <br>Tab S8+</p> <div class="sc-tab-compare__header-figure"> <div class="sc-tab-compare__header-image sc-tab-compare__header-image--s8-plus"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-color="graphite" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-graphite-front-and-back.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-graphite-front-and-back.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-graphite-front-and-back-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-graphite-front-and-back-mo.jpg?imwidth=360" alt="" aria-hidden="true"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img is-active" data-color="silver" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-front-and-back.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-front-and-back.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-front-and-back-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-silver-front-and-back-mo.jpg?imwidth=360" alt="" aria-hidden="true"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-color="pinkgold" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-pinkgold-front-and-back.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-pinkgold-front-and-back.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-pinkgold-front-and-back-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-plus-pinkgold-front-and-back-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> </div> <ul class="sc-tab-compare__header-colors" role="list"> <li role="listitem"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-compare__color is-active" data-color="graphite" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:compare:color:tab-s8-plus^graphite" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:compare:color:tab-s8-plus^graphite"> <span class="sc-tab-compare__color-chip sc-tab-compare__color-chip--graphite"></span> <span class="sc-tab-compare__color-name"><span class="blind">Graphite</span></span> </button> </li> <li role="listitem"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-compare__color is-active" data-color="silver" title="selected" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:compare:color:tab-s8-plus^silver" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:compare:color:tab-s8-plus^silver"> <span class="sc-tab-compare__color-chip sc-tab-compare__color-chip--silver"></span> <span class="sc-tab-compare__color-name"><span class="blind">Silver</span></span> </button> </li> <li role="listitem"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-compare__color" data-color="pinkgold" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:compare:color:tab-s8-plus^pink-gold" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:compare:color:tab-s8-plus^pink-gold"> <span class="sc-tab-compare__color-chip sc-tab-compare__color-chip--pinkgold"></span> <span class="sc-tab-compare__color-name"><span class="blind">Pink Gold</span></span> </button> </li> </ul> </div> <div class="sc-tab-compare__column" role="listitem"> <p class="sc-tab-compare__header-title">Galaxy <br>Tab S8</p> <div class="sc-tab-compare__header-figure"> <div class="sc-tab-compare__header-image sc-tab-compare__header-image--s8"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-color="graphite" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-front-and-back.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-front-and-back.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-front-and-back-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-front-and-back-mo.jpg?imwidth=360" alt="" aria-hidden="true"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-color="silver" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-front-and-back.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-front-and-back.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-front-and-back-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-front-and-back-mo.jpg?imwidth=360" alt="" aria-hidden="true"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img is-active" data-color="pinkgold" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pinkgold-front-and-back.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pinkgold-front-and-back.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pinkgold-front-and-back-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pinkgold-front-and-back-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> </div> <ul class="sc-tab-compare__header-colors" role="list"> <li role="listitem"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-compare__color is-active" data-color="graphite" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:compare:color:tab-s8^graphite" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:compare:color:tab-s8^graphite"> <span class="sc-tab-compare__color-chip sc-tab-compare__color-chip--graphite"></span> <span class="sc-tab-compare__color-name"><span class="blind">Graphite</span></span> </button> </li> <li role="listitem"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-compare__color" data-color="silver" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:compare:color:tab-s8^silver" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:compare:color:tab-s8^silver"> <span class="sc-tab-compare__color-chip sc-tab-compare__color-chip--silver"></span> <span class="sc-tab-compare__color-name"><span class="blind">Silver</span></span> </button> </li> <li role="listitem"> <button type="button" aria-hidden="true" tabindex="-1" class="sc-tab-compare__color " data-color="pinkgold" title="selected" data-omni-type="microsite_gallery" data-omni="galaxy-tab-s8:highlights:compare:color:tab-s8^pink-gold" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-tab-s8:highlights:compare:color:tab-s8^pink-gold"> <span class="sc-tab-compare__color-chip sc-tab-compare__color-chip--pinkgold"></span> <span class="sc-tab-compare__color-name"><span class="blind">Pink Gold</span></span> </button> </li> </ul> </div> </div> </div> <div class="sc-tab-compare__table-description"> At a Glance </div> <div class="sc-tab-compare__body" role="table" aria-describedby="compareDescription"> <div class="blind" role="row"> <div role="columnheader"> Galaxy Tab S8 Ultra </div> <div role="columnheader"> Galaxy Tab S8 Plus </div> <div role="columnheader"> Galaxy Tab S8 </div> </div> <div class="sc-tab-compare__rowgroup" role="rowgroup"> <div class="sc-tab-compare__row" role="row"> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 14.6" </div> <div class="sc-tab-compare__specs-name"> Super AMOLED <br>Display <sup> <a href="#desc-section" class="click_sup" title="See disclaimer">1</a> </sup> </div> </div> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 12.4" </div> <div class="sc-tab-compare__specs-name"> Super AMOLED <br>Display <sup> <a href="#desc-section" class="click_sup" title="See disclaimer">1</a> </sup> </div> </div> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 11" </div> <div class="sc-tab-compare__specs-name"> LTPS LCD <br>Display <sup> <a href="#desc-section" class="click_sup" title="See disclaimer">1</a> </sup> </div> </div> </div> <div class="sc-tab-compare__row s-target-5g" role="row"> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 5G </div> <div class="sc-tab-compare__specs-name"> HyperFast </div> </div> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 5G </div> <div class="sc-tab-compare__specs-name"> HyperFast </div> </div> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 5G </div> <div class="sc-tab-compare__specs-name"> HyperFast </div> </div> </div> <div class="sc-tab-compare__row" role="row"> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 11,200 <sub>mAh</sub> </div> <div class="sc-tab-compare__specs-name"> (typical) Battery <sup> <a href="#desc-section" class="click_sup" title="See disclaimer">2</a> </sup> </div> </div> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 10,090 <sub>mAh</sub> </div> <div class="sc-tab-compare__specs-name"> (typical) Battery <sup> <a href="#desc-section" class="click_sup" title="See disclaimer">2</a> </sup> </div> </div> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 8,000 <sub>mAh</sub> </div> <div class="sc-tab-compare__specs-name"> (typical) Battery <sup> <a href="#desc-section" class="click_sup" title="See disclaimer">2</a> </sup> </div> </div> </div> <div class="sc-tab-compare__row" role="row"> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 4 <sub>nm</sub> </div> <div class="sc-tab-compare__specs-name"> Processor </div> </div> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 4 <sub>nm</sub> </div> <div class="sc-tab-compare__specs-name"> Processor </div> </div> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 4 <sub>nm</sub> </div> <div class="sc-tab-compare__specs-name"> Processor </div> </div> </div> <div class="sc-tab-compare__row" role="row"> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 12 <sub>MP</sub> </div> <div class="sc-tab-compare__specs-name"> Dual Front Camera <br>(Ultra Wide + Wide) </div> </div> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 12 <sub>MP</sub> </div> <div class="sc-tab-compare__specs-name"> Ultra Wide <br> Front Camera </div> </div> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature"> 12 <sub>MP</sub> </div> <div class="sc-tab-compare__specs-name"> Ultra Wide <br> Front Camera </div> </div> </div> <div class="sc-tab-compare__row" role="row"> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature sc-tab-compare__specs-feature-fingerprint"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg?imwidth=360" alt=""> </div> <div class="sc-tab-compare__specs-name"> On-screen <br>Fingerprint <br class="sc-tab-common-br-mo">Scanner </div> </div> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature sc-tab-compare__specs-feature-fingerprint"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg?imwidth=360" alt=""> </div> <div class="sc-tab-compare__specs-name"> On-screen <br>Fingerprint <br class="sc-tab-common-br-mo">Scanner </div> </div> <div class="sc-tab-compare__column" role="cell"> <div class="sc-tab-compare__specs-feature sc-tab-compare__specs-feature-fingerprint"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fingerprint.svg?imwidth=360" alt=""> </div> <div class="sc-tab-compare__specs-name"> Fingerprint <br class="sc-tab-common-br-mo">Scanner <br>on Power Key </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section>  <section class="js-visible js-count">  <div class="sc-tab-spen"> <div class="sc-tab-spen__wrap"> <div class="sc-tab-spen__text"> <h2 class="blind">S Pen</h2> <div class="sc-tab-spen__headline js-nav-center" id="s-pen"> <div class="sc-tab-spen__headline-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-title-spen-text.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-title-spen-text.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-title-spen-text-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-title-spen-text-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <h3 class="sc-tab-common__sub-headline sc-tab-spen__sub-headline"> S Pen snaps right into place to charge </h3> </div> </div> <div class="sc-tab-spen__container"> <div class="sc-tab-spen__visual"> <div class="sc-tab-spen__visual-pen"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-spen-side.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-spen-side.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-spen-side-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-spen-side-mo.png?imwidth=360" alt="" aria-hidden="true"> <div class="sc-tab-spen__visual-tab"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-spen.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-spen.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-spen-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-spen-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> </div> <div class="sc-tab-spen__contents"> <div class="sc-tab-spen__bottom"> <div class="sc-tab-spen__bottom-wrap"> <div class="sc-tab-spen__point"> <div class="sc-tab-spen__point-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-spen-front.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-spen-front.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-spen-front-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-spen-front-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> </div> <div class="sc-tab-spen__inclined"> <div class="sc-tab-spen__inclined-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-spen-inclined.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-spen-inclined.png?imwidth=1080" alt="" aria-hidden="true"> </div> </div> <p class="blind">S Pen clips out from back of Galaxy Tab S8 Series and snaps back magnetically. A close-up of the fine pen point is then shown.</p> <p class="sc-tab-common__description sc-tab-spen__description"> No matter which tablet size you select, the brand new S Pen comes included and magnetically snaps to the back of Galaxy Tab S8 Series to charge.<br><br> Write, sketch, doodle or draw all your wildest ideas into reality with S Pen with ultra-low latency. A thousand tools in one, the new S Pen gives you impressive levels of control. </p> </div> </div> </div> </div> </div> </div> </div>  <div class="sc-tab-durability"> <div class="sc-tab-durability__wrap"> <div class="sc-tab-durability__text"> <h2 class="blind">Durability</h2> <h3 class="sc-tab-common__sub-headline sc-tab-durability__sub-headline">It's tough, so creativity comes easy</h3> <div class="sc-tab-common__description sc-tab-durability__desc"> The <strong>Armor Aluminum</strong> casing guards against all sorts of bumps and drops. <sup><a href="#desc-section" class="click_sup" title="See disclaimer">4</a></sup> It's our <strong>thinnest, biggest, toughest</strong> Samsung Galaxy Tab S yet, and it balances impressive durability with a super lightweight, slim design. </div> </div> <div class="sc-tab-durability__figure"> <div class="sc-tab-durability__image-wrap"> <p class="blind">Armor Aluminum frame cased on Galaxy Tab S8 Series in Pink Gold, and Graphite. All slide in side-by-side to show durability in slim design.</p> <div class="sc-tab-durability__image sc-tab-durability__image--graphite"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-side.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-side.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-side-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-side-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-durability__image sc-tab-durability__image--silver"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-side.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-side.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-side-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-side-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-durability__image sc-tab-durability__image--pink-gold"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pink-gold-side.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pink-gold-side.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pink-gold-side-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pink-gold-side-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> </div> </div> </div> </div>  <div class="sc-tab-creativity"> <div class="sc-tab-creativity__wrap"> <div class="sc-tab-creativity__text"> <p> <strong class="sc-tab-common__headline sc-tab-creativity__headline"> <span>Space to</span> <span>create</span> </strong> </p> </div> <div class="sc-tab-creativity__visual"> <div class="sc-tab-creativity__visual-main"> <div class="sc-tab-creativity__visual-main-inner"> <p class="blind">A woman with a tiara drawn on her head with S Pen. There are scribbles playfully written next to her head and on the right bottom corner.</p> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-creativity.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-creativity.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-creativity-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-creativity-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> </div> </div> </div> </div>  <div class="sc-tab-note"> <div class="sc-tab-note__wrap"> <div class="sc-tab-note__text"> <h2 class="blind">Samsung Notes</h2> <h3 class="sc-tab-common__sub-headline sc-tab-note__sub-headline">Ready for anything noteworthy</h3> <div class="sc-tab-common__description sc-tab-note__desc"> <strong>Samsung Notes</strong> is the quickest way to jot down all your brilliant million dollar ideas in an instant. It can do it all: memos, sketches, drawings — it can even turn handwriting into text to keep your ideas flowing. </div> </div> <div class="sc-tab-note__image"> <div class="sc-tab-note__image-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-front-display-drawing.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-front-display-drawing.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-front-display-drawing-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-front-display-drawing-mo.jpg?imwidth=360" alt="A shoe design with "Materials", "Suede", "Leather", and "Canvas" written on the top left with S Pen on Samsung Notes."> </div> </div> <div class="sc-tab-common__description sc-tab-note__desc sc-tab-note__desc-mo"> <strong>Samsung Notes</strong> is the quickest way to jot down all your brilliant million dollar ideas in an instant. It can do it all: memos, sketches, drawings — it can even turn handwriting into text to keep your ideas flowing. </div> </div> </div>  <div class="sc-tab-clip"> <div class="sc-tab-clip__wrap"> <div class="sc-tab-clip__text"> <h2 class="blind">Clip Studio</h2> <h3 class="sc-tab-common__sub-headline sc-tab-clip__sub-headline">Clip Studio Paint brings out your inner artist</h3> </div> <div class="sc-tab-clip__image"> <div class="sc-tab-clip__image-display"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-front-display-clip.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-front-display-clip.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-front-display-clip-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-front-display-clip-mo.jpg?imwidth=360" alt="A drawing of a woman and a dog inside of a spaceship on Clip Studio Paint. S Pen chooses colors on Galaxy S22 Ultra 5G using it as a palette."> </div> </div> <div class="sc-tab-clip__content"> <p class="sc-tab-common__description sc-tab-clip__description"> Love to draw or paint? Clip Studio Paint<sup><a href="#desc-section" class="click_sup" title="See disclaimer">5</a></sup> was created just for creative people like you. With a natural brush feel you can bring life to your most imaginative creations. <br><br>Galaxy Tab S8 Series and the Galaxy S22 Series 5G<sup><a href="#desc-section" class="click_sup" title="See disclaimer">6</a></sup> work like an <strong>epic canvas</strong> with an <strong>epic palette</strong>. Choose brushes on your phone while keeping your canvas clear. </p> <div class="sc-tab-clip__benefit"> <div class="sc-tab-clip__benefit-paintex"> <div class="sc-tab-clip__benefit-paintex-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-clip-logo-paintex.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-clip-logo-paintex.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-clip-logo-paintex-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-clip-logo-paintex-mo.jpg?imwidth=360" alt="Clip Studio Paint Logo"> </div> </div> <div class="sc-tab-clip__benefit-info"> <div class="sc-tab-clip__benefit-info-inner"> <p class="sc-tab-clip__benefit-text">CLIP STUDIO PAINT EX</p> <strong class="sc-tab-clip__benefit-strong">Get 6 months free</strong> </div> </div> </div> </div> </div> </div>  <div class="sc-tab-mobile"> <div class="sc-tab-mobile__wrap"> <div class="sc-tab-mobile__content"> <div class="sc-tab-mobile__product"> <div class="sc-tab-mobile__product-image"> <div class="sc-tab-mobile__product-image-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-s22-ultra.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-s22-ultra.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-s22-ultra-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-s22-ultra-mo.jpg?imwidth=360" aria-hidden="true"> </div> </div> <div class="sc-tab-mobile__product-text"> <p class="sc-tab-mobile__product-eyebrow">Better together</p> <p class="sc-tab-mobile__product-headline">Galaxy S22 Ultra 5G</p> <div class="sc-tab-mobile__cta-wrap"> <a href="/sg/smartphones/galaxy-s22-ultra/" class="sc-tab-mobile__cta" title="open in a new window" target="_blank" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:better-together:page:galaxy-s22-ultra" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:better-together:page:galaxy-s22-ultra"> <span class="sc-tab-mobile__cta-copy">Go to Galaxy S22 Ultra 5G</span><span class="sc-tab-mobile__cta-icon"><img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-link-white.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-link-white.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-link-white-mo.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-link-white-mo.svg?imwidth=360" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> </div>  <div class="sc-tab-editing"> <div class="sc-tab-editing__wrap"> <div class="sc-tab-editing__text"> <h2 class="blind">Video Editing</h2> <h3 class="sc-tab-common__sub-headline sc-tab-editing__sub-headline">S Pen turns you into<br>a precision editor</h3> </div> <div class="sc-tab-editing__content"> <div class="sc-tab-editing__visual"> <div class="sc-tab-editing__visual-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-1.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-1.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-1-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-1-mo.jpg?imwidth=360" aria-hidden="true"> </div> </div> <div class="sc-tab-editing__editor-wrap"> <div class="sc-tab-editing__cut-wrap"> <div class="sc-tab-editing__cut"> <div class="sc-tab-editing__cut-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-2.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-2.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-2-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-2-mo.jpg?imwidth=360" aria-hidden="true"> </div> </div> <div class="sc-tab-editing__cut"> <div class="sc-tab-editing__cut-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-3.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-3.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-3-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-3-mo.jpg?imwidth=360" aria-hidden="true"> </div> </div> <div class="sc-tab-editing__cut"> <div class="sc-tab-editing__cut-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-4.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-4.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-4-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-cut-4-mo.jpg?imwidth=360" aria-hidden="true"> </div> </div> </div> <div class="sc-tab-editing__frame-wrap"> <div class="sc-tab-editing__frame-border"></div> <div class="sc-tab-editing__frame-mask"></div> <div class="sc-tab-editing__frame-spen"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spen-front.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spen-front.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spen-front-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spen-front-mo.png?imwidth=360" aria-hidden="true"> </div> </div> </div> <p class="blind">A series of shots of three friends posing at the camera. S Pen comes in to draw a white line in between the shots to make a frame.</p> <div class="sc-tab-editing__lumafusion-wrap"> <div class="sc-tab-common__description sc-tab-editing__description"> Ready to create your frame-perfect masterpiece? S Pen and LumaFusion are here to help. <sup><a href="#desc-section" class="click_sup" title="See disclaimer">7</a></sup> Edit videos faster and more accurately thanks to the biggest leap in S Pen responsiveness. <sup><a href="#desc-section" class="click_sup" title="See disclaimer">8</a></sup> LumaFusion provides various editing tools to get the cinematic edit you want. </div> <div class="sc-tab-editing__lumafusion-logo"> <div class="sc-tab-editing__lumafusion-logo-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spen-editiong-logo-lumafusion.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spen-editiong-logo-lumafusion.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spen-editiong-logo-lumafusion-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spen-editiong-logo-lumafusion-mo.jpg?imwidth=360" alt="LumaFusion logo"> </div> </div> <div class="sc-tab-common__disclaimer sc-tab-editing__disclaimer"> *Image simulated for illustrative purposes. <br> Actual UI may be different. </div> </div> <div class="sc-tab-editing__quickshare-wrap"> <div class="sc-tab-editing__quickshare"> <h2 class="blind">Quick Share</h2> <h3 class="sc-tab-common__sub-headline sc-tab-editing__quickshare-sub-headline">Share your creative <br>ideas across the <br class="sc-tab-common-br-mo">Galaxy <br class="sc-tab-common-br-pc">in a flash</h3> <div class="sc-tab-editing__quickshare-image"> <div class="sc-tab-editing__quickshare-image-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-front-display.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-front-display.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-front-display-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-editing-front-display-mo.jpg?imwidth=360" alt="Various shots of three friends are shown with Quick Share popup opened on the bottom of the screen of Galaxy Tab S8 Series. The Quick Share icon is on the bottom right corner. A Samsung Galaxy Smartphone is on the left with a clip of friends opened, showing that the clip was sent from Galaxy Tab S8 Series to the Samsung Galaxy Smartphone."> </div> </div> <div class="sc-tab-common__description sc-tab-editing__quickshare-description"> With <strong>Quick Share</strong>, you can move your masterpieces in a tap. <sup><a href="#desc-section" class="click_sup" title="See disclaimer">9</a></sup> Transfer huge photos and video files to your phone or PC with ease. </div> </div> </div> </div> </div> </div>  <div class="sc-tab-connection"> <div class="sc-tab-connection__wrap"> <div class="sc-tab-connection__text"> <div class="sc-tab-connection__text-wrap"> <p> <strong class="sc-tab-connection__headline sc-tab-connection__headline--pc"> <span>Space to</span> <span>keep in touch</span> </strong> <strong class="sc-tab-connection__headline sc-tab-connection__headline--mo"> <span>Space</span> <span>to keep</span> <span>in touch</span> </strong> </p> <span class="sc-tab-connection__icon"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-smile-icon.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-smile-icon.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-smile-icon-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-smile-icon-mo.jpg?imwidth=360" aria-hidden="true"> </span> </div> </div> <div class="sc-tab-connection__image-wrap"> <div class="sc-tab-connection__image-left"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img sc-tab-connection__image--left" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gold-front-display-left.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gold-front-display-left.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gold-front-display-left-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gold-front-display-left-mo.jpg?imwidth=360" aria-hidden="true"> </div> <div class="sc-tab-connection__image-right"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img sc-tab-connection__image--right" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gold-front-display-right.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gold-front-display-right.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gold-front-display-right-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gold-front-display-right-mo.png?imwidth=360" aria-hidden="true"> </div> <p class="blind">Three friends are video calling each other — a friend on one screen and two other friends on the other screen. There is an "End Call" button on the bottom of the screen. Each screen shows a small screen of the another talking.</p> </div> </div> </div>  <div class="sc-tab-framing"> <div class="sc-tab-framing__wrap"> <div class="sc-tab-framing__text"> <h2 class="blind">4K Video Recording</h2> <h3 class="sc-tab-framing__headline sc-tab-common__sub-headline">Be the center of attention, wherever you are</h3> <p class="sc-tab-framing__sub-headline sc-tab-common__description"> The Dual Front Camera (Ultra Wide + Wide) boasts an impressive field of view that provides optimal <strong>4K video recording</strong>. </p> </div> <div class="sc-tab-framing__visual"> <div class="sc-tab-framing__main"> <div class="sc-tab-framing__main-bezel"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-bezel.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-bezel.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-bezel-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-bezel-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-framing__main-screen"> <div class="sc-tab-framing__main-screen-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-main-screen.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-main-screen.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-main-screen-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-main-screen-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-framing__main-timer"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-timer.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-timer.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-timer-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-timer-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-framing__main-focus"> <div class="sc-tab-framing__focus s-left s-top"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-framing__focus s-right s-top"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-framing__focus s-left s-bottom"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-framing__focus s-right s-bottom"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> </div> <div class="sc-tab-framing__main-gui"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-gui.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-gui.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-gui-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-gui-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-framing__main-button"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-button.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-button.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-button-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-button-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> </div> </div> <div class="sc-tab-framing__sub"> <div class="sc-tab-framing__sub-screen"> <div class="sc-tab-framing__sub-screen-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-sub-screen.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-sub-screen.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-sub-screen-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-sub-screen-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-framing__sub-focus"> <div class="sc-tab-framing__focus s-left s-top"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-framing__focus s-right s-top"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-framing__focus s-left s-bottom"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-framing__focus s-right s-bottom"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-auto-framing-focus-line-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> </div> <p class="sc-tab-framing__sub-text"> <span class="sc-tab-framing__sub-text-wrapper"> Auto<br> Framing </span> </p> </div> </div> <p class="blind">The camera focuses on the dancer using Auto Framing during a dance video shoot. The yellow frames show that the focus is on the dancer, even though she is moving.</p> </div> <p class="sc-tab-framing__description sc-tab-common__description"> <strong>Auto Framing</strong> gives the spotlight the speaker deserves. So you can record a dance lesson and the camera will automatically zoom in to keep focus on you and your moves as you give instruction.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">10</a>, <a href="#desc-section" class="click_sup" title="See disclaimer">11</a></sup> <br><br> The spotlight continues on video calls. When new friends join the call, the Dual Front Camera (Ultra Wide + Wide) even knows to automatically zoom out to include them, making it feel like you are talking to them in person. </p> <p class="sc-tab-framing__disclaimer sc-tab-common__disclaimer"> *Image simulated for illustrative purposes.<br> Actual UI may be different. </p> </div> </div> </section>  <section class="js-visible js-count">  <div class="sc-tab-duo"> <div class="sc-tab-duo__wrap"> <div class="sc-tab-duo__container"> <div class="sc-tab-duo__fixed-wrap"> <div class="sc-tab-duo__sound"> <canvas class="sc-tab-duo__sequence" aria-hidden="true"></canvas> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="sc-tab-duo__sequence js-img-src" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-sequence-end.jpg" alt="" aria-hidden="true"> </div> <div class="sc-tab-duo__screen"> <div class="sc-tab-duo__screen-first"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-splite-image01.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-splite-image01.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-mobile-splite-image01.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-mobile-splite-image01.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-duo__screen-second"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-splite-image02.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-splite-image02.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-mobile-splite-image02.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-mobile-splite-image02.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-duo__screen-third"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-splite-image03.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-splite-image03.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-mobile-splite-image03.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-mobile-splite-image03.jpg?imwidth=360" alt="" aria-hidden="true"> </div> </div> </div> <div class="sc-tab-duo__bottom js-nav-top" id="google-duo"> <div class="sc-tab-duo__combine"> <div class="sc-tab-duo__combine-tab"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-screen.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-screen.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-screen-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-screen-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-duo__combine-screen"> <div class="sc-tab-duo__combine-screen-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-splite-image04.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-splite-image04.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-mobile-splite-image04.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-mobile-splite-image04.jpg?imwidth=360" alt="" aria-hidden="true"> </div> </div> <div class="sc-tab-duo__combine-camera sc-tab-duo__combine-camera--front"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-camera.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-camera.png?imwidth=1080" alt="" aria-hidden="true"> </div> <div class="sc-tab-duo__combine-camera sc-tab-duo__combine-camera--back"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-camera.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-camera.png?imwidth=1080" alt="" aria-hidden="true"> </div> </div> </div> <div class="sc-tab-duo__over"> <div class="sc-tab-duo__over-logo"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-screen-logo.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-screen-logo.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-screen-logo-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-screen-logo-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> </div> </div> <div class="sc-tab-duo__contents"> <h2 class="blind">Google Duo</h2> <h3 class="sc-tab-duo__headline sc-tab-common__sub-headline"> Get the gang <br> together <br> with Google Duo </h3> <p class="blind">Four friends are shown video calling each other using Google Duo on the ultra wide screen of Galaxy Tab S8 Series. The Book Cover Keyboard is clipped to the Galaxy Tab S8 Series.</p> <div class="sc-tab-duo__text"> <p class="sc-tab-duo__description sc-tab-common__description"> Ring up your bestie or up to 31 of your closest friends with the high quality video calling app available. The three Mic noise reduction technology makes sure you focus just on the call. You can even team up and collaborate creatively with Jamboard — Google's interactive whiteboard.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">12</a></sup> <br><br> Share your screen and experience it together with <strong>Google Duo.</strong> Watch videos and talk about them in real-time together.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">13</a>, <a href="#desc-section" class="click_sup" title="See disclaimer">14</a></sup> </p> <div class="sc-tab-duo__logo"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-logo.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-logo.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-logo-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-google-duo-logo-mo.jpg?imwidth=360" alt="Google Duo logo"> </div> <p class="sc-tab-duo__disclaimer sc-tab-common__disclaimer"> *Image simulated for illustrative purposes.<br> Actual UI may be different. </p> </div> </div> </div> </div>  <div class="sc-tab-multitasking"> <div class="sc-tab-multitasking__wrap"> <div class="sc-tab-multitasking__bg"> <div class="sc-tab-multitasking__bg-obj"></div> </div> <div class="sc-tab-multitasking__text"> <p> <strong class="sc-tab-common__headline sc-tab-multitasking__headline"> <span>Space to</span> <span>do more</span> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-fireworks-icon.jpg" alt="" aria-hidden="true"> </strong> </p> </div> <div class="sc-tab-multitasking__contents"> <div class="sc-tab-multitasking__images"> <div class="sc-tab-multitasking__images-back"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-inclined.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-inclined.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-inclined-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-back-inclined-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-multitasking__images-front"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-front-inclined.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-front-inclined.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-front-inclined-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-front-inclined-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-multitasking__images-side"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-side-inclined.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-side-inclined.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-side-inclined-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-side-inclined-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <p class="blind">Two Galaxy Tab S8 Series showing two different women posing at different places.</p> </div> </div> </div> </div>  <div class="sc-tab-divide step1"> <div class="sc-tab-divide__wrap"> <div class="sc-tab-divide__text"> <h2 class="blind">Multitasking</h2> <h3 class="sc-tab-divide__sub-headline sc-tab-common__sub-headline"> Divide your screen. <br> Conquer your day </h3> <p class="sc-tab-divide__description sc-tab-common__description"> Size. Position. And number of windows. You're in charge with Multi Window<sup><a href="#desc-section" class="click_sup" title="See disclaimer">15</a></sup>. That means you can research decor inspirations, sketch out architectural plans, and video chat with your friend — all at once. </p> </div> <div class="sc-tab-divide__track"> <div class="sc-tab-divide__fixed"> <div class="sc-tab-divide__screen-main"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-main-screen.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-main-screen.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-main-screen-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-main-screen-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-divide__screen-sub"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-sub-screen.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-sub-screen.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-sub-screen-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-sub-screen-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-divide__screen-gui"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-gui.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-gui.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-gui-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-gui-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-divide__screen-logo"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-logo.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-logo.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-logo-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-logo-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-divide__frame"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-frame.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-frame.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-frame-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-frame-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-divide__side"> <div class="sc-tab-divide__side-top"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-side-screen-top.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-side-screen-top.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-side-screen-top-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-side-screen-top-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-divide__side-bottom"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-side-screen-bottom.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-side-screen-bottom.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-side-screen-bottom-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-side-screen-bottom-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> </div> <div class="sc-tab-divide__pen"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-spen.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-spen.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-spen-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-divide-spen-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <p class="blind">The ultra wide screen of the Galaxy Tab S8 Series shows a woman on a video call. Then the screen zooms out and splits into three windows. The first window on the top left shows an architectural sketch and the bottom shows three decor inspirations. The right side of the screen shows a man on a small screen taking a video call with the woman mentioned before.</p> </div> </div> <p class="sc-tab-divide__disclaimer sc-tab-common__disclaimer"> *Image simulated for illustrative purposes.<br> Actual UI may be different. </p> </div> </div>  <div class="sc-tab-entertainment"> <div class="sc-tab-entertainment__wrap"> <div class="sc-tab-entertainment__text"> <p> <strong class="sc-tab-common__headline sc-tab-entertainment__headline"> <span>Space to</span> <span>play</span> </strong> </p> </div> <div class="sc-tab-entertainment__contents"> <div class="sc-tab-entertainment__visual"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-entertainment-visual.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-entertainment-visual.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-entertainment-visual-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-entertainment-visual-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> <div class="sc-tab-entertainment__screen"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pink-gold-entertainment.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pink-gold-entertainment.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pink-gold-entertainment-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-pink-gold-entertainment-mo.png?imwidth=360" alt="" aria-hidden="true"> </div> <p class="blind">A woman touching her long braids shown on the ultra wide screen of the Galaxy Tab S8 Series. Another screen on the right shows the same woman posing.</p> </div> </div> </div>  <div class="sc-tab-streaming"> <div class="sc-tab-streaming__wrap"> <div class="sc-tab-streaming__text"> <h2 class="blind">Live streaming</h2> <h3 class="sc-tab-common__sub-headline sc-tab-streaming__sub-headline">Lightweight but<br class="sc-tab-common-br-pc"> packed with fun</h3> <div class="sc-tab-common__description sc-tab-streaming__description"> Stream all your favorite shows or movies from the comfort of your — well, wherever you want really. The vibrant display and enhanced bass create an immersive experience. If film isn't your jam, steam your favorite music and videos uninterrupted with a 4 month trial of YouTube Premium included with your purchase. <sup><a href="#desc-section" class="click_sup" title="See disclaimer">16</a>, <a href="#desc-section" class="click_sup" title="See disclaimer">17</a></sup> </div> <div class="sc-tab-streaming__youtube"> <div class="sc-tab-streaming__youtube-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-youtube-logo.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-youtube-logo.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-youtube-logo-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-youtube-logo-mo.png?imwidth=360" alt="YouTube Premium logo"> </div> </div> </div> <div class="sc-tab-streaming__figure"> <p class="blind">A YouTube clip of a man walking alone in the desert is streamed on the ultra wide screen of Galaxy Tab S8 Series.</p> <div class="sc-tab-streaming__bg"> <div class="sc-tab-streaming__bg-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gradation-bg-streaming.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gradation-bg-streaming.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gradation-bg-streaming-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gradation-bg-streaming-mo.jpg?imwidth=360" alt="" aria-hidden="true"> </div> </div> <p class="sc-tab-common__disclaimer sc-tab-streaming__disclaimer"> *Availability of YouTube Premium may vary depending on country or region.<br class="sc-tab-common-br-pc"> Users must subscribe to a YouTube Premium account to enjoy all its benefits. </p> </div> </div> </div>  <div class="sc-tab-gaming"> <div class="sc-tab-gaming__content"> <div class="sc-tab-gaming__text"> <div class="sc-tab-gaming__inner"> <h2 class="blind">Gaming</h2> <h3 class="sc-tab-gaming__sub-headline sc-tab-common__sub-headline"> Ditch your gaming chair, <br class="sc-tab-common-br-pc">keep the performance </h3> </div> </div> <div class="sc-tab-gaming__figure"> <div class="sc-tab-gaming__figure-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gaming.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gaming.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gaming-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-gaming-mo.jpg?imwidth=360" alt="An illustration of a car racing game. "FUTURE" is written on the car plate."> </div> </div> </div> <div class="sc-tab-gaming__description"> <div class="sc-tab-gaming__inner"> <p class="sc-tab-common__description">Get console quality performance on the massive screen anywhere you want. And with the <strong>120Hz</strong> display, everything runs smoothly for you to be on the leaderboard in no time.</p> </div> </div> </div>  <div class="sc-tab-5g s-target-5g"> <div class="sc-tab-5g__wrap"> <div class="sc-tab-5g__text"> <h2 class="blind">5G</h2> <h3 class="sc-tab-common__sub-headline">5G keeps you<br>streaming on the go</h3> <p class="sc-tab-common__description sc-tab-5g__description"><strong>HyperFast 5G</strong> delivers the power to keep you streaming whatever you want — music, movies or content.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">18</a></sup> Stream wherever — even outdoors and on the go.</p> </div> <div class="sc-tab-5g__image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-side-5g.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-side-5g.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-side-5g-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-silver-side-5g-mo.jpg?imwidth=360" alt="The slim Silver Galaxy Tab S8 Series on the side diagonally crossing "5G" that is written in bold blue font"> </div> </div> </div>  <div class="sc-tab-performance"> <div class="sc-tab-performance__wrap"> <div class="sc-tab-performance__top"> <h2 class="blind">Book Cover Keyboard</h2> <h3 class="sc-tab-performance__headline sc-tab-common__sub-headline"> Add a keyboard<br> with a snap </h3> <p class="sc-tab-performance__top-description sc-tab-common__description"> When it's time to get to work, the advanced <strong>2-in-1</strong> Book Cover Keyboard provides an upright experience that makes switching to work mode a snap.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">19</a>, <a href="#desc-section" class="click_sup" title="See disclaimer">20</a></sup> </p> </div> <div class="sc-tab-performance__contents"> <canvas class="sc-tab-performance__sequence" aria-hidden="true"></canvas> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="sc-tab-performance__sequence js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-performance-sequence-end.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-performance-sequence-end.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-performance-sequence-end-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ultra-graphite-performance-sequence-end-mo.jpg?imwidth=360" alt="" aria-hidden="true"> <p class="blind">The Galaxy Tab S8 Series and Book Cover Keyboard are in space and the Book Cover Keyboard spins to click to the Galaxy Tab S8 Series, showing the back view.</p> </div> <div class="sc-tab-performance__bottom"> <p class="sc-tab-performance__bottom-description sc-tab-common__description"> Once you're done, unwind using the kickstand to watch movies in various viewing angles. </p> <p class="sc-tab-common__disclaimer sc-tab-performance__bottom-disclaimer"> *Book Cover Keyboard comes together with the Galaxy Tab S8 Ultra, and sold separately for Galaxy Tab S8+, and Galaxy Tab S8. </p> </div> </div> </div>  <div class="sc-tab-keyboard"> <div class="sc-tab-keyboard__wrap"> <div class="sc-tab-keyboard__content"> <div class="sc-tab-keyboard__product"> <div class="sc-tab-keyboard__product-image"> <div class="sc-tab-keyboard__product-image-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-keyboard-front.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-keyboard-front.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-keyboard-front-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-keyboard-front-mo.jpg?imwidth=360" aria-hidden="true"> </div> </div> <div class="sc-tab-keyboard__product-text"> <p class="sc-tab-keyboard__product-eyebrow">Better together</p> <p class="sc-tab-keyboard__product-headline">Book Cover Keyboard</p> <div class="sc-tab-keyboard__cta-wrap"> <a href="/sg/mobile-accessories/[Tab-S8-Ultra-Book-Cover-Keyboard-SKU]/" class="sc-tab-keyboard__cta" title="open in a new window" target="_blank" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:better-together:page:book-cover-keyboard" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:better-together:page:book-cover-keyboard"> <span class="sc-tab-keyboard__cta-copy">Go to Book Cover Keyboard</span><span class="sc-tab-keyboard__cta-icon"><img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-link-black.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-link-black.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-link-black-mo.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-link-black-mo.svg?imwidth=360" aria-hidden="true"></span> </a> </div> </div> </div> </div> </div> </div>  <div class="sc-tab-card sc-tab-card--spec"> <div class="sc-tab-card__fixed-track"> <div class="sc-tab-card__fixed-item"> <p class="sc-tab-card__sub-headline sc-tab-common__sub-headline"> <strong> Ready for <br class="sc-tab-common-br-mo">anything </strong> </p> <div class="sc-tab-card__carousel swiper"> <div class="sc-tab-card__list swiper-wrapper" role="list"> <div class="sc-tab-card__item swiper-slide" role="listitem"> <div class="sc-tab-card__item-inner"> <div class="sc-tab-card__text"> <h2 class="blind">Processor</h2> <h3 class="sc-tab-card__title"> The fastest chip ever on <br class="sc-tab-common-br-pc">Samsung Galaxy </h3> <p class="sc-tab-card__description sc-tab-common__description"> Experience lightning fast speeds on your various action-packed games and editing software with the 4nm mobile processor — the Snapdragon® 8 Gen 1 Mobile Platform. <sup><a href="#desc-section" class="click_sup" title="See disclaimer">21</a>, <a href="#desc-section" class="click_sup" title="See disclaimer">22</a></sup> </p> <p class="sc-tab-card__disclaimer sc-tab-card__disclaimer--pc sc-tab-common__disclaimer"> *When compared to Galaxy Tab S7+. </p> </div> <div class="sc-tab-card__spec-detail sc-tab-card__spec-detail--chip"> <div class="sc-tab-card__figure" aria-hidden="true"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-faster-chip.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-faster-chip.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-faster-chip-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-faster-chip-mo.jpg?imwidth=360" alt=""> </div> <ul class="sc-tab-card__spec-chip-list" role="presentation"> <li class="sc-tab-card__spec-chip-item"> <div class="sc-tab-card__spec-chip-text"> <div class="sc-tab-card__spec-chip-percentage"> 52% </div> <div class="sc-tab-card__spec-chip-part"> faster GPU* </div> </div> </li> <li class="sc-tab-card__spec-chip-item"> <div class="sc-tab-card__spec-chip-text"> <div class="sc-tab-card__spec-chip-percentage"> 24% </div> <div class="sc-tab-card__spec-chip-part"> faster CPU* </div> </div> </li> </ul> <p class="sc-tab-card__disclaimer sc-tab-card__disclaimer--mo sc-tab-common__disclaimer"> *When compared to Galaxy Tab S7+. </p> </div> </div> </div>  <div class="sc-tab-card__item swiper-slide" role="listitem"> <div class="sc-tab-card__item-inner"> <div class="sc-tab-card__text"> <h2 class="blind">Battery</h2> <h3 class="sc-tab-card__title"> Supercharge your charging </h3> <p class="sc-tab-card__description sc-tab-common__description"> The big and intelligent battery<sup><a href="#desc-section" class="click_sup" title="See disclaimer">2</a></sup> lets you do movie marathons with ease and the <strong>45W Super Fast Charger</strong> gets you charged up in a flash.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">24</a></sup> </p> </div> <div class="sc-tab-card__spec-detail sc-tab-card__spec-detail--charger"> <div class="sc-tab-card__figure" aria-hidden="true"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fast-charger.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fast-charger.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fast-charger-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-spec-fast-charger-mo.jpg?imwidth=360" alt=""> </div> <div class="sc-tab-card__spec-charger"> <dl class="sc-tab-card__spec-charger-item"> <dt class="sc-tab-card__spec-charger-name"> Galaxy <br class="sc-tab-common-br-mo">Tab S8 Ultra </dt> <dd class="sc-tab-card__spec-charger-detail"> <div class="sc-tab-card__spec-charger-power"> <strong>11,200mAh</strong> <div class="sc-tab-card__spec-charger-type"> (typical) </div> </div> <div class="sc-tab-card__spec-charger-text"> 45W Super Fast Charging </div> </dd> </dl> <dl class="sc-tab-card__spec-charger-item"> <dt class="sc-tab-card__spec-charger-name"> Galaxy <br class="sc-tab-common-br-mo">Tab S8+ </dt> <dd class="sc-tab-card__spec-charger-detail"> <div class="sc-tab-card__spec-charger-power"> <strong>10,090mAh</strong> <div class="sc-tab-card__spec-charger-type"> (typical) </div> </div> <div class="sc-tab-card__spec-charger-text"> 45W Super Fast Charging </div> </dd> </dl> <dl class="sc-tab-card__spec-charger-item"> <dt class="sc-tab-card__spec-charger-name"> Galaxy <br class="sc-tab-common-br-mo">Tab S8 </dt> <dd class="sc-tab-card__spec-charger-detail"> <div class="sc-tab-card__spec-charger-power"> <strong>8,000mAh</strong> <div class="sc-tab-card__spec-charger-type"> (typical) </div> </div> <div class="sc-tab-card__spec-charger-text"> 45W Super Fast Charging </div> </dd> </dl> </div> </div> </div> </div> </div> <div class="sc-tab-card__arrows"> <button class="sc-tab-card__arrows-indicator arrow-indicator--prev swiper-button-prev swiper-button-disabled" type="button" aria-label="Previous slide" data-omni-type="microsite_pcontentinter" data-omni="galaxy-tab-s8:highlights:ready-for-anything:select:left" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-tab-s8:highlights:ready-for-anything:select:left"> <span class="blind">Previous</span> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40" focusable="false" aria-hidden="true"> <g fill="none" fill-rule="evenodd"> <circle cx="20" cy="20" r="20"></circle> <g fill-rule="nonzero"> <path fill="#FFF" d="M23.707 27.071 16.636 20l7.071-7.071-.707-.707L15.222 20 23 27.778z" /> </g> </g> </svg> </button> <button class="sc-tab-card__arrows-indicator arrow-indicator--next swiper-button-next" type="button" aria-label="Next slide" data-omni-type="microsite_pcontentinter" data-omni="galaxy-tab-s8:highlights:ready-for-anything:select:right" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-tab-s8:highlights:ready-for-anything:select:right"> <span class="blind">Next</span> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40" focusable="false" aria-hidden="true"> <g fill="none" fill-rule="evenodd"> <circle cx="20" cy="20" r="20"></circle> <g fill-rule="nonzero"> <path fill="#FFF" d="M16.293 27.071 23.364 20l-7.071-7.071.707-.707L24.778 20 17 27.778z" /> </g> </g> </svg> </button> </div> </div> </div> </div> </div> </section>   <section class="js-visible js-count">  <div class="sc-tab-eco js-nav-top" id="ecosystem"> <div class="sc-tab-eco__wrap"> <div class="sc-tab-eco__text"> <p class="sc-tab-common__sub-headline"> <strong>Amazing alone.<br>Better together</strong> </p> </div> <div class="sc-tab-eco__image"> <div class="sc-tab-eco__image-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-front-display-dexmode.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-front-display-dexmode.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-front-display-dexmode-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-graphite-front-display-dexmode-mo.jpg?imwidth=360" alt="The Galaxy Tab S8 Series screen is divided into three windows. A video call with a woman resting on someone's knees is shown on the top left. Below, there is a shopping site open. Beside, there are design sketches. Galaxy Buds2, Galaxy S22 Ultra 5G with the same sketch window opened, and S Pen are on the bottom right corner of Galaxy Tab S8 Series."> </div> </div> <div class="sc-tab-common__description sc-tab-eco__desc"> Enjoy a continuous experience across all your Galaxy devices. One UI 4.1 allows you to access all the same apps between your Galaxy S22 Series 5G and Galaxy Tab S8 Series. Even jamming out to music is easy with Auto Switch with Galaxy Buds. <sup><a href="#desc-section" class="click_sup" title="See disclaimer">25</a></sup> Your Galaxy Buds will automatically pair from your Galaxy Tab S8 Series to your Galaxy S22 Series 5G to switch devices without missing a beat. </div> <div class="sc-tab-common__disclaimer sc-tab-eco__disclaimer" role="list"> <p role="listitem">*Image simulated for illustrative purposes.<br>Actual UI may be different.</p> <p role="listitem">**Galaxy Buds2 sold separately.</p> <p role="listitem">***Exterior design may vary by country.</p> </div> </div> </div>  <div class="sc-tab-card sc-tab-card--eco"> <div class="sc-tab-card__carousel swiper"> <div class="sc-tab-card__list swiper-wrapper" role="list"> <div class="sc-tab-card__item swiper-slide" role="listitem"> <div class="sc-tab-card__item-inner"> <div class="sc-tab-card__text"> <h2 class="sc-tab-card__title"> Smart Switch </h2> <p class="sc-tab-card__description sc-tab-common__description"> Transfer important data from other Galaxy devices to Galaxy Tab S8 Series to access it on all your devices.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">26</a>, <a href="#desc-section" class="click_sup" title="See disclaimer">27</a></sup> </p> </div> <div class="sc-tab-card__figure" aria-hidden="true"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-function-smart-switch.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-function-smart-switch.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-function-smart-switch-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-function-smart-switch-mo.jpg?imwidth=360" alt=""> </div> </div> </div> <div class="sc-tab-card__item swiper-slide" role="listitem"> <div class="sc-tab-card__item-inner"> <div class="sc-tab-card__text"> <h2 class="sc-tab-card__title"> Second Screen </h2> <p class="sc-tab-card__description sc-tab-common__description"> Double the productivity. The Galaxy Tab S8 Series as a second screen.<sup><a href="#desc-section" class="click_sup" title="See disclaimer">28</a></sup> </p> </div> <div class="sc-tab-card__figure" aria-hidden="true"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-function-second-screen.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-function-second-screen.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-function-second-screen-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-function-second-screen-mo.jpg?imwidth=360" alt=""> </div> </div> </div> </div> <div class="sc-tab-card__arrows"> <button class="sc-tab-card__arrows-indicator arrow-indicator--prev swiper-button-prev swiper-button-disabled" type="button" aria-label="Previous slide" data-omni-type="microsite_pcontentinter" data-omni="galaxy-tab-s8:highlights:card:select:left" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-tab-s8:highlights:card:select:left"> <span class="blind">Previous</span> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40" focusable="false" aria-hidden="true"> <g fill="none" fill-rule="evenodd"> <circle cx="20" cy="20" r="20"></circle> <g fill-rule="nonzero"> <path fill="#FFF" d="M23.707 27.071 16.636 20l7.071-7.071-.707-.707L15.222 20 23 27.778z" /> </g> </g> </svg> </button> <button class="sc-tab-card__arrows-indicator arrow-indicator--next swiper-button-next" type="button" aria-label="Next slide" data-omni-type="microsite_pcontentinter" data-omni="galaxy-tab-s8:highlights:card:select:right" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-tab-s8:highlights:card:select:right"> <span class="blind">Next</span> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40" focusable="false" aria-hidden="true"> <g fill="none" fill-rule="evenodd"> <circle cx="20" cy="20" r="20"></circle> <g fill-rule="nonzero"> <path fill="#FFF" d="M16.293 27.071 23.364 20l-7.071-7.071.707-.707L24.778 20 17 27.778z" /> </g> </g> </svg> </button> </div> </div> </div>  <div class="sc-tab-compatibility"> <div class="sc-tab-compatibility__wrap"> <div class="sc-tab-compatibility__item-wrap item-wrap01"> <div class="sc-tab-compatibility__item item01"> <div class="sc-tab-compatibility__item-inner"> <div class="sc-tab-compatibility__item-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-ultra.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-ultra.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-ultra-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-ultra-mo.png?imwidth=360" aria-hidden="true"> </div> <div class="sc-tab-compatibility__item-shadow"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-ultra-shadow.jpg?imwidth" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-ultra-shadow.jpg?imwidth?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-ultra-shadow-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-ultra-shadow-mo.jpg?imwidth=360" aria-hidden="true"> </div> <div class="sc-tab-compatibility__item-cta"> <button type="button" class="sc-tab-compatibility__item-cta-link" aria-label="Galaxy S22 and S22+ Open popup" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:galaxy-ecosystem:popup:galaxy-s22" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:galaxy-ecosystem:popup:galaxy-s22"> <div class="sc-tab-compatibility__item-cta-icon"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg?imwidth=360" aria-hidden="true"> </div> </button> </div> <div class="sc-tab-compatibility__popup"> <div class="sc-tab-compatibility__popup-inner"> <button type="button" class="sc-tab-compatibility__popup-close" aria-label="Close popup"> <div class="sc-tab-compatibility__item-cta-icon"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg?imwidth=360" aria-hidden="true"> </div> </button> <div class="sc-tab-compatibility__popup-image"> <div class="sc-tab-compatibility__popup-image-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-white-back-ultra.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-white-back-ultra.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-white-back-ultra-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-white-back-ultra-mo.jpg?imwidth=360" aria-hidden="true"> </div> </div> <div class="sc-tab-compatibility__popup-text"> <div class="sc-tab-compatibility__popup-title"> Galaxy S22 | S22+ 5G </div> <div class="sc-tab-compatibility__popup-cta-wrap"> <div class="sc-tab-compatibility__popup-cta"> <a class="sc-tab-compatibility__popup-cta-link sc-cta-outline" title="Galaxy S22 and S22+ Open in a new window" href="/sg/smartphones/galaxy-s22/" target="_blank" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:galaxy-ecosystem:page:galaxy-s22" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:galaxy-ecosystem:page:galaxy-s22"> <span>Learn more</span> </a> </div> <div class="sc-tab-compatibility__popup-cta"> <a class="sc-tab-compatibility__popup-cta-link sc-cta-fill" title="Galaxy S22 and S22+ Open in a new window" href="/sg/smartphones/galaxy-s22/buy/" target="_blank" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:galaxy-ecosystem:buy-acc:galaxy-s22" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:galaxy-ecosystem:buy-acc:galaxy-s22"> <span>Buy now</span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="sc-tab-compatibility__item item02"> <div class="sc-tab-compatibility__item-inner"> <div class="sc-tab-compatibility__item-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-ultra.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-ultra.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-ultra-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-ultra-mo.png?imwidth=360" aria-hidden="true"> </div> <div class="sc-tab-compatibility__item-shadow"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-ultra-shadow.jpg?imwidth" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-ultra-shadow.jpg?imwidth?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-ultra-shadow-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-ultra-shadow-mo.jpg?imwidth=360" aria-hidden="true"> </div> <div class="sc-tab-compatibility__item-cta"> <button type="button" class="sc-tab-compatibility__item-cta-link" aria-label="Galaxy S22 Ultra Open popup" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:galaxy-ecosystem:popup:galaxy-s22-ultra" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:galaxy-ecosystem:popup:galaxy-s22-ultra"> <div class="sc-tab-compatibility__item-cta-icon"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg?imwidth=360" aria-hidden="true"> </div> </button> </div> <div class="sc-tab-compatibility__popup"> <div class="sc-tab-compatibility__popup-inner"> <button type="button" class="sc-tab-compatibility__popup-close" aria-label="Close popup"> <div class="sc-tab-compatibility__item-cta-icon"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg?imwidth=360" aria-hidden="true"> </div> </button> <div class="sc-tab-compatibility__popup-image"> <div class="sc-tab-compatibility__popup-image-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-back-ultra.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-back-ultra.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-back-ultra-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-back-ultra-mo.jpg?imwidth=360" aria-hidden="true"> </div> </div> <div class="sc-tab-compatibility__popup-text"> <div class="sc-tab-compatibility__popup-title"> Galaxy S22 Ultra 5G </div> <div class="sc-tab-compatibility__popup-cta-wrap"> <div class="sc-tab-compatibility__popup-cta"> <a class="sc-tab-compatibility__popup-cta-link sc-cta-outline" title="Galaxy S22 Ultra Open in a new window" href="/sg/smartphones/galaxy-s22-ultra/" target="_blank" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:galaxy-ecosystem:page:galaxy-s22-ultra" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:galaxy-ecosystem:page:galaxy-s22-ultra"> <span>Learn more</span> </a> </div> <div class="sc-tab-compatibility__popup-cta"> <a class="sc-tab-compatibility__popup-cta-link sc-cta-fill" title="Galaxy S22 Ultra Open in a new window" href="/sg/smartphones/galaxy-s22-ultra/buy/" target="_blank" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:galaxy-ecosystem:buy-acc:galaxy-s22-ultra" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:galaxy-ecosystem:buy-acc:galaxy-s22-ultra"> <span>Buy now</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="sc-tab-compatibility__text"> <p class="sc-tab-common__headline sc-tab-compatibility__headline"> Amazing alone. Better together </p> </div> <div class="sc-tab-compatibility__item-wrap item-wrap02"> <div class="sc-tab-compatibility__item item03"> <div class="sc-tab-compatibility__item-inner"> <div class="sc-tab-compatibility__item-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-buds.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-buds.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-buds-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-buds-mo.png?imwidth=360" aria-hidden="true"> </div> <div class="sc-tab-compatibility__item-shadow"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-buds-shadow.jpg?imwidth" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-buds-shadow.jpg?imwidth?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-buds-shadow-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-buds-shadow-mo.jpg?imwidth=360" aria-hidden="true"> </div> <div class="sc-tab-compatibility__item-cta"> <button type="button" class="sc-tab-compatibility__item-cta-link" aria-label="Galaxy Buds2 Open popup" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:galaxy-ecosystem:popup:galaxy-buds2" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:galaxy-ecosystem:popup:galaxy-buds2"> <div class="sc-tab-compatibility__item-cta-icon"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg?imwidth=360" aria-hidden="true"> </div> </button> </div> <div class="sc-tab-compatibility__popup"> <div class="sc-tab-compatibility__popup-inner"> <button type="button" class="sc-tab-compatibility__popup-close" aria-label="Close popup"> <div class="sc-tab-compatibility__item-cta-icon"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg?imwidth=360" aria-hidden="true"> </div> </button> <div class="sc-tab-compatibility__popup-image"> <div class="sc-tab-compatibility__popup-image-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-open-buds.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-open-buds.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-open-buds-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-open-buds-mo.jpg?imwidth=360" aria-hidden="true"> </div> </div> <div class="sc-tab-compatibility__popup-text"> <div class="sc-tab-compatibility__popup-title"> Galaxy Buds2 </div> <div class="sc-tab-compatibility__popup-cta-wrap"> <div class="sc-tab-compatibility__popup-cta"> <a class="sc-tab-compatibility__popup-cta-link sc-cta-outline" title="Galaxy Buds2 Open in a new window" href="/sg/audio-sound/galaxy-buds/galaxy-buds2-graphite-sm-r177nzkaxsp/" target="_blank" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:galaxy-ecosystem:page:galaxy-buds2" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:galaxy-ecosystem:page:galaxy-buds2"> <span>Learn more</span> </a> </div>  </div> </div> </div> </div> </div> </div> <div class="sc-tab-compatibility__item item04"> <div class="sc-tab-compatibility__item-inner"> <div class="sc-tab-compatibility__item-image"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-watch.png" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-watch.png?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-watch-mo.png" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-watch-mo.png?imwidth=360" aria-hidden="true"> </div> <div class="sc-tab-compatibility__item-shadow"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-watch-shadow.jpg?imwidth" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-watch-shadow.jpg?imwidth?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-watch-shadow-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-side-watch-shadow-mo.jpg?imwidth=360" aria-hidden="true"> </div> <div class="sc-tab-compatibility__item-cta"> <button type="button" class="sc-tab-compatibility__item-cta-link" aria-label="Galaxy Watch4 Open popup" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:galaxy-ecosystem:popup:galaxy-watch4" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:galaxy-ecosystem:popup:galaxy-watch4"> <div class="sc-tab-compatibility__item-cta-icon"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg?imwidth=360" aria-hidden="true"> </div> </button> </div> <div class="sc-tab-compatibility__popup"> <div class="sc-tab-compatibility__popup-inner"> <button type="button" class="sc-tab-compatibility__popup-close" aria-label="Close popup"> <div class="sc-tab-compatibility__item-cta-icon"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-ecosystem-close-mo.svg?imwidth=360" aria-hidden="true"> </div> </button> <div class="sc-tab-compatibility__popup-image"> <div class="sc-tab-compatibility__popup-image-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-watch.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-watch.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-watch-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-compatibility-front-watch-mo.jpg?imwidth=360" aria-hidden="true"> </div> </div> <div class="sc-tab-compatibility__popup-text"> <div class="sc-tab-compatibility__popup-title"> Galaxy Watch4 </div> <div class="sc-tab-compatibility__popup-cta-wrap"> <div class="sc-tab-compatibility__popup-cta"> <a class="sc-tab-compatibility__popup-cta-link sc-cta-outline" title="Galaxy Watch4 Open in a new window" href="/sg/watches/galaxy-watch/galaxy-watch4-black-bluetooth-sm-r870nzkaasa/" target="_blank" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:galaxy-ecosystem:page:galaxy-watch4" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:galaxy-ecosystem:page:galaxy-watch4"> <span>Learn more</span> </a> </div> <div class="sc-tab-compatibility__popup-cta"> <a class="sc-tab-compatibility__popup-cta-link sc-cta-fill" title="Galaxy Watch4 Open in a new window" href="/sg/watches/galaxy-watch/galaxy-watch4-silver-bluetooth-sm-r870nzsaasa/buy/" target="_blank" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:galaxy-ecosystem:buy-acc:galaxy-watch4" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:galaxy-ecosystem:buy-acc:galaxy-watch4"> <span>Buy now</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="sc-tab-seamless"> <div class="sc-tab-seamless__wrap"> <div class="sc-tab-seamless__content"> <div class="sc-tab-seamless__product"> <div class="sc-tab-seamless__product-text"> <p class="sc-tab-seamless__product-headline">Galaxy Tab S8 | S8+ | S8 Ultra seamlessly work with Galaxy S22 | S22+ | S22 Ultra 5G</p> <div class="sc-tab-seamless__cta-wrap"> <a href="/sg/smartphones/galaxy-s22-ultra/showroom/#galaxy-tab-s8-ultra" class="sc-tab-seamless__cta" title="Galaxy S22 Ultra with Galaxy Tab S8 Ultra : open in a new window" target="_blank" data-omni-type="microsite_contentinter" data-omni="galaxy-tab-s8:highlights:ecosystem:page:galaxy-s22-ultra^showroom" ga-ca="content click" ga-ac="feature" ga-la="galaxy-tab-s8:highlights:ecosystem:page:galaxy-s22-ultra^showroom"> <span class="sc-tab-seamless__cta-copy">Go to Showroom</span><span class="sc-tab-seamless__cta-icon"><img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-showroom-link-black.svg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-showroom-link-black.svg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-showroom-link-black-mo.svg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-showroom-link-black-mo.svg?imwidth=360" aria-hidden="true"></span> </a> </div> </div> <div class="sc-tab-seamless__product-image"> <div class="sc-tab-seamless__product-image-inner"> <img src="//images.samsung.com/sg/galaxy-tab-s8/feature/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-seamless.jpg" data-src-tablet="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-seamless.jpg?imwidth=1080" data-src-mobile="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-seamless-mo.jpg" data-src-mobile-min="//images.samsung.com/sg/galaxy-tab-s8/feature/galaxy-tab-s8-seamless-mo.jpg?imwidth=360" aria-hidden="true"> </div> </div> </div> </div> </div> </div> <p class="sc-tab-common__headline sc-tab-compatibility__headline_review"> Review </p> <br> <div class="banner_feature_kv"> <div class="img_pc"> <img src="//images.samsung.com/is/image/samsung/assets/sg/galaxy-tab-s8/feature/media-reviews_static_tab1.png?imwidth=570" alt=""> </div> <div class="img_mo"> <img src="//images.samsung.com/is/image/samsung/assets/sg/galaxy-tab-s8/feature/media-reviews_static_tab1.png?imwidth=320" alt=""> </div> </div> <div class="sc-tab-compatibility__popup-cta"> <a class="sc-tab-compatibility__popup-cta-link sc-cta-outline" href="#reviews"> <span>Read more reviews</span> </a> </div> </section>   <div class="cp-high-contrast"> <div class="cp-high-contrast__inner"> <a href="#" role="button" title="High contrast" class="btn-contrast type-contrast"><span>C</span></a> <a href="#" role="button" title="Default contrast" class="btn-contrast type-default"><span>C</span></a> </div> </div>   <div class="m_content-desc m_content_galaxy-type1" id="desc-section"> <div class="m_feature-desc show visible"> <div class="f_inner"> <div class="f_header-type1"> <p class="dis">* Product colour availability may vary by country or region.</p> <ol data-title="See disclaimer" role="list"> <li role="listitem" data-sup="1">Measured diagonally, Galaxy Tab S8 Ultra's screen size is 14.6" in the full rectangle and 14.5", accounting for the rounded corners. Galaxy Tab S8+'s screen size is 12.4" in the full rectangle and 12.4" accounting for the rounded corners. Galaxy Tab S8's screen size is 11" in the full rectangle and 10.9" accounting for the rounded corners. Actual viewable area is less due to the rounded corners and the camera hole.</li> <li role="listitem" data-sup="2">Typical value tested under third-party laboratory condition. Typical value is the estimated average value considering the deviation in battery capacity among the battery samples tested under IEC 61960 standard. Rated (minimum) capacity is 10,880 mAh for Galaxy Tab S8 Ultra, 9,800 mAh for Galaxy Tab S8+, and 7,760 mAh for Galaxy Tab S8. Actual battery life may vary depending on network environment, usage patterns and other factors.</li> <li role="listitem" data-sup="3">Color or model availability may vary depending on country, region, and carrier.</li> <li role="listitem" data-sup="4">Armor Aluminum is cased on all metal components, excluding the display, side keys, and the SIM tray.</li> <li role="listitem" data-sup="5">Clip Studio Paint membership required. Preload supported in select markets. Clip Studio Paint can be downloaded from the Galaxy store and comes with 6 free months for first-time users. Terms of service may vary by country and region.</li> <li role="listitem" data-sup="6">Availability may vary by model.</li> <li role="listitem" data-sup="7">LumaFusion is currently not available on Android. LumaFusion is to be released for service in 2022. LumaFusion app availability may vary depending on country, region, and carrier.</li> <li role="listitem" data-sup="8">When compared to previous Tab S series.</li> <li role="listitem" data-sup="9">Available on devices with One Ui 2.1 or later versions installed, and requires the MDE Service Framework and Quick Share apps updates. Bluetooth Low Energy and Wi-Fi connection are required for Quick Share use. Certain applications may not support Quick Share.</li> <li role="listitem" data-sup="10">Certain resolutions and ratios may not be supported. Certain functions may not be available when Auto framing is on. Only people can be recognized, and there is a limit to how many people may be recognized.</li> <li role="listitem" data-sup="11">Auto Framing is only available on Ultra Wide Front Camera.</li> <li role="listitem" data-sup="12">Jamboard requires to be downloaded separately and additional functions may require purchase.</li> <li role="listitem" data-sup="13">Google Duo is a trademark of Google LLC. UX/UI subject to change. Google Duo App availability may vary by country and region.</li> <li role="listitem" data-sup="14">Requires optimal connection. Actual speed may vary depending on country, carrier and user environment.</li> <li role="listitem" data-sup="15">Certain applications may not support multi-tasking.</li> <li role="listitem" data-sup="16">YouTube is a trademark of Google LLC. UX/UI subject to change.</li> <li role="listitem" data-sup="17">YouTube provides 4 month free subscription for new subscribers. Terms of service of YouTube Premium may vary depending on country or region. Users must subscribe to a YouTube Premium account to enjoy all its benefits.</li> <li role="listitem" data-sup="18">5G services are only supported in 5G network enabled locations in 5G-ready countries. Requires optimal connection. Actual speed may vary depending on country, carrier and user environment.</li> <li role="listitem" data-sup="19">The new 2-in-1 Book Cover Keyboard available for Galaxy Tab S8 Ultra, Galaxy Tab S8+, and Galaxy Tab S8. Book Cover Keyboard Slim available for Galaxy Tab S8+ and Galaxy Tab S8.</li> <li role="listitem" data-sup="20">Book Cover Keyboard product design may vary by model. Availability may vary depending on country, region, and carrier.</li> <li role="listitem" data-sup="21">Snapdragon is a product of Qualcomm Technologies Inc. and/or its subsidiaries.</li> <li role="listitem" data-sup="22">Snapdragon is a trademark or registered trademark of Qualcomm Incorporated.</li> <li role="listitem" data-sup="23">Wi-Fi 6E network availability may vary depending on the country, network provider and user environment. Requires optimal connection. Actual speed may vary depending on country, carrier or user environment.</li> <li role="listitem" data-sup="24">45W Super Fast charger required and sold separately.</li> <li role="listitem" data-sup="25">Auto Switch feature only available on Galaxy smartphones and tablets with One UI 3.1 or later. Certain devices and applications may not support Auto Switch. Galaxy devices must be logged in to Samsung Account to enable Auto Switch.</li> <li role="listitem" data-sup="26">Wired transfers require at least Android™ 4.3, iOS 5, or Windows Mobile OS8.1 or OS 10 on your old device. Devices with an older OS must use wireless transfer options. If you do not have the required USB cable/connector for a wired transfer to Galaxy, you can also use wireless transfer options. Open Smart Switch Mobile in "Settings" on your new Galaxy phone or download Smart Switch for PC/Mac.</li> <li role="listitem" data-sup="27">Data and content available for transfer may vary by OS. For more information, please Contact Samsung HELP.</li> <li role="listitem" data-sup="28">WiDi(Wireless Display)-capable Windows 10 PC models and Windows 10 v.2004 or later are required for this feature.</li> </ol> </div> </div> </div> </div> </div> <script> var _gsScope = "undefined" != typeof module && module.exports && "undefined" != typeof global ? global : this || window; (_gsScope._gsQueue || (_gsScope._gsQueue = [])).push(function() { "use strict"; var t, e, i, s, r, n, a, o, l, h, _, u, f, c; _gsScope._gsDefine("TweenMax", ["core.Animation", "core.SimpleTimeline", "TweenLite"], function(t, e, i) { var s = function(t) { var e, i = [], s = t.length; for (e = 0; e !== s; i.push(t[e++])); return i }, r = function(t, e, i) { var s, r, n = t.cycle; for (s in n) r = n[s], t[s] = "function" == typeof r ? r(i, e[i], e) : r[i % r.length]; delete t.cycle }, n = function(t) { if ("function" == typeof t) return t; var e = "object" == typeof t ? t : { each: t }, i = e.ease, s = e.from || 0, r = e.base || 0, n = {}, a = isNaN(s), o = e.axis, l = { center: .5, end: 1 }[s] || 0; return function(t, h, _) { var u, f, c, p, m, d, g, y, v, T = (_ || e).length, x = n[T]; if (!x) { if (!(v = "auto" === e.grid ? 0 : (e.grid || [1 / 0])[0])) { for (g = -1 / 0; g < (g = _[v++].getBoundingClientRect().left) && v < T;); v-- } for (x = n[T] = [], u = a ? Math.min(v, T) * l - .5 : s % v, f = a ? T * l / v - .5 : s / v | 0, g = 0, y = 1 / 0, d = 0; d < T; d++) c = d % v - u, p = f - (d / v | 0), x[d] = m = o ? Math.abs("y" === o ? p : c) : Math.sqrt(c * c + p * p), m > g && (g = m), m < y && (y = m); x.max = g - y, x.min = y, x.v = T = e.amount || e.each * (v > T ? T - 1 : o ? "y" === o ? T / v : v : Math.max(v, T / v)) || 0, x.b = T < 0 ? r - T : r } return T = (x[t] - x.min) / x.max, x.b + (i ? i.getRatio(T) : T) * x.v } }, a = function(t, e, s) { i.call(this, t, e, s), this._cycle = 0, this._yoyo = !0 === this.vars.yoyo || !!this.vars.yoyoEase, this._repeat = this.vars.repeat || 0, this._repeatDelay = this.vars.repeatDelay || 0, this._repeat && this._uncache(!0), this.render = a.prototype.render }, o = i._internals, l = o.isSelector, h = o.isArray, _ = a.prototype = i.to({}, .1, {}), u = []; a.version = "2.1.3", _.constructor = a, _.kill()._gc = !1, a.killTweensOf = a.killDelayedCallsTo = i.killTweensOf, a.getTweensOf = i.getTweensOf, a.lagSmoothing = i.lagSmoothing, a.ticker = i.ticker, a.render = i.render, a.distribute = n, _.invalidate = function() { return this._yoyo = !0 === this.vars.yoyo || !!this.vars.yoyoEase, this._repeat = this.vars.repeat || 0, this._repeatDelay = this.vars.repeatDelay || 0, this._yoyoEase = null, this._uncache(!0), i.prototype.invalidate.call(this) }, _.updateTo = function(t, e) { var s, r = this.ratio, n = this.vars.immediateRender || t.immediateRender; for (s in e && this._startTime < this._timeline._time && (this._startTime = this._timeline._time, this._uncache(!1), this._gc ? this._enabled(!0, !1) : this._timeline.insert(this, this._startTime - this._delay)), t) this.vars[s] = t[s]; if (this._initted || n) if (e) this._initted = !1, n && this.render(0, !0, !0); else if (this._gc && this._enabled(!0, !1), this._notifyPluginsOfEnabled && this._firstPT && i._onPluginEvent("_onDisable", this), this._time / this._duration > .998) { var a = this._totalTime; this.render(0, !0, !1), this._initted = !1, this.render(a, !0, !1) } else if (this._initted = !1, this._init(), this._time > 0 || n) for (var o, l = 1 / (1 - r), h = this._firstPT; h;) o = h.s + h.c, h.c *= l, h.s = o - h.c, h = h._next; return this }, _.render = function(t, e, s) { this._initted || 0 === this._duration && this.vars.repeat && this.invalidate(); var r, n, a, l, h, _, u, f, c, p = this._dirty ? this.totalDuration() : this._totalDuration, m = this._time, d = this._totalTime, g = this._cycle, y = this._duration, v = this._rawPrevTime; if (t >= p - 1e-8 && t >= 0 ? (this._totalTime = p, this._cycle = this._repeat, this._yoyo && 0 != (1 & this._cycle) ? (this._time = 0, this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0) : (this._time = y, this.ratio = this._ease._calcEnd ? this._ease.getRatio(1) : 1), this._reversed || (r = !0, n = "onComplete", s = s || this._timeline.autoRemoveChildren), 0 === y && (this._initted || !this.vars.lazy || s) && (this._startTime === this._timeline._duration && (t = 0), (v < 0 || t <= 0 && t >= -1e-8 || 1e-8 === v && "isPause" !== this.data) && v !== t && (s = !0, v > 1e-8 && (n = "onReverseComplete")), this._rawPrevTime = f = !e || t || v === t ? t : 1e-8)) : t < 1e-8 ? (this._totalTime = this._time = this._cycle = 0, this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0, (0 !== d || 0 === y && v > 0) && (n = "onReverseComplete", r = this._reversed), t > -1e-8 ? t = 0 : t < 0 && (this._active = !1, 0 === y && (this._initted || !this.vars.lazy || s) && (v >= 0 && (s = !0), this._rawPrevTime = f = !e || t || v === t ? t : 1e-8)), this._initted || (s = !0)) : (this._totalTime = this._time = t, 0 !== this._repeat && (l = y + this._repeatDelay, this._cycle = this._totalTime / l >> 0, 0 !== this._cycle && this._cycle === this._totalTime / l && d <= t && this._cycle--, this._time = this._totalTime - this._cycle * l, this._yoyo && 0 != (1 & this._cycle) && (this._time = y - this._time, (c = this._yoyoEase || this.vars.yoyoEase) && (this._yoyoEase || (!0 !== c || this._initted ? this._yoyoEase = c = !0 === c ? this._ease : c instanceof Ease ? c : Ease.map[c] : (c = this.vars.ease, this._yoyoEase = c = c ? c instanceof Ease ? c : "function" == typeof c ? new Ease(c, this.vars.easeParams) : Ease.map[c] || i.defaultEase : i.defaultEase)), this.ratio = c ? 1 - c.getRatio((y - this._time) / y) : 0)), this._time > y ? this._time = y : this._time < 0 && (this._time = 0)), this._easeType && !c ? (h = this._time / y, (1 === (_ = this._easeType) || 3 === _ && h >= .5) && (h = 1 - h), 3 === _ && (h *= 2), 1 === (u = this._easePower) ? h *= h : 2 === u ? h *= h * h : 3 === u ? h *= h * h * h : 4 === u && (h *= h * h * h * h), this.ratio = 1 === _ ? 1 - h : 2 === _ ? h : this._time / y < .5 ? h / 2 : 1 - h / 2) : c || (this.ratio = this._ease.getRatio(this._time / y))), m !== this._time || s || g !== this._cycle) { if (!this._initted) { if (this._init(), !this._initted || this._gc) return; if (!s && this._firstPT && (!1 !== this.vars.lazy && this._duration || this.vars.lazy && !this._duration)) return this._time = m, this._totalTime = d, this._rawPrevTime = v, this._cycle = g, o.lazyTweens.push(this), void(this._lazy = [t, e]); !this._time || r || c ? r && this._ease._calcEnd && !c && (this.ratio = this._ease.getRatio(0 === this._time ? 0 : 1)) : this.ratio = this._ease.getRatio(this._time / y) } for (!1 !== this._lazy && (this._lazy = !1), this._active || !this._paused && this._time !== m && t >= 0 && (this._active = !0), 0 === d && (2 === this._initted && t > 0 && this._init(), this._startAt && (t >= 0 ? this._startAt.render(t, !0, s) : n || (n = "_dummyGS")), this.vars.onStart && (0 === this._totalTime && 0 !== y || e || this._callback("onStart"))), a = this._firstPT; a;) a.f ? a.t[a.p](a.c * this.ratio + a.s) : a.t[a.p] = a.c * this.ratio + a.s, a = a._next; this._onUpdate && (t < 0 && this._startAt && this._startTime && this._startAt.render(t, !0, s), e || (this._totalTime !== d || n) && this._callback("onUpdate")), this._cycle !== g && (e || this._gc || this.vars.onRepeat && this._callback("onRepeat")), n && (this._gc && !s || (t < 0 && this._startAt && !this._onUpdate && this._startTime && this._startAt.render(t, !0, s), r && (this._timeline.autoRemoveChildren && this._enabled(!1, !1), this._active = !1), !e && this.vars[n] && this._callback(n), 0 === y && 1e-8 === this._rawPrevTime && 1e-8 !== f && (this._rawPrevTime = 0))) } else d !== this._totalTime && this._onUpdate && (e || this._callback("onUpdate")) }, a.to = function(t, e, i) { return new a(t, e, i) }, a.from = function(t, e, i) { return i.runBackwards = !0, i.immediateRender = 0 != i.immediateRender, new a(t, e, i) }, a.fromTo = function(t, e, i, s) { return s.startAt = i, s.immediateRender = 0 != s.immediateRender && 0 != i.immediateRender, new a(t, e, s) }, a.staggerTo = a.allTo = function(t, e, o, _, f, c, p) { var m, d, g, y, v = [], T = n(o.stagger || _), x = o.cycle, b = (o.startAt || u).cycle; for (h(t) || ("string" == typeof t && (t = i.selector(t) || t), l(t) && (t = s(t))), m = (t = t || []).length - 1, g = 0; g <= m; g++) { for (y in d = {}, o) d[y] = o[y]; if (x && (r(d, t, g), null != d.duration && (e = d.duration, delete d.duration)), b) { for (y in b = d.startAt = {}, o.startAt) b[y] = o.startAt[y]; r(d.startAt, t, g) } d.delay = T(g, t[g], t) + (d.delay || 0), g === m && f && (d.onComplete = function() { o.onComplete && o.onComplete.apply(o.onCompleteScope || this, arguments), f.apply(p || o.callbackScope || this, c || u) }), v[g] = new a(t[g], e, d) } return v }, a.staggerFrom = a.allFrom = function(t, e, i, s, r, n, o) { return i.runBackwards = !0, i.immediateRender = 0 != i.immediateRender, a.staggerTo(t, e, i, s, r, n, o) }, a.staggerFromTo = a.allFromTo = function(t, e, i, s, r, n, o, l) { return s.startAt = i, s.immediateRender = 0 != s.immediateRender && 0 != i.immediateRender, a.staggerTo(t, e, s, r, n, o, l) }, a.delayedCall = function(t, e, i, s, r) { return new a(e, 0, { delay: t, onComplete: e, onCompleteParams: i, callbackScope: s, onReverseComplete: e, onReverseCompleteParams: i, immediateRender: !1, useFrames: r, overwrite: 0 }) }, a.set = function(t, e) { return new a(t, 0, e) }, a.isTweening = function(t) { return i.getTweensOf(t, !0).length > 0 }; var f = function(t, e) { for (var s = [], r = 0, n = t._first; n;) n instanceof i ? s[r++] = n : (e && (s[r++] = n), r = (s = s.concat(f(n, e))).length), n = n._next; return s }, c = a.getAllTweens = function(e) { return f(t._rootTimeline, e).concat(f(t._rootFramesTimeline, e)) }; a.killAll = function(t, i, s, r) { null == i && (i = !0), null == s && (s = !0); var n, a, o, l = c(0 != r), h = l.length, _ = i && s && r; for (o = 0; o < h; o++) a = l[o], (_ || a instanceof e || (n = a.target === a.vars.onComplete) && s || i && !n) && (t ? a.totalTime(a._reversed ? 0 : a.totalDuration()) : a._enabled(!1, !1)) }, a.killChildTweensOf = function(t, e) { if (null != t) { var r, n, _, u, f, c = o.tweenLookup; if ("string" == typeof t && (t = i.selector(t) || t), l(t) && (t = s(t)), h(t)) for (u = t.length; --u > -1;) a.killChildTweensOf(t[u], e); else { for (_ in r = [], c) for (n = c[_].target.parentNode; n;) n === t && (r = r.concat(c[_].tweens)), n = n.parentNode; for (f = r.length, u = 0; u < f; u++) e && r[u].totalTime(r[u].totalDuration()), r[u]._enabled(!1, !1) } } }; var p = function(t, i, s, r) { i = !1 !== i, s = !1 !== s; for (var n, a, o = c(r = !1 !== r), l = i && s && r, h = o.length; --h > -1;) a = o[h], (l || a instanceof e || (n = a.target === a.vars.onComplete) && s || i && !n) && a.paused(t) }; return a.pauseAll = function(t, e, i) { p(!0, t, e, i) }, a.resumeAll = function(t, e, i) { p(!1, t, e, i) }, a.globalTimeScale = function(e) { var s = t._rootTimeline, r = i.ticker.time; return arguments.length ? (e = e || 1e-8, s._startTime = r - (r - s._startTime) * s._timeScale / e, s = t._rootFramesTimeline, r = i.ticker.frame, s._startTime = r - (r - s._startTime) * s._timeScale / e, s._timeScale = t._rootTimeline._timeScale = e, e) : s._timeScale }, _.progress = function(t, e) { return arguments.length ? this.totalTime(this.duration() * (this._yoyo && 0 != (1 & this._cycle) ? 1 - t : t) + this._cycle * (this._duration + this._repeatDelay), e) : this.duration() ? this._time / this._duration : this.ratio }, _.totalProgress = function(t, e) { return arguments.length ? this.totalTime(this.totalDuration() * t, e) : this._totalTime / this.totalDuration() }, _.time = function(t, e) { if (!arguments.length) return this._time; this._dirty && this.totalDuration(); var i = this._duration, s = this._cycle, r = s * (i + this._repeatDelay); return t > i && (t = i), this.totalTime(this._yoyo && 1 & s ? i - t + r : this._repeat ? t + r : t, e) }, _.duration = function(e) { return arguments.length ? t.prototype.duration.call(this, e) : this._duration }, _.totalDuration = function(t) { return arguments.length ? -1 === this._repeat ? this : this.duration((t - this._repeat * this._repeatDelay) / (this._repeat + 1)) : (this._dirty && (this._totalDuration = -1 === this._repeat ? 999999999999 : this._duration * (this._repeat + 1) + this._repeatDelay * this._repeat, this._dirty = !1), this._totalDuration) }, _.repeat = function(t) { return arguments.length ? (this._repeat = t, this._uncache(!0)) : this._repeat }, _.repeatDelay = function(t) { return arguments.length ? (this._repeatDelay = t, this._uncache(!0)) : this._repeatDelay }, _.yoyo = function(t) { return arguments.length ? (this._yoyo = t, this) : this._yoyo }, a }, !0), _gsScope._gsDefine("TimelineLite", ["core.Animation", "core.SimpleTimeline", "TweenLite"], function(t, e, i) { var s = function(t) { e.call(this, t); var i, s, r = this.vars; for (s in this._labels = {}, this.autoRemoveChildren = !!r.autoRemoveChildren, this.smoothChildTiming = !!r.smoothChildTiming, this._sortChildren = !0, this._onUpdate = r.onUpdate, r) i = r[s], o(i) && -1 !== i.join("").indexOf("{self}") && (r[s] = this._swapSelfInParams(i)); o(r.tweens) && this.add(r.tweens, 0, r.align, r.stagger) }, r = i._internals, n = s._internals = {}, a = r.isSelector, o = r.isArray, l = r.lazyTweens, h = r.lazyRender, _ = _gsScope._gsDefine.globals, u = function(t) { var e, i = {}; for (e in t) i[e] = t[e]; return i }, f = function(t, e, i) { var s, r, n = t.cycle; for (s in n) r = n[s], t[s] = "function" == typeof r ? r(i, e[i], e) : r[i % r.length]; delete t.cycle }, c = n.pauseCallback = function() {}, p = function(t, e, i, s) { var r = "immediateRender"; return r in e || (e[r] = !(i && !1 === i[r] || s)), e }, m = function(t) { if ("function" == typeof t) return t; var e = "object" == typeof t ? t : { each: t }, i = e.ease, s = e.from || 0, r = e.base || 0, n = {}, a = isNaN(s), o = e.axis, l = { center: .5, end: 1 }[s] || 0; return function(t, h, _) { var u, f, c, p, m, d, g, y, v, T = (_ || e).length, x = n[T]; if (!x) { if (!(v = "auto" === e.grid ? 0 : (e.grid || [1 / 0])[0])) { for (g = -1 / 0; g < (g = _[v++].getBoundingClientRect().left) && v < T;); v-- } for (x = n[T] = [], u = a ? Math.min(v, T) * l - .5 : s % v, f = a ? T * l / v - .5 : s / v | 0, g = 0, y = 1 / 0, d = 0; d < T; d++) c = d % v - u, p = f - (d / v | 0), x[d] = m = o ? Math.abs("y" === o ? p : c) : Math.sqrt(c * c + p * p), m > g && (g = m), m < y && (y = m); x.max = g - y, x.min = y, x.v = T = e.amount || e.each * (v > T ? T - 1 : o ? "y" === o ? T / v : v : Math.max(v, T / v)) || 0, x.b = T < 0 ? r - T : r } return T = (x[t] - x.min) / x.max, x.b + (i ? i.getRatio(T) : T) * x.v } }, d = s.prototype = new e; return s.version = "2.1.3", s.distribute = m, d.constructor = s, d.kill()._gc = d._forcingPlayhead = d._hasPause = !1, d.to = function(t, e, s, r) { var n = s.repeat && _.TweenMax || i; return e ? this.add(new n(t, e, s), r) : this.set(t, s, r) }, d.from = function(t, e, s, r) { return this.add((s.repeat && _.TweenMax || i).from(t, e, p(0, s)), r) }, d.fromTo = function(t, e, s, r, n) { var a = r.repeat && _.TweenMax || i; return r = p(0, r, s), e ? this.add(a.fromTo(t, e, s, r), n) : this.set(t, r, n) }, d.staggerTo = function(t, e, r, n, o, l, h, _) { var c, p, d = new s({ onComplete: l, onCompleteParams: h, callbackScope: _, smoothChildTiming: this.smoothChildTiming }), g = m(r.stagger || n), y = r.startAt, v = r.cycle; for ("string" == typeof t && (t = i.selector(t) || t), a(t = t || []) && (t = function(t) { var e, i = [], s = t.length; for (e = 0; e !== s; i.push(t[e++])); return i }(t)), p = 0; p < t.length; p++) c = u(r), y && (c.startAt = u(y), y.cycle && f(c.startAt, t, p)), v && (f(c, t, p), null != c.duration && (e = c.duration, delete c.duration)), d.to(t[p], e, c, g(p, t[p], t)); return this.add(d, o) }, d.staggerFrom = function(t, e, i, s, r, n, a, o) { return i.runBackwards = !0, this.staggerTo(t, e, p(0, i), s, r, n, a, o) }, d.staggerFromTo = function(t, e, i, s, r, n, a, o, l) { return s.startAt = i, this.staggerTo(t, e, p(0, s, i), r, n, a, o, l) }, d.call = function(t, e, s, r) { return this.add(i.delayedCall(0, t, e, s), r) }, d.set = function(t, e, s) { return this.add(new i(t, 0, p(0, e, null, !0)), s) }, s.exportRoot = function(t, e) { null == (t = t || {}).smoothChildTiming && (t.smoothChildTiming = !0); var r, n, a, o, l = new s(t), h = l._timeline; for (null == e && (e = !0), h._remove(l, !0), l._startTime = 0, l._rawPrevTime = l._time = l._totalTime = h._time, a = h._first; a;) o = a._next, e && a instanceof i && a.target === a.vars.onComplete || ((n = a._startTime - a._delay) < 0 && (r = 1), l.add(a, n)), a = o; return h.add(l, 0), r && l.totalDuration(), l }, d.add = function(r, n, a, l) { var h, _, u, f, c, p; if ("number" != typeof n && (n = this._parseTimeOrLabel(n, 0, !0, r)), !(r instanceof t)) { if (r instanceof Array || r && r.push && o(r)) { for (a = a || "normal", l = l || 0, h = n, _ = r.length, u = 0; u < _; u++) o(f = r[u]) && (f = new s({ tweens: f })), this.add(f, h), "string" != typeof f && "function" != typeof f && ("sequence" === a ? h = f._startTime + f.totalDuration() / f._timeScale : "start" === a && (f._startTime -= f.delay())), h += l; return this._uncache(!0) } if ("string" == typeof r) return this.addLabel(r, n); if ("function" != typeof r) throw "Cannot add " + r + " into the timeline; it is not a tween, timeline, function, or string."; r = i.delayedCall(0, r) } if (e.prototype.add.call(this, r, n), (r._time || !r._duration && r._initted) && (h = (this.rawTime() - r._startTime) * r._timeScale, (!r._duration || Math.abs(Math.max(0, Math.min(r.totalDuration(), h))) - r._totalTime > 1e-5) && r.render(h, !1, !1)), (this._gc || this._time === this._duration) && !this._paused && this._duration < this.duration()) for (p = (c = this).rawTime() > r._startTime; c._timeline;) p && c._timeline.smoothChildTiming ? c.totalTime(c._totalTime, !0) : c._gc && c._enabled(!0, !1), c = c._timeline; return this }, d.remove = function(e) { if (e instanceof t) { this._remove(e, !1); var i = e._timeline = e.vars.useFrames ? t._rootFramesTimeline : t._rootTimeline; return e._startTime = (e._paused ? e._pauseTime : i._time) - (e._reversed ? e.totalDuration() - e._totalTime : e._totalTime) / e._timeScale, this } if (e instanceof Array || e && e.push && o(e)) { for (var s = e.length; --s > -1;) this.remove(e[s]); return this } return "string" == typeof e ? this.removeLabel(e) : this.kill(null, e) }, d._remove = function(t, i) { return e.prototype._remove.call(this, t, i), this._last ? this._time > this.duration() && (this._time = this._duration, this._totalTime = this._totalDuration) : this._time = this._totalTime = this._duration = this._totalDuration = 0, this }, d.append = function(t, e) { return this.add(t, this._parseTimeOrLabel(null, e, !0, t)) }, d.insert = d.insertMultiple = function(t, e, i, s) { return this.add(t, e || 0, i, s) }, d.appendMultiple = function(t, e, i, s) { return this.add(t, this._parseTimeOrLabel(null, e, !0, t), i, s) }, d.addLabel = function(t, e) { return this._labels[t] = this._parseTimeOrLabel(e), this }, d.addPause = function(t, e, s, r) { var n = i.delayedCall(0, c, s, r || this); return n.vars.onComplete = n.vars.onReverseComplete = e, n.data = "isPause", this._hasPause = !0, this.add(n, t) }, d.removeLabel = function(t) { return delete this._labels[t], this }, d.getLabelTime = function(t) { return null != this._labels[t] ? this._labels[t] : -1 }, d._parseTimeOrLabel = function(e, i, s, r) { var n, a; if (r instanceof t && r.timeline === this) this.remove(r); else if (r && (r instanceof Array || r.push && o(r))) for (a = r.length; --a > -1;) r[a] instanceof t && r[a].timeline === this && this.remove(r[a]); if (n = "number" != typeof e || i ? this.duration() > 99999999999 ? this.recent().endTime(!1) : this._duration : 0, "string" == typeof i) return this._parseTimeOrLabel(i, s && "number" == typeof e && null == this._labels[i] ? e - n : 0, s); if (i = i || 0, "string" != typeof e || !isNaN(e) && null == this._labels[e]) null == e && (e = n); else { if (-1 === (a = e.indexOf("="))) return null == this._labels[e] ? s ? this._labels[e] = n + i : i : this._labels[e] + i; i = parseInt(e.charAt(a - 1) + "1", 10) * Number(e.substr(a + 1)), e = a > 1 ? this._parseTimeOrLabel(e.substr(0, a - 1), 0, s) : n } return Number(e) + i }, d.seek = function(t, e) { return this.totalTime("number" == typeof t ? t : this._parseTimeOrLabel(t), !1 !== e) }, d.stop = function() { return this.paused(!0) }, d.gotoAndPlay = function(t, e) { return this.play(t, e) }, d.gotoAndStop = function(t, e) { return this.pause(t, e) }, d.render = function(t, e, i) { this._gc && this._enabled(!0, !1); var s, r, n, a, o, _, u, f, c = this._time, p = this._dirty ? this.totalDuration() : this._totalDuration, m = this._startTime, d = this._timeScale, g = this._paused; if (c !== this._time && (t += this._time - c), this._hasPause && !this._forcingPlayhead && !e) { if (t > c) for (s = this._first; s && s._startTime <= t && !_;) s._duration || "isPause" !== s.data || s.ratio || 0 === s._startTime && 0 === this._rawPrevTime || (_ = s), s = s._next; else for (s = this._last; s && s._startTime >= t && !_;) s._duration || "isPause" === s.data && s._rawPrevTime > 0 && (_ = s), s = s._prev; _ && (this._time = this._totalTime = t = _._startTime, f = this._startTime + (this._reversed ? this._duration - t : t) / this._timeScale) } if (t >= p - 1e-8 && t >= 0) this._totalTime = this._time = p, this._reversed || this._hasPausedChild() || (r = !0, a = "onComplete", o = !!this._timeline.autoRemoveChildren, 0 === this._duration && (t <= 0 && t >= -1e-8 || this._rawPrevTime < 0 || 1e-8 === this._rawPrevTime) && this._rawPrevTime !== t && this._first && (o = !0, this._rawPrevTime > 1e-8 && (a = "onReverseComplete"))), this._rawPrevTime = this._duration || !e || t || this._rawPrevTime === t ? t : 1e-8, t = p + 1e-4; else if (t < 1e-8) if (this._totalTime = this._time = 0, t > -1e-8 && (t = 0), (0 !== c || 0 === this._duration && 1e-8 !== this._rawPrevTime && (this._rawPrevTime > 0 || t < 0 && this._rawPrevTime >= 0)) && (a = "onReverseComplete", r = this._reversed), t < 0) this._active = !1, this._timeline.autoRemoveChildren && this._reversed ? (o = r = !0, a = "onReverseComplete") : this._rawPrevTime >= 0 && this._first && (o = !0), this._rawPrevTime = t; else { if (this._rawPrevTime = this._duration || !e || t || this._rawPrevTime === t ? t : 1e-8, 0 === t && r) for (s = this._first; s && 0 === s._startTime;) s._duration || (r = !1), s = s._next; t = 0, this._initted || (o = !0) } else this._totalTime = this._time = this._rawPrevTime = t; if (this._time !== c && this._first || i || o || _) { if (this._initted || (this._initted = !0), this._active || !this._paused && this._time !== c && t > 0 && (this._active = !0), 0 === c && this.vars.onStart && (0 === this._time && this._duration || e || this._callback("onStart")), (u = this._time) >= c) for (s = this._first; s && (n = s._next, u === this._time && (!this._paused || g));)(s._active || s._startTime <= u && !s._paused && !s._gc) && (_ === s && (this.pause(), this._pauseTime = f), s._reversed ? s.render((s._dirty ? s.totalDuration() : s._totalDuration) - (t - s._startTime) * s._timeScale, e, i) : s.render((t - s._startTime) * s._timeScale, e, i)), s = n; else for (s = this._last; s && (n = s._prev, u === this._time && (!this._paused || g));) { if (s._active || s._startTime <= c && !s._paused && !s._gc) { if (_ === s) { for (_ = s._prev; _ && _.endTime() > this._time;) _.render(_._reversed ? _.totalDuration() - (t - _._startTime) * _._timeScale : (t - _._startTime) * _._timeScale, e, i), _ = _._prev; _ = null, this.pause(), this._pauseTime = f } s._reversed ? s.render((s._dirty ? s.totalDuration() : s._totalDuration) - (t - s._startTime) * s._timeScale, e, i) : s.render((t - s._startTime) * s._timeScale, e, i) } s = n } this._onUpdate && (e || (l.length && h(), this._callback("onUpdate"))), a && (this._gc || m !== this._startTime && d === this._timeScale || (0 === this._time || p >= this.totalDuration()) && (r && (l.length && h(), this._timeline.autoRemoveChildren && this._enabled(!1, !1), this._active = !1), !e && this.vars[a] && this._callback(a))) } }, d._hasPausedChild = function() { for (var t = this._first; t;) { if (t._paused || t instanceof s && t._hasPausedChild()) return !0; t = t._next } return !1 }, d.getChildren = function(t, e, s, r) { r = r || -9999999999; for (var n = [], a = this._first, o = 0; a;) a._startTime < r || (a instanceof i ? !1 !== e && (n[o++] = a) : (!1 !== s && (n[o++] = a), !1 !== t && (o = (n = n.concat(a.getChildren(!0, e, s))).length))), a = a._next; return n }, d.getTweensOf = function(t, e) { var s, r, n = this._gc, a = [], o = 0; for (n && this._enabled(!0, !0), r = (s = i.getTweensOf(t)).length; --r > -1;)(s[r].timeline === this || e && this._contains(s[r])) && (a[o++] = s[r]); return n && this._enabled(!1, !0), a }, d.recent = function() { return this._recent }, d._contains = function(t) { for (var e = t.timeline; e;) { if (e === this) return !0; e = e.timeline } return !1 }, d.shiftChildren = function(t, e, i) { i = i || 0; for (var s, r = this._first, n = this._labels; r;) r._startTime >= i && (r._startTime += t), r = r._next; if (e) for (s in n) n[s] >= i && (n[s] += t); return this._uncache(!0) }, d._kill = function(t, e) { if (!t && !e) return this._enabled(!1, !1); for (var i = e ? this.getTweensOf(e) : this.getChildren(!0, !0, !1), s = i.length, r = !1; --s > -1;) i[s]._kill(t, e) && (r = !0); return r }, d.clear = function(t) { var e = this.getChildren(!1, !0, !0), i = e.length; for (this._time = this._totalTime = 0; --i > -1;) e[i]._enabled(!1, !1); return !1 !== t && (this._labels = {}), this._uncache(!0) }, d.invalidate = function() { for (var e = this._first; e;) e.invalidate(), e = e._next; return t.prototype.invalidate.call(this) }, d._enabled = function(t, i) { if (t === this._gc) for (var s = this._first; s;) s._enabled(t, !0), s = s._next; return e.prototype._enabled.call(this, t, i) }, d.totalTime = function(e, i, s) { this._forcingPlayhead = !0; var r = t.prototype.totalTime.apply(this, arguments); return this._forcingPlayhead = !1, r }, d.duration = function(t) { return arguments.length ? (0 !== this.duration() && 0 !== t && this.timeScale(this._duration / t), this) : (this._dirty && this.totalDuration(), this._duration) }, d.totalDuration = function(t) { if (!arguments.length) { if (this._dirty) { for (var e, i, s = 0, r = this._last, n = 999999999999; r;) e = r._prev, r._dirty && r.totalDuration(), r._startTime > n && this._sortChildren && !r._paused && !this._calculatingDuration ? (this._calculatingDuration = 1, this.add(r, r._startTime - r._delay), this._calculatingDuration = 0) : n = r._startTime, r._startTime < 0 && !r._paused && (s -= r._startTime, this._timeline.smoothChildTiming && (this._startTime += r._startTime / this._timeScale, this._time -= r._startTime, this._totalTime -= r._startTime, this._rawPrevTime -= r._startTime), this.shiftChildren(-r._startTime, !1, -9999999999), n = 0), (i = r._startTime + r._totalDuration / r._timeScale) > s && (s = i), r = e; this._duration = this._totalDuration = s, this._dirty = !1 } return this._totalDuration } return t && this.totalDuration() ? this.timeScale(this._totalDuration / t) : this }, d.paused = function(e) { if (!1 === e && this._paused) for (var i = this._first; i;) i._startTime === this._time && "isPause" === i.data && (i._rawPrevTime = 0), i = i._next; return t.prototype.paused.apply(this, arguments) }, d.usesFrames = function() { for (var e = this._timeline; e._timeline;) e = e._timeline; return e === t._rootFramesTimeline }, d.rawTime = function(t) { return t && (this._paused || this._repeat && this.time() > 0 && this.totalProgress() < 1) ? this._totalTime % (this._duration + this._repeatDelay) : this._paused ? this._totalTime : (this._timeline.rawTime(t) - this._startTime) * this._timeScale }, s }, !0), _gsScope._gsDefine("TimelineMax", ["TimelineLite", "TweenLite", "easing.Ease"], function(t, e, i) { var s = function(e) { t.call(this, e), this._repeat = this.vars.repeat || 0, this._repeatDelay = this.vars.repeatDelay || 0, this._cycle = 0, this._yoyo = !!this.vars.yoyo, this._dirty = !0 }, r = e._internals, n = r.lazyTweens, a = r.lazyRender, o = _gsScope._gsDefine.globals, l = new i(null, null, 1, 0), h = s.prototype = new t; return h.constructor = s, h.kill()._gc = !1, s.version = "2.1.3", h.invalidate = function() { return this._yoyo = !!this.vars.yoyo, this._repeat = this.vars.repeat || 0, this._repeatDelay = this.vars.repeatDelay || 0, this._uncache(!0), t.prototype.invalidate.call(this) }, h.addCallback = function(t, i, s, r) { return this.add(e.delayedCall(0, t, s, r), i) }, h.removeCallback = function(t, e) { if (t) if (null == e) this._kill(null, t); else for (var i = this.getTweensOf(t, !1), s = i.length, r = this._parseTimeOrLabel(e); --s > -1;) i[s]._startTime === r && i[s]._enabled(!1, !1); return this }, h.removePause = function(e) { return this.removeCallback(t._internals.pauseCallback, e) }, h.tweenTo = function(t, i) { i = i || {}; var s, r, n, a = { ease: l, useFrames: this.usesFrames(), immediateRender: !1, lazy: !1 }, h = i.repeat && o.TweenMax || e; for (r in i) a[r] = i[r]; return a.time = this._parseTimeOrLabel(t), s = Math.abs(Number(a.time) - this._time) / this._timeScale || .001, n = new h(this, s, a), a.onStart = function() { n.target.paused(!0), n.vars.time === n.target.time() || s !== n.duration() || n.isFromTo || n.duration(Math.abs(n.vars.time - n.target.time()) / n.target._timeScale).render(n.time(), !0, !0), i.onStart && i.onStart.apply(i.onStartScope || i.callbackScope || n, i.onStartParams || []) }, n }, h.tweenFromTo = function(t, e, i) { i = i || {}, t = this._parseTimeOrLabel(t), i.startAt = { onComplete: this.seek, onCompleteParams: [t], callbackScope: this }, i.immediateRender = !1 !== i.immediateRender; var s = this.tweenTo(e, i); return s.isFromTo = 1, s.duration(Math.abs(s.vars.time - t) / this._timeScale || .001) }, h.render = function(t, e, i) { this._gc && this._enabled(!0, !1); var s, r, o, l, h, _, u, f, c, p = this._time, m = this._dirty ? this.totalDuration() : this._totalDuration, d = this._duration, g = this._totalTime, y = this._startTime, v = this._timeScale, T = this._rawPrevTime, x = this._paused, b = this._cycle; if (p !== this._time && (t += this._time - p), t >= m - 1e-8 && t >= 0) this._locked || (this._totalTime = m, this._cycle = this._repeat), this._reversed || this._hasPausedChild() || (r = !0, l = "onComplete", h = !!this._timeline.autoRemoveChildren, 0 === this._duration && (t <= 0 && t >= -1e-8 || T < 0 || 1e-8 === T) && T !== t && this._first && (h = !0, T > 1e-8 && (l = "onReverseComplete"))), this._rawPrevTime = this._duration || !e || t || this._rawPrevTime === t ? t : 1e-8, this._yoyo && 1 & this._cycle ? this._time = t = 0 : (this._time = d, t = d + 1e-4); else if (t < 1e-8) if (this._locked || (this._totalTime = this._cycle = 0), this._time = 0, t > -1e-8 && (t = 0), (0 !== p || 0 === d && 1e-8 !== T && (T > 0 || t < 0 && T >= 0) && !this._locked) && (l = "onReverseComplete", r = this._reversed), t < 0) this._active = !1, this._timeline.autoRemoveChildren && this._reversed ? (h = r = !0, l = "onReverseComplete") : T >= 0 && this._first && (h = !0), this._rawPrevTime = t; else { if (this._rawPrevTime = d || !e || t || this._rawPrevTime === t ? t : 1e-8, 0 === t && r) for (s = this._first; s && 0 === s._startTime;) s._duration || (r = !1), s = s._next; t = 0, this._initted || (h = !0) } else 0 === d && T < 0 && (h = !0), this._time = this._rawPrevTime = t, this._locked || (this._totalTime = t, 0 !== this._repeat && (_ = d + this._repeatDelay, this._cycle = this._totalTime / _ >> 0, this._cycle && this._cycle === this._totalTime / _ && g <= t && this._cycle--, this._time = this._totalTime - this._cycle * _, this._yoyo && 1 & this._cycle && (this._time = d - this._time), this._time > d ? (this._time = d, t = d + 1e-4) : this._time < 0 ? this._time = t = 0 : t = this._time)); if (this._hasPause && !this._forcingPlayhead && !e) { if ((t = this._time) > p || this._repeat && b !== this._cycle) for (s = this._first; s && s._startTime <= t && !u;) s._duration || "isPause" !== s.data || s.ratio || 0 === s._startTime && 0 === this._rawPrevTime || (u = s), s = s._next; else for (s = this._last; s && s._startTime >= t && !u;) s._duration || "isPause" === s.data && s._rawPrevTime > 0 && (u = s), s = s._prev; u && (c = this._startTime + (this._reversed ? this._duration - u._startTime : u._startTime) / this._timeScale, u._startTime < d && (this._time = this._rawPrevTime = t = u._startTime, this._totalTime = t + this._cycle * (this._totalDuration + this._repeatDelay))) } if (this._cycle !== b && !this._locked) { var w = this._yoyo && 0 != (1 & b), P = w === (this._yoyo && 0 != (1 & this._cycle)), O = this._totalTime, S = this._cycle, k = this._rawPrevTime, R = this._time; if (this._totalTime = b * d, this._cycle < b ? w = !w : this._totalTime += d, this._time = p, this._rawPrevTime = 0 === d ? T - 1e-4 : T, this._cycle = b, this._locked = !0, p = w ? 0 : d, this.render(p, e, 0 === d), e || this._gc || this.vars.onRepeat && (this._cycle = S, this._locked = !1, this._callback("onRepeat")), p !== this._time) return; if (P && (this._cycle = b, this._locked = !0, p = w ? d + 1e-4 : -1e-4, this.render(p, !0, !1)), this._locked = !1, this._paused && !x) return; this._time = R, this._totalTime = O, this._cycle = S, this._rawPrevTime = k } if (this._time !== p && this._first || i || h || u) { if (this._initted || (this._initted = !0), this._active || !this._paused && this._totalTime !== g && t > 0 && (this._active = !0), 0 === g && this.vars.onStart && (0 === this._totalTime && this._totalDuration || e || this._callback("onStart")), (f = this._time) >= p) for (s = this._first; s && (o = s._next, f === this._time && (!this._paused || x));)(s._active || s._startTime <= this._time && !s._paused && !s._gc) && (u === s && (this.pause(), this._pauseTime = c), s._reversed ? s.render((s._dirty ? s.totalDuration() : s._totalDuration) - (t - s._startTime) * s._timeScale, e, i) : s.render((t - s._startTime) * s._timeScale, e, i)), s = o; else for (s = this._last; s && (o = s._prev, f === this._time && (!this._paused || x));) { if (s._active || s._startTime <= p && !s._paused && !s._gc) { if (u === s) { for (u = s._prev; u && u.endTime() > this._time;) u.render(u._reversed ? u.totalDuration() - (t - u._startTime) * u._timeScale : (t - u._startTime) * u._timeScale, e, i), u = u._prev; u = null, this.pause(), this._pauseTime = c } s._reversed ? s.render((s._dirty ? s.totalDuration() : s._totalDuration) - (t - s._startTime) * s._timeScale, e, i) : s.render((t - s._startTime) * s._timeScale, e, i) } s = o } this._onUpdate && (e || (n.length && a(), this._callback("onUpdate"))), l && (this._locked || this._gc || y !== this._startTime && v === this._timeScale || (0 === this._time || m >= this.totalDuration()) && (r && (n.length && a(), this._timeline.autoRemoveChildren && this._enabled(!1, !1), this._active = !1), !e && this.vars[l] && this._callback(l))) } else g !== this._totalTime && this._onUpdate && (e || this._callback("onUpdate")) }, h.getActive = function(t, e, i) { var s, r, n = [], a = this.getChildren(t || null == t, e || null == t, !!i), o = 0, l = a.length; for (s = 0; s < l; s++)(r = a[s]).isActive() && (n[o++] = r); return n }, h.getLabelAfter = function(t) { t || 0 !== t && (t = this._time); var e, i = this.getLabelsArray(), s = i.length; for (e = 0; e < s; e++) if (i[e].time > t) return i[e].name; return null }, h.getLabelBefore = function(t) { null == t && (t = this._time); for (var e = this.getLabelsArray(), i = e.length; --i > -1;) if (e[i].time < t) return e[i].name; return null }, h.getLabelsArray = function() { var t, e = [], i = 0; for (t in this._labels) e[i++] = { time: this._labels[t], name: t }; return e.sort(function(t, e) { return t.time - e.time }), e }, h.invalidate = function() { return this._locked = !1, t.prototype.invalidate.call(this) }, h.progress = function(t, e) { return arguments.length ? this.totalTime(this.duration() * (this._yoyo && 0 != (1 & this._cycle) ? 1 - t : t) + this._cycle * (this._duration + this._repeatDelay), e) : this._time / this.duration() || 0 }, h.totalProgress = function(t, e) { return arguments.length ? this.totalTime(this.totalDuration() * t, e) : this._totalTime / this.totalDuration() || 0 }, h.totalDuration = function(e) { return arguments.length ? -1 !== this._repeat && e ? this.timeScale(this.totalDuration() / e) : this : (this._dirty && (t.prototype.totalDuration.call(this), this._totalDuration = -1 === this._repeat ? 999999999999 : this._duration * (this._repeat + 1) + this._repeatDelay * this._repeat), this._totalDuration) }, h.time = function(t, e) { if (!arguments.length) return this._time; this._dirty && this.totalDuration(); var i = this._duration, s = this._cycle, r = s * (i + this._repeatDelay); return t > i && (t = i), this.totalTime(this._yoyo && 1 & s ? i - t + r : this._repeat ? t + r : t, e) }, h.repeat = function(t) { return arguments.length ? (this._repeat = t, this._uncache(!0)) : this._repeat }, h.repeatDelay = function(t) { return arguments.length ? (this._repeatDelay = t, this._uncache(!0)) : this._repeatDelay }, h.yoyo = function(t) { return arguments.length ? (this._yoyo = t, this) : this._yoyo }, h.currentLabel = function(t) { return arguments.length ? this.seek(t, !0) : this.getLabelBefore(this._time + 1e-8) }, s }, !0), t = 180 / Math.PI, e = [], i = [], s = [], r = {}, n = _gsScope._gsDefine.globals, a = function(t, e, i, s) { i === s && (i = s - (s - e) / 1e6), t === e && (e = t + (i - t) / 1e6), this.a = t, this.b = e, this.c = i, this.d = s, this.da = s - t, this.ca = i - t, this.ba = e - t }, o = function(t, e, i, s) { var r = { a: t }, n = {}, a = {}, o = { c: s }, l = (t + e) / 2, h = (e + i) / 2, _ = (i + s) / 2, u = (l + h) / 2, f = (h + _) / 2, c = (f - u) / 8; return r.b = l + (t - l) / 4, n.b = u + c, r.c = n.a = (r.b + n.b) / 2, n.c = a.a = (u + f) / 2, a.b = f - c, o.b = _ + (s - _) / 4, a.c = o.a = (a.b + o.b) / 2, [r, n, a, o] }, l = function(t, r, n, a, l) { var h, _, u, f, c, p, m, d, g, y, v, T, x, b = t.length - 1, w = 0, P = t[0].a; for (h = 0; h < b; h++) _ = (c = t[w]).a, u = c.d, f = t[w + 1].d, l ? (v = e[h], x = ((T = i[h]) + v) * r * .25 / (a ? .5 : s[h] || .5), d = u - ((p = u - (u - _) * (a ? .5 * r : 0 !== v ? x / v : 0)) + (((m = u + (f - u) * (a ? .5 * r : 0 !== T ? x / T : 0)) - p) * (3 * v / (v + T) + .5) / 4 || 0))) : d = u - ((p = u - (u - _) * r * .5) + (m = u + (f - u) * r * .5)) / 2, p += d, m += d, c.c = g = p, c.b = 0 !== h ? P : P = c.a + .6 * (c.c - c.a), c.da = u - _, c.ca = g - _, c.ba = P - _, n ? (y = o(_, P, g, u), t.splice(w, 1, y[0], y[1], y[2], y[3]), w += 4) : w++, P = m; (c = t[w]).b = P, c.c = P + .4 * (c.d - P), c.da = c.d - c.a, c.ca = c.c - c.a, c.ba = P - c.a, n && (y = o(c.a, P, c.c, c.d), t.splice(w, 1, y[0], y[1], y[2], y[3])) }, h = function(t, s, r, n) { var o, l, h, _, u, f, c = []; if (n) for (l = (t = [n].concat(t)).length; --l > -1;) "string" == typeof(f = t[l][s]) && "=" === f.charAt(1) && (t[l][s] = n[s] + Number(f.charAt(0) + f.substr(2))); if ((o = t.length - 2) < 0) return c[0] = new a(t[0][s], 0, 0, t[0][s]), c; for (l = 0; l < o; l++) h = t[l][s], _ = t[l + 1][s], c[l] = new a(h, 0, 0, _), r && (u = t[l + 2][s], e[l] = (e[l] || 0) + (_ - h) * (_ - h), i[l] = (i[l] || 0) + (u - _) * (u - _)); return c[l] = new a(t[l][s], 0, 0, t[l + 1][s]), c }, _ = function(t, n, a, o, _, u) { var f, c, p, m, d, g, y, v, T = {}, x = [], b = u || t[0]; for (c in _ = "string" == typeof _ ? "," + _ + "," : ",x,y,z,left,top,right,bottom,marginTop,marginLeft,marginRight,marginBottom,paddingLeft,paddingTop,paddingRight,paddingBottom,backgroundPosition,backgroundPosition_y,", null == n && (n = 1), t[0]) x.push(c); if (t.length > 1) { for (v = t[t.length - 1], y = !0, f = x.length; --f > -1;) if (c = x[f], Math.abs(b[c] - v[c]) > .05) { y = !1; break } y && (t = t.concat(), u && t.unshift(u), t.push(t[1]), u = t[t.length - 3]) } for (e.length = i.length = s.length = 0, f = x.length; --f > -1;) c = x[f], r[c] = -1 !== _.indexOf("," + c + ","), T[c] = h(t, c, r[c], u); for (f = e.length; --f > -1;) e[f] = Math.sqrt(e[f]), i[f] = Math.sqrt(i[f]); if (!o) { for (f = x.length; --f > -1;) if (r[c]) for (g = (p = T[x[f]]).length - 1, m = 0; m < g; m++) d = p[m + 1].da / i[m] + p[m].da / e[m] || 0, s[m] = (s[m] || 0) + d * d; for (f = s.length; --f > -1;) s[f] = Math.sqrt(s[f]) } for (f = x.length, m = a ? 4 : 1; --f > -1;) p = T[c = x[f]], l(p, n, a, o, r[c]), y && (p.splice(0, m), p.splice(p.length - m, m)); return T }, u = function(t, e, i) { for (var s, r, n, a, o, l, h, _, u, f, c, p = 1 / i, m = t.length; --m > -1;) for (n = (f = t[m]).a, a = f.d - n, o = f.c - n, l = f.b - n, s = r = 0, _ = 1; _ <= i; _++) s = r - (r = ((h = p * _) * h * a + 3 * (u = 1 - h) * (h * o + u * l)) * h), e[c = m * i + _ - 1] = (e[c] || 0) + s * s }, f = _gsScope._gsDefine.plugin({ propName: "bezier", priority: -1, version: "1.3.9", API: 2, global: !0, init: function(t, e, i) { this._target = t, e instanceof Array && (e = { values: e }), this._func = {}, this._mod = {}, this._props = [], this._timeRes = null == e.timeResolution ? 6 : parseInt(e.timeResolution, 10); var s, r, n, o, l, h = e.values || [], f = {}, c = h[0], p = e.autoRotate || i.vars.orientToBezier; for (s in this._autoRotate = p ? p instanceof Array ? p : [ ["x", "y", "rotation", !0 === p ? 0 : Number(p) || 0] ] : null, c) this._props.push(s); for (n = this._props.length; --n > -1;) s = this._props[n], this._overwriteProps.push(s), r = this._func[s] = "function" == typeof t[s], f[s] = r ? t[s.indexOf("set") || "function" != typeof t["get" + s.substr(3)] ? s : "get" + s.substr(3)]() : parseFloat(t[s]), l || f[s] !== h[0][s] && (l = f); if (this._beziers = "cubic" !== e.type && "quadratic" !== e.type && "soft" !== e.type ? _(h, isNaN(e.curviness) ? 1 : e.curviness, !1, "thruBasic" === e.type, e.correlate, l) : function(t, e, i) { var s, r, n, o, l, h, _, u, f, c, p, m = {}, d = "cubic" === (e = e || "soft") ? 3 : 2, g = "soft" === e, y = []; if (g && i && (t = [i].concat(t)), null == t || t.length < d + 1) throw "invalid Bezier data"; for (f in t[0]) y.push(f); for (h = y.length; --h > -1;) { for (m[f = y[h]] = l = [], c = 0, u = t.length, _ = 0; _ < u; _++) s = null == i ? t[_][f] : "string" == typeof(p = t[_][f]) && "=" === p.charAt(1) ? i[f] + Number(p.charAt(0) + p.substr(2)) : Number(p), g && _ > 1 && _ < u - 1 && (l[c++] = (s + l[c - 2]) / 2), l[c++] = s; for (u = c - d + 1, c = 0, _ = 0; _ < u; _ += d) s = l[_], r = l[_ + 1], n = l[_ + 2], o = 2 === d ? 0 : l[_ + 3], l[c++] = p = 3 === d ? new a(s, r, n, o) : new a(s, (2 * r + s) / 3, (2 * r + n) / 3, n); l.length = c } return m }(h, e.type, f), this._segCount = this._beziers[s].length, this._timeRes) { var m = function(t, e) { var i, s, r, n, a = [], o = [], l = 0, h = 0, _ = (e = e >> 0 || 6) - 1, f = [], c = []; for (i in t) u(t[i], a, e); for (r = a.length, s = 0; s < r; s++) l += Math.sqrt(a[s]), c[n = s % e] = l, n === _ && (h += l, f[n = s / e >> 0] = c, o[n] = h, l = 0, c = []); return { length: h, lengths: o, segments: f } }(this._beziers, this._timeRes); this._length = m.length, this._lengths = m.lengths, this._segments = m.segments, this._l1 = this._li = this._s1 = this._si = 0, this._l2 = this._lengths[0], this._curSeg = this._segments[0], this._s2 = this._curSeg[0], this._prec = 1 / this._curSeg.length } if (p = this._autoRotate) for (this._initialRotations = [], p[0] instanceof Array || (this._autoRotate = p = [p]), n = p.length; --n > -1;) { for (o = 0; o < 3; o++) s = p[n][o], this._func[s] = "function" == typeof t[s] && t[s.indexOf("set") || "function" != typeof t["get" + s.substr(3)] ? s : "get" + s.substr(3)]; s = p[n][2], this._initialRotations[n] = (this._func[s] ? this._func[s].call(this._target) : this._target[s]) || 0, this._overwriteProps.push(s) } return this._startRatio = i.vars.runBackwards ? 1 : 0, !0 }, set: function(e) { var i, s, r, n, a, o, l, h, _, u, f, c = this._segCount, p = this._func, m = this._target, d = e !== this._startRatio; if (this._timeRes) { if (_ = this._lengths, u = this._curSeg, f = e * this._length, r = this._li, f > this._l2 && r < c - 1) { for (h = c - 1; r < h && (this._l2 = _[++r]) <= f;); this._l1 = _[r - 1], this._li = r, this._curSeg = u = this._segments[r], this._s2 = u[this._s1 = this._si = 0] } else if (f < this._l1 && r > 0) { for (; r > 0 && (this._l1 = _[--r]) >= f;); 0 === r && f < this._l1 ? this._l1 = 0 : r++, this._l2 = _[r], this._li = r, this._curSeg = u = this._segments[r], this._s1 = u[(this._si = u.length - 1) - 1] || 0, this._s2 = u[this._si] } if (i = r, f -= this._l1, r = this._si, f > this._s2 && r < u.length - 1) { for (h = u.length - 1; r < h && (this._s2 = u[++r]) <= f;); this._s1 = u[r - 1], this._si = r } else if (f < this._s1 && r > 0) { for (; r > 0 && (this._s1 = u[--r]) >= f;); 0 === r && f < this._s1 ? this._s1 = 0 : r++, this._s2 = u[r], this._si = r } o = 1 === e ? 1 : (r + (f - this._s1) / (this._s2 - this._s1)) * this._prec || 0 } else o = (e - (i = e < 0 ? 0 : e >= 1 ? c - 1 : c * e >> 0) * (1 / c)) * c; for (s = 1 - o, r = this._props.length; --r > -1;) n = this._props[r], l = (o * o * (a = this._beziers[n][i]).da + 3 * s * (o * a.ca + s * a.ba)) * o + a.a, this._mod[n] && (l = this._mod[n](l, m)), p[n] ? m[n](l) : m[n] = l; if (this._autoRotate) { var g, y, v, T, x, b, w, P = this._autoRotate; for (r = P.length; --r > -1;) n = P[r][2], b = P[r][3] || 0, w = !0 === P[r][4] ? 1 : t, a = this._beziers[P[r][0]], g = this._beziers[P[r][1]], a && g && (a = a[i], g = g[i], y = a.a + (a.b - a.a) * o, y += ((T = a.b + (a.c - a.b) * o) - y) * o, T += (a.c + (a.d - a.c) * o - T) * o, v = g.a + (g.b - g.a) * o, v += ((x = g.b + (g.c - g.b) * o) - v) * o, x += (g.c + (g.d - g.c) * o - x) * o, l = d ? Math.atan2(x - v, T - y) * w + b : this._initialRotations[r], this._mod[n] && (l = this._mod[n](l, m)), p[n] ? m[n](l) : m[n] = l) } } }), c = f.prototype, f.bezierThrough = _, f.cubicToQuadratic = o, f._autoCSS = !0, f.quadraticToCubic = function(t, e, i) { return new a(t, (2 * e + t) / 3, (2 * e + i) / 3, i) }, f._cssRegister = function() { var t = n.CSSPlugin; if (t) { var e = t._internals, i = e._parseToProxy, s = e._setPluginRatio, r = e.CSSPropTween; e._registerComplexSpecialProp("bezier", { parser: function(t, e, n, a, o, l) { e instanceof Array && (e = { values: e }), l = new f; var h, _, u, c = e.values, p = c.length - 1, m = [], d = {}; if (p < 0) return o; for (h = 0; h <= p; h++) u = i(t, c[h], a, o, l, p !== h), m[h] = u.end; for (_ in e) d[_] = e[_]; return d.values = m, (o = new r(t, "bezier", 0, 0, u.pt, 2)).data = u, o.plugin = l, o.setRatio = s, 0 === d.autoRotate && (d.autoRotate = !0), !d.autoRotate || d.autoRotate instanceof Array || (h = !0 === d.autoRotate ? 0 : Number(d.autoRotate), d.autoRotate = null != u.end.left ? [ ["left", "top", "rotation", h, !1] ] : null != u.end.x && [ ["x", "y", "rotation", h, !1] ]), d.autoRotate && (a._transform || a._enableTransforms(!1), u.autoRotate = a._target._gsTransform, u.proxy.rotation = u.autoRotate.rotation || 0, a._overwriteProps.push("rotation")), l._onInitTween(u.proxy, d, a._tween), o } }) } }, c._mod = function(t) { for (var e, i = this._overwriteProps, s = i.length; --s > -1;)(e = t[i[s]]) && "function" == typeof e && (this._mod[i[s]] = e) }, c._kill = function(t) { var e, i, s = this._props; for (e in this._beziers) if (e in t) for (delete this._beziers[e], delete this._func[e], i = s.length; --i > -1;) s[i] === e && s.splice(i, 1); if (s = this._autoRotate) for (i = s.length; --i > -1;) t[s[i][2]] && s.splice(i, 1); return this._super._kill.call(this, t) }, _gsScope._gsDefine("plugins.CSSPlugin", ["plugins.TweenPlugin", "TweenLite"], function(t, e) { var i, s, r, n, a = function() { t.call(this, "css"), this._overwriteProps.length = 0, this.setRatio = a.prototype.setRatio }, o = _gsScope._gsDefine.globals, l = {}, h = a.prototype = new t("css"); h.constructor = a, a.version = "2.1.3", a.API = 2, a.defaultTransformPerspective = 0, a.defaultSkewType = "compensated", a.defaultSmoothOrigin = !0, h = "px", a.suffixMap = { top: h, right: h, bottom: h, left: h, width: h, height: h, fontSize: h, padding: h, margin: h, perspective: h, lineHeight: "" }; var _, u, f, c, p, m, d, g, y = /(?:\-|\.|\b)(\d|\.|e\-)+/g, v = /(?:\d|\-\d|\.\d|\-\.\d|\+=\d|\-=\d|\+=.\d|\-=\.\d)+/g, T = /(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b)/gi, x = /(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b),?/gi, b = /(?![+-]?\d*\.?\d+|[+-]|e[+-]\d+)[^0-9]/g, w = /(?:\d|\-|\+|=|#|\.)*/g, P = /opacity *= *([^)]*)/i, O = /opacity:([^;]*)/i, S = /alpha$opacity *=.+?$/i, k = /^(rgb|hsl)/, R = /([A-Z])/g, A = /-([a-z])/gi, C = /(^(?:url$\"|url\())|(?:(\"$)$|\)$)/gi, M = function(t, e) { return e.toUpperCase() }, D = /(?:Left|Right|Width)/i, F = /(M11|M12|M21|M22)=[\d\-\.e]+/gi, z = /progid\:DXImageTransform\.Microsoft\.Matrix$.+?$/i, E = /,(?=[^\)]*(?:\(|$))/gi, I = /[\s,\(]/i, X = Math.PI / 180, N = 180 / Math.PI, L = {}, B = { style: {} }, Y = _gsScope.document || { createElement: function() { return B } }, j = function(t, e) { var i = Y.createElementNS ? Y.createElementNS(e || "http://www.w3.org/1999/xhtml", t) : Y.createElement(t); return i.style ? i : Y.createElement(t) }, U = j("div"), V = j("img"), q = a._internals = { _specialProps: l }, W = (_gsScope.navigator || {}).userAgent || "", G = function() { var t = W.indexOf("Android"), e = j("a"); return f = -1 !== W.indexOf("Safari") && -1 === W.indexOf("Chrome") && (-1 === t || parseFloat(W.substr(t + 8, 2)) > 3), p = f && parseFloat(W.substr(W.indexOf("Version/") + 8, 2)) < 6, c = -1 !== W.indexOf("Firefox"), (/MSIE ([0-9]{1,}[\.0-9]{0,})/.exec(W) || /Trident\/.*rv:([0-9]{1,}[\.0-9]{0,})/.exec(W)) && (m = parseFloat(RegExp.$1)), !!e && (e.style.cssText = "top:1px;opacity:.55;", /^0.55/.test(e.style.opacity)) }(), Z = function(t) { return P.test("string" == typeof t ? t : (t.currentStyle ? t.currentStyle.filter : t.style.filter) || "") ? parseFloat(RegExp.$1) / 100 : 1 }, H = function(t) { _gsScope.console && console.log(t) }, $ = "", Q = "", K = function(t, e) { var i, s, r = (e = e || U).style; if (void 0 !== r[t]) return t; for (t = t.charAt(0).toUpperCase() + t.substr(1), i = ["O", "Moz", "ms", "Ms", "Webkit"], s = 5; --s > -1 && void 0 === r[i[s] + t];); return s >= 0 ? ($ = "-" + (Q = 3 === s ? "ms" : i[s]).toLowerCase() + "-", Q + t) : null }, J = "undefined" != typeof window ? window : Y.defaultView || { getComputedStyle: function() {} }, tt = function(t) { return J.getComputedStyle(t) }, et = a.getStyle = function(t, e, i, s, r) { var n; return G || "opacity" !== e ? (!s && t.style[e] ? n = t.style[e] : (i = i || tt(t)) ? n = i[e] || i.getPropertyValue(e) || i.getPropertyValue(e.replace(R, "-$1").toLowerCase()) : t.currentStyle && (n = t.currentStyle[e]), null == r || n && "none" !== n && "auto" !== n && "auto auto" !== n ? n : r) : Z(t) }, it = q.convertToPixels = function(t, i, s, r, n) { if ("px" === r || !r && "lineHeight" !== i) return s; if ("auto" === r || !s) return 0; var o, l, h, _ = D.test(i), u = t, f = U.style, c = s < 0, p = 1 === s; if (c && (s = -s), p && (s *= 100), "lineHeight" !== i || r) if ("%" === r && -1 !== i.indexOf("border")) o = s / 100 * (_ ? t.clientWidth : t.clientHeight); else { if (f.cssText = "border:0 solid red;position:" + et(t, "position") + ";line-height:0;", "%" !== r && u.appendChild && "v" !== r.charAt(0) && "rem" !== r) f[_ ? "borderLeftWidth" : "borderTopWidth"] = s + r; else { if (u = t.parentNode || Y.body, -1 !== et(u, "display").indexOf("flex") && (f.position = "absolute"), l = u._gsCache, h = e.ticker.frame, l && _ && l.time === h) return l.width * s / 100; f[_ ? "width" : "height"] = s + r } u.appendChild(U), o = parseFloat(U[_ ? "offsetWidth" : "offsetHeight"]), u.removeChild(U), _ && "%" === r && !1 !== a.cacheWidths && ((l = u._gsCache = u._gsCache || {}).time = h, l.width = o / s * 100), 0 !== o || n || (o = it(t, i, s, r, !0)) } else l = tt(t).lineHeight, t.style.lineHeight = s, o = parseFloat(tt(t).lineHeight), t.style.lineHeight = l; return p && (o /= 100), c ? -o : o }, st = q.calculateOffset = function(t, e, i) { if ("absolute" !== et(t, "position", i)) return 0; var s = "left" === e ? "Left" : "Top", r = et(t, "margin" + s, i); return t["offset" + s] - (it(t, e, parseFloat(r), r.replace(w, "")) || 0) }, rt = function(t, e) { var i, s, r, n = {}; if (e = e || tt(t)) if (i = e.length) for (; --i > -1;) - 1 !== (r = e[i]).indexOf("-transform") && Et !== r || (n[r.replace(A, M)] = e.getPropertyValue(r)); else for (i in e) - 1 !== i.indexOf("Transform") && zt !== i || (n[i] = e[i]); else if (e = t.currentStyle || t.style) for (i in e) "string" == typeof i && void 0 === n[i] && (n[i.replace(A, M)] = e[i]); return G || (n.opacity = Z(t)), s = Zt(t, e, !1), n.rotation = s.rotation, n.skewX = s.skewX, n.scaleX = s.scaleX, n.scaleY = s.scaleY, n.x = s.x, n.y = s.y, Xt && (n.z = s.z, n.rotationX = s.rotationX, n.rotationY = s.rotationY, n.scaleZ = s.scaleZ), n.filters && delete n.filters, n }, nt = function(t, e, i, s, r) { var n, a, o, l = {}, h = t.style; for (a in i) "cssText" !== a && "length" !== a && isNaN(a) && (e[a] !== (n = i[a]) || r && r[a]) && -1 === a.indexOf("Origin") && ("number" != typeof n && "string" != typeof n || (l[a] = "auto" !== n || "left" !== a && "top" !== a ? "" !== n && "auto" !== n && "none" !== n || "string" != typeof e[a] || "" === e[a].replace(b, "") ? n : 0 : st(t, a), void 0 !== h[a] && (o = new Tt(h, a, h[a], o)))); if (s) for (a in s) "className" !== a && (l[a] = s[a]); return { difs: l, firstMPT: o } }, at = { width: ["Left", "Right"], height: ["Top", "Bottom"] }, ot = ["marginLeft", "marginRight", "marginTop", "marginBottom"], lt = function(t, e, i) { if ("svg" === (t.nodeName + "").toLowerCase()) return (i || tt(t))[e] || 0; if (t.getCTM && qt(t)) return t.getBBox()[e] || 0; var s = parseFloat("width" === e ? t.offsetWidth : t.offsetHeight), r = at[e], n = r.length; for (i = i || tt(t); --n > -1;) s -= parseFloat(et(t, "padding" + r[n], i, !0)) || 0, s -= parseFloat(et(t, "border" + r[n] + "Width", i, !0)) || 0; return s }, ht = function(t, e) { if ("contain" === t || "auto" === t || "auto auto" === t) return t + " "; null != t && "" !== t || (t = "0 0"); var i, s = t.split(" "), r = -1 !== t.indexOf("left") ? "0%" : -1 !== t.indexOf("right") ? "100%" : s[0], n = -1 !== t.indexOf("top") ? "0%" : -1 !== t.indexOf("bottom") ? "100%" : s[1]; if (s.length > 3 && !e) { for (s = t.split(", ").join(",").split(","), t = [], i = 0; i < s.length; i++) t.push(ht(s[i])); return t.join(",") } return null == n ? n = "center" === r ? "50%" : "0" : "center" === n && (n = "50%"), ("center" === r || isNaN(parseFloat(r)) && -1 === (r + "").indexOf("=")) && (r = "50%"), t = r + " " + n + (s.length > 2 ? " " + s[2] : ""), e && (e.oxp = -1 !== r.indexOf("%"), e.oyp = -1 !== n.indexOf("%"), e.oxr = "=" === r.charAt(1), e.oyr = "=" === n.charAt(1), e.ox = parseFloat(r.replace(b, "")), e.oy = parseFloat(n.replace(b, "")), e.v = t), e || t }, _t = function(t, e) { return "function" == typeof t && (t = t(g, d)), "string" == typeof t && "=" === t.charAt(1) ? parseInt(t.charAt(0) + "1", 10) * parseFloat(t.substr(2)) : parseFloat(t) - parseFloat(e) || 0 }, ut = function(t, e) { "function" == typeof t && (t = t(g, d)); var i = "string" == typeof t && "=" === t.charAt(1); return "string" == typeof t && "v" === t.charAt(t.length - 2) && (t = (i ? t.substr(0, 2) : 0) + window["inner" + ("vh" === t.substr(-2) ? "Height" : "Width")] * (parseFloat(i ? t.substr(2) : t) / 100)), null == t ? e : i ? parseInt(t.charAt(0) + "1", 10) * parseFloat(t.substr(2)) + e : parseFloat(t) || 0 }, ft = function(t, e, i, s) { var r, n, a, o; return "function" == typeof t && (t = t(g, d)), null == t ? a = e : "number" == typeof t ? a = t : (360, r = t.split("_"), n = ((o = "=" === t.charAt(1)) ? parseInt(t.charAt(0) + "1", 10) * parseFloat(r[0].substr(2)) : parseFloat(r[0])) * (-1 === t.indexOf("rad") ? 1 : N) - (o ? 0 : e), r.length && (s && (s[i] = e + n), -1 !== t.indexOf("short") && (n %= 360) !== n % 180 && (n = n < 0 ? n + 360 : n - 360), -1 !== t.indexOf("_cw") && n < 0 ? n = (n + 3599999999640) % 360 - 360 * (n / 360 | 0) : -1 !== t.indexOf("ccw") && n > 0 && (n = (n - 3599999999640) % 360 - 360 * (n / 360 | 0))), a = e + n), a < 1e-6 && a > -1e-6 && (a = 0), a }, ct = { aqua: [0, 255, 255], lime: [0, 255, 0], silver: [192, 192, 192], black: [0, 0, 0], maroon: [128, 0, 0], teal: [0, 128, 128], blue: [0, 0, 255], navy: [0, 0, 128], white: [255, 255, 255], fuchsia: [255, 0, 255], olive: [128, 128, 0], yellow: [255, 255, 0], orange: [255, 165, 0], gray: [128, 128, 128], purple: [128, 0, 128], green: [0, 128, 0], red: [255, 0, 0], pink: [255, 192, 203], cyan: [0, 255, 255], transparent: [255, 255, 255, 0] }, pt = function(t, e, i) { return 255 * (6 * (t = t < 0 ? t + 1 : t > 1 ? t - 1 : t) < 1 ? e + (i - e) * t * 6 : t < .5 ? i : 3 * t < 2 ? e + (i - e) * (2 / 3 - t) * 6 : e) + .5 | 0 }, mt = a.parseColor = function(t, e) { var i, s, r, n, a, o, l, h, _, u, f; if (t) if ("number" == typeof t) i = [t >> 16, t >> 8 & 255, 255 & t]; else { if ("," === t.charAt(t.length - 1) && (t = t.substr(0, t.length - 1)), ct[t]) i = ct[t]; else if ("#" === t.charAt(0)) 4 === t.length && (s = t.charAt(1), r = t.charAt(2), n = t.charAt(3), t = "#" + s + s + r + r + n + n), i = [(t = parseInt(t.substr(1), 16)) >> 16, t >> 8 & 255, 255 & t]; else if ("hsl" === t.substr(0, 3)) if (i = f = t.match(y), e) { if (-1 !== t.indexOf("=")) return t.match(v) } else a = Number(i[0]) % 360 / 360, o = Number(i[1]) / 100, s = 2 * (l = Number(i[2]) / 100) - (r = l <= .5 ? l * (o + 1) : l + o - l * o), i.length > 3 && (i[3] = Number(i[3])), i[0] = pt(a + 1 / 3, s, r), i[1] = pt(a, s, r), i[2] = pt(a - 1 / 3, s, r); else i = t.match(y) || ct.transparent; i[0] = Number(i[0]), i[1] = Number(i[1]), i[2] = Number(i[2]), i.length > 3 && (i[3] = Number(i[3])) } else i = ct.black; return e && !f && (s = i[0] / 255, r = i[1] / 255, n = i[2] / 255, l = ((h = Math.max(s, r, n)) + (_ = Math.min(s, r, n))) / 2, h === _ ? a = o = 0 : (u = h - _, o = l > .5 ? u / (2 - h - _) : u / (h + _), a = h === s ? (r - n) / u + (r < n ? 6 : 0) : h === r ? (n - s) / u + 2 : (s - r) / u + 4, a *= 60), i[0] = a + .5 | 0, i[1] = 100 * o + .5 | 0, i[2] = 100 * l + .5 | 0), i }, dt = function(t, e) { var i, s, r, n = t.match(gt) || [], a = 0, o = ""; if (!n.length) return t; for (i = 0; i < n.length; i++) s = n[i], a += (r = t.substr(a, t.indexOf(s, a) - a)).length + s.length, 3 === (s = mt(s, e)).length && s.push(1), o += r + (e ? "hsla(" + s[0] + "," + s[1] + "%," + s[2] + "%," + s[3] : "rgba(" + s.join(",")) + ")"; return o + t.substr(a) }, gt = "(?:\\b(?:(?:rgb|rgba|hsl|hsla)\$.+?\$)|\\B#(?:[0-9a-f]{3}){1,2}\\b"; for (h in ct) gt += "|" + h + "\\b"; gt = new RegExp(gt + ")", "gi"), a.colorStringFilter = function(t) { var e, i = t[0] + " " + t[1]; gt.test(i) && (e = -1 !== i.indexOf("hsl(") || -1 !== i.indexOf("hsla("), t[0] = dt(t[0], e), t[1] = dt(t[1], e)), gt.lastIndex = 0 }, e.defaultStringFilter || (e.defaultStringFilter = a.colorStringFilter); var yt = function(t, e, i, s) { if (null == t) return function(t) { return t }; var r, n = e ? (t.match(gt) || [""])[0] : "", a = t.split(n).join("").match(T) || [], o = t.substr(0, t.indexOf(a[0])), l = ")" === t.charAt(t.length - 1) ? ")" : "", h = -1 !== t.indexOf(" ") ? " " : ",", _ = a.length, u = _ > 0 ? a[0].replace(y, "") : ""; return _ ? r = e ? function(t) { var e, f, c, p; if ("number" == typeof t) t += u; else if (s && E.test(t)) { for (p = t.replace(E, "|").split("|"), c = 0; c < p.length; c++) p[c] = r(p[c]); return p.join(",") } if (e = (t.match(gt) || [n])[0], c = (f = t.split(e).join("").match(T) || []).length, _ > c--) for (; ++c < _;) f[c] = i ? f[(c - 1) / 2 | 0] : a[c]; return o + f.join(h) + h + e + l + (-1 !== t.indexOf("inset") ? " inset" : "") } : function(t) { var e, n, f; if ("number" == typeof t) t += u; else if (s && E.test(t)) { for (n = t.replace(E, "|").split("|"), f = 0; f < n.length; f++) n[f] = r(n[f]); return n.join(",") } if (f = (e = t.match("," === h ? T : x) || []).length, _ > f--) for (; ++f < _;) e[f] = i ? e[(f - 1) / 2 | 0] : a[f]; return (o && "none" !== t && t.substr(0, t.indexOf(e[0])) || o) + e.join(h) + l } : function(t) { return t } }, vt = function(t) { return t = t.split(","), function(e, i, s, r, n, a, o) { var l, h = (i + "").split(" "); for (o = {}, l = 0; l < 4; l++) o[t[l]] = h[l] = h[l] || h[(l - 1) / 2 >> 0]; return r.parse(e, o, n, a) } }, Tt = (q._setPluginRatio = function(t) { this.plugin.setRatio(t); for (var e, i, s, r, n, a = this.data, o = a.proxy, l = a.firstMPT; l;) e = o[l.v], l.r ? e = l.r(e) : e < 1e-6 && e > -1e-6 && (e = 0), l.t[l.p] = e, l = l._next; if (a.autoRotate && (a.autoRotate.rotation = a.mod ? a.mod.call(this._tween, o.rotation, this.t, this._tween) : o.rotation), 1 === t || 0 === t) for (l = a.firstMPT, n = 1 === t ? "e" : "b"; l;) { if ((i = l.t).type) { if (1 === i.type) { for (r = i.xs0 + i.s + i.xs1, s = 1; s < i.l; s++) r += i["xn" + s] + i["xs" + (s + 1)]; i[n] = r } } else i[n] = i.s + i.xs0; l = l._next } }, function(t, e, i, s, r) { this.t = t, this.p = e, this.v = i, this.r = r, s && (s._prev = this, this._next = s) }), xt = (q._parseToProxy = function(t, e, i, s, r, n) { var a, o, l, h, _, u = s, f = {}, c = {}, p = i._transform, m = L; for (i._transform = null, L = e, s = _ = i.parse(t, e, s, r), L = m, n && (i._transform = p, u && (u._prev = null, u._prev && (u._prev._next = null))); s && s !== u;) { if (s.type <= 1 && (c[o = s.p] = s.s + s.c, f[o] = s.s, n || (h = new Tt(s, "s", o, h, s.r), s.c = 0), 1 === s.type)) for (a = s.l; --a > 0;) l = "xn" + a, c[o = s.p + "_" + l] = s.data[l], f[o] = s[l], n || (h = new Tt(s, l, o, h, s.rxp[l])); s = s._next } return { proxy: f, end: c, firstMPT: h, pt: _ } }, q.CSSPropTween = function(t, e, s, r, a, o, l, h, _, u, f) { this.t = t, this.p = e, this.s = s, this.c = r, this.n = l || e, t instanceof xt || n.push(this.n), this.r = h ? "function" == typeof h ? h : Math.round : h, this.type = o || 0, _ && (this.pr = _, i = !0), this.b = void 0 === u ? s : u, this.e = void 0 === f ? s + r : f, a && (this._next = a, a._prev = this) }), bt = function(t, e, i, s, r, n) { var a = new xt(t, e, i, s - i, r, -1, n); return a.b = i, a.e = a.xs0 = s, a }, wt = a.parseComplex = function(t, e, i, s, r, n, o, l, h, u) { i = i || n || "", "function" == typeof s && (s = s(g, d)), o = new xt(t, e, 0, 0, o, u ? 2 : 1, null, !1, l, i, s), s += "", r && gt.test(s + i) && (s = [i, s], a.colorStringFilter(s), i = s[0], s = s[1]); var f, c, p, m, T, x, b, w, P, O, S, k, R, A = i.split(", ").join(",").split(" "), C = s.split(", ").join(",").split(" "), M = A.length, D = !1 !== _; for (-1 === s.indexOf(",") && -1 === i.indexOf(",") || (-1 !== (s + i).indexOf("rgb") || -1 !== (s + i).indexOf("hsl") ? (A = A.join(" ").replace(E, ", ").split(" "), C = C.join(" ").replace(E, ", ").split(" ")) : (A = A.join(" ").split(",").join(", ").split(" "), C = C.join(" ").split(",").join(", ").split(" ")), M = A.length), M !== C.length && (M = (A = (n || "").split(" ")).length), o.plugin = h, o.setRatio = u, gt.lastIndex = 0, f = 0; f < M; f++) if (m = A[f], T = C[f] + "", (w = parseFloat(m)) || 0 === w) o.appendXtra("", w, _t(T, w), T.replace(v, ""), !(!D || -1 === T.indexOf("px")) && Math.round, !0); else if (r && gt.test(m)) k = ")" + ((k = T.indexOf(")") + 1) ? T.substr(k) : ""), R = -1 !== T.indexOf("hsl") && G, O = T, m = mt(m, R), T = mt(T, R), (P = m.length + T.length > 6) && !G && 0 === T[3] ? (o["xs" + o.l] += o.l ? " transparent" : "transparent", o.e = o.e.split(C[f]).join("transparent")) : (G || (P = !1), R ? o.appendXtra(O.substr(0, O.indexOf("hsl")) + (P ? "hsla(" : "hsl("), m[0], _t(T[0], m[0]), ",", !1, !0).appendXtra("", m[1], _t(T[1], m[1]), "%,", !1).appendXtra("", m[2], _t(T[2], m[2]), P ? "%," : "%" + k, !1) : o.appendXtra(O.substr(0, O.indexOf("rgb")) + (P ? "rgba(" : "rgb("), m[0], T[0] - m[0], ",", Math.round, !0).appendXtra("", m[1], T[1] - m[1], ",", Math.round).appendXtra("", m[2], T[2] - m[2], P ? "," : k, Math.round), P && (m = m.length < 4 ? 1 : m[3], o.appendXtra("", m, (T.length < 4 ? 1 : T[3]) - m, k, !1))), gt.lastIndex = 0; else if (x = m.match(y)) { if (!(b = T.match(v)) || b.length !== x.length) return o; for (p = 0, c = 0; c < x.length; c++) S = x[c], O = m.indexOf(S, p), o.appendXtra(m.substr(p, O - p), Number(S), _t(b[c], S), "", !(!D || "px" !== m.substr(O + S.length, 2)) && Math.round, 0 === c), p = O + S.length; o["xs" + o.l] += m.substr(p) } else o["xs" + o.l] += o.l || o["xs" + o.l] ? " " + T : T; if (-1 !== s.indexOf("=") && o.data) { for (k = o.xs0 + o.data.s, f = 1; f < o.l; f++) k += o["xs" + f] + o.data["xn" + f]; o.e = k + o["xs" + f] } return o.l || (o.type = -1, o.xs0 = o.e), o.xfirst || o }, Pt = 9; for ((h = xt.prototype).l = h.pr = 0; --Pt > 0;) h["xn" + Pt] = 0, h["xs" + Pt] = ""; h.xs0 = "", h._next = h._prev = h.xfirst = h.data = h.plugin = h.setRatio = h.rxp = null, h.appendXtra = function(t, e, i, s, r, n) { var a = this, o = a.l; return a["xs" + o] += n && (o || a["xs" + o]) ? " " + t : t || "", i || 0 === o || a.plugin ? (a.l++, a.type = a.setRatio ? 2 : 1, a["xs" + a.l] = s || "", o > 0 ? (a.data["xn" + o] = e + i, a.rxp["xn" + o] = r, a["xn" + o] = e, a.plugin || (a.xfirst = new xt(a, "xn" + o, e, i, a.xfirst || a, 0, a.n, r, a.pr), a.xfirst.xs0 = 0), a) : (a.data = { s: e + i }, a.rxp = {}, a.s = e, a.c = i, a.r = r, a)) : (a["xs" + o] += e + (s || ""), a) }; var Ot = function(t, e) { e = e || {}, this.p = e.prefix && K(t) || t, l[t] = l[this.p] = this, this.format = e.formatter || yt(e.defaultValue, e.color, e.collapsible, e.multi), e.parser && (this.parse = e.parser), this.clrs = e.color, this.multi = e.multi, this.keyword = e.keyword, this.dflt = e.defaultValue, this.allowFunc = e.allowFunc, this.pr = e.priority || 0 }, St = q._registerComplexSpecialProp = function(t, e, i) { "object" != typeof e && (e = { parser: i }); var s, r = t.split(","), n = e.defaultValue; for (i = i || [n], s = 0; s < r.length; s++) e.prefix = 0 === s && e.prefix, e.defaultValue = i[s] || n, new Ot(r[s], e) }, kt = q._registerPluginProp = function(t) { if (!l[t]) { var e = t.charAt(0).toUpperCase() + t.substr(1) + "Plugin"; St(t, { parser: function(t, i, s, r, n, a, h) { var _ = o.com.greensock.plugins[e]; return _ ? (_._cssRegister(), l[s].parse(t, i, s, r, n, a, h)) : (H("Error: " + e + " js file not loaded."), n) } }) } }; (h = Ot.prototype).parseComplex = function(t, e, i, s, r, n) { var a, o, l, h, _, u, f = this.keyword; if (this.multi && (E.test(i) || E.test(e) ? (o = e.replace(E, "|").split("|"), l = i.replace(E, "|").split("|")) : f && (o = [e], l = [i])), l) { for (h = l.length > o.length ? l.length : o.length, a = 0; a < h; a++) e = o[a] = o[a] || this.dflt, i = l[a] = l[a] || this.dflt, f && (_ = e.indexOf(f)) !== (u = i.indexOf(f)) && (-1 === u ? o[a] = o[a].split(f).join("") : -1 === _ && (o[a] += " " + f)); e = o.join(", "), i = l.join(", ") } return wt(t, this.p, e, i, this.clrs, this.dflt, s, this.pr, r, n) }, h.parse = function(t, e, i, s, n, a, o) { return this.parseComplex(t.style, this.format(et(t, this.p, r, !1, this.dflt)), this.format(e), n, a) }, a.registerSpecialProp = function(t, e, i) { St(t, { parser: function(t, s, r, n, a, o, l) { var h = new xt(t, r, 0, 0, a, 2, r, !1, i); return h.plugin = o, h.setRatio = e(t, s, n._tween, r), h }, priority: i }) }, a.useSVGTransformAttr = !0; var Rt, At, Ct, Mt, Dt, Ft = "scaleX,scaleY,scaleZ,x,y,z,skewX,skewY,rotation,rotationX,rotationY,perspective,xPercent,yPercent".split(","), zt = K("transform"), Et = $ + "transform", It = K("transformOrigin"), Xt = null !== K("perspective"), Nt = q.Transform = function() { this.perspective = parseFloat(a.defaultTransformPerspective) || 0, this.force3D = !(!1 === a.defaultForce3D || !Xt) && (a.defaultForce3D || "auto") }, Lt = _gsScope.SVGElement, Bt = function(t, e, i) { var s, r = Y.createElementNS("http://www.w3.org/2000/svg", t), n = /([a-z])([A-Z])/g; for (s in i) r.setAttributeNS(null, s.replace(n, "$1-$2").toLowerCase(), i[s]); return e.appendChild(r), r }, Yt = Y.documentElement || {}, jt = (Dt = m || /Android/i.test(W) && !_gsScope.chrome, Y.createElementNS && Yt.appendChild && !Dt && (At = Bt("svg", Yt), Mt = (Ct = Bt("rect", At, { width: 100, height: 50, x: 100 })).getBoundingClientRect().width, Ct.style[It] = "50% 50%", Ct.style[zt] = "scaleX(0.5)", Dt = Mt === Ct.getBoundingClientRect().width && !(c && Xt), Yt.removeChild(At)), Dt), Ut = function(t, e, i, s, r, n) { var o, l, h, _, u, f, c, p, m, d, g, y, v, T, x = t._gsTransform, b = Gt(t, !0); x && (v = x.xOrigin, T = x.yOrigin), (!s || (o = s.split(" ")).length < 2) && (0 === (c = t.getBBox()).x && 0 === c.y && c.width + c.height === 0 && (c = { x: parseFloat(t.hasAttribute("x") ? t.getAttribute("x") : t.hasAttribute("cx") ? t.getAttribute("cx") : 0) || 0, y: parseFloat(t.hasAttribute("y") ? t.getAttribute("y") : t.hasAttribute("cy") ? t.getAttribute("cy") : 0) || 0, width: 0, height: 0 }), o = [(-1 !== (e = ht(e).split(" "))[0].indexOf("%") ? parseFloat(e[0]) / 100 * c.width : parseFloat(e[0])) + c.x, (-1 !== e[1].indexOf("%") ? parseFloat(e[1]) / 100 * c.height : parseFloat(e[1])) + c.y]), i.xOrigin = _ = parseFloat(o[0]), i.yOrigin = u = parseFloat(o[1]), s && b !== Wt && (f = b[0], c = b[1], p = b[2], m = b[3], d = b[4], g = b[5], (y = f * m - c * p) && (l = _ * (m / y) + u * (-p / y) + (p * g - m * d) / y, h = _ * (-c / y) + u * (f / y) - (f * g - c * d) / y, _ = i.xOrigin = o[0] = l, u = i.yOrigin = o[1] = h)), x && (n && (i.xOffset = x.xOffset, i.yOffset = x.yOffset, x = i), r || !1 !== r && !1 !== a.defaultSmoothOrigin ? (l = _ - v, h = u - T, x.xOffset += l * b[0] + h * b[2] - l, x.yOffset += l * b[1] + h * b[3] - h) : x.xOffset = x.yOffset = 0), n || t.setAttribute("data-svg-origin", o.join(" ")) }, Vt = function(t) { var e, i = j("svg", this.ownerSVGElement && this.ownerSVGElement.getAttribute("xmlns") || "http://www.w3.org/2000/svg"), s = this.parentNode, r = this.nextSibling, n = this.style.cssText; if (Yt.appendChild(i), i.appendChild(this), this.style.display = "block", t) try { e = this.getBBox(), this._originalGetBBox = this.getBBox, this.getBBox = Vt } catch (t) {} else this._originalGetBBox && (e = this._originalGetBBox()); return r ? s.insertBefore(this, r) : s.appendChild(this), Yt.removeChild(i), this.style.cssText = n, e }, qt = function(t) { return !(!Lt || !t.getCTM || t.parentNode && !t.ownerSVGElement || ! function(t) { try { return t.getBBox() } catch (e) { return Vt.call(t, !0) } }(t)) }, Wt = [1, 0, 0, 1, 0, 0], Gt = function(t, e) { var i, s, r, n, a, o, l, h = t._gsTransform || new Nt, _ = t.style; if (zt ? s = et(t, Et, null, !0) : t.currentStyle && (s = (s = t.currentStyle.filter.match(F)) && 4 === s.length ? [s[0].substr(4), Number(s[2].substr(4)), Number(s[1].substr(4)), s[3].substr(4), h.x || 0, h.y || 0].join(",") : ""), i = !s || "none" === s || "matrix(1, 0, 0, 1, 0, 0)" === s, zt && i && !t.offsetParent && t !== Yt && (n = _.display, _.display = "block", (l = t.parentNode) && t.offsetParent || (a = 1, o = t.nextSibling, Yt.appendChild(t)), i = !(s = et(t, Et, null, !0)) || "none" === s || "matrix(1, 0, 0, 1, 0, 0)" === s, n ? _.display = n : Kt(_, "display"), a && (o ? l.insertBefore(t, o) : l ? l.appendChild(t) : Yt.removeChild(t))), (h.svg || t.getCTM && qt(t)) && (i && -1 !== (_[zt] + "").indexOf("matrix") && (s = _[zt], i = 0), r = t.getAttribute("transform"), i && r && (s = "matrix(" + (r = t.transform.baseVal.consolidate().matrix).a + "," + r.b + "," + r.c + "," + r.d + "," + r.e + "," + r.f + ")", i = 0)), i) return Wt; for (r = (s || "").match(y) || [], Pt = r.length; --Pt > -1;) n = Number(r[Pt]), r[Pt] = (a = n - (n |= 0)) ? (1e5 * a + (a < 0 ? -.5 : .5) | 0) / 1e5 + n : n; return e && r.length > 6 ? [r[0], r[1], r[4], r[5], r[12], r[13]] : r }, Zt = q.getTransform = function(t, i, s, r) { if (t._gsTransform && s && !r) return t._gsTransform; var n, o, l, h, _, u, f = s && t._gsTransform || new Nt, c = f.scaleX < 0, p = Xt && (parseFloat(et(t, It, i, !1, "0 0 0").split(" ")[2]) || f.zOrigin) || 0, m = parseFloat(a.defaultTransformPerspective) || 0; if (f.svg = !(!t.getCTM || !qt(t)), f.svg && (Ut(t, et(t, It, i, !1, "50% 50%") + "", f, t.getAttribute("data-svg-origin")), Rt = a.useSVGTransformAttr || jt), (n = Gt(t)) !== Wt) { if (16 === n.length) { var d, g, y, v, T, x = n[0], b = n[1], w = n[2], P = n[3], O = n[4], S = n[5], k = n[6], R = n[7], A = n[8], C = n[9], M = n[10], D = n[12], F = n[13], z = n[14], E = n[11], I = Math.atan2(k, M); f.zOrigin && (D = A * (z = -f.zOrigin) - n[12], F = C * z - n[13], z = M * z + f.zOrigin - n[14]), f.rotationX = I * N, I && (d = O * (v = Math.cos(-I)) + A * (T = Math.sin(-I)), g = S * v + C * T, y = k * v + M * T, A = O * -T + A * v, C = S * -T + C * v, M = k * -T + M * v, E = R * -T + E * v, O = d, S = g, k = y), I = Math.atan2(-w, M), f.rotationY = I * N, I && (g = b * (v = Math.cos(-I)) - C * (T = Math.sin(-I)), y = w * v - M * T, C = b * T + C * v, M = w * T + M * v, E = P * T + E * v, x = d = x * v - A * T, b = g, w = y), I = Math.atan2(b, x), f.rotation = I * N, I && (d = x * (v = Math.cos(I)) + b * (T = Math.sin(I)), g = O * v + S * T, y = A * v + C * T, b = b * v - x * T, S = S * v - O * T, C = C * v - A * T, x = d, O = g, A = y), f.rotationX && Math.abs(f.rotationX) + Math.abs(f.rotation) > 359.9 && (f.rotationX = f.rotation = 0, f.rotationY = 180 - f.rotationY), I = Math.atan2(O, S), f.scaleX = (1e5 * Math.sqrt(x * x + b * b + w * w) + .5 | 0) / 1e5, f.scaleY = (1e5 * Math.sqrt(S * S + k * k) + .5 | 0) / 1e5, f.scaleZ = (1e5 * Math.sqrt(A * A + C * C + M * M) + .5 | 0) / 1e5, x /= f.scaleX, O /= f.scaleY, b /= f.scaleX, S /= f.scaleY, Math.abs(I) > 2e-5 ? (f.skewX = I * N, O = 0, "simple" !== f.skewType && (f.scaleY *= 1 / Math.cos(I))) : f.skewX = 0, f.perspective = E ? 1 / (E < 0 ? -E : E) : 0, f.x = D, f.y = F, f.z = z, f.svg && (f.x -= f.xOrigin - (f.xOrigin * x - f.yOrigin * O), f.y -= f.yOrigin - (f.yOrigin * b - f.xOrigin * S)) } else if (!Xt || r || !n.length || f.x !== n[4] || f.y !== n[5] || !f.rotationX && !f.rotationY) { var X = n.length >= 6, L = X ? n[0] : 1, B = n[1] || 0, Y = n[2] || 0, j = X ? n[3] : 1; f.x = n[4] || 0, f.y = n[5] || 0, l = Math.sqrt(L * L + B * B), h = Math.sqrt(j * j + Y * Y), _ = L || B ? Math.atan2(B, L) * N : f.rotation || 0, u = Y || j ? Math.atan2(Y, j) * N + _ : f.skewX || 0, f.scaleX = l, f.scaleY = h, f.rotation = _, f.skewX = u, Xt && (f.rotationX = f.rotationY = f.z = 0, f.perspective = m, f.scaleZ = 1), f.svg && (f.x -= f.xOrigin - (f.xOrigin * L + f.yOrigin * Y), f.y -= f.yOrigin - (f.xOrigin * B + f.yOrigin * j)) } for (o in Math.abs(f.skewX) > 90 && Math.abs(f.skewX) < 270 && (c ? (f.scaleX *= -1, f.skewX += f.rotation <= 0 ? 180 : -180, f.rotation += f.rotation <= 0 ? 180 : -180) : (f.scaleY *= -1, f.skewX += f.skewX <= 0 ? 180 : -180)), f.zOrigin = p, f) f[o] < 2e-5 && f[o] > -2e-5 && (f[o] = 0) } return s && (t._gsTransform = f, f.svg && (Rt && t.style[zt] ? e.delayedCall(.001, function() { Kt(t.style, zt) }) : !Rt && t.getAttribute("transform") && e.delayedCall(.001, function() { t.removeAttribute("transform") }))), f }, Ht = function(t) { var e, i, s = this.data, r = -s.rotation * X, n = r + s.skewX * X, a = (Math.cos(r) * s.scaleX * 1e5 | 0) / 1e5, o = (Math.sin(r) * s.scaleX * 1e5 | 0) / 1e5, l = (Math.sin(n) * -s.scaleY * 1e5 | 0) / 1e5, h = (Math.cos(n) * s.scaleY * 1e5 | 0) / 1e5, _ = this.t.style, u = this.t.currentStyle; if (u) { i = o, o = -l, l = -i, e = u.filter, _.filter = ""; var f, c, p = this.t.offsetWidth, d = this.t.offsetHeight, g = "absolute" !== u.position, y = "progid:DXImageTransform.Microsoft.Matrix(M11=" + a + ", M12=" + o + ", M21=" + l + ", M22=" + h, v = s.x + p * s.xPercent / 100, T = s.y + d * s.yPercent / 100; if (null != s.ox && (v += (f = (s.oxp ? p * s.ox * .01 : s.ox) - p / 2) - (f * a + (c = (s.oyp ? d * s.oy * .01 : s.oy) - d / 2) * o), T += c - (f * l + c * h)), y += g ? ", Dx=" + ((f = p / 2) - (f * a + (c = d / 2) * o) + v) + ", Dy=" + (c - (f * l + c * h) + T) + ")" : ", sizingMethod='auto expand')", -1 !== e.indexOf("DXImageTransform.Microsoft.Matrix(") ? _.filter = e.replace(z, y) : _.filter = y + " " + e, 0 !== t && 1 !== t || 1 === a && 0 === o && 0 === l && 1 === h && (g && -1 === y.indexOf("Dx=0, Dy=0") || P.test(e) && 100 !== parseFloat(RegExp.$1) || -1 === e.indexOf(e.indexOf("Alpha")) && _.removeAttribute("filter")), !g) { var x, b, O, S = m < 8 ? 1 : -1; for (f = s.ieOffsetX || 0, c = s.ieOffsetY || 0, s.ieOffsetX = Math.round((p - ((a < 0 ? -a : a) * p + (o < 0 ? -o : o) * d)) / 2 + v), s.ieOffsetY = Math.round((d - ((h < 0 ? -h : h) * d + (l < 0 ? -l : l) * p)) / 2 + T), Pt = 0; Pt < 4; Pt++) O = (i = -1 !== (x = u[b = ot[Pt]]).indexOf("px") ? parseFloat(x) : it(this.t, b, parseFloat(x), x.replace(w, "")) || 0) !== s[b] ? Pt < 2 ? -s.ieOffsetX : -s.ieOffsetY : Pt < 2 ? f - s.ieOffsetX : c - s.ieOffsetY, _[b] = (s[b] = Math.round(i - O * (0 === Pt || 2 === Pt ? 1 : S))) + "px" } } }, $t = q.set3DTransformRatio = q.setTransformRatio = function(t) { var e, i, s, r, n, a, o, l, h, _, u, f, p, m, d, g, y, v, T, x, b = this.data, w = this.t.style, P = b.rotation, O = b.rotationX, S = b.rotationY, k = b.scaleX, R = b.scaleY, A = b.scaleZ, C = b.x, M = b.y, D = b.z, F = b.svg, z = b.perspective, E = b.force3D, I = b.skewY, N = b.skewX; if (I && (N += I, P += I), !((1 !== t && 0 !== t || "auto" !== E || this.tween._totalTime !== this.tween._totalDuration && this.tween._totalTime) && E || D || z || S || O || 1 !== A) || Rt && F || !Xt) P || N || F ? (P *= X, x = N * X, 1e5, i = Math.cos(P) * k, n = Math.sin(P) * k, s = Math.sin(P - x) * -R, a = Math.cos(P - x) * R, x && "simple" === b.skewType && (e = Math.tan(x - I * X), s *= e = Math.sqrt(1 + e * e), a *= e, I && (e = Math.tan(I * X), i *= e = Math.sqrt(1 + e * e), n *= e)), F && (C += b.xOrigin - (b.xOrigin * i + b.yOrigin * s) + b.xOffset, M += b.yOrigin - (b.xOrigin * n + b.yOrigin * a) + b.yOffset, Rt && (b.xPercent || b.yPercent) && (d = this.t.getBBox(), C += .01 * b.xPercent * d.width, M += .01 * b.yPercent * d.height), C < (d = 1e-6) && C > -d && (C = 0), M < d && M > -d && (M = 0)), T = (1e5 * i | 0) / 1e5 + "," + (1e5 * n | 0) / 1e5 + "," + (1e5 * s | 0) / 1e5 + "," + (1e5 * a | 0) / 1e5 + "," + C + "," + M + ")", F && Rt ? this.t.setAttribute("transform", "matrix(" + T) : w[zt] = (b.xPercent || b.yPercent ? "translate(" + b.xPercent + "%," + b.yPercent + "%) matrix(" : "matrix(") + T) : w[zt] = (b.xPercent || b.yPercent ? "translate(" + b.xPercent + "%," + b.yPercent + "%) matrix(" : "matrix(") + k + ",0,0," + R + "," + C + "," + M + ")"; else { if (c && (k < (d = 1e-4) && k > -d && (k = A = 2e-5), R < d && R > -d && (R = A = 2e-5), !z || b.z || b.rotationX || b.rotationY || (z = 0)), P || N) P *= X, g = i = Math.cos(P), y = n = Math.sin(P), N && (P -= N * X, g = Math.cos(P), y = Math.sin(P), "simple" === b.skewType && (e = Math.tan((N - I) * X), g *= e = Math.sqrt(1 + e * e), y *= e, b.skewY && (e = Math.tan(I * X), i *= e = Math.sqrt(1 + e * e), n *= e))), s = -y, a = g; else { if (!(S || O || 1 !== A || z || F)) return void(w[zt] = (b.xPercent || b.yPercent ? "translate(" + b.xPercent + "%," + b.yPercent + "%) translate3d(" : "translate3d(") + C + "px," + M + "px," + D + "px)" + (1 !== k || 1 !== R ? " scale(" + k + "," + R + ")" : "")); i = a = 1, s = n = 0 } _ = 1, r = o = l = h = u = f = 0, p = z ? -1 / z : 0, m = b.zOrigin, d = 1e-6, ",", "0", (P = S * X) && (g = Math.cos(P), l = -(y = Math.sin(P)), u = p * -y, r = i * y, o = n * y, _ = g, p *= g, i *= g, n *= g), (P = O * X) && (e = s * (g = Math.cos(P)) + r * (y = Math.sin(P)), v = a * g + o * y, h = _ * y, f = p * y, r = s * -y + r * g, o = a * -y + o * g, _ *= g, p *= g, s = e, a = v), 1 !== A && (r *= A, o *= A, _ *= A, p *= A), 1 !== R && (s *= R, a *= R, h *= R, f *= R), 1 !== k && (i *= k, n *= k, l *= k, u *= k), (m || F) && (m && (C += r * -m, M += o * -m, D += _ * -m + m), F && (C += b.xOrigin - (b.xOrigin * i + b.yOrigin * s) + b.xOffset, M += b.yOrigin - (b.xOrigin * n + b.yOrigin * a) + b.yOffset), C < d && C > -d && (C = "0"), M < d && M > -d && (M = "0"), D < d && D > -d && (D = 0)), T = b.xPercent || b.yPercent ? "translate(" + b.xPercent + "%," + b.yPercent + "%) matrix3d(" : "matrix3d(", T += (i < d && i > -d ? "0" : i) + "," + (n < d && n > -d ? "0" : n) + "," + (l < d && l > -d ? "0" : l), T += "," + (u < d && u > -d ? "0" : u) + "," + (s < d && s > -d ? "0" : s) + "," + (a < d && a > -d ? "0" : a), O || S || 1 !== A ? (T += "," + (h < d && h > -d ? "0" : h) + "," + (f < d && f > -d ? "0" : f) + "," + (r < d && r > -d ? "0" : r), T += "," + (o < d && o > -d ? "0" : o) + "," + (_ < d && _ > -d ? "0" : _) + "," + (p < d && p > -d ? "0" : p) + ",") : T += ",0,0,0,0,1,0,", T += C + "," + M + "," + D + "," + (z ? 1 + -D / z : 1) + ")", w[zt] = T } }; (h = Nt.prototype).x = h.y = h.z = h.skewX = h.skewY = h.rotation = h.rotationX = h.rotationY = h.zOrigin = h.xPercent = h.yPercent = h.xOffset = h.yOffset = 0, h.scaleX = h.scaleY = h.scaleZ = 1, St("transform,scale,scaleX,scaleY,scaleZ,x,y,z,rotation,rotationX,rotationY,rotationZ,skewX,skewY,shortRotation,shortRotationX,shortRotationY,shortRotationZ,transformOrigin,svgOrigin,transformPerspective,directionalRotation,parseTransform,force3D,skewType,xPercent,yPercent,smoothOrigin", { parser: function(t, e, i, s, n, o, l) { if (s._lastParsedTransform === l) return n; s._lastParsedTransform = l; var h = l.scale && "function" == typeof l.scale ? l.scale : 0; h && (l.scale = h(g, t)); var _, u, f, c, p, m, y, v, T, x = t._gsTransform, b = t.style, w = Ft.length, P = l, O = {}, S = Zt(t, r, !0, P.parseTransform), k = P.transform && ("function" == typeof P.transform ? P.transform(g, d) : P.transform); if (S.skewType = P.skewType || S.skewType || a.defaultSkewType, s._transform = S, "rotationZ" in P && (P.rotation = P.rotationZ), k && "string" == typeof k && zt)(u = U.style)[zt] = k, u.display = "block", u.position = "absolute", -1 !== k.indexOf("%") && (u.width = et(t, "width"), u.height = et(t, "height")), Y.body.appendChild(U), _ = Zt(U, null, !1), "simple" === S.skewType && (_.scaleY *= Math.cos(_.skewX * X)), S.svg && (m = S.xOrigin, y = S.yOrigin, _.x -= S.xOffset, _.y -= S.yOffset, (P.transformOrigin || P.svgOrigin) && (k = {}, Ut(t, ht(P.transformOrigin), k, P.svgOrigin, P.smoothOrigin, !0), m = k.xOrigin, y = k.yOrigin, _.x -= k.xOffset - S.xOffset, _.y -= k.yOffset - S.yOffset), (m || y) && (v = Gt(U, !0), _.x -= m - (m * v[0] + y * v[2]), _.y -= y - (m * v[1] + y * v[3]))), Y.body.removeChild(U), _.perspective || (_.perspective = S.perspective), null != P.xPercent && (_.xPercent = ut(P.xPercent, S.xPercent)), null != P.yPercent && (_.yPercent = ut(P.yPercent, S.yPercent)); else if ("object" == typeof P) { if (_ = { scaleX: ut(null != P.scaleX ? P.scaleX : P.scale, S.scaleX), scaleY: ut(null != P.scaleY ? P.scaleY : P.scale, S.scaleY), scaleZ: ut(P.scaleZ, S.scaleZ), x: ut(P.x, S.x), y: ut(P.y, S.y), z: ut(P.z, S.z), xPercent: ut(P.xPercent, S.xPercent), yPercent: ut(P.yPercent, S.yPercent), perspective: ut(P.transformPerspective, S.perspective) }, null != (p = P.directionalRotation)) if ("object" == typeof p) for (u in p) P[u] = p[u]; else P.rotation = p; "string" == typeof P.x && -1 !== P.x.indexOf("%") && (_.x = 0, _.xPercent = ut(P.x, S.xPercent)), "string" == typeof P.y && -1 !== P.y.indexOf("%") && (_.y = 0, _.yPercent = ut(P.y, S.yPercent)), _.rotation = ft("rotation" in P ? P.rotation : "shortRotation" in P ? P.shortRotation + "_short" : S.rotation, S.rotation, "rotation", O), Xt && (_.rotationX = ft("rotationX" in P ? P.rotationX : "shortRotationX" in P ? P.shortRotationX + "_short" : S.rotationX || 0, S.rotationX, "rotationX", O), _.rotationY = ft("rotationY" in P ? P.rotationY : "shortRotationY" in P ? P.shortRotationY + "_short" : S.rotationY || 0, S.rotationY, "rotationY", O)), _.skewX = ft(P.skewX, S.skewX), _.skewY = ft(P.skewY, S.skewY) } for (Xt && null != P.force3D && (S.force3D = P.force3D, c = !0), (f = S.force3D || S.z || S.rotationX || S.rotationY || _.z || _.rotationX || _.rotationY || _.perspective) || null == P.scale || (_.scaleZ = 1); --w > -1;)((k = _[T = Ft[w]] - S[T]) > 1e-6 || k < -1e-6 || null != P[T] || null != L[T]) && (c = !0, n = new xt(S, T, S[T], k, n), T in O && (n.e = O[T]), n.xs0 = 0, n.plugin = o, s._overwriteProps.push(n.n)); return k = "function" == typeof P.transformOrigin ? P.transformOrigin(g, d) : P.transformOrigin, S.svg && (k || P.svgOrigin) && (m = S.xOffset, y = S.yOffset, Ut(t, ht(k), _, P.svgOrigin, P.smoothOrigin), n = bt(S, "xOrigin", (x ? S : _).xOrigin, _.xOrigin, n, "transformOrigin"), n = bt(S, "yOrigin", (x ? S : _).yOrigin, _.yOrigin, n, "transformOrigin"), m === S.xOffset && y === S.yOffset || (n = bt(S, "xOffset", x ? m : S.xOffset, S.xOffset, n, "transformOrigin"), n = bt(S, "yOffset", x ? y : S.yOffset, S.yOffset, n, "transformOrigin")), k = "0px 0px"), (k || Xt && f && S.zOrigin) && (zt ? (c = !0, T = It, k || (k = (k = (et(t, T, r, !1, "50% 50%") + "").split(" "))[0] + " " + k[1] + " " + S.zOrigin + "px"), k += "", (n = new xt(b, T, 0, 0, n, -1, "transformOrigin")).b = b[T], n.plugin = o, Xt ? (u = S.zOrigin, k = k.split(" "), S.zOrigin = (k.length > 2 ? parseFloat(k[2]) : u) || 0, n.xs0 = n.e = k[0] + " " + (k[1] || "50%") + " 0px", (n = new xt(S, "zOrigin", 0, 0, n, -1, n.n)).b = u, n.xs0 = n.e = S.zOrigin) : n.xs0 = n.e = k) : ht(k + "", S)), c && (s._transformType = S.svg && Rt || !f && 3 !== this._transformType ? 2 : 3), h && (l.scale = h), n }, allowFunc: !0, prefix: !0 }), St("boxShadow", { defaultValue: "0px 0px 0px 0px #999", prefix: !0, color: !0, multi: !0, keyword: "inset" }), St("clipPath", { defaultValue: "inset(0%)", prefix: !0, multi: !0, formatter: yt("inset(0% 0% 0% 0%)", !1, !0) }), St("borderRadius", { defaultValue: "0px", parser: function(t, e, i, n, a, o) { e = this.format(e); var l, h, _, u, f, c, p, m, d, g, y, v, T, x, b, w, P = ["borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius"], O = t.style; for (d = parseFloat(t.offsetWidth), g = parseFloat(t.offsetHeight), l = e.split(" "), h = 0; h < P.length; h++) this.p.indexOf("border") && (P[h] = K(P[h])), -1 !== (f = u = et(t, P[h], r, !1, "0px")).indexOf(" ") && (u = f.split(" "), f = u[0], u = u[1]), c = _ = l[h], p = parseFloat(f), v = f.substr((p + "").length), (T = "=" === c.charAt(1)) ? (m = parseInt(c.charAt(0) + "1", 10), c = c.substr(2), m *= parseFloat(c), y = c.substr((m + "").length - (m < 0 ? 1 : 0)) || "") : (m = parseFloat(c), y = c.substr((m + "").length)), "" === y && (y = s[i] || v), y !== v && (x = it(t, "borderLeft", p, v), b = it(t, "borderTop", p, v), "%" === y ? (f = x / d * 100 + "%", u = b / g * 100 + "%") : "em" === y ? (f = x / (w = it(t, "borderLeft", 1, "em")) + "em", u = b / w + "em") : (f = x + "px", u = b + "px"), T && (c = parseFloat(f) + m + y, _ = parseFloat(u) + m + y)), a = wt(O, P[h], f + " " + u, c + " " + _, !1, "0px", a); return a }, prefix: !0, formatter: yt("0px 0px 0px 0px", !1, !0) }), St("borderBottomLeftRadius,borderBottomRightRadius,borderTopLeftRadius,borderTopRightRadius", { defaultValue: "0px", parser: function(t, e, i, s, n, a) { return wt(t.style, i, this.format(et(t, i, r, !1, "0px 0px")), this.format(e), !1, "0px", n) }, prefix: !0, formatter: yt("0px 0px", !1, !0) }), St("backgroundPosition", { defaultValue: "0 0", parser: function(t, e, i, s, n, a) { var o, l, h, _, u, f, c = "background-position", p = r || tt(t), d = this.format((p ? m ? p.getPropertyValue(c + "-x") + " " + p.getPropertyValue(c + "-y") : p.getPropertyValue(c) : t.currentStyle.backgroundPositionX + " " + t.currentStyle.backgroundPositionY) || "0 0"), g = this.format(e); if (-1 !== d.indexOf("%") != (-1 !== g.indexOf("%")) && g.split(",").length < 2 && (f = et(t, "backgroundImage").replace(C, "")) && "none" !== f) { for (o = d.split(" "), l = g.split(" "), V.setAttribute("src", f), h = 2; --h > -1;)(_ = -1 !== (d = o[h]).indexOf("%")) !== (-1 !== l[h].indexOf("%")) && (u = 0 === h ? t.offsetWidth - V.width : t.offsetHeight - V.height, o[h] = _ ? parseFloat(d) / 100 * u + "px" : parseFloat(d) / u * 100 + "%"); d = o.join(" ") } return this.parseComplex(t.style, d, g, n, a) }, formatter: ht }), St("backgroundSize", { defaultValue: "0 0", formatter: function(t) { return "co" === (t += "").substr(0, 2) ? t : ht(-1 === t.indexOf(" ") ? t + " " + t : t) } }), St("perspective", { defaultValue: "0px", prefix: !0 }), St("perspectiveOrigin", { defaultValue: "50% 50%", prefix: !0 }), St("transformStyle", { prefix: !0 }), St("backfaceVisibility", { prefix: !0 }), St("userSelect", { prefix: !0 }), St("margin", { parser: vt("marginTop,marginRight,marginBottom,marginLeft") }), St("padding", { parser: vt("paddingTop,paddingRight,paddingBottom,paddingLeft") }), St("clip", { defaultValue: "rect(0px,0px,0px,0px)", parser: function(t, e, i, s, n, a) { var o, l, h; return m < 9 ? (l = t.currentStyle, h = m < 8 ? " " : ",", o = "rect(" + l.clipTop + h + l.clipRight + h + l.clipBottom + h + l.clipLeft + ")", e = this.format(e).split(",").join(h)) : (o = this.format(et(t, this.p, r, !1, this.dflt)), e = this.format(e)), this.parseComplex(t.style, o, e, n, a) } }), St("textShadow", { defaultValue: "0px 0px 0px #999", color: !0, multi: !0 }), St("autoRound,strictUnits", { parser: function(t, e, i, s, r) { return r } }), St("border", { defaultValue: "0px solid #000", parser: function(t, e, i, s, n, a) { var o = et(t, "borderTopWidth", r, !1, "0px"), l = this.format(e).split(" "), h = l[0].replace(w, ""); return "px" !== h && (o = parseFloat(o) / it(t, "borderTopWidth", 1, h) + h), this.parseComplex(t.style, this.format(o + " " + et(t, "borderTopStyle", r, !1, "solid") + " " + et(t, "borderTopColor", r, !1, "#000")), l.join(" "), n, a) }, color: !0, formatter: function(t) { var e = t.split(" "); return e[0] + " " + (e[1] || "solid") + " " + (t.match(gt) || ["#000"])[0] } }), St("borderWidth", { parser: vt("borderTopWidth,borderRightWidth,borderBottomWidth,borderLeftWidth") }), St("float,cssFloat,styleFloat", { parser: function(t, e, i, s, r, n) { var a = t.style, o = "cssFloat" in a ? "cssFloat" : "styleFloat"; return new xt(a, o, 0, 0, r, -1, i, !1, 0, a[o], e) } }); var Qt = function(t) { var e, i = this.t, s = i.filter || et(this.data, "filter") || "", r = this.s + this.c * t | 0; 100 === r && (-1 === s.indexOf("atrix(") && -1 === s.indexOf("radient(") && -1 === s.indexOf("oader(") ? (i.removeAttribute("filter"), e = !et(this.data, "filter")) : (i.filter = s.replace(S, ""), e = !0)), e || (this.xn1 && (i.filter = s = s || "alpha(opacity=" + r + ")"), -1 === s.indexOf("pacity") ? 0 === r && this.xn1 || (i.filter = s + " alpha(opacity=" + r + ")") : i.filter = s.replace(P, "opacity=" + r)) }; St("opacity,alpha,autoAlpha", { defaultValue: "1", parser: function(t, e, i, s, n, a) { var o = parseFloat(et(t, "opacity", r, !1, "1")), l = t.style, h = "autoAlpha" === i; return "string" == typeof e && "=" === e.charAt(1) && (e = ("-" === e.charAt(0) ? -1 : 1) * parseFloat(e.substr(2)) + o), h && 1 === o && "hidden" === et(t, "visibility", r) && 0 !== e && (o = 0), G ? n = new xt(l, "opacity", o, e - o, n) : ((n = new xt(l, "opacity", 100 * o, 100 * (e - o), n)).xn1 = h ? 1 : 0, l.zoom = 1, n.type = 2, n.b = "alpha(opacity=" + n.s + ")", n.e = "alpha(opacity=" + (n.s + n.c) + ")", n.data = t, n.plugin = a, n.setRatio = Qt), h && ((n = new xt(l, "visibility", 0, 0, n, -1, null, !1, 0, 0 !== o ? "inherit" : "hidden", 0 === e ? "hidden" : "inherit")).xs0 = "inherit", s._overwriteProps.push(n.n), s._overwriteProps.push(i)), n } }); var Kt = function(t, e) { e && (t.removeProperty ? ("ms" !== e.substr(0, 2) && "webkit" !== e.substr(0, 6) || (e = "-" + e), t.removeProperty(e.replace(R, "-$1").toLowerCase())) : t.removeAttribute(e)) }, Jt = function(t) { if (this.t._gsClassPT = this, 1 === t || 0 === t) { this.t.setAttribute("class", 0 === t ? this.b : this.e); for (var e = this.data, i = this.t.style; e;) e.v ? i[e.p] = e.v : Kt(i, e.p), e = e._next; 1 === t && this.t._gsClassPT === this && (this.t._gsClassPT = null) } else this.t.getAttribute("class") !== this.e && this.t.setAttribute("class", this.e) }; St("className", { parser: function(t, e, s, n, a, o, l) { var h, _, u, f, c, p = t.getAttribute("class") || "", m = t.style.cssText; if ((a = n._classNamePT = new xt(t, s, 0, 0, a, 2)).setRatio = Jt, a.pr = -11, i = !0, a.b = p, _ = rt(t, r), u = t._gsClassPT) { for (f = {}, c = u.data; c;) f[c.p] = 1, c = c._next; u.setRatio(1) } return t._gsClassPT = a, a.e = "=" !== e.charAt(1) ? e : p.replace(new RegExp("(?:\\s|^)" + e.substr(2) + "(?![\\w-])"), "") + ("+" === e.charAt(0) ? " " + e.substr(2) : ""), t.setAttribute("class", a.e), h = nt(t, _, rt(t), l, f), t.setAttribute("class", p), a.data = h.firstMPT, t.style.cssText !== m && (t.style.cssText = m), a = a.xfirst = n.parse(t, h.difs, a, o) } }); var te = function(t) { if ((1 === t || 0 === t) && this.data._totalTime === this.data._totalDuration && "isFromStart" !== this.data.data) { var e, i, s, r, n, a = this.t.style, o = l.transform.parse; if ("all" === this.e) a.cssText = "", r = !0; else for (s = (e = this.e.split(" ").join("").split(",")).length; --s > -1;) i = e[s], l[i] && (l[i].parse === o ? r = !0 : i = "transformOrigin" === i ? It : l[i].p), Kt(a, i); r && (Kt(a, zt), (n = this.t._gsTransform) && (n.svg && (this.t.removeAttribute("data-svg-origin"), this.t.removeAttribute("transform")), delete this.t._gsTransform)) } }; for (St("clearProps", { parser: function(t, e, s, r, n) { return (n = new xt(t, s, 0, 0, n, 2)).setRatio = te, n.e = e, n.pr = -10, n.data = r._tween, i = !0, n } }), h = "bezier,throwProps,physicsProps,physics2D".split(","), Pt = h.length; Pt--;) kt(h[Pt]); (h = a.prototype)._firstPT = h._lastParsedTransform = h._transform = null, h._onInitTween = function(t, e, o, h) { if (!t.nodeType) return !1; this._target = d = t, this._tween = o, this._vars = e, g = h, _ = e.autoRound, i = !1, s = e.suffixMap || a.suffixMap, r = tt(t), n = this._overwriteProps; var c, m, y, v, T, x, b, w, P, S = t.style; if (u && "" === S.zIndex && ("auto" !== (c = et(t, "zIndex", r)) && "" !== c || this._addLazySet(S, "zIndex", 0)), "string" == typeof e && (v = S.cssText, c = rt(t, r), S.cssText = v + ";" + e, c = nt(t, c, rt(t)).difs, !G && O.test(e) && (c.opacity = parseFloat(RegExp.$1)), e = c, S.cssText = v), e.className ? this._firstPT = m = l.className.parse(t, e.className, "className", this, null, null, e) : this._firstPT = m = this.parse(t, e, null), this._transformType) { for (P = 3 === this._transformType, zt ? f && (u = !0, "" === S.zIndex && ("auto" !== (b = et(t, "zIndex", r)) && "" !== b || this._addLazySet(S, "zIndex", 0)), p && this._addLazySet(S, "WebkitBackfaceVisibility", this._vars.WebkitBackfaceVisibility || (P ? "visible" : "hidden"))) : S.zoom = 1, y = m; y && y._next;) y = y._next; w = new xt(t, "transform", 0, 0, null, 2), this._linkCSSP(w, null, y), w.setRatio = zt ? $t : Ht, w.data = this._transform || Zt(t, r, !0), w.tween = o, w.pr = -1, n.pop() } if (i) { for (; m;) { for (x = m._next, y = v; y && y.pr > m.pr;) y = y._next; (m._prev = y ? y._prev : T) ? m._prev._next = m: v = m, (m._next = y) ? y._prev = m : T = m, m = x } this._firstPT = v } return !0 }, h.parse = function(t, e, i, n) { var a, o, h, u, f, c, p, m, y, v, T = t.style; for (a in e) { if (c = e[a], o = l[a], "function" != typeof c || o && o.allowFunc || (c = c(g, d)), o) i = o.parse(t, c, a, this, i, n, e); else { if ("--" === a.substr(0, 2)) { this._tween._propLookup[a] = this._addTween.call(this._tween, t.style, "setProperty", tt(t).getPropertyValue(a) + "", c + "", a, !1, a); continue } f = et(t, a, r) + "", y = "string" == typeof c, "color" === a || "fill" === a || "stroke" === a || -1 !== a.indexOf("Color") || y && k.test(c) ? (y || (c = ((c = mt(c)).length > 3 ? "rgba(" : "rgb(") + c.join(",") + ")"), i = wt(T, a, f, c, !0, "transparent", i, 0, n)) : y && I.test(c) ? i = wt(T, a, f, c, !0, null, i, 0, n) : (p = (h = parseFloat(f)) || 0 === h ? f.substr((h + "").length) : "", "" !== f && "auto" !== f || ("width" === a || "height" === a ? (h = lt(t, a, r), p = "px") : "left" === a || "top" === a ? (h = st(t, a, r), p = "px") : (h = "opacity" !== a ? 0 : 1, p = "")), (v = y && "=" === c.charAt(1)) ? (u = parseInt(c.charAt(0) + "1", 10), c = c.substr(2), u *= parseFloat(c), m = c.replace(w, "")) : (u = parseFloat(c), m = y ? c.replace(w, "") : ""), "" === m && (m = a in s ? s[a] : p), c = u || 0 === u ? (v ? u + h : u) + m : e[a], p !== m && ("" === m && "lineHeight" !== a || (u || 0 === u) && h && (h = it(t, a, h, p), "%" === m ? (h /= it(t, a, 100, "%") / 100, !0 !== e.strictUnits && (f = h + "%")) : "em" === m || "rem" === m || "vw" === m || "vh" === m ? h /= it(t, a, 1, m) : "px" !== m && (u = it(t, a, u, m), m = "px"), v && (u || 0 === u) && (c = u + h + m))), v && (u += h), !h && 0 !== h || !u && 0 !== u ? void 0 !== T[a] && (c || c + "" != "NaN" && null != c) ? (i = new xt(T, a, u || h || 0, 0, i, -1, a, !1, 0, f, c)).xs0 = "none" !== c || "display" !== a && -1 === a.indexOf("Style") ? c : f : H("invalid " + a + " tween value: " + e[a]) : (i = new xt(T, a, h, u - h, i, 0, a, !1 !== _ && ("px" === m || "zIndex" === a), 0, f, c)).xs0 = m) } n && i && !i.plugin && (i.plugin = n) } return i }, h.setRatio = function(t) { var e, i, s, r = this._firstPT; if (1 !== t || this._tween._time !== this._tween._duration && 0 !== this._tween._time) if (t || this._tween._time !== this._tween._duration && 0 !== this._tween._time || -1e-6 === this._tween._rawPrevTime) for (; r;) { if (e = r.c * t + r.s, r.r ? e = r.r(e) : e < 1e-6 && e > -1e-6 && (e = 0), r.type) if (1 === r.type) if (2 === (s = r.l)) r.t[r.p] = r.xs0 + e + r.xs1 + r.xn1 + r.xs2; else if (3 === s) r.t[r.p] = r.xs0 + e + r.xs1 + r.xn1 + r.xs2 + r.xn2 + r.xs3; else if (4 === s) r.t[r.p] = r.xs0 + e + r.xs1 + r.xn1 + r.xs2 + r.xn2 + r.xs3 + r.xn3 + r.xs4; else if (5 === s) r.t[r.p] = r.xs0 + e + r.xs1 + r.xn1 + r.xs2 + r.xn2 + r.xs3 + r.xn3 + r.xs4 + r.xn4 + r.xs5; else { for (i = r.xs0 + e + r.xs1, s = 1; s < r.l; s++) i += r["xn" + s] + r["xs" + (s + 1)]; r.t[r.p] = i } else -1 === r.type ? r.t[r.p] = r.xs0 : r.setRatio && r.setRatio(t); else r.t[r.p] = e + r.xs0; r = r._next } else for (; r;) 2 !== r.type ? r.t[r.p] = r.b : r.setRatio(t), r = r._next; else for (; r;) { if (2 !== r.type) if (r.r && -1 !== r.type) if (e = r.r(r.s + r.c), r.type) { if (1 === r.type) { for (s = r.l, i = r.xs0 + e + r.xs1, s = 1; s < r.l; s++) i += r["xn" + s] + r["xs" + (s + 1)]; r.t[r.p] = i } } else r.t[r.p] = e + r.xs0; else r.t[r.p] = r.e; else r.setRatio(t); r = r._next } }, h._enableTransforms = function(t) { this._transform = this._transform || Zt(this._target, r, !0), this._transformType = this._transform.svg && Rt || !t && 3 !== this._transformType ? 2 : 3 }; var ee = function(t) { this.t[this.p] = this.e, this.data._linkCSSP(this, this._next, null, !0) }; h._addLazySet = function(t, e, i) { var s = this._firstPT = new xt(t, e, 0, 0, this._firstPT, 2); s.e = i, s.setRatio = ee, s.data = this }, h._linkCSSP = function(t, e, i, s) { return t && (e && (e._prev = t), t._next && (t._next._prev = t._prev), t._prev ? t._prev._next = t._next : this._firstPT === t && (this._firstPT = t._next, s = !0), i ? i._next = t : s || null !== this._firstPT || (this._firstPT = t), t._next = e, t._prev = i), t }, h._mod = function(t) { for (var e = this._firstPT; e;) "function" == typeof t[e.p] && (e.r = t[e.p]), e = e._next }, h._kill = function(e) { var i, s, r, n = e; if (e.autoAlpha || e.alpha) { for (s in n = {}, e) n[s] = e[s]; n.opacity = 1, n.autoAlpha && (n.visibility = 1) } for (e.className && (i = this._classNamePT) && ((r = i.xfirst) && r._prev ? this._linkCSSP(r._prev, i._next, r._prev._prev) : r === this._firstPT && (this._firstPT = i._next), i._next && this._linkCSSP(i._next, i._next._next, r._prev), this._classNamePT = null), i = this._firstPT; i;) i.plugin && i.plugin !== s && i.plugin._kill && (i.plugin._kill(e), s = i.plugin), i = i._next; return t.prototype._kill.call(this, n) }; var ie = function(t, e, i) { var s, r, n, a; if (t.slice) for (r = t.length; --r > -1;) ie(t[r], e, i); else for (r = (s = t.childNodes).length; --r > -1;) a = (n = s[r]).type, n.style && (e.push(rt(n)), i && i.push(n)), 1 !== a && 9 !== a && 11 !== a || !n.childNodes.length || ie(n, e, i) }; return a.cascadeTo = function(t, i, s) { var r, n, a, o, l = e.to(t, i, s), h = [l], _ = [], u = [], f = [], c = e._internals.reservedProps; for (t = l._targets || l.target, ie(t, _, f), l.render(i, !0, !0), ie(t, u), l.render(0, !0, !0), l._enabled(!0), r = f.length; --r > -1;) if ((n = nt(f[r], _[r], u[r])).firstMPT) { for (a in n = n.difs, s) c[a] && (n[a] = s[a]); for (a in o = {}, n) o[a] = _[r][a]; h.push(e.fromTo(f[r], i, o, n)) } return h }, t.activate([a]), a }, !0), function() { var t = _gsScope._gsDefine.plugin({ propName: "roundProps", version: "1.7.0", priority: -1, API: 2, init: function(t, e, i) { return this._tween = i, !0 } }), e = function(t) { var e = t < 1 ? Math.pow(10, (t + "").length - 2) : 1; return function(i) { return (Math.round(i / t) * t * e | 0) / e } }, i = function(t, e) { for (; t;) t.f || t.blob || (t.m = e || Math.round), t = t._next }, s = t.prototype; s._onInitAllProps = function() { var t, s, r, n, a = this._tween, o = a.vars.roundProps, l = {}, h = a._propLookup.roundProps; if ("object" != typeof o || o.push) for ("string" == typeof o && (o = o.split(",")), r = o.length; --r > -1;) l[o[r]] = Math.round; else for (n in o) l[n] = e(o[n]); for (n in l) for (t = a._firstPT; t;) s = t._next, t.pg ? t.t._mod(l) : t.n === n && (2 === t.f && t.t ? i(t.t._firstPT, l[n]) : (this._add(t.t, n, t.s, t.c, l[n]), s && (s._prev = t._prev), t._prev ? t._prev._next = s : a._firstPT === t && (a._firstPT = s), t._next = t._prev = null, a._propLookup[n] = h)), t = s; return !1 }, s._add = function(t, e, i, s, r) { this._addTween(t, e, i, i + s, e, r || Math.round), this._overwriteProps.push(e) } }(), _gsScope._gsDefine.plugin({ propName: "attr", API: 2, version: "0.6.1", init: function(t, e, i, s) { var r, n; if ("function" != typeof t.setAttribute) return !1; for (r in e) "function" == typeof(n = e[r]) && (n = n(s, t)), this._addTween(t, "setAttribute", t.getAttribute(r) + "", n + "", r, !1, r), this._overwriteProps.push(r); return !0 } }), _gsScope._gsDefine.plugin({ propName: "directionalRotation", version: "0.3.1", API: 2, init: function(t, e, i, s) { "object" != typeof e && (e = { rotation: e }), this.finals = {}; var r, n, a, o, l, h, _ = !0 === e.useRadians ? 2 * Math.PI : 360; for (r in e) "useRadians" !== r && ("function" == typeof(o = e[r]) && (o = o(s, t)), n = (h = (o + "").split("_"))[0], a = parseFloat("function" != typeof t[r] ? t[r] : t[r.indexOf("set") || "function" != typeof t["get" + r.substr(3)] ? r : "get" + r.substr(3)]()), l = (o = this.finals[r] = "string" == typeof n && "=" === n.charAt(1) ? a + parseInt(n.charAt(0) + "1", 10) * Number(n.substr(2)) : Number(n) || 0) - a, h.length && (-1 !== (n = h.join("_")).indexOf("short") && (l %= _) !== l % (_ / 2) && (l = l < 0 ? l + _ : l - _), -1 !== n.indexOf("_cw") && l < 0 ? l = (l + 9999999999 * _) % _ - (l / _ | 0) * _ : -1 !== n.indexOf("ccw") && l > 0 && (l = (l - 9999999999 * _) % _ - (l / _ | 0) * _)), (l > 1e-6 || l < -1e-6) && (this._addTween(t, r, a, a + l, r), this._overwriteProps.push(r))); return !0 }, set: function(t) { var e; if (1 !== t) this._super.setRatio.call(this, t); else for (e = this._firstPT; e;) e.f ? e.t[e.p](this.finals[e.p]) : e.t[e.p] = this.finals[e.p], e = e._next } })._autoCSS = !0, _gsScope._gsDefine("easing.Back", ["easing.Ease"], function(t) { var e, i, s, r, n = _gsScope.GreenSockGlobals || _gsScope, a = n.com.greensock, o = 2 * Math.PI, l = Math.PI / 2, h = a._class, _ = function(e, i) { var s = h("easing." + e, function() {}, !0), r = s.prototype = new t; return r.constructor = s, r.getRatio = i, s }, u = t.register || function() {}, f = function(t, e, i, s, r) { var n = h("easing." + t, { easeOut: new e, easeIn: new i, easeInOut: new s }, !0); return u(n, t), n }, c = function(t, e, i) { this.t = t, this.v = e, i && (this.next = i, i.prev = this, this.c = i.v - e, this.gap = i.t - t) }, p = function(e, i) { var s = h("easing." + e, function(t) { this._p1 = t || 0 === t ? t : 1.70158, this._p2 = 1.525 * this._p1 }, !0), r = s.prototype = new t; return r.constructor = s, r.getRatio = i, r.config = function(t) { return new s(t) }, s }, m = f("Back", p("BackOut", function(t) { return (t -= 1) * t * ((this._p1 + 1) * t + this._p1) + 1 }), p("BackIn", function(t) { return t * t * ((this._p1 + 1) * t - this._p1) }), p("BackInOut", function(t) { return (t *= 2) < 1 ? .5 * t * t * ((this._p2 + 1) * t - this._p2) : .5 * ((t -= 2) * t * ((this._p2 + 1) * t + this._p2) + 2) })), d = h("easing.SlowMo", function(t, e, i) { e = e || 0 === e ? e : .7, null == t ? t = .7 : t > 1 && (t = 1), this._p = 1 !== t ? e : 0, this._p1 = (1 - t) / 2, this._p2 = t, this._p3 = this._p1 + this._p2, this._calcEnd = !0 === i }, !0), g = d.prototype = new t; return g.constructor = d, g.getRatio = function(t) { var e = t + (.5 - t) * this._p; return t < this._p1 ? this._calcEnd ? 1 - (t = 1 - t / this._p1) * t : e - (t = 1 - t / this._p1) * t * t * t * e : t > this._p3 ? this._calcEnd ? 1 === t ? 0 : 1 - (t = (t - this._p3) / this._p1) * t : e + (t - e) * (t = (t - this._p3) / this._p1) * t * t * t : this._calcEnd ? 1 : e }, d.ease = new d(.7, .7), g.config = d.config = function(t, e, i) { return new d(t, e, i) }, (g = (e = h("easing.SteppedEase", function(t, e) { t = t || 1, this._p1 = 1 / t, this._p2 = t + (e ? 0 : 1), this._p3 = e ? 1 : 0 }, !0)).prototype = new t).constructor = e, g.getRatio = function(t) { return t < 0 ? t = 0 : t >= 1 && (t = .999999999), ((this._p2 * t | 0) + this._p3) * this._p1 }, g.config = e.config = function(t, i) { return new e(t, i) }, (g = (i = h("easing.ExpoScaleEase", function(t, e, i) { this._p1 = Math.log(e / t), this._p2 = e - t, this._p3 = t, this._ease = i }, !0)).prototype = new t).constructor = i, g.getRatio = function(t) { return this._ease && (t = this._ease.getRatio(t)), (this._p3 * Math.exp(this._p1 * t) - this._p3) / this._p2 }, g.config = i.config = function(t, e, s) { return new i(t, e, s) }, (g = (s = h("easing.RoughEase", function(e) { for (var i, s, r, n, a, o, l = (e = e || {}).taper || "none", h = [], _ = 0, u = 0 | (e.points || 20), f = u, p = !1 !== e.randomize, m = !0 === e.clamp, d = e.template instanceof t ? e.template : null, g = "number" == typeof e.strength ? .4 * e.strength : .4; --f > -1;) i = p ? Math.random() : 1 / u * f, s = d ? d.getRatio(i) : i, r = "none" === l ? g : "out" === l ? (n = 1 - i) * n * g : "in" === l ? i * i * g : i < .5 ? (n = 2 * i) * n * .5 * g : (n = 2 * (1 - i)) * n * .5 * g, p ? s += Math.random() * r - .5 * r : f % 2 ? s += .5 * r : s -= .5 * r, m && (s > 1 ? s = 1 : s < 0 && (s = 0)), h[_++] = { x: i, y: s }; for (h.sort(function(t, e) { return t.x - e.x }), o = new c(1, 1, null), f = u; --f > -1;) a = h[f], o = new c(a.x, a.y, o); this._prev = new c(0, 0, 0 !== o.t ? o : o.next) }, !0)).prototype = new t).constructor = s, g.getRatio = function(t) { var e = this._prev; if (t > e.t) { for (; e.next && t >= e.t;) e = e.next; e = e.prev } else for (; e.prev && t <= e.t;) e = e.prev; return this._prev = e, e.v + (t - e.t) / e.gap * e.c }, g.config = function(t) { return new s(t) }, s.ease = new s, f("Bounce", _("BounceOut", function(t) { return t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + .75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + .9375 : 7.5625 * (t -= 2.625 / 2.75) * t + .984375 }), _("BounceIn", function(t) { return (t = 1 - t) < 1 / 2.75 ? 1 - 7.5625 * t * t : t < 2 / 2.75 ? 1 - (7.5625 * (t -= 1.5 / 2.75) * t + .75) : t < 2.5 / 2.75 ? 1 - (7.5625 * (t -= 2.25 / 2.75) * t + .9375) : 1 - (7.5625 * (t -= 2.625 / 2.75) * t + .984375) }), _("BounceInOut", function(t) { var e = t < .5; return (t = e ? 1 - 2 * t : 2 * t - 1) < 1 / 2.75 ? t *= 7.5625 * t : t = t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + .75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + .9375 : 7.5625 * (t -= 2.625 / 2.75) * t + .984375, e ? .5 * (1 - t) : .5 * t + .5 })), f("Circ", _("CircOut", function(t) { return Math.sqrt(1 - (t -= 1) * t) }), _("CircIn", function(t) { return -(Math.sqrt(1 - t * t) - 1) }), _("CircInOut", function(t) { return (t *= 2) < 1 ? -.5 * (Math.sqrt(1 - t * t) - 1) : .5 * (Math.sqrt(1 - (t -= 2) * t) + 1) })), f("Elastic", (r = function(e, i, s) { var r = h("easing." + e, function(t, e) { this._p1 = t >= 1 ? t : 1, this._p2 = (e || s) / (t < 1 ? t : 1), this._p3 = this._p2 / o * (Math.asin(1 / this._p1) || 0), this._p2 = o / this._p2 }, !0), n = r.prototype = new t; return n.constructor = r, n.getRatio = i, n.config = function(t, e) { return new r(t, e) }, r })("ElasticOut", function(t) { return this._p1 * Math.pow(2, -10 * t) * Math.sin((t - this._p3) * this._p2) + 1 }, .3), r("ElasticIn", function(t) { return -this._p1 * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - this._p3) * this._p2) }, .3), r("ElasticInOut", function(t) { return (t *= 2) < 1 ? this._p1 * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - this._p3) * this._p2) * -.5 : this._p1 * Math.pow(2, -10 * (t -= 1)) * Math.sin((t - this._p3) * this._p2) * .5 + 1 }, .45)), f("Expo", _("ExpoOut", function(t) { return 1 - Math.pow(2, -10 * t) }), _("ExpoIn", function(t) { return Math.pow(2, 10 * (t - 1)) - .001 }), _("ExpoInOut", function(t) { return (t *= 2) < 1 ? .5 * Math.pow(2, 10 * (t - 1)) : .5 * (2 - Math.pow(2, -10 * (t - 1))) })), f("Sine", _("SineOut", function(t) { return Math.sin(t * l) }), _("SineIn", function(t) { return 1 - Math.cos(t * l) }), _("SineInOut", function(t) { return -.5 * (Math.cos(Math.PI * t) - 1) })), h("easing.EaseLookup", { find: function(e) { return t.map[e] } }, !0), u(n.SlowMo, "SlowMo", "ease,"), u(s, "RoughEase", "ease,"), u(e, "SteppedEase", "ease,"), m }, !0) }), _gsScope._gsDefine && _gsScope._gsQueue.pop()(), function(t, e) { "use strict"; var i = {}, s = t.document, r = t.GreenSockGlobals = t.GreenSockGlobals || t, n = r.TweenMax; if (n) return "undefined" != typeof module && module.exports && (module.exports = n), n; var a, o, l, h, _, u, f, c = function(t) { var e, i = t.split("."), s = r; for (e = 0; e < i.length; e++) s[i[e]] = s = s[i[e]] || {}; return s }, p = c("com.greensock"), m = function(t) { var e, i = [], s = t.length; for (e = 0; e !== s; i.push(t[e++])); return i }, d = function() {}, g = (u = Object.prototype.toString, f = u.call([]), function(t) { return null != t && (t instanceof Array || "object" == typeof t && !!t.push && u.call(t) === f) }), y = {}, v = function(e, s, n, a) { this.sc = y[e] ? y[e].sc : [], y[e] = this, this.gsClass = null, this.func = n; var o = []; this.check = function(l) { for (var h, _, u, f, p = s.length, m = p; --p > -1;)(h = y[s[p]] || new v(s[p], [])).gsClass ? (o[p] = h.gsClass, m--) : l && h.sc.push(this); if (0 === m && n) { if (u = (_ = ("com.greensock." + e).split(".")).pop(), f = c(_.join("."))[u] = this.gsClass = n.apply(n, o), a) if (r[u] = i[u] = f, "undefined" != typeof module && module.exports) if ("TweenMax" === e) for (p in module.exports = i.TweenMax = f, i) f[p] = i[p]; else i.TweenMax && (i.TweenMax[u] = f); else "function" == typeof define && define.amd && define((t.GreenSockAMDPath ? t.GreenSockAMDPath + "/" : "") + e.split(".").pop(), [], function() { return f }); for (p = 0; p < this.sc.length; p++) this.sc[p].check() } }, this.check(!0) }, T = t._gsDefine = function(t, e, i, s) { return new v(t, e, i, s) }, x = p._class = function(t, e, i) { return e = e || function() {}, T(t, [], function() { return e }, i), e }; T.globals = r; var b = [0, 0, 1, 1], w = x("easing.Ease", function(t, e, i, s) { this._func = t, this._type = i || 0, this._power = s || 0, this._params = e ? b.concat(e) : b }, !0), P = w.map = {}, O = w.register = function(t, e, i, s) { for (var r, n, a, o, l = e.split(","), h = l.length, _ = (i || "easeIn,easeOut,easeInOut").split(","); --h > -1;) for (n = l[h], r = s ? x("easing." + n, null, !0) : p.easing[n] || {}, a = _.length; --a > -1;) o = _[a], P[n + "." + o] = P[o + n] = r[o] = t.getRatio ? t : t[o] || new t }; for ((l = w.prototype)._calcEnd = !1, l.getRatio = function(t) { if (this._func) return this._params[0] = t, this._func.apply(null, this._params); var e = this._type, i = this._power, s = 1 === e ? 1 - t : 2 === e ? t : t < .5 ? 2 * t : 2 * (1 - t); return 1 === i ? s *= s : 2 === i ? s *= s * s : 3 === i ? s *= s * s * s : 4 === i && (s *= s * s * s * s), 1 === e ? 1 - s : 2 === e ? s : t < .5 ? s / 2 : 1 - s / 2 }, o = (a = ["Linear", "Quad", "Cubic", "Quart", "Quint,Strong"]).length; --o > -1;) l = a[o] + ",Power" + o, O(new w(null, null, 1, o), l, "easeOut", !0), O(new w(null, null, 2, o), l, "easeIn" + (0 === o ? ",easeNone" : "")), O(new w(null, null, 3, o), l, "easeInOut"); P.linear = p.easing.Linear.easeIn, P.swing = p.easing.Quad.easeInOut; var S = x("events.EventDispatcher", function(t) { this._listeners = {}, this._eventTarget = t || this }); (l = S.prototype).addEventListener = function(t, e, i, s, r) { r = r || 0; var n, a, o = this._listeners[t], l = 0; for (this !== h || _ || h.wake(), null == o && (this._listeners[t] = o = []), a = o.length; --a > -1;)(n = o[a]).c === e && n.s === i ? o.splice(a, 1) : 0 === l && n.pr < r && (l = a + 1); o.splice(l, 0, { c: e, s: i, up: s, pr: r }) }, l.removeEventListener = function(t, e) { var i, s = this._listeners[t]; if (s) for (i = s.length; --i > -1;) if (s[i].c === e) return void s.splice(i, 1) }, l.dispatchEvent = function(t) { var e, i, s, r = this._listeners[t]; if (r) for ((e = r.length) > 1 && (r = r.slice(0)), i = this._eventTarget; --e > -1;)(s = r[e]) && (s.up ? s.c.call(s.s || i, { type: t, target: i }) : s.c.call(s.s || i)) }; var k = t.requestAnimationFrame, R = t.cancelAnimationFrame, A = Date.now || function() { return (new Date).getTime() }, C = A(); for (o = (a = ["ms", "moz", "webkit", "o"]).length; --o > -1 && !k;) k = t[a[o] + "RequestAnimationFrame"], R = t[a[o] + "CancelAnimationFrame"] || t[a[o] + "CancelRequestAnimationFrame"]; x("Ticker", function(t, e) { var i, r, n, a, o, l = this, u = A(), f = !(!1 === e || !k) && "auto", c = 500, p = 33, m = function(t) { var e, s, h = A() - C; h > c && (u += h - p), C += h, l.time = (C - u) / 1e3, e = l.time - o, (!i || e > 0 || !0 === t) && (l.frame++, o += e + (e >= a ? .004 : a - e), s = !0), !0 !== t && (n = r(m)), s && l.dispatchEvent("tick") }; S.call(l), l.time = l.frame = 0, l.tick = function() { m(!0) }, l.lagSmoothing = function(t, e) { if (!arguments.length) return c < 1e8; c = t || 1e8, p = Math.min(e, c, 0) }, l.sleep = function() { null != n && (f && R ? R(n) : clearTimeout(n), r = d, n = null, l === h && (_ = !1)) }, l.wake = function(t) { null !== n ? l.sleep() : t ? u += -C + (C = A()) : l.frame > 10 && (C = A() - c + 5), r = 0 === i ? d : f && k ? k : function(t) { return setTimeout(t, 1e3 * (o - l.time) + 1 | 0) }, l === h && (_ = !0), m(2) }, l.fps = function(t) { if (!arguments.length) return i; a = 1 / ((i = t) || 60), o = this.time + a, l.wake() }, l.useRAF = function(t) { if (!arguments.length) return f; l.sleep(), f = t, l.fps(i) }, l.fps(t), setTimeout(function() { "auto" === f && l.frame < 5 && "hidden" !== (s || {}).visibilityState && l.useRAF(!1) }, 1500) }), (l = p.Ticker.prototype = new p.events.EventDispatcher).constructor = p.Ticker; var M = x("core.Animation", function(t, e) { if (this.vars = e = e || {}, this._duration = this._totalDuration = t || 0, this._delay = Number(e.delay) || 0, this._timeScale = 1, this._active = !!e.immediateRender, this.data = e.data, this._reversed = !!e.reversed, Q) { _ || h.wake(); var i = this.vars.useFrames ? $ : Q; i.add(this, i._time), this.vars.paused && this.paused(!0) } }); h = M.ticker = new p.Ticker, (l = M.prototype)._dirty = l._gc = l._initted = l._paused = !1, l._totalTime = l._time = 0, l._rawPrevTime = -1, l._next = l._last = l._onUpdate = l._timeline = l.timeline = null, l._paused = !1; var D = function() { _ && A() - C > 2e3 && ("hidden" !== (s || {}).visibilityState || !h.lagSmoothing()) && h.wake(); var t = setTimeout(D, 2e3); t.unref && t.unref() }; D(), l.play = function(t, e) { return null != t && this.seek(t, e), this.reversed(!1).paused(!1) }, l.pause = function(t, e) { return null != t && this.seek(t, e), this.paused(!0) }, l.resume = function(t, e) { return null != t && this.seek(t, e), this.paused(!1) }, l.seek = function(t, e) { return this.totalTime(Number(t), !1 !== e) }, l.restart = function(t, e) { return this.reversed(!1).paused(!1).totalTime(t ? -this._delay : 0, !1 !== e, !0) }, l.reverse = function(t, e) { return null != t && this.seek(t || this.totalDuration(), e), this.reversed(!0).paused(!1) }, l.render = function(t, e, i) {}, l.invalidate = function() { return this._time = this._totalTime = 0, this._initted = this._gc = !1, this._rawPrevTime = -1, !this._gc && this.timeline || this._enabled(!0), this }, l.isActive = function() { var t, e = this._timeline, i = this._startTime; return !e || !this._gc && !this._paused && e.isActive() && (t = e.rawTime(!0)) >= i && t < i + this.totalDuration() / this._timeScale - 1e-8 }, l._enabled = function(t, e) { return _ || h.wake(), this._gc = !t, this._active = this.isActive(), !0 !== e && (t && !this.timeline ? this._timeline.add(this, this._startTime - this._delay) : !t && this.timeline && this._timeline._remove(this, !0)), !1 }, l._kill = function(t, e) { return this._enabled(!1, !1) }, l.kill = function(t, e) { return this._kill(t, e), this }, l._uncache = function(t) { for (var e = t ? this : this.timeline; e;) e._dirty = !0, e = e.timeline; return this }, l._swapSelfInParams = function(t) { for (var e = t.length, i = t.concat(); --e > -1;) "{self}" === t[e] && (i[e] = this); return i }, l._callback = function(t) { var e = this.vars, i = e[t], s = e[t + "Params"], r = e[t + "Scope"] || e.callbackScope || this; switch (s ? s.length : 0) { case 0: i.call(r); break; case 1: i.call(r, s[0]); break; case 2: i.call(r, s[0], s[1]); break; default: i.apply(r, s) } }, l.eventCallback = function(t, e, i, s) { if ("on" === (t || "").substr(0, 2)) { var r = this.vars; if (1 === arguments.length) return r[t]; null == e ? delete r[t] : (r[t] = e, r[t + "Params"] = g(i) && -1 !== i.join("").indexOf("{self}") ? this._swapSelfInParams(i) : i, r[t + "Scope"] = s), "onUpdate" === t && (this._onUpdate = e) } return this }, l.delay = function(t) { return arguments.length ? (this._timeline.smoothChildTiming && this.startTime(this._startTime + t - this._delay), this._delay = t, this) : this._delay }, l.duration = function(t) { return arguments.length ? (this._duration = this._totalDuration = t, this._uncache(!0), this._timeline.smoothChildTiming && this._time > 0 && this._time < this._duration && 0 !== t && this.totalTime(this._totalTime * (t / this._duration), !0), this) : (this._dirty = !1, this._duration) }, l.totalDuration = function(t) { return this._dirty = !1, arguments.length ? this.duration(t) : this._totalDuration }, l.time = function(t, e) { return arguments.length ? (this._dirty && this.totalDuration(), this.totalTime(t > this._duration ? this._duration : t, e)) : this._time }, l.totalTime = function(t, e, i) { if (_ || h.wake(), !arguments.length) return this._totalTime; if (this._timeline) { if (t < 0 && !i && (t += this.totalDuration()), this._timeline.smoothChildTiming) { this._dirty && this.totalDuration(); var s = this._totalDuration, r = this._timeline; if (t > s && !i && (t = s), this._startTime = (this._paused ? this._pauseTime : r._time) - (this._reversed ? s - t : t) / this._timeScale, r._dirty || this._uncache(!1), r._timeline) for (; r._timeline;) r._timeline._time !== (r._startTime + r._totalTime) / r._timeScale && r.totalTime(r._totalTime, !0), r = r._timeline } this._gc && this._enabled(!0, !1), this._totalTime === t && 0 !== this._duration || (I.length && J(), this.render(t, e, !1), I.length && J()) } return this }, l.progress = l.totalProgress = function(t, e) { var i = this.duration(); return arguments.length ? this.totalTime(i * t, e) : i ? this._time / i : this.ratio }, l.startTime = function(t) { return arguments.length ? (t !== this._startTime && (this._startTime = t, this.timeline && this.timeline._sortChildren && this.timeline.add(this, t - this._delay)), this) : this._startTime }, l.endTime = function(t) { return this._startTime + (0 != t ? this.totalDuration() : this.duration()) / this._timeScale }, l.timeScale = function(t) { if (!arguments.length) return this._timeScale; var e, i; for (t = t || 1e-8, this._timeline && this._timeline.smoothChildTiming && (i = (e = this._pauseTime) || 0 === e ? e : this._timeline.totalTime(), this._startTime = i - (i - this._startTime) * this._timeScale / t), this._timeScale = t, i = this.timeline; i && i.timeline;) i._dirty = !0, i.totalDuration(), i = i.timeline; return this }, l.reversed = function(t) { return arguments.length ? (t != this._reversed && (this._reversed = t, this.totalTime(this._timeline && !this._timeline.smoothChildTiming ? this.totalDuration() - this._totalTime : this._totalTime, !0)), this) : this._reversed }, l.paused = function(t) { if (!arguments.length) return this._paused; var e, i, s = this._timeline; return t != this._paused && s && (_ || t || h.wake(), i = (e = s.rawTime()) - this._pauseTime, !t && s.smoothChildTiming && (this._startTime += i, this._uncache(!1)), this._pauseTime = t ? e : null, this._paused = t, this._active = this.isActive(), !t && 0 !== i && this._initted && this.duration() && (e = s.smoothChildTiming ? this._totalTime : (e - this._startTime) / this._timeScale, this.render(e, e === this._totalTime, !0))), this._gc && !t && this._enabled(!0, !1), this }; var F = x("core.SimpleTimeline", function(t) { M.call(this, 0, t), this.autoRemoveChildren = this.smoothChildTiming = !0 }); (l = F.prototype = new M).constructor = F, l.kill()._gc = !1, l._first = l._last = l._recent = null, l._sortChildren = !1, l.add = l.insert = function(t, e, i, s) { var r, n; if (t._startTime = Number(e || 0) + t._delay, t._paused && this !== t._timeline && (t._pauseTime = this.rawTime() - (t._timeline.rawTime() - t._pauseTime)), t.timeline && t.timeline._remove(t, !0), t.timeline = t._timeline = this, t._gc && t._enabled(!0, !0), r = this._last, this._sortChildren) for (n = t._startTime; r && r._startTime > n;) r = r._prev; return r ? (t._next = r._next, r._next = t) : (t._next = this._first, this._first = t), t._next ? t._next._prev = t : this._last = t, t._prev = r, this._recent = t, this._timeline && this._uncache(!0), this }, l._remove = function(t, e) { return t.timeline === this && (e || t._enabled(!1, !0), t._prev ? t._prev._next = t._next : this._first === t && (this._first = t._next), t._next ? t._next._prev = t._prev : this._last === t && (this._last = t._prev), t._next = t._prev = t.timeline = null, t === this._recent && (this._recent = this._last), this._timeline && this._uncache(!0)), this }, l.render = function(t, e, i) { var s, r = this._first; for (this._totalTime = this._time = this._rawPrevTime = t; r;) s = r._next, (r._active || t >= r._startTime && !r._paused && !r._gc) && (r._reversed ? r.render((r._dirty ? r.totalDuration() : r._totalDuration) - (t - r._startTime) * r._timeScale, e, i) : r.render((t - r._startTime) * r._timeScale, e, i)), r = s }, l.rawTime = function() { return _ || h.wake(), this._totalTime }; var z = x("TweenLite", function(e, i, s) { if (M.call(this, i, s), this.render = z.prototype.render, null == e) throw "Cannot tween a null target."; this.target = e = "string" != typeof e ? e : z.selector(e) || e; var r, n, a, o = e.jquery || e.length && e !== t && e[0] && (e[0] === t || e[0].nodeType && e[0].style && !e.nodeType), l = this.vars.overwrite; if (this._overwrite = l = null == l ? H[z.defaultOverwrite] : "number" == typeof l ? l >> 0 : H[l], (o || e instanceof Array || e.push && g(e)) && "number" != typeof e[0]) for (this._targets = a = m(e), this._propLookup = [], this._siblings = [], r = 0; r < a.length; r++)(n = a[r]) ? "string" != typeof n ? n.length && n !== t && n[0] && (n[0] === t || n[0].nodeType && n[0].style && !n.nodeType) ? (a.splice(r--, 1), this._targets = a = a.concat(m(n))) : (this._siblings[r] = tt(n, this, !1), 1 === l && this._siblings[r].length > 1 && it(n, this, null, 1, this._siblings[r])) : "string" == typeof(n = a[r--] = z.selector(n)) && a.splice(r + 1, 1) : a.splice(r--, 1); else this._propLookup = {}, this._siblings = tt(e, this, !1), 1 === l && this._siblings.length > 1 && it(e, this, null, 1, this._siblings); (this.vars.immediateRender || 0 === i && 0 === this._delay && !1 !== this.vars.immediateRender) && (this._time = -1e-8, this.render(Math.min(0, -this._delay))) }, !0), E = function(e) { return e && e.length && e !== t && e[0] && (e[0] === t || e[0].nodeType && e[0].style && !e.nodeType) }; (l = z.prototype = new M).constructor = z, l.kill()._gc = !1, l.ratio = 0, l._firstPT = l._targets = l._overwrittenProps = l._startAt = null, l._notifyPluginsOfEnabled = l._lazy = !1, z.version = "2.1.3", z.defaultEase = l._ease = new w(null, null, 1, 1), z.defaultOverwrite = "auto", z.ticker = h, z.autoSleep = 120, z.lagSmoothing = function(t, e) { h.lagSmoothing(t, e) }, z.selector = t.$ || t.jQuery || function(e) { var i = t.$ || t.jQuery; return i ? (z.selector = i, i(e)) : (s || (s = t.document), s ? s.querySelectorAll ? s.querySelectorAll(e) : s.getElementById("#" === e.charAt(0) ? e.substr(1) : e) : e) }; var I = [], X = {}, N = /(?:(-|-=|\+=)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi, L = /[\+-]=-?[\.\d]/, B = function(t) { for (var e, i = this._firstPT; i;) e = i.blob ? 1 === t && null != this.end ? this.end : t ? this.join("") : this.start : i.c * t + i.s, i.m ? e = i.m.call(this._tween, e, this._target || i.t, this._tween) : e < 1e-6 && e > -1e-6 && !i.blob && (e = 0), i.f ? i.fp ? i.t[i.p](i.fp, e) : i.t[i.p](e) : i.t[i.p] = e, i = i._next }, Y = function(t) { return (1e3 * t | 0) / 1e3 + "" }, j = function(t, e, i, s) { var r, n, a, o, l, h, _, u = [], f = 0, c = "", p = 0; for (u.start = t, u.end = e, t = u[0] = t + "", e = u[1] = e + "", i && (i(u), t = u[0], e = u[1]), u.length = 0, r = t.match(N) || [], n = e.match(N) || [], s && (s._next = null, s.blob = 1, u._firstPT = u._applyPT = s), l = n.length, o = 0; o < l; o++) _ = n[o], c += (h = e.substr(f, e.indexOf(_, f) - f)) || !o ? h : ",", f += h.length, p ? p = (p + 1) % 5 : "rgba(" === h.substr(-5) && (p = 1), _ === r[o] || r.length <= o ? c += _ : (c && (u.push(c), c = ""), a = parseFloat(r[o]), u.push(a), u._firstPT = { _next: u._firstPT, t: u, p: u.length - 1, s: a, c: ("=" === _.charAt(1) ? parseInt(_.charAt(0) + "1", 10) * parseFloat(_.substr(2)) : parseFloat(_) - a) || 0, f: 0, m: p && p < 4 ? Math.round : Y }), f += _.length; return (c += e.substr(f)) && u.push(c), u.setRatio = B, L.test(e) && (u.end = null), u }, U = function(t, e, i, s, r, n, a, o, l) { "function" == typeof s && (s = s(l || 0, t)); var h = typeof t[e], _ = "function" !== h ? "" : e.indexOf("set") || "function" != typeof t["get" + e.substr(3)] ? e : "get" + e.substr(3), u = "get" !== i ? i : _ ? a ? t[_](a) : t[_]() : t[e], f = "string" == typeof s && "=" === s.charAt(1), c = { t: t, p: e, s: u, f: "function" === h, pg: 0, n: r || e, m: n ? "function" == typeof n ? n : Math.round : 0, pr: 0, c: f ? parseInt(s.charAt(0) + "1", 10) * parseFloat(s.substr(2)) : parseFloat(s) - u || 0 }; if (("number" != typeof u || "number" != typeof s && !f) && (a || isNaN(u) || !f && isNaN(s) || "boolean" == typeof u || "boolean" == typeof s ? (c.fp = a, c = { t: j(u, f ? parseFloat(c.s) + c.c + (c.s + "").replace(/[0-9\-\.]/g, "") : s, o || z.defaultStringFilter, c), p: "setRatio", s: 0, c: 1, f: 2, pg: 0, n: r || e, pr: 0, m: 0 }) : (c.s = parseFloat(u), f || (c.c = parseFloat(s) - c.s || 0))), c.c) return (c._next = this._firstPT) && (c._next._prev = c), this._firstPT = c, c }, V = z._internals = { isArray: g, isSelector: E, lazyTweens: I, blobDif: j }, q = z._plugins = {}, W = V.tweenLookup = {}, G = 0, Z = V.reservedProps = { ease: 1, delay: 1, overwrite: 1, onComplete: 1, onCompleteParams: 1, onCompleteScope: 1, useFrames: 1, runBackwards: 1, startAt: 1, onUpdate: 1, onUpdateParams: 1, onUpdateScope: 1, onStart: 1, onStartParams: 1, onStartScope: 1, onReverseComplete: 1, onReverseCompleteParams: 1, onReverseCompleteScope: 1, onRepeat: 1, onRepeatParams: 1, onRepeatScope: 1, easeParams: 1, yoyo: 1, immediateRender: 1, repeat: 1, repeatDelay: 1, data: 1, paused: 1, reversed: 1, autoCSS: 1, lazy: 1, onOverwrite: 1, callbackScope: 1, stringFilter: 1, id: 1, yoyoEase: 1, stagger: 1 }, H = { none: 0, all: 1, auto: 2, concurrent: 3, allOnStart: 4, preexisting: 5, true: 1, false: 0 }, $ = M._rootFramesTimeline = new F, Q = M._rootTimeline = new F, K = 30, J = V.lazyRender = function() { var t, e, i = I.length; for (X = {}, t = 0; t < i; t++)(e = I[t]) && !1 !== e._lazy && (e.render(e._lazy[0], e._lazy[1], !0), e._lazy = !1); I.length = 0 }; Q._startTime = h.time, $._startTime = h.frame, Q._active = $._active = !0, setTimeout(J, 1), M._updateRoot = z.render = function() { var t, e, i; if (I.length && J(), Q.render((h.time - Q._startTime) * Q._timeScale, !1, !1), $.render((h.frame - $._startTime) * $._timeScale, !1, !1), I.length && J(), h.frame >= K) { for (i in K = h.frame + (parseInt(z.autoSleep, 10) || 120), W) { for (t = (e = W[i].tweens).length; --t > -1;) e[t]._gc && e.splice(t, 1); 0 === e.length && delete W[i] } if ((!(i = Q._first) || i._paused) && z.autoSleep && !$._first && 1 === h._listeners.tick.length) { for (; i && i._paused;) i = i._next; i || h.sleep() } } }, h.addEventListener("tick", M._updateRoot); var tt = function(t, e, i) { var s, r, n = t._gsTweenID; if (W[n || (t._gsTweenID = n = "t" + G++)] || (W[n] = { target: t, tweens: [] }), e && ((s = W[n].tweens)[r = s.length] = e, i)) for (; --r > -1;) s[r] === e && s.splice(r, 1); return W[n].tweens }, et = function(t, e, i, s) { var r, n, a = t.vars.onOverwrite; return a && (r = a(t, e, i, s)), (a = z.onOverwrite) && (n = a(t, e, i, s)), !1 !== r && !1 !== n }, it = function(t, e, i, s, r) { var n, a, o, l; if (1 === s || s >= 4) { for (l = r.length, n = 0; n < l; n++) if ((o = r[n]) !== e) o._gc || o._kill(null, t, e) && (a = !0); else if (5 === s) break; return a } var h, _ = e._startTime + 1e-8, u = [], f = 0, c = 0 === e._duration; for (n = r.length; --n > -1;)(o = r[n]) === e || o._gc || o._paused || (o._timeline !== e._timeline ? (h = h || st(e, 0, c), 0 === st(o, h, c) && (u[f++] = o)) : o._startTime <= _ && o._startTime + o.totalDuration() / o._timeScale > _ && ((c || !o._initted) && _ - o._startTime <= 2e-8 || (u[f++] = o))); for (n = f; --n > -1;) if (l = (o = u[n])._firstPT, 2 === s && o._kill(i, t, e) && (a = !0), 2 !== s || !o._firstPT && o._initted && l) { if (2 !== s && !et(o, e)) continue; o._enabled(!1, !1) && (a = !0) } return a }, st = function(t, e, i) { for (var s = t._timeline, r = s._timeScale, n = t._startTime; s._timeline;) { if (n += s._startTime, r *= s._timeScale, s._paused) return -100; s = s._timeline } return (n /= r) > e ? n - e : i && n === e || !t._initted && n - e < 2e-8 ? 1e-8 : (n += t.totalDuration() / t._timeScale / r) > e + 1e-8 ? 0 : n - e - 1e-8 }; l._init = function() { var t, e, i, s, r, n, a = this.vars, o = this._overwrittenProps, l = this._duration, h = !!a.immediateRender, _ = a.ease, u = this._startAt; if (a.startAt) { for (s in u && (u.render(-1, !0), u.kill()), r = {}, a.startAt) r[s] = a.startAt[s]; if (r.data = "isStart", r.overwrite = !1, r.immediateRender = !0, r.lazy = h && !1 !== a.lazy, r.startAt = r.delay = null, r.onUpdate = a.onUpdate, r.onUpdateParams = a.onUpdateParams, r.onUpdateScope = a.onUpdateScope || a.callbackScope || this, this._startAt = z.to(this.target || {}, 0, r), h) if (this._time > 0) this._startAt = null; else if (0 !== l) return } else if (a.runBackwards && 0 !== l) if (u) u.render(-1, !0), u.kill(), this._startAt = null; else { for (s in 0 !== this._time && (h = !1), i = {}, a) Z[s] && "autoCSS" !== s || (i[s] = a[s]); if (i.overwrite = 0, i.data = "isFromStart", i.lazy = h && !1 !== a.lazy, i.immediateRender = h, this._startAt = z.to(this.target, 0, i), h) { if (0 === this._time) return } else this._startAt._init(), this._startAt._enabled(!1), this.vars.immediateRender && (this._startAt = null) } if (this._ease = _ = _ ? _ instanceof w ? _ : "function" == typeof _ ? new w(_, a.easeParams) : P[_] || z.defaultEase : z.defaultEase, a.easeParams instanceof Array && _.config && (this._ease = _.config.apply(_, a.easeParams)), this._easeType = this._ease._type, this._easePower = this._ease._power, this._firstPT = null, this._targets) for (n = this._targets.length, t = 0; t < n; t++) this._initProps(this._targets[t], this._propLookup[t] = {}, this._siblings[t], o ? o[t] : null, t) && (e = !0); else e = this._initProps(this.target, this._propLookup, this._siblings, o, 0); if (e && z._onPluginEvent("_onInitAllProps", this), o && (this._firstPT || "function" != typeof this.target && this._enabled(!1, !1)), a.runBackwards) for (i = this._firstPT; i;) i.s += i.c, i.c = -i.c, i = i._next; this._onUpdate = a.onUpdate, this._initted = !0 }, l._initProps = function(e, i, s, r, n) { var a, o, l, h, _, u; if (null == e) return !1; for (a in X[e._gsTweenID] && J(), this.vars.css || e.style && e !== t && e.nodeType && q.css && !1 !== this.vars.autoCSS && function(t, e) { var i, s = {}; for (i in t) Z[i] || i in e && "transform" !== i && "x" !== i && "y" !== i && "width" !== i && "height" !== i && "className" !== i && "border" !== i || !(!q[i] || q[i] && q[i]._autoCSS) || (s[i] = t[i], delete t[i]); t.css = s }(this.vars, e), this.vars) if (u = this.vars[a], Z[a]) u && (u instanceof Array || u.push && g(u)) && -1 !== u.join("").indexOf("{self}") && (this.vars[a] = u = this._swapSelfInParams(u, this)); else if (q[a] && (h = new q[a])._onInitTween(e, this.vars[a], this, n)) { for (this._firstPT = _ = { _next: this._firstPT, t: h, p: "setRatio", s: 0, c: 1, f: 1, n: a, pg: 1, pr: h._priority, m: 0 }, o = h._overwriteProps.length; --o > -1;) i[h._overwriteProps[o]] = this._firstPT; (h._priority || h._onInitAllProps) && (l = !0), (h._onDisable || h._onEnable) && (this._notifyPluginsOfEnabled = !0), _._next && (_._next._prev = _) } else i[a] = U.call(this, e, a, "get", u, a, 0, null, this.vars.stringFilter, n); return r && this._kill(r, e) ? this._initProps(e, i, s, r, n) : this._overwrite > 1 && this._firstPT && s.length > 1 && it(e, this, i, this._overwrite, s) ? (this._kill(i, e), this._initProps(e, i, s, r, n)) : (this._firstPT && (!1 !== this.vars.lazy && this._duration || this.vars.lazy && !this._duration) && (X[e._gsTweenID] = !0), l) }, l.render = function(t, e, i) { var s, r, n, a, o = this._time, l = this._duration, h = this._rawPrevTime; if (t >= l - 1e-8 && t >= 0) this._totalTime = this._time = l, this.ratio = this._ease._calcEnd ? this._ease.getRatio(1) : 1, this._reversed || (s = !0, r = "onComplete", i = i || this._timeline.autoRemoveChildren), 0 === l && (this._initted || !this.vars.lazy || i) && (this._startTime === this._timeline._duration && (t = 0), (h < 0 || t <= 0 && t >= -1e-8 || 1e-8 === h && "isPause" !== this.data) && h !== t && (i = !0, h > 1e-8 && (r = "onReverseComplete")), this._rawPrevTime = a = !e || t || h === t ? t : 1e-8); else if (t < 1e-8) this._totalTime = this._time = 0, this.ratio = this._ease._calcEnd ? this._ease.getRatio(0) : 0, (0 !== o || 0 === l && h > 0) && (r = "onReverseComplete", s = this._reversed), t > -1e-8 ? t = 0 : t < 0 && (this._active = !1, 0 === l && (this._initted || !this.vars.lazy || i) && (h >= 0 && (1e-8 !== h || "isPause" !== this.data) && (i = !0), this._rawPrevTime = a = !e || t || h === t ? t : 1e-8)), (!this._initted || this._startAt && this._startAt.progress()) && (i = !0); else if (this._totalTime = this._time = t, this._easeType) { var _ = t / l, u = this._easeType, f = this._easePower; (1 === u || 3 === u && _ >= .5) && (_ = 1 - _), 3 === u && (_ *= 2), 1 === f ? _ *= _ : 2 === f ? _ *= _ * _ : 3 === f ? _ *= _ * _ * _ : 4 === f && (_ *= _ * _ * _ * _), this.ratio = 1 === u ? 1 - _ : 2 === u ? _ : t / l < .5 ? _ / 2 : 1 - _ / 2 } else this.ratio = this._ease.getRatio(t / l); if (this._time !== o || i) { if (!this._initted) { if (this._init(), !this._initted || this._gc) return; if (!i && this._firstPT && (!1 !== this.vars.lazy && this._duration || this.vars.lazy && !this._duration)) return this._time = this._totalTime = o, this._rawPrevTime = h, I.push(this), void(this._lazy = [t, e]); this._time && !s ? this.ratio = this._ease.getRatio(this._time / l) : s && this._ease._calcEnd && (this.ratio = this._ease.getRatio(0 === this._time ? 0 : 1)) } for (!1 !== this._lazy && (this._lazy = !1), this._active || !this._paused && this._time !== o && t >= 0 && (this._active = !0), 0 === o && (this._startAt && (t >= 0 ? this._startAt.render(t, !0, i) : r || (r = "_dummyGS")), this.vars.onStart && (0 === this._time && 0 !== l || e || this._callback("onStart"))), n = this._firstPT; n;) n.f ? n.t[n.p](n.c * this.ratio + n.s) : n.t[n.p] = n.c * this.ratio + n.s, n = n._next; this._onUpdate && (t < 0 && this._startAt && -1e-4 !== t && this._startAt.render(t, !0, i), e || (this._time !== o || s || i) && this._callback("onUpdate")), r && (this._gc && !i || (t < 0 && this._startAt && !this._onUpdate && -1e-4 !== t && this._startAt.render(t, !0, i), s && (this._timeline.autoRemoveChildren && this._enabled(!1, !1), this._active = !1), !e && this.vars[r] && this._callback(r), 0 === l && 1e-8 === this._rawPrevTime && 1e-8 !== a && (this._rawPrevTime = 0))) } }, l._kill = function(t, e, i) { if ("all" === t && (t = null), null == t && (null == e || e === this.target)) return this._lazy = !1, this._enabled(!1, !1); e = "string" != typeof e ? e || this._targets || this.target : z.selector(e) || e; var s, r, n, a, o, l, h, _, u, f = i && this._time && i._startTime === this._startTime && this._timeline === i._timeline, c = this._firstPT; if ((g(e) || E(e)) && "number" != typeof e[0]) for (s = e.length; --s > -1;) this._kill(t, e[s], i) && (l = !0); else { if (this._targets) { for (s = this._targets.length; --s > -1;) if (e === this._targets[s]) { o = this._propLookup[s] || {}, this._overwrittenProps = this._overwrittenProps || [], r = this._overwrittenProps[s] = t ? this._overwrittenProps[s] || {} : "all"; break } } else { if (e !== this.target) return !1; o = this._propLookup, r = this._overwrittenProps = t ? this._overwrittenProps || {} : "all" } if (o) { if (h = t || o, _ = t !== r && "all" !== r && t !== o && ("object" != typeof t || !t._tempKill), i && (z.onOverwrite || this.vars.onOverwrite)) { for (n in h) o[n] && (u || (u = []), u.push(n)); if ((u || !t) && !et(this, i, e, u)) return !1 } for (n in h)(a = o[n]) && (f && (a.f ? a.t[a.p](a.s) : a.t[a.p] = a.s, l = !0), a.pg && a.t._kill(h) && (l = !0), a.pg && 0 !== a.t._overwriteProps.length || (a._prev ? a._prev._next = a._next : a === this._firstPT && (this._firstPT = a._next), a._next && (a._next._prev = a._prev), a._next = a._prev = null), delete o[n]), _ && (r[n] = 1); !this._firstPT && this._initted && c && this._enabled(!1, !1) } } return l }, l.invalidate = function() { this._notifyPluginsOfEnabled && z._onPluginEvent("_onDisable", this); var t = this._time; return this._firstPT = this._overwrittenProps = this._startAt = this._onUpdate = null, this._notifyPluginsOfEnabled = this._active = this._lazy = !1, this._propLookup = this._targets ? {} : [], M.prototype.invalidate.call(this), this.vars.immediateRender && (this._time = -1e-8, this.render(t, !1, !1 !== this.vars.lazy)), this }, l._enabled = function(t, e) { if (_ || h.wake(), t && this._gc) { var i, s = this._targets; if (s) for (i = s.length; --i > -1;) this._siblings[i] = tt(s[i], this, !0); else this._siblings = tt(this.target, this, !0) } return M.prototype._enabled.call(this, t, e), !(!this._notifyPluginsOfEnabled || !this._firstPT) && z._onPluginEvent(t ? "_onEnable" : "_onDisable", this) }, z.to = function(t, e, i) { return new z(t, e, i) }, z.from = function(t, e, i) { return i.runBackwards = !0, i.immediateRender = 0 != i.immediateRender, new z(t, e, i) }, z.fromTo = function(t, e, i, s) { return s.startAt = i, s.immediateRender = 0 != s.immediateRender && 0 != i.immediateRender, new z(t, e, s) }, z.delayedCall = function(t, e, i, s, r) { return new z(e, 0, { delay: t, onComplete: e, onCompleteParams: i, callbackScope: s, onReverseComplete: e, onReverseCompleteParams: i, immediateRender: !1, lazy: !1, useFrames: r, overwrite: 0 }) }, z.set = function(t, e) { return new z(t, 0, e) }, z.getTweensOf = function(t, e) { if (null == t) return []; var i, s, r, n; if (t = "string" != typeof t ? t : z.selector(t) || t, (g(t) || E(t)) && "number" != typeof t[0]) { for (i = t.length, s = []; --i > -1;) s = s.concat(z.getTweensOf(t[i], e)); for (i = s.length; --i > -1;) for (n = s[i], r = i; --r > -1;) n === s[r] && s.splice(i, 1) } else if (t._gsTweenID) for (i = (s = tt(t).concat()).length; --i > -1;)(s[i]._gc || e && !s[i].isActive()) && s.splice(i, 1); return s || [] }, z.killTweensOf = z.killDelayedCallsTo = function(t, e, i) { "object" == typeof e && (i = e, e = !1); for (var s = z.getTweensOf(t, e), r = s.length; --r > -1;) s[r]._kill(i, t) }; var rt = x("plugins.TweenPlugin", function(t, e) { this._overwriteProps = (t || "").split(","), this._propName = this._overwriteProps[0], this._priority = e || 0, this._super = rt.prototype }, !0); if (l = rt.prototype, rt.version = "1.19.0", rt.API = 2, l._firstPT = null, l._addTween = U, l.setRatio = B, l._kill = function(t) { var e, i = this._overwriteProps, s = this._firstPT; if (null != t[this._propName]) this._overwriteProps = []; else for (e = i.length; --e > -1;) null != t[i[e]] && i.splice(e, 1); for (; s;) null != t[s.n] && (s._next && (s._next._prev = s._prev), s._prev ? (s._prev._next = s._next, s._prev = null) : this._firstPT === s && (this._firstPT = s._next)), s = s._next; return !1 }, l._mod = l._roundProps = function(t) { for (var e, i = this._firstPT; i;)(e = t[this._propName] || null != i.n && t[i.n.split(this._propName + "_").join("")]) && "function" == typeof e && (2 === i.f ? i.t._applyPT.m = e : i.m = e), i = i._next }, z._onPluginEvent = function(t, e) { var i, s, r, n, a, o = e._firstPT; if ("_onInitAllProps" === t) { for (; o;) { for (a = o._next, s = r; s && s.pr > o.pr;) s = s._next; (o._prev = s ? s._prev : n) ? o._prev._next = o: r = o, (o._next = s) ? s._prev = o : n = o, o = a } o = e._firstPT = r } for (; o;) o.pg && "function" == typeof o.t[t] && o.t[t]() && (i = !0), o = o._next; return i }, rt.activate = function(t) { for (var e = t.length; --e > -1;) t[e].API === rt.API && (q[(new t[e])._propName] = t[e]); return !0 }, T.plugin = function(t) { if (!(t && t.propName && t.init && t.API)) throw "illegal plugin definition."; var e, i = t.propName, s = t.priority || 0, r = t.overwriteProps, n = { init: "_onInitTween", set: "setRatio", kill: "_kill", round: "_mod", mod: "_mod", initAll: "_onInitAllProps" }, a = x("plugins." + i.charAt(0).toUpperCase() + i.substr(1) + "Plugin", function() { rt.call(this, i, s), this._overwriteProps = r || [] }, !0 === t.global), o = a.prototype = new rt(i); for (e in o.constructor = a, a.API = t.API, n) "function" == typeof t[e] && (o[n[e]] = t[e]); return a.version = t.version, rt.activate([a]), a }, a = t._gsQueue) { for (o = 0; o < a.length; o++) a[o](); for (l in y) y[l].func || t.console.log("GSAP encountered missing dependency: " + l) } _ = !1 }("undefined" != typeof module && module.exports && "undefined" != typeof global ? global : this || window); (function(win, doc, callback) { 'use strict'; function detach() { doc.addEventListener ? doc.removeEventListener('DOMContentLoaded', complete) : doc.detachEvent('onreadystatechange', complete); } function complete() { (doc.addEventListener || 'load' === event.type || 'complete' === doc.readyState) && (detach(), callback(window, window.jQuery)); } function attach() { doc.addEventListener ? doc.addEventListener('DOMContentLoaded', complete) : doc.attachEvent('onreadystatechange', complete) } callback = callback || function() {}; attach(); })(window, document, function(win, $) { "use strict"; const SCROLLER = function() { const t = function(e) { this.initialize = !0, this.opts = e, this.correction = e.correction || 0, this.removeCorrection = e.removeCorrection || 0, this.trackHeight = e.trackHeight || 0, this.activeClass = e.activeClass, this.activeCallbackClass = e.activeCallbackClass || "callback-active", this.useStrictMode = null == e.useStrictMode || e.useStrictMode, this.useFixed = e.useFixed || !1, this.useViewportOver = e.useViewportOver || !0, this.activeVisibility = e.activeVisibility || "before", this.activeType = e.activeType ? this.opts.activeType : "reverse", this.autoHeight = null == e || e.autoHeight, this.offsetY = e.offsetY || 0, this.resize = null == e.resize || e.resize, this.resizeTiming = null != e.resizeTiming && e.resizeTiming, this.windowHeight = window.innerHeight, this.maxWindowHeight = window.innerHeight, this.screenRatio = 0, this.isFold = !1, this.oldPregress = 0, this.oldWinScrollTop = 0, this.elementInformation = {}, this.isFixedArea = !1, this.checkTouchDevice = !1, this.elementEventList.setElement.call(this), this.bindEvent() }, e = t.prototype; return e.bindEvent = function() { const e = this; let t = null; this.utilList.checkFold.call(this), this.elementHandler(), this.resize && (this.addEventList = function() { e.resizeTiming ? (clearTimeout(t), t = setTimeout(function() { e.windowHeight = window.innerHeight, e.utilList.checkFold.call(e), e.elementHandler() }, e.resizeTiming)) : (e.windowHeight = window.innerHeight, e.utilList.checkFold.call(e), e.elementHandler()) }, window.addEventListener("resize", this.addEventList)), this.opts.IEScroll && this.utilList.IEScrollHandler.call(this) }, e.elementHandler = function() { switch (this.utilList.checkFold.call(this), this.utilList.checkTouchDevice.call(this)) { case !0: 0 < this.utilList.getUserAgent().indexOf("iPhone") ? window.innerHeight > window.innerWidth ? this.windowHeight = screen.height : this.windowHeight = screen.width : this.isFold && "width=768" == document.getElementsByName("viewport")[0].content ? this.windowHeight = 960 : this.isFoldLatest && "width=768" == document.getElementsByName("viewport")[0].content ? this.windowHeight = 866 : this.windowHeight = screen.height; break; case !1: this.windowHeight = window.innerHeight } return this.elementEventList.setTrackStyle.call(this), this.getFixedState(), 1 < this.trackHeight && this.elementEventList.setTrackHeigh.call(this), this.useFixed && this.elementEventList.setFixedStyle.call(this), this }, e.utilList = { checkTouchDevice: function() { return -1 < navigator.userAgent.indexOf("Windows") || -1 < navigator.userAgent.indexOf("Macintosh") ? this.checkTouchDevice = !1 : "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch ? this.checkTouchDevice = !0 : void 0 }, checkFold: function() { this.screenRatio = screen.width / screen.height, this.isFold = this.utilList.checkTouchDevice.call(this) && .7137 < this.screenRatio && this.screenRatio < .8 && "width=768" == document.getElementsByName("viewport")[0].content, this.isFoldLatest = this.utilList.checkTouchDevice.call(this) && .8 < this.screenRatio && this.screenRatio < .95 && "width=768" == document.getElementsByName("viewport")[0].content }, IEScrollHandler: function() { navigator.userAgent.match(/Trident\/7\./) && (this.body.addEventListener("mousewheel", function(e) { e.preventDefault(); var t = e.wheelDelta, e = window.pageYOffset; window.scrollTo(0, e - t) }), this.body.addEventListener("keydown", function(e) { var t = window.pageYOffset; switch (e.which) { case 38: e.preventDefault(), window.scrollTo(0, t - 40); break; case 40: e.preventDefault(), window.scrollTo(0, t + 40); break; default: return } })) }, getScroll: function() { var e = window.pageYOffset; return { top: e, bottom: e + this.windowHeight } }, getOffset: function(e) { return { top: e.getBoundingClientRect().top + window.pageYOffset, bottom: e.getBoundingClientRect().bottom + window.pageYOffset } }, getUserAgent: function() { return navigator.userAgent } }, e.elementEventList = { setElement: function() { this.body = document.querySelector("body"), void 0 !== this.opts.trackElement && (this.trackElement = this.opts.trackElement.jquery ? this.opts.trackElement[0] : this.opts.trackElement), void 0 !== this.opts.fixedElement && (this.fixedElement = this.opts.fixedElement.jquery ? this.opts.fixedElement[0] : this.opts.fixedElement), void 0 !== this.opts.activeElement && (this.activeElement = this.opts.activeElement.jquery ? this.opts.activeElement[0] : this.opts.activeElement) }, setTrackHeigh: function() { this.trackElement.style.height = ""; var e = 0 == this.trackElement.clientHeight; let t; t = this.isFold || this.isFoldLatest || e ? this.windowHeight : this.trackElement.clientHeight; var i = t * this.trackHeight; e && (this.trackElement.style.height = this.windowHeight + "px"), this.trackElement.style.boxSizing = "content-box", this.trackElement.style.height = i + "px" }, setTrackStyle: function() { this.trackElement && this.useFixed && "static" == window.getComputedStyle(this.trackElement).position && (this.trackElement.style.position = "relative") }, setFixedStyle: function() { this.isFixedArea || (this.fixedElement.style.height = "", this.fixedElement.style.top = "", this.fixedElement.style.position = "absolute"), 0 == this.fixedElement.clientWidth && (this.fixedElement.style.width = "100%"), "string" == typeof this.offsetY ? (this.fixedElement.style.height = "calc(" + this.windowHeight + "px - " + this.offsetY + ")", this.fixedElement.style.top = this.offsetY) : (this.fixedElement.style.height = this.windowHeight - this.offsetY + "px", this.fixedElement.style.top = this.offsetY + "px") }, setFixedElement: function() { this.diffHeight = this.windowHeight - this.fixedElement.clientHeight, this.trackTopOffset = this.utilList.getOffset.call(this, this.trackElement).top, this.trackBottomOffset = this.utilList.getOffset.call(this, this.trackElement).bottom, this.winScrollTop <= this.trackTopOffset ? (this.fixedElement.style.position = "absolute", "string" == typeof this.offsetY ? this.fixedElement.style.top = this.offsetY : this.fixedElement.style.top = this.offsetY + "px", this.fixedElement.style.bottom = "") : this.winScrollTop >= this.trackTopOffset && this.winScrollBottom <= this.trackBottomOffset ? (this.fixedElement.style.position = "fixed", this.fixedElement.style.top = "0") : this.winScrollBottom >= this.trackBottomOffset && (this.fixedElement.style.position = "absolute", this.fixedElement.style.top = this.trackElement.clientHeight - this.fixedElement.clientHeight + "px") } }, e.getWheelDirection = function() { this.winScrollTop >= this.oldWinScrollTop ? this.wheelDirection = "down" : this.wheelDirection = "up", this.oldWinScrollTop = this.winScrollTop }, e.getProgress = function() { switch (this.utilList.checkTouchDevice.call(this)) { case !0: 0 < this.utilList.getUserAgent().indexOf("iPhone") ? window.innerHeight > window.innerWidth ? this.windowHeight = screen.height : this.windowHeight = screen.width : this.isFold && "width=768" == document.getElementsByName("viewport")[0].content ? this.windowHeight = 960 : this.isFoldLatest && "width=768" == document.getElementsByName("viewport")[0].content ? this.windowHeight = 842 : this.windowHeight = screen.height; break; case !1: this.windowHeight = window.innerHeight } var e = this.utilList.getOffset.call(this, this.trackElement).top - this.windowHeight * this.correction, t = this.useFixed ? Math.abs(this.trackElement.clientHeight - this.windowHeight) : this.useViewportOver ? this.trackElement.clientHeight + this.windowHeight : this.trackElement.clientHeight, i = this.winScrollTop - e, e = this.winScrollBottom - e, t = this.useFixed ? i / t * 100 : e / t * 100; return this.useStrictMode ? this.progress = Math.floor(t) < 0 ? 0 : 100 < Math.floor(t) ? 100 : Math.floor(t) : this.progress = t, this.getWheelDirection(), this.progress }, e.getFixedState = function() { 0 < this.progress && this.progress < 100 ? this.isFixedArea = !0 : this.isFixedArea = !1 }, e.trackAnimation = function(e) { this.initialize && (this.winScrollTop = this.utilList.getScroll.call(this).top, this.winScrollBottom = this.utilList.getScroll.call(this).bottom, this.useFixed && this.elementEventList.setFixedElement.call(this), this.getProgress(), this.getFixedState(), e && (this.oldPregress !== this.progress && e.call(this), this.oldPregress = this.progress)) }, e.activeAnimation = function() { if (this.initialize) { this.winScrollTop = this.utilList.getScroll.call(this).top, this.winScrollBottom = this.utilList.getScroll.call(this).bottom, this.trackElementHeight = this.trackElement.clientHeight, this.correctionValue = this.trackElementHeight * this.correction, this.removeCorrectionValue = this.trackElementHeight * this.removeCorrection, this.elementOffsetTop = this.utilList.getOffset.call(this, this.trackElement).top, this.elementOffsetBottom = this.utilList.getOffset.call(this, this.trackElement).bottom, this.downScrollTop = this.winScrollTop - this.correctionValue, this.downScrollBottom = this.winScrollBottom - this.correctionValue, this.upScrollTop = this.winScrollTop + this.correctionValue, this.upScrollBottom = this.winScrollBottom + this.correctionValue; const a = this; var e = this.activeVisibility, t = this.activeType, i = this.windowHeight / 2, s = function() { a.activeElement.classList.contains(a.activeCallbackClass) || a.opts.activeCallback && (a.opts.activeCallback.call(a), a.activeElement.classList.add(a.activeCallbackClass)), function() { if (a.activeClass) if ("object" == typeof a.activeClass) for (var e = a.activeClass.length, t = 0; t < e; t++) a.activeElement.classList.contains(a.activeClass[t]) || a.activeElement.classList.add(a.activeClass[t]); else a.activeElement.classList.contains(a.activeClass) || a.activeElement.classList.add(a.activeClass) }() }, n = function() { a.activeElement.classList.contains(a.activeCallbackClass) && a.opts.endCallback && a.opts.endCallback.call(a), function() { if ("object" == typeof a.activeClass) for (var e = a.activeClass.length, t = 0; t < e; t++) a.activeElement.classList.contains(a.activeClass[t]) && a.activeElement.classList.remove(a.activeClass[t]); else a.activeElement.classList.contains(a.activeClass) && a.activeElement.classList.remove(a.activeClass); a.activeElement.classList.contains(a.activeCallbackClass) && a.activeElement.classList.remove(a.activeCallbackClass) }() }; switch (this.getWheelDirection(), e) { case "before": ("down" == this.wheelDirection && this.downScrollBottom >= this.elementOffsetTop && this.downScrollTop <= this.elementOffsetTop || "up" == this.wheelDirection && this.upScrollTop <= this.elementOffsetBottom && this.upScrollBottom >= this.elementOffsetBottom || "oneWay" == this.activeType && this.downScrollBottom >= this.elementOffsetTop) && (s(), this.activeStatus = !0); break; case "visible": ("down" == this.wheelDirection && this.downScrollBottom >= this.elementOffsetTop + i && this.downScrollTop <= this.elementOffsetTop || "up" == this.wheelDirection && this.upScrollTop <= this.elementOffsetBottom - i && this.upScrollBottom >= this.elementOffsetBottom || "oneWay" == this.activeType && this.downScrollBottom >= this.elementOffsetTop + i) && (s(), this.activeStatus = !0) } switch (t) { case "reverse": "visible" == e ? (this.activeStatus && "down" == this.wheelDirection && this.winScrollTop > this.elementOffsetBottom || this.activeStatus && "up" == this.wheelDirection && this.winScrollBottom < this.elementOffsetTop) && (n(), this.activeStatus = !1) : (this.activeStatus && this.winScrollTop < this.elementOffsetTop && this.winScrollBottom < this.elementOffsetTop || this.activeStatus && this.winScrollTop > this.elementOffsetBottom && this.winScrollBottom > this.elementOffsetBottom) && (n(), this.activeStatus = !1); break; case "oneWay": "visible" == e ? this.activeStatus && this.winScrollBottom < this.elementOffsetTop && (n(), this.activeStatus = !1) : this.activeStatus && this.winScrollTop < this.elementOffsetTop && this.winScrollBottom < this.elementOffsetTop && (n(), this.activeStatus = !1) } } }, e.getElementInformation = function() { return this.trackElement && (this.elementInformation.trackElement = { element: this.trackElement, width: this.trackElement.clientWidth, height: this.trackElement.clientHeight, topOffset: this.utilList.getOffset.call(this, this.trackElement).top, bottomOffset: this.utilList.getOffset.call(this, this.trackElement).bottom }), this.activeElement && (this.elementInformation.activeElement = { element: this.activeElement, width: this.activeElement.clientWidth, height: this.activeElement.clientHeight, topOffset: this.utilList.getOffset.call(this, this.activeElement).top, bottomOffset: this.utilList.getOffset.call(this, this.activeElement).bottom }), this.elementInformation }, e.destroy = function(e) { this.trackElement && (this.trackElement.style.position = "", this.trackElement.style.height = ""), this.fixedElement && (this.fixedElement.style.position = "", this.fixedElement.style.top = "", this.fixedElement.style.height = ""), this.trackElement = "", this.fixedElement = "", this.activeElement = "", this.correction = "", this.trackHeight = "", this.activeCallbackClass = "", this.useFixed = "", this.activeVisibility = "", this.activeType = "", this.offsetY = "", this.resize = "", this.windowHeight = "", this.elementInformation = "", window.removeEventListener("load", this.addEventList), window.removeEventListener("resize", this.addEventList), this.initialize = !1 }, function(e) { return new t(e) } }(); var RANGEHANDLER = function() { function t(e) { return this.opts = e, this.targetValue = e.targetValue, this.startPoint = e.startPoint || 0, this.endPoint = e.endPoint || 100, this.activeStartPoint = this.startPoint + 1, this.activeEndPoint = this.endPoint - 1, this.onStart = e.onStart, this.onUpdate = e.onUpdate, this.onComplete = e.onComplete, this.onReverseStart = e.onReverseStart, this.onReverseComplete = e.onReverseComplete, this.oldScroll = 0, this.activeOnStart = !1, this.activeonComplete = !1, this.completeOnCallback = !1, this.activeonReverseStart = !1, this.activeonReverseComplete = !1, this.completeReverseCallback = !1, this } var e = t.prototype; return e.calValue = function(e) { 0 <= this.startPoint && (t = 0 < this.endPoint - this.startPoint ? this.endPoint - this.startPoint : this.endPoint); var t = this.targetValue * (e - this.startPoint) / t; return t = (t = t > this.targetValue ? this.targetValue : t) < 0 ? 0 : t }, e.checkWheelDirection = function() { return this.windowScroll = window.pageYOffset, this.oldScroll < this.windowScroll ? (this.oldScroll = this.windowScroll, "down") : (this.oldScroll = this.windowScroll, "up") }, e.callBackList = { onStart: function() { this.onStart && this.onStart(), this.activeOnStart = !0 }, onComplete: function() { this.onComplete && this.onComplete(), this.activeonComplete = !0, this.completeOnCallback = !0, this.activeonReverseStart = !1, this.activeonReverseComplete = !1, this.completeReverseCallback = !1 }, onReverseStart: function() { this.onReverseStart && this.onReverseStart(), this.activeonReverseStart = !0 }, onReverseComplete: function() { this.onReverseComplete && this.onReverseComplete(), this.activeonReverseComplete = !0, this.completeReverseCallback = !0, this.activeOnStart = !1, this.activeonComplete = !1, this.completeOnCallback = !1 }, onUpdate: function() { this.onUpdate && this.onUpdate() } }, e.checkScrollType = function(e) { return e > this.activeStartPoint && e < this.activeEndPoint && !this.completeOnCallback && !this.activeOnStart && "down" == this.isDirection ? "onStart" : e > this.activeEndPoint && !this.completeOnCallback && !this.activeonComplete && "down" == this.isDirection ? "onComplete" : e < this.activeEndPoint && this.completeOnCallback && !this.activeonReverseStart && "up" == this.isDirection ? "onReverseStart" : e < this.activeStartPoint && this.completeOnCallback && !this.activeonReverseComplete && "up" == this.isDirection ? "onReverseComplete" : this.activeOnStart && !this.activeonComplete && "down" == this.isDirection || this.activeOnStart && !this.activeonComplete && "up" == this.isDirection || this.activeonReverseStart && !this.activeonReverseComplete && "down" == this.isDirection || this.activeonReverseStart && !this.activeonReverseComplete && "up" == this.isDirection ? "onUpdate" : void 0 }, e.activeAnimation = function(e) { switch (this.isValue = this.calValue(e), this.isDirection = this.checkWheelDirection(), this.checkScrollType(e)) { case "onUpdate": (this.activeonReverseStart && e > this.activeEndPoint && "down" == this.isDirection ? this.callBackList.onComplete : this.activeOnStart && e < this.activeStartPoint && "up" == this.isDirection ? this.callBackList.onReverseComplete : this.callBackList.onUpdate).call(this); break; case "onStart": this.callBackList.onStart.call(this); break; case "onComplete": !(e > this.activeStartPoint) || this.activeonReverseStart || this.activeonReverseComplete || this.completeReverseCallback || this.activeOnStart || this.activeonComplete || this.completeOnCallback || (this.callBackList.onStart.call(this), this.callBackList.onUpdate.call(this)), this.callBackList.onComplete.call(this); break; case "onReverseStart": this.callBackList.onReverseStart.call(this); break; case "onReverseComplete": this.callBackList.onReverseComplete.call(this) } }, function(e) { return new t(e) } }(), SEQUENCEPLAYER = function() { function t(e) { return this.opts = e, this.targetElement = e.targetElement, this.imageList = [], this.loadCount = 0, this.playIndex = null, this.playingTime = 0, this.pausePlayingTime = 0, this.usePlay = !1, this.useReverse = !1, this.imageLoadOffset = this.opts.imageLoadOffset || 0, this.setCanvas(), this.loadImages(), this } var e = t.prototype; return e.setCanvas = function() { function e(e) { var t; "CANVAS" == e.tagName ? this.canvas = e : (this.canvas = document.createElement("CANVAS"), "append" != this.opts.addType && (t = this.targetElement.firstElementChild) ? t.parentNode.insertBefore(this.canvas, t) : this.targetElement.appendChild(this.canvas)) } this.targetElement.jquery ? e.call(this, this.targetElement[0]) : e.call(this, this.targetElement), this.context = this.canvas.getContext("2d"), this.canvas.width = this.opts.width, this.canvas.height = this.opts.height }, e.loadImages = function() { var i, e, t, s = this, n = function() { e = window.pageYOffset + window.innerHeight + window.innerHeight * s.imageLoadOffset, a(), t <= e && (r(), window.removeEventListener("scroll", n)) }, a = function() { t = s.targetElement.getBoundingClientRect().top + window.pageYOffset }, r = function() { for (var e = s.opts.startNum; e <= s.opts.endNum; e++)(i = new Image).src = s.opts.path + s.opts.name + e + "." + s.opts.extension, function(e) { var t = function() { s.imageList[e] = this, s.loadCount < s.opts.endNum ? (s.loadCount++, this.removeEventListener("load", t)) : s.opts.autoPlay && s.loadCount == s.opts.endNum && s.play() }; i.addEventListener("load", t) }(e), i = null }; n(), window.addEventListener("scroll", n) }, e.sequenceLoadCheck = function(e) { var t = this, i = null, i = setInterval(function() { t.loadCount == t.opts.endNum && (t.activeSequence(e), clearInterval(i), i = null) }, 100) }, e.play = function(e) { var t; e = e || {}, this.isPlay || (t = e.index > this.opts.endNum ? this.opts.endNum : e.index, this.endCallback = e.endCallback || function() {}, this.beforeTime = e.beforeTime || 0, "number" == typeof e.index ? this.loadCount == this.opts.endNum && this.drawCanvas(t) : this.loadCount !== this.opts.endNum ? this.sequenceLoadCheck() : this.activeSequence()) }, e.reverse = function() { this.isPlay || (this.loadCount !== this.opts.endNum ? this.sequenceLoadCheck("reverse") : this.activeSequence("reverse")) }, e.pause = function() { this.isPlay && (this.useReverse && this.usePlayIng && (this.useReverse = !1), window.cancelAnimationFrame(this.playAnimation), this.isPlay = !1, this.pausePlayingTime = this.playingTime) }, e.stop = function() { this.pause(), this.playIndex = null, this.playingTime = 0, this.pausePlayingTime = 0, this.usePlay = !1, this.usePlayIng = !1, this.useReverse = !1, this.useReverseIng = !1, this.drawCanvas(this.opts.startNum) }, e.drawCanvas = function(e) { !e && this.oldPlayIndex == this.playIndex || (this.context.clearRect(0, 0, this.opts.width, this.opts.height), this.context.drawImage(this.imageList[0 <= e ? e : this.playIndex], 0, 0, this.opts.width, this.opts.height), this.oldPlayIndex = this.playIndex, e && (this.playIndex = e)) }, e.activeSequence = function(i) { var s, n = this, a = this.opts.endNum / this.opts.playTime, r = null; this.isPlay = !0; function o(e) { e && null == r && (r = Math.ceil(e)), null == n.playIndex && "reverse" !== i ? n.playIndex = n.opts.startNum : null == n.playIndex && "reverse" == i && (n.playIndex = n.opts.endNum) } function l() { n.playingTime = 0, n.pausePlayingTime = 0, n.playIndex = null, n.pause(), n.isPlay = !1, n.usePlay = !1, n.usePlayIng = !1, n.useReverse = !1, n.useReverseIng = !1, n.opts.loop && n.play() } var c = { default: function() { o(), "reverse" == i && n.playIndex >= n.opts.startNum || !i && n.playIndex <= n.opts.endNum ? (n.drawCanvas(), i ? n.playIndex-- : n.playIndex++, n.playAnimation = window.requestAnimationFrame(c.default)) : (n.playIndex = null, n.isPlay = !1, n.pause()) }, timeControll: function(e) { switch (o(e), s = Math.ceil(e) - r, (!i && n.playIndex <= n.opts.endNum || "reverse" == i && n.playIndex >= n.opts.startNum) && n.drawCanvas(), i) { case void 0: if (n.useReverse && !n.useReverseIng) { n.usePlayIng = !0; var t = n.opts.playTime - n.pausePlayingTime; if (n.playIndex = Math.ceil((s + t) * a), n.playingTime = s + t, n.playingTime > n.opts.playTime - n.beforeTime && n.endCallback(), n.playingTime > n.opts.playTime) return void l() } else if (n.usePlay = !0, n.playIndex = Math.ceil((s + n.pausePlayingTime) * a), n.playingTime = s + n.pausePlayingTime, n.playingTime > n.opts.playTime - n.beforeTime && n.endCallback(), n.playingTime > n.opts.playTime) return void l(); break; case "reverse": if (n.usePlay || n.usePlayIng && n.useReverse) { n.useReverseIng = !0; t = n.pausePlayingTime - n.opts.playTime; if (n.playIndex = Math.floor((n.opts.playTime + t - s) * a), n.playingTime = n.opts.playTime + t - s, n.playingTime < n.beforeTime && n.endCallback(), n.playingTime > n.opts.playTime || n.playIndex <= 0) return void l() } else if (n.useReverse = !0, n.playIndex = Math.floor((n.opts.playTime - (s + n.pausePlayingTime)) * a), n.playingTime = s + n.pausePlayingTime, n.playingTime > n.opts.playTime - n.beforeTime && n.endCallback(), n.playingTime > n.opts.playTime) return void l() } n.playAnimation = window.requestAnimationFrame(c.timeControll) } }; this.playAnimation = window.requestAnimationFrame(this.opts.playTime ? c.timeControll : c.default) }, function(e) { return new t(e) } }(), ANIUTIL = function() { function t(e) { function t(e) { this.opts = e, this.resizeTiming = e.resizeTiming || 100, this.setElement(), this.setVideoStyle(), this.bindEvent() } var i = t.prototype; return i.setElement = function() { void 0 !== this.opts.wrapElement && (this.wrapElement = this.opts.wrapElement.jquery ? this.opts.wrapElement[0] : this.opts.wrapElement), void 0 !== this.opts.targetVideo && (this.targetVideo = this.opts.targetVideo.jquery ? this.opts.targetVideo[0] : this.opts.targetVideo) }, i.setVideoStyle = function() { this.wrapElement.style.overflow = "hidden", this.targetVideo.style.position = "absolute", this.targetVideo.style.top = "50%", this.targetVideo.style.left = "50%", this.targetVideo.style.transform = "translate(-50%, -50%)" }, i.bindEvent = function() { var e = this; window.addEventListener("load", function() { e.setVideoSize() }), window.addEventListener("resize", function() { e.setVideoSize() }) }, i.getVideoInfo = function() { this.wrapWidth = this.wrapElement.clientWidth, this.wrapHeight = this.wrapElement.clientHeight, this.videoWidth = this.targetVideo.clientWidth, this.videoHeight = this.targetVideo.clientHeight, this.wrapRatio = this.wrapHeight / this.wrapWidth, this.videoRatio = this.videoHeight / this.videoWidth }, i.setVideoSize = function() { var e = this; clearTimeout(null), setTimeout(function() { e.getVideoInfo(), e.wrapRatio < e.videoRatio ? (e.targetVideo.style.width = "100%", e.targetVideo.style.height = "auto") : (e.targetVideo.style.width = "auto", e.targetVideo.style.height = "100%") }, this.resizeTiming) }, new t(e) } function i(e) { function t() { return this.opts = e, this.lazyCompleteClass = "load-complete", this.lazyClass = e.lazyClass, this.responsiveClass = e.responsiveClass, this.loadOption = e.loadOption, this.targetAttr = e.loadOption[0].attribute, this.visiblePoint = e.visiblePoint || 0, this.useDefaultImg = e.useDefaultImg, this.getLazyImage(), this.getResponsiveImage(), this.bindEvent(), window.imageLoader = this } var i = t.prototype; return i.bindEvent = function() { var e = this, t = null, i = this.loadOption, s = function() { e.setLazyImage(), e.lazyLength == e.lazyCompleteLength && window.removeEventListener("scroll", s) }; this.useDefaultImg && this.setDefaultImage(), window.addEventListener("load", function() { e.responsiveHandler(), s() }), window.addEventListener("scroll", s), i && window.addEventListener("resize", function() { clearTimeout(t), t = setTimeout(function() { e.responsiveHandler(), s() }, 80) }) }, i.utilList = { getOffset: function(e) { return { top: e.getBoundingClientRect().top + window.pageYOffset, bottom: e.getBoundingClientRect().bottom + window.pageYOffset } }, getScroll: function() { var e = window.pageYOffset; return { top: e, bottom: e + this.windowHeight } } }, i.getLazyImage = function() { var e = document.querySelectorAll(this.lazyClass); this.lazyImages = e, this.lazyLength = e.length }, i.checkCompleteImage = function() { var e = document.querySelectorAll("." + this.lazyCompleteClass); this.lazyCompleteLength = e.length }, i.getResponsiveImage = function() { var e = document.querySelectorAll(this.responsiveClass); this.responsiveImages = e, this.responsiveLength = e.length }, i.setDefaultImage = function() { for (var e = 0; e < this.lazyLength; e++) this.lazyImages[e].setAttribute("src", "data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=") }, i.responsiveHandler = function() { this.windowWidth = window.innerWidth; for (var e = this.loadOption.length, t = 0; t < e; t++) { var i = t + 1, i = i == e ? 0 : this.loadOption[i].resolution; (0 == t || this.windowWidth <= this.loadOption[t].resolution) && this.windowWidth > i && this.loadOption[t].attribute !== this.oldAttr && (this.targetAttr = this.loadOption[t].attribute, this.oldAttr = this.targetAttr, this.attrIndex = t, this.setResponsiveImage()) } }, i.setResponsiveImage = function(e) { if (e) for (var t = 0; t < e.length; t++) { var i = e[t], s = e[t].getAttribute(this.targetAttr); e[t].classList.contains(this.lazyCompleteClass) || (e[t].setAttribute("src", s), e[t].classList.add(this.lazyCompleteClass)) } else for (t = 0; t < this.responsiveLength; t++) s = (s = (i = this.responsiveImages[t]).getAttribute(this.targetAttr)) || this.findImageHandler(i), i.classList.contains(this.lazyCompleteClass) && i.setAttribute("src", s) }, i.findRemainingImageAttr = function(e) { for (var t = this.loadOption.length, i = 0; i < t; i++) { var s = e.getAttribute(this.loadOption[i].attribute); if (s) return s } }, i.findNextImageAttr = function(e) { for (var t = this.attrIndex; 0 <= t; t--) { var i = e.getAttribute(this.loadOption[t].attribute); if (i) return i; if (0 == t && null == i) return this.findRemainingImageAttr(e) } }, i.findImageHandler = function(e) { return 0 !== this.attrIndex ? this.findNextImageAttr(e) : this.findRemainingImageAttr(e) }, i.setLazyImage = function() { var i = this; this.windowHeight = window.innerHeight; for (var e = 0; e < this.lazyLength; e++) { var t = this.lazyImages[e], s = this.windowHeight * this.visiblePoint, n = this.utilList.getScroll.call(this).top - s, a = this.utilList.getScroll.call(this).bottom + s, r = this.utilList.getOffset.call(this, t).top, o = this.utilList.getOffset.call(this, t).bottom, s = this.lazyClass.split("."), l = s[s.length - 1]; (r < a && n <= r || n < o && o < a || n < r && o < a || r < n && a < o) && null != t.offsetParent && (o = (o = t.getAttribute(this.targetAttr)) || this.findImageHandler(t), t.classList.contains(this.lazyCompleteClass) || (t.setAttribute("src", o), function(e) { var t = function() { 1 == i.opts.lazyClass.split(" ").length && e.classList.remove(l), e.classList.add(i.lazyCompleteClass), i.checkCompleteImage(), e.removeEventListener("load", t) }; e.addEventListener("load", t) }(t))) } }, new t } function s(e) { var t, i, s = null, n = null, a = e ? e + 200 : 200; window.addEventListener("resize", function() { null == s ? (i = document.scrollingElement || document.documentElement || document.body.parentNode || document.body, t = document.body.clientHeight, i = window.pageYOffset + i.clientHeight, s = i / t) : t = document.body.clientHeight, clearTimeout(n), n = setTimeout(function() { window.scrollTo(0, t * s - window.innerHeight), s = null }, a) }) } function n() { return !(-1 < navigator.userAgent.indexOf("Windows") || -1 < navigator.userAgent.indexOf("Macintosh")) && (!!("ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch) || void 0) } return { calRange: function(e) { 0 < (e = { targetValue: e.targetValue, progress: e.progress, startPoint: e.startPoint || 0, endPoint: e.endPoint || 100 }).startPoint && (e.endPoint = 0 < e.endPoint - e.startPoint ? e.endPoint - e.startPoint : e.endPoint); var t = e.targetValue * (e.progress - e.startPoint) / e.endPoint; return t = (t = t > e.targetValue ? e.targetValue : t) < 0 ? 0 : t }, videoObjectFit: function(e) { t(e) }, imageLoader: function(e) { i(e) }, addClass: function(e) { ! function(e) { for (var t = e.classList.length, i = 0; i < t; i++) e.targetElement.classList.add(e.classList[i]) }(e) }, removeClass: function(e) { ! function(e) { for (var t = e.classList.length, i = 0; i < t; i++) e.targetElement.classList.remove(e.classList[i]) }(e) }, scrollController: function(e) { ! function(i) { var s, i = i || {}, e = navigator.userAgent.toLowerCase(), n = document.scrollingElement || document.documentElement || document.body.parentNode || document.body, a = i.speed || 120, t = 0 <= i.duration ? i.duration : 1, r = n.scrollTop, o = n === document.body && document.documentElement ? document.documentElement : n, l = !1, c = null, d = { wheel: function() { "Netscape" == navigator.appName && -1 != navigator.userAgent.search("Trident") || -1 != e.indexOf("msie") ? document.addEventListener("mousewheel", function(e) { "hidden" != document.documentElement.style.overflow && u.scrollEvent(e) }, { passive: !1 }) : document.addEventListener("wheel", function(e) { u.scrollEvent(e) }, { passive: !1 }) }, scroll: function() { window.addEventListener("scroll", function() { "hidden" != document.documentElement.style.overflow && (l || (r = n.scrollTop)) }) } }, u = { scrollEvent: function(e) { e.preventDefault(); var t = document.body.getAttribute("data-scroll-speed"), e = this.normalizeWheelDelta(e), t = i.currDelta && t ? t : t || a ? a : 120; r += -e * t, s = Math.max(0, Math.min(r, n.scrollHeight - o.clientHeight)), this.update() }, normalizeWheelDelta: function(e) { return e.detail ? e.wheelDelta ? e.wheelDelta / e.detail / 40 * (0 < e.detail ? 1 : -1) : -e.detail / 3 : e.wheelDelta / 120 }, update: function() { var e = s - n.scrollTop, e = Math.ceil(n.scrollTop + e) <= 0 ? 0 : s < r ? s : Math.ceil(n.scrollTop + e); l = !0, TweenMax.to(n, t, { ease: "power1.out", scrollTop: e, onComplete: function() { clearTimeout(c), c = null, c = setTimeout(function() { l = !1, r = n.scrollTop }, 500) } }), r <= 0 ? r = 0 : s <= r && (r = s) } }; window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame; - 1 == e.indexOf("chrome") && -1 != e.indexOf("safari") || (d.wheel(), d.scroll()) }(e) }, resizeScrollOffset: function(e) { s(e) }, checkTouchDevice: n, checkFold: function() { var e, t = screen.width / screen.height, i = n() && .7137 < t && t < .8 && "width=768" == document.getElementsByName("viewport")[0].content, t = n() && .8 < t && t < .95 && "width=768" == document.getElementsByName("viewport")[0].content; return i ? e = "isFold" : t && (e = "isFoldLatest"), e }, deviceConsole: function(e, t) { var i, s; document.querySelector(".console-layer") || ((i = document.createElement("div")).classList.add("console-layer"), i.setAttribute("style", "position: fixed; left: 0; top: 0; padding: 20px; z-index:1000000000; background: #fff;"), document.querySelector("body").append(i)), "multi" == t ? (i = document.querySelector(".console-layer"), (s = document.createElement("div")).classList.add("console-value"), s.setAttribute("style", "border: 1px #ddd solid; float: left; padding: 10px;"), i.append(s)) : s = (document.querySelector(".console-value") || ((s = document.createElement("div")).classList.add("console-value"), s.setAttribute("style", "border: 1px #ddd solid; float: left; padding: 10px;"), i.append(s)), document.querySelector(".console-value")), s.innerHTML = e }, percentToPixel: function(e) { return e.targetValue * (e.progress / 100) } } }(); ! function(e, t) { "object" == typeof exports && "undefined" != typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define(t) : (e = e || self).Swiper = t() }(this, function() { var u = "undefined" == typeof document ? { body: {}, addEventListener: function() {}, removeEventListener: function() {}, activeElement: { blur: function() {}, nodeName: "" }, querySelector: function() { return null }, querySelectorAll: function() { return [] }, getElementById: function() { return null }, createEvent: function() { return { initEvent: function() {} } }, createElement: function() { return { children: [], childNodes: [], style: {}, setAttribute: function() {}, getElementsByTagName: function() { return [] } } }, location: { hash: "" } } : document, X = "undefined" == typeof window ? { document: u, navigator: { userAgent: "" }, location: {}, history: {}, CustomEvent: function() { return this }, addEventListener: function() {}, removeEventListener: function() {}, getComputedStyle: function() { return { getPropertyValue: function() { return "" } } }, Image: function() {}, Date: function() {}, screen: {}, setTimeout: function() {}, clearTimeout: function() {} } : window, l = function(e) { for (var t = 0; t < e.length; t += 1) this[t] = e[t]; return this.length = e.length, this }; function x(e, t) { var i = [], s = 0; if (e && !t && e instanceof l) return e; if (e) if ("string" == typeof e) { var n, a, r = e.trim(); if (0 <= r.indexOf("<") && 0 <= r.indexOf(">")) { var o = "div"; for (0 === r.indexOf("<li") && (o = "ul"), 0 === r.indexOf("<tr") && (o = "tbody"), 0 !== r.indexOf("<td") && 0 !== r.indexOf("<th") || (o = "tr"), 0 === r.indexOf("<tbody") && (o = "table"), 0 === r.indexOf("<option") && (o = "select"), (a = u.createElement(o)).innerHTML = r, s = 0; s < a.childNodes.length; s += 1) i.push(a.childNodes[s]) } else for (n = t || "#" !== e[0] || e.match(/[ .<>:~]/) ? (t || u).querySelectorAll(e.trim()) : [u.getElementById(e.trim().split("#")[1])], s = 0; s < n.length; s += 1) n[s] && i.push(n[s]) } else if (e.nodeType || e === X || e === u) i.push(e); else if (0 < e.length && e[0].nodeType) for (s = 0; s < e.length; s += 1) i.push(e[s]); return new l(i) } function a(e) { for (var t = [], i = 0; i < e.length; i += 1) - 1 === t.indexOf(e[i]) && t.push(e[i]); return t } x.fn = l.prototype, x.Class = l, x.Dom7 = l; var t = { addClass: function(e) { if (void 0 === e) return this; for (var t = e.split(" "), i = 0; i < t.length; i += 1) for (var s = 0; s < this.length; s += 1) void 0 !== this[s] && void 0 !== this[s].classList && this[s].classList.add(t[i]); return this }, removeClass: function(e) { for (var t = e.split(" "), i = 0; i < t.length; i += 1) for (var s = 0; s < this.length; s += 1) void 0 !== this[s] && void 0 !== this[s].classList && this[s].classList.remove(t[i]); return this }, hasClass: function(e) { return !!this[0] && this[0].classList.contains(e) }, toggleClass: function(e) { for (var t = e.split(" "), i = 0; i < t.length; i += 1) for (var s = 0; s < this.length; s += 1) void 0 !== this[s] && void 0 !== this[s].classList && this[s].classList.toggle(t[i]); return this }, attr: function(e, t) { var i = arguments; if (1 === arguments.length && "string" == typeof e) return this[0] ? this[0].getAttribute(e) : void 0; for (var s = 0; s < this.length; s += 1) if (2 === i.length) this[s].setAttribute(e, t); else for (var n in e) this[s][n] = e[n], this[s].setAttribute(n, e[n]); return this }, removeAttr: function(e) { for (var t = 0; t < this.length; t += 1) this[t].removeAttribute(e); return this }, data: function(e, t) { var i; if (void 0 !== t) { for (var s = 0; s < this.length; s += 1)(i = this[s]).dom7ElementDataStorage || (i.dom7ElementDataStorage = {}), i.dom7ElementDataStorage[e] = t; return this } if (i = this[0]) { if (i.dom7ElementDataStorage && e in i.dom7ElementDataStorage) return i.dom7ElementDataStorage[e]; var n = i.getAttribute("data-" + e); return n ? n : void 0 } }, transform: function(e) { for (var t = 0; t < this.length; t += 1) { var i = this[t].style; i.webkitTransform = e, i.transform = e } return this }, transition: function(e) { "string" != typeof e && (e += "ms"); for (var t = 0; t < this.length; t += 1) { var i = this[t].style; i.webkitTransitionDuration = e, i.transitionDuration = e } return this }, on: function() { for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; var i = e[0], a = e[1], r = e[2], s = e[3]; function n(e) { var t = e.target; if (t) { var i = e.target.dom7EventData || []; if (i.indexOf(e) < 0 && i.unshift(e), x(t).is(a)) r.apply(t, i); else for (var s = x(t).parents(), n = 0; n < s.length; n += 1) x(s[n]).is(a) && r.apply(s[n], i) } } function o(e) { var t = e && e.target && e.target.dom7EventData || []; t.indexOf(e) < 0 && t.unshift(e), r.apply(this, t) } "function" == typeof e[1] && (i = e[0], r = e[1], s = e[2], a = void 0); for (var l, s = s || !1, c = i.split(" "), d = 0; d < this.length; d += 1) { var u = this[d]; if (a) for (l = 0; l < c.length; l += 1) { var p = c[l]; u.dom7LiveListeners || (u.dom7LiveListeners = {}), u.dom7LiveListeners[p] || (u.dom7LiveListeners[p] = []), u.dom7LiveListeners[p].push({ listener: r, proxyListener: n }), u.addEventListener(p, n, s) } else for (l = 0; l < c.length; l += 1) { var h = c[l]; u.dom7Listeners || (u.dom7Listeners = {}), u.dom7Listeners[h] || (u.dom7Listeners[h] = []), u.dom7Listeners[h].push({ listener: r, proxyListener: o }), u.addEventListener(h, o, s) } } return this }, off: function() { for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; var i = e[0], s = e[1], n = e[2], a = e[3]; "function" == typeof e[1] && (i = e[0], n = e[1], a = e[2], s = void 0); for (var a = a || !1, r = i.split(" "), o = 0; o < r.length; o += 1) for (var l = r[o], c = 0; c < this.length; c += 1) { var d = this[c], u = void 0; if (!s && d.dom7Listeners ? u = d.dom7Listeners[l] : s && d.dom7LiveListeners && (u = d.dom7LiveListeners[l]), u && u.length) for (var p = u.length - 1; 0 <= p; --p) { var h = u[p]; (!n || h.listener !== n) && !(n && h.listener && h.listener.dom7proxy && h.listener.dom7proxy === n) && n || (d.removeEventListener(l, h.proxyListener, a), u.splice(p, 1)) } } return this }, trigger: function() { for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; for (var i = e[0].split(" "), s = e[1], n = 0; n < i.length; n += 1) for (var a = i[n], r = 0; r < this.length; r += 1) { var o = this[r], l = void 0; try { l = new X.CustomEvent(a, { detail: s, bubbles: !0, cancelable: !0 }) } catch (e) { (l = u.createEvent("Event")).initEvent(a, !0, !0), l.detail = s } o.dom7EventData = e.filter(function(e, t) { return 0 < t }), o.dispatchEvent(l), o.dom7EventData = [], delete o.dom7EventData } return this }, transitionEnd: function(t) { var i, s = ["webkitTransitionEnd", "transitionend"], n = this; function a(e) { if (e.target === this) for (t.call(this, e), i = 0; i < s.length; i += 1) n.off(s[i], a) } if (t) for (i = 0; i < s.length; i += 1) n.on(s[i], a); return this }, outerWidth: function(e) { if (0 < this.length) { if (e) { e = this.styles(); return this[0].offsetWidth + parseFloat(e.getPropertyValue("margin-right")) + parseFloat(e.getPropertyValue("margin-left")) } return this[0].offsetWidth } return null }, outerHeight: function(e) { if (0 < this.length) { if (e) { e = this.styles(); return this[0].offsetHeight + parseFloat(e.getPropertyValue("margin-top")) + parseFloat(e.getPropertyValue("margin-bottom")) } return this[0].offsetHeight } return null }, offset: function() { if (0 < this.length) { var e = this[0], t = e.getBoundingClientRect(), i = u.body, s = e.clientTop || i.clientTop || 0, n = e.clientLeft || i.clientLeft || 0, i = e === X ? X.scrollY : e.scrollTop, e = e === X ? X.scrollX : e.scrollLeft; return { top: t.top + i - s, left: t.left + e - n } } return null }, css: function(e, t) { var i; if (1 === arguments.length) { if ("string" != typeof e) { for (i = 0; i < this.length; i += 1) for (var s in e) this[i].style[s] = e[s]; return this } if (this[0]) return X.getComputedStyle(this[0], null).getPropertyValue(e) } if (2 !== arguments.length || "string" != typeof e) return this; for (i = 0; i < this.length; i += 1) this[i].style[e] = t; return this }, each: function(e) { if (!e) return this; for (var t = 0; t < this.length; t += 1) if (!1 === e.call(this[t], t, this[t])) return this; return this }, html: function(e) { if (void 0 === e) return this[0] ? this[0].innerHTML : void 0; for (var t = 0; t < this.length; t += 1) this[t].innerHTML = e; return this }, text: function(e) { if (void 0 === e) return this[0] ? this[0].textContent.trim() : null; for (var t = 0; t < this.length; t += 1) this[t].textContent = e; return this }, is: function(e) { var t, i, s = this[0]; if (!s || void 0 === e) return !1; if ("string" == typeof e) { if (s.matches) return s.matches(e); if (s.webkitMatchesSelector) return s.webkitMatchesSelector(e); if (s.msMatchesSelector) return s.msMatchesSelector(e); for (t = x(e), i = 0; i < t.length; i += 1) if (t[i] === s) return !0; return !1 } if (e === u) return s === u; if (e === X) return s === X; if (e.nodeType || e instanceof l) { for (t = e.nodeType ? [e] : e, i = 0; i < t.length; i += 1) if (t[i] === s) return !0; return !1 } return !1 }, index: function() { var e, t = this[0]; if (t) { for (e = 0; null !== (t = t.previousSibling);) 1 === t.nodeType && (e += 1); return e } }, eq: function(e) { if (void 0 === e) return this; var t = this.length; return t - 1 < e ? new l([]) : e < 0 ? (t = t + e) < 0 ? new l([]) : new l([this[t]]) : new l([this[e]]) }, append: function() { for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; for (var i = 0; i < e.length; i += 1) for (var s = e[i], n = 0; n < this.length; n += 1) if ("string" == typeof s) { var a = u.createElement("div"); for (a.innerHTML = s; a.firstChild;) this[n].appendChild(a.firstChild) } else if (s instanceof l) for (var r = 0; r < s.length; r += 1) this[n].appendChild(s[r]); else this[n].appendChild(s); return this }, prepend: function(e) { for (var t, i = 0; i < this.length; i += 1) if ("string" == typeof e) { var s = u.createElement("div"); for (s.innerHTML = e, t = s.childNodes.length - 1; 0 <= t; --t) this[i].insertBefore(s.childNodes[t], this[i].childNodes[0]) } else if (e instanceof l) for (t = 0; t < e.length; t += 1) this[i].insertBefore(e[t], this[i].childNodes[0]); else this[i].insertBefore(e, this[i].childNodes[0]); return this }, next: function(e) { return 0 < this.length ? e ? this[0].nextElementSibling && x(this[0].nextElementSibling).is(e) ? new l([this[0].nextElementSibling]) : new l([]) : this[0].nextElementSibling ? new l([this[0].nextElementSibling]) : new l([]) : new l([]) }, nextAll: function(e) { var t = [], i = this[0]; if (!i) return new l([]); for (; i.nextElementSibling;) { var s = i.nextElementSibling; (!e || x(s).is(e)) && t.push(s), i = s } return new l(t) }, prev: function(e) { if (0 < this.length) { var t = this[0]; return e ? t.previousElementSibling && x(t.previousElementSibling).is(e) ? new l([t.previousElementSibling]) : new l([]) : t.previousElementSibling ? new l([t.previousElementSibling]) : new l([]) } return new l([]) }, prevAll: function(e) { var t = [], i = this[0]; if (!i) return new l([]); for (; i.previousElementSibling;) { var s = i.previousElementSibling; (!e || x(s).is(e)) && t.push(s), i = s } return new l(t) }, parent: function(e) { for (var t = [], i = 0; i < this.length; i += 1) null === this[i].parentNode || e && !x(this[i].parentNode).is(e) || t.push(this[i].parentNode); return x(a(t)) }, parents: function(e) { for (var t = [], i = 0; i < this.length; i += 1) for (var s = this[i].parentNode; s;) e && !x(s).is(e) || t.push(s), s = s.parentNode; return x(a(t)) }, closest: function(e) { var t = this; return void 0 === e ? new l([]) : t.is(e) ? t : t.parents(e).eq(0) }, find: function(e) { for (var t = [], i = 0; i < this.length; i += 1) for (var s = this[i].querySelectorAll(e), n = 0; n < s.length; n += 1) t.push(s[n]); return new l(t) }, children: function(e) { for (var t = [], i = 0; i < this.length; i += 1) for (var s = this[i].childNodes, n = 0; n < s.length; n += 1) e ? 1 === s[n].nodeType && x(s[n]).is(e) && t.push(s[n]) : 1 === s[n].nodeType && t.push(s[n]); return new l(a(t)) }, filter: function(e) { for (var t = [], i = 0; i < this.length; i += 1) e.call(this[i], i, this[i]) && t.push(this[i]); return new l(t) }, remove: function() { for (var e = 0; e < this.length; e += 1) this[e].parentNode && this[e].parentNode.removeChild(this[e]); return this }, add: function() { for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; for (var i = 0; i < e.length; i += 1) for (var s = x(e[i]), n = 0; n < s.length; n += 1) this[this.length] = s[n], this.length += 1; return this }, styles: function() { return this[0] ? X.getComputedStyle(this[0], null) : {} } }; Object.keys(t).forEach(function(e) { x.fn[e] = x.fn[e] || t[e] }); var j = { deleteProps: function(e) { var t = e; Object.keys(t).forEach(function(e) { try { t[e] = null } catch (e) {} try { delete t[e] } catch (e) {} }) }, nextTick: function(e, t) { return void 0 === t && (t = 0), setTimeout(e, t) }, now: function() { return Date.now() }, getTranslate: function(e, t) { var i, s, n; void 0 === t && (t = "x"); e = X.getComputedStyle(e, null); return X.WebKitCSSMatrix ? (6 < (s = e.transform || e.webkitTransform).split(",").length && (s = s.split(", ").map(function(e) { return e.replace(",", ".") }).join(", ")), n = new X.WebKitCSSMatrix("none" === s ? "" : s)) : i = (n = e.MozTransform || e.OTransform || e.MsTransform || e.msTransform || e.transform || e.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,")).toString().split(","), "x" === t && (s = X.WebKitCSSMatrix ? n.m41 : 16 === i.length ? parseFloat(i[12]) : parseFloat(i[4])), (s = "y" === t ? X.WebKitCSSMatrix ? n.m42 : 16 === i.length ? parseFloat(i[13]) : parseFloat(i[5]) : s) || 0 }, parseUrlQuery: function(e) { var t, i, s, n, a = {}, e = e || X.location.href; if ("string" == typeof e && e.length) for (n = (i = (e = -1 < e.indexOf("?") ? e.replace(/\S*\?/, "") : "").split("&").filter(function(e) { return "" !== e })).length, t = 0; t < n; t += 1) s = i[t].replace(/#\S+/g, "").split("="), a[decodeURIComponent(s[0])] = void 0 === s[1] ? void 0 : decodeURIComponent(s[1]) || ""; return a }, isObject: function(e) { return "object" == typeof e && null !== e && e.constructor && e.constructor === Object }, extend: function() { for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; for (var i = Object(e[0]), s = 1; s < e.length; s += 1) { var n = e[s]; if (null != n) for (var a = Object.keys(Object(n)), r = 0, o = a.length; r < o; r += 1) { var l = a[r], c = Object.getOwnPropertyDescriptor(n, l); void 0 !== c && c.enumerable && (j.isObject(i[l]) && j.isObject(n[l]) ? j.extend(i[l], n[l]) : !j.isObject(i[l]) && j.isObject(n[l]) ? (i[l] = {}, j.extend(i[l], n[l])) : i[l] = n[l]) } } return i } }, y = { touch: X.Modernizr && !0 === X.Modernizr.touch || !!(0 < X.navigator.maxTouchPoints || "ontouchstart" in X || X.DocumentTouch && u instanceof X.DocumentTouch), pointerEvents: !!X.PointerEvent && "maxTouchPoints" in X.navigator && 0 < X.navigator.maxTouchPoints, observer: "MutationObserver" in X || "WebkitMutationObserver" in X, passiveListener: function() { var e = !1; try { var t = Object.defineProperty({}, "passive", { get: function() { e = !0 } }); X.addEventListener("testPassiveListener", null, t) } catch (e) {} return e }(), gestures: "ongesturestart" in X }, e = function(e) { var t = this; t.params = e = void 0 === e ? {} : e, t.eventsListeners = {}, t.params && t.params.on && Object.keys(t.params.on).forEach(function(e) { t.on(e, t.params.on[e]) }) }, i = { components: { configurable: !0 } }; e.prototype.on = function(e, t, i) { var s = this; if ("function" != typeof t) return s; var n = i ? "unshift" : "push"; return e.split(" ").forEach(function(e) { s.eventsListeners[e] || (s.eventsListeners[e] = []), s.eventsListeners[e][n](t) }), s }, e.prototype.once = function(i, s, e) { var n = this; return "function" != typeof s ? n : (a.f7proxy = s, n.on(i, a, e)); function a() { for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; n.off(i, a), a.f7proxy && delete a.f7proxy, s.apply(n, e) } }, e.prototype.off = function(e, s) { var n = this; return n.eventsListeners && e.split(" ").forEach(function(i) { void 0 === s ? n.eventsListeners[i] = [] : n.eventsListeners[i] && n.eventsListeners[i].length && n.eventsListeners[i].forEach(function(e, t) { (e === s || e.f7proxy && e.f7proxy === s) && n.eventsListeners[i].splice(t, 1) }) }), n }, e.prototype.emit = function() { for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; var i, s, n = this; if (!n.eventsListeners) return n; var a = "string" == typeof e[0] || Array.isArray(e[0]) ? (i = e[0], s = e.slice(1, e.length), n) : (i = e[0].events, s = e[0].data, e[0].context || n); return (Array.isArray(i) ? i : i.split(" ")).forEach(function(e) { var t; n.eventsListeners && n.eventsListeners[e] && (t = [], n.eventsListeners[e].forEach(function(e) { t.push(e) }), t.forEach(function(e) { e.apply(a, s) })) }), n }, e.prototype.useModulesParams = function(t) { var i = this; i.modules && Object.keys(i.modules).forEach(function(e) { e = i.modules[e]; e.params && j.extend(t, e.params) }) }, e.prototype.useModules = function(t) { void 0 === t && (t = {}); var s = this; s.modules && Object.keys(s.modules).forEach(function(e) { var i = s.modules[e], e = t[e] || {}; i.instance && Object.keys(i.instance).forEach(function(e) { var t = i.instance[e]; s[e] = "function" == typeof t ? t.bind(s) : t }), i.on && s.on && Object.keys(i.on).forEach(function(e) { s.on(e, i.on[e]) }), i.create && i.create.bind(s)(e) }) }, i.components.set = function(e) { this.use && this.use(e) }, e.installModule = function(t) { for (var e = [], i = arguments.length - 1; 0 < i--;) e[i] = arguments[i + 1]; var s = this; s.prototype.modules || (s.prototype.modules = {}); var n = t.name || Object.keys(s.prototype.modules).length + "_" + j.now(); return (s.prototype.modules[n] = t).proto && Object.keys(t.proto).forEach(function(e) { s.prototype[e] = t.proto[e] }), t.static && Object.keys(t.static).forEach(function(e) { s[e] = t.static[e] }), t.install && t.install.apply(s, e), s }, e.use = function(e) { for (var t = [], i = arguments.length - 1; 0 < i--;) t[i] = arguments[i + 1]; var s = this; return Array.isArray(e) ? (e.forEach(function(e) { return s.installModule(e) }), s) : s.installModule.apply(s, [e].concat(t)) }, Object.defineProperties(e, i); var s = { updateSize: function() { var e = this, t = e.$el, i = void 0 !== e.params.width ? e.params.width : t[0].clientWidth, s = void 0 !== e.params.height ? e.params.height : t[0].clientHeight; 0 === i && e.isHorizontal() || 0 === s && e.isVertical() || (i = i - parseInt(t.css("padding-left"), 10) - parseInt(t.css("padding-right"), 10), s = s - parseInt(t.css("padding-top"), 10) - parseInt(t.css("padding-bottom"), 10), j.extend(e, { width: i, height: s, size: e.isHorizontal() ? i : s })) }, updateSlides: function() { var e = this, t = e.params, i = e.$wrapperEl, s = e.size, n = e.rtlTranslate, a = e.wrongRTL, r = ((g = e.virtual && t.virtual.enabled) ? e.virtual : e).slides.length, o = i.children("." + e.params.slideClass), l = (g ? e.virtual.slides : o).length, c = [], d = [], u = []; function p(e) { return !t.cssMode || e !== o.length - 1 } var h = t.slidesOffsetBefore; "function" == typeof h && (h = t.slidesOffsetBefore.call(e)); var m = t.slidesOffsetAfter; "function" == typeof m && (m = t.slidesOffsetAfter.call(e)); var v, f = e.snapGrid.length, g = e.snapGrid.length, w = t.spaceBetween, b = -h, y = 0, E = 0; if (void 0 !== s) { "string" == typeof w && 0 <= w.indexOf("%") && (w = parseFloat(w.replace("%", "")) / 100 * s), e.virtualSize = -w, n ? o.css({ marginLeft: "", marginTop: "" }) : o.css({ marginRight: "", marginBottom: "" }), 1 < t.slidesPerColumn && (v = Math.floor(l / t.slidesPerColumn) === l / e.params.slidesPerColumn ? l : Math.ceil(l / t.slidesPerColumn) * t.slidesPerColumn, "auto" !== t.slidesPerView && "row" === t.slidesPerColumnFill && (v = Math.max(v, t.slidesPerView * t.slidesPerColumn))); for (var T, x, S, C, L = t.slidesPerColumn, k = v / L, I = Math.floor(l / t.slidesPerColumn), A = 0; A < l; A += 1) { R = 0; var P, M, _, z, O, R, B, q, N, D, $, H, V = o.eq(A); 1 < t.slidesPerColumn && (O = z = _ = void 0, "row" === t.slidesPerColumnFill && 1 < t.slidesPerGroup ? (H = Math.floor(A / (t.slidesPerGroup * t.slidesPerColumn)), P = A - t.slidesPerColumn * t.slidesPerGroup * H, M = 0 === H ? t.slidesPerGroup : Math.min(Math.ceil((l - H * L * t.slidesPerGroup) / L), t.slidesPerGroup), z = P - (O = Math.floor(P / M)) * M + H * t.slidesPerGroup, V.css({ "-webkit-box-ordinal-group": _ = z + O * v / L, "-moz-box-ordinal-group": _, "-ms-flex-order": _, "-webkit-order": _, order: _ })) : "column" === t.slidesPerColumnFill ? (O = A - (z = Math.floor(A / L)) * L, (I < z || z === I && O === L - 1) && L <= (O += 1) && (O = 0, z += 1)) : z = A - (O = Math.floor(A / k)) * k, V.css("margin-" + (e.isHorizontal() ? "top" : "left"), 0 !== O && t.spaceBetween && t.spaceBetween + "px")), "none" !== V.css("display") && ("auto" === t.slidesPerView ? (H = X.getComputedStyle(V[0], null), _ = V[0].style.transform, z = V[0].style.webkitTransform, _ && (V[0].style.transform = "none"), z && (V[0].style.webkitTransform = "none"), R = t.roundLengths ? e.isHorizontal() ? V.outerWidth(!0) : V.outerHeight(!0) : e.isHorizontal() ? (B = parseFloat(H.getPropertyValue("width")), q = parseFloat(H.getPropertyValue("padding-left")), N = parseFloat(H.getPropertyValue("padding-right")), D = parseFloat(H.getPropertyValue("margin-left")), $ = parseFloat(H.getPropertyValue("margin-right")), (O = H.getPropertyValue("box-sizing")) && "border-box" === O ? B + D + $ : B + q + N + D + $) : (B = parseFloat(H.getPropertyValue("height")), q = parseFloat(H.getPropertyValue("padding-top")), N = parseFloat(H.getPropertyValue("padding-bottom")), D = parseFloat(H.getPropertyValue("margin-top")), $ = parseFloat(H.getPropertyValue("margin-bottom")), (H = H.getPropertyValue("box-sizing")) && "border-box" === H ? B + D + $ : B + q + N + D + $), _ && (V[0].style.transform = _), z && (V[0].style.webkitTransform = z), t.roundLengths && (R = Math.floor(R))) : (R = (s - (t.slidesPerView - 1) * w) / t.slidesPerView, t.roundLengths && (R = Math.floor(R)), o[A] && (e.isHorizontal() ? o[A].style.width = R + "px" : o[A].style.height = R + "px")), o[A] && (o[A].swiperSlideSize = R), u.push(R), t.centeredSlides ? (b = b + R / 2 + y / 2 + w, 0 === y && 0 !== A && (b = b - s / 2 - w), 0 === A && (b = b - s / 2 - w), Math.abs(b) < .001 && (b = 0), t.roundLengths && (b = Math.floor(b)), E % t.slidesPerGroup == 0 && c.push(b), d.push(b)) : (t.roundLengths && (b = Math.floor(b)), E % t.slidesPerGroup == 0 && c.push(b), d.push(b), b = b + R + w), e.virtualSize += R + w, y = R, E += 1) } if (e.virtualSize = Math.max(e.virtualSize, s) + m, n && a && ("slide" === t.effect || "coverflow" === t.effect) && i.css({ width: e.virtualSize + t.spaceBetween + "px" }), t.setWrapperSize && (e.isHorizontal() ? i.css({ width: e.virtualSize + t.spaceBetween + "px" }) : i.css({ height: e.virtualSize + t.spaceBetween + "px" })), 1 < t.slidesPerColumn && (e.virtualSize = (R + t.spaceBetween) * v, e.virtualSize = Math.ceil(e.virtualSize / t.slidesPerColumn) - t.spaceBetween, e.isHorizontal() ? i.css({ width: e.virtualSize + t.spaceBetween + "px" }) : i.css({ height: e.virtualSize + t.spaceBetween + "px" }), t.centeredSlides)) { for (var U = [], F = 0; F < c.length; F += 1) { var G = c[F]; t.roundLengths && (G = Math.floor(G)), c[F] < e.virtualSize + c[0] && U.push(G) } c = U } if (!t.centeredSlides) { U = []; for (var Y = 0; Y < c.length; Y += 1) { var W = c[Y]; t.roundLengths && (W = Math.floor(W)), c[Y] <= e.virtualSize - s && U.push(W) } c = U, 1 < Math.floor(e.virtualSize - s) - Math.floor(c[c.length - 1]) && c.push(e.virtualSize - s) } 0 === c.length && (c = [0]), 0 !== t.spaceBetween && (e.isHorizontal() ? n ? o.filter(p).css({ marginLeft: w + "px" }) : o.filter(p).css({ marginRight: w + "px" }) : o.filter(p).css({ marginBottom: w + "px" })), t.centeredSlides && t.centeredSlidesBounds && (T = 0, u.forEach(function(e) { T += e + (t.spaceBetween || 0) }), x = (T -= t.spaceBetween) - s, c = c.map(function(e) { return e < 0 ? -h : x < e ? x + m : e })), t.centerInsufficientSlides && (S = 0, u.forEach(function(e) { S += e + (t.spaceBetween || 0) }), (S -= t.spaceBetween) < s && (C = (s - S) / 2, c.forEach(function(e, t) { c[t] = e - C }), d.forEach(function(e, t) { d[t] = e + C }))), j.extend(e, { slides: o, snapGrid: c, slidesGrid: d, slidesSizesGrid: u }), l !== r && e.emit("slidesLengthChange"), c.length !== f && (e.params.watchOverflow && e.checkOverflow(), e.emit("snapGridLengthChange")), d.length !== g && e.emit("slidesGridLengthChange"), (t.watchSlidesProgress || t.watchSlidesVisibility) && e.updateSlidesOffset() } }, updateAutoHeight: function(e) { var t, i, s = this, n = [], a = 0; if ("number" == typeof e ? s.setTransition(e) : !0 === e && s.setTransition(s.params.speed), "auto" !== s.params.slidesPerView && 1 < s.params.slidesPerView) for (t = 0; t < Math.ceil(s.params.slidesPerView); t += 1) { var r = s.activeIndex + t; if (r > s.slides.length) break; n.push(s.slides.eq(r)[0]) } else n.push(s.slides.eq(s.activeIndex)[0]); for (t = 0; t < n.length; t += 1) void 0 !== n[t] && (a = a < (i = n[t].offsetHeight) ? i : a); a && s.$wrapperEl.css("height", a + "px") }, updateSlidesOffset: function() { for (var e = this.slides, t = 0; t < e.length; t += 1) e[t].swiperSlideOffset = this.isHorizontal() ? e[t].offsetLeft : e[t].offsetTop }, updateSlidesProgress: function(e) { void 0 === e && (e = this && this.translate || 0); var t = this, i = t.params, s = t.slides, n = t.rtlTranslate; if (0 !== s.length) { void 0 === s[0].swiperSlideOffset && t.updateSlidesOffset(); var a = n ? e : -e; s.removeClass(i.slideVisibleClass), t.visibleSlidesIndexes = [], t.visibleSlides = []; for (var r = 0; r < s.length; r += 1) { var o, l, c = s[r], d = (a + (i.centeredSlides ? t.minTranslate() : 0) - c.swiperSlideOffset) / (c.swiperSlideSize + i.spaceBetween); i.watchSlidesVisibility && (l = (o = -(a - c.swiperSlideOffset)) + t.slidesSizesGrid[r], (0 <= o && o < t.size - 1 || 1 < l && l <= t.size || o <= 0 && l >= t.size) && (t.visibleSlides.push(c), t.visibleSlidesIndexes.push(r), s.eq(r).addClass(i.slideVisibleClass))), c.progress = n ? -d : d } t.visibleSlides = x(t.visibleSlides) } }, updateProgress: function(e) { var t = this; void 0 === e && (o = t.rtlTranslate ? -1 : 1, e = t && t.translate && t.translate * o || 0); var i = t.params, s = t.maxTranslate() - t.minTranslate(), n = t.progress, a = t.isBeginning, r = a, o = l = t.isEnd, l = 0 == s ? a = !(n = 0) : (a = (n = (e - t.minTranslate()) / s) <= 0, 1 <= n); j.extend(t, { progress: n, isBeginning: a, isEnd: l }), (i.watchSlidesProgress || i.watchSlidesVisibility) && t.updateSlidesProgress(e), a && !r && t.emit("reachBeginning toEdge"), l && !o && t.emit("reachEnd toEdge"), (r && !a || o && !l) && t.emit("fromEdge"), t.emit("progress", n) }, updateSlidesClasses: function() { var e = this, t = e.slides, i = e.params, s = e.$wrapperEl, n = e.activeIndex, a = e.realIndex, r = e.virtual && i.virtual.enabled; t.removeClass(i.slideActiveClass + " " + i.slideNextClass + " " + i.slidePrevClass + " " + i.slideDuplicateActiveClass + " " + i.slideDuplicateNextClass + " " + i.slideDuplicatePrevClass), (n = r ? e.$wrapperEl.find("." + i.slideClass + '[data-swiper-slide-index="' + n + '"]') : t.eq(n)).addClass(i.slideActiveClass), i.loop && (n.hasClass(i.slideDuplicateClass) ? s.children("." + i.slideClass + ":not(." + i.slideDuplicateClass + ')[data-swiper-slide-index="' + a + '"]') : s.children("." + i.slideClass + "." + i.slideDuplicateClass + '[data-swiper-slide-index="' + a + '"]')).addClass(i.slideDuplicateActiveClass), a = n.nextAll("." + i.slideClass).eq(0).addClass(i.slideNextClass), i.loop && 0 === a.length && (a = t.eq(0)).addClass(i.slideNextClass), n = n.prevAll("." + i.slideClass).eq(0).addClass(i.slidePrevClass), i.loop && 0 === n.length && (n = t.eq(-1)).addClass(i.slidePrevClass), i.loop && ((a.hasClass(i.slideDuplicateClass) ? s.children("." + i.slideClass + ":not(." + i.slideDuplicateClass + ')[data-swiper-slide-index="' + a.attr("data-swiper-slide-index") + '"]') : s.children("." + i.slideClass + "." + i.slideDuplicateClass + '[data-swiper-slide-index="' + a.attr("data-swiper-slide-index") + '"]')).addClass(i.slideDuplicateNextClass), (n.hasClass(i.slideDuplicateClass) ? s.children("." + i.slideClass + ":not(." + i.slideDuplicateClass + ')[data-swiper-slide-index="' + n.attr("data-swiper-slide-index") + '"]') : s.children("." + i.slideClass + "." + i.slideDuplicateClass + '[data-swiper-slide-index="' + n.attr("data-swiper-slide-index") + '"]')).addClass(i.slideDuplicatePrevClass)) }, updateActiveIndex: function(e) { var t = this, i = t.rtlTranslate ? t.translate : -t.translate, s = t.slidesGrid, n = t.snapGrid, a = t.params, r = t.activeIndex, o = t.realIndex, l = t.snapIndex, c = e; if (void 0 === c) { for (var d = 0; d < s.length; d += 1) void 0 !== s[d + 1] ? i >= s[d] && i < s[d + 1] - (s[d + 1] - s[d]) / 2 ? c = d : i >= s[d] && i < s[d + 1] && (c = d + 1) : i >= s[d] && (c = d); a.normalizeSlideIndex && (c < 0 || void 0 === c) && (c = 0) }(a = 0 <= n.indexOf(i) ? n.indexOf(i) : Math.floor(c / a.slidesPerGroup)) >= n.length && (a = n.length - 1), c !== r ? (n = parseInt(t.slides.eq(c).attr("data-swiper-slide-index") || c, 10), j.extend(t, { snapIndex: a, realIndex: n, previousIndex: r, activeIndex: c }), t.emit("activeIndexChange"), t.emit("snapIndexChange"), o !== n && t.emit("realIndexChange"), (t.initialized || t.runCallbacksOnInit) && t.emit("slideChange")) : a !== l && (t.snapIndex = a, t.emit("snapIndexChange")) }, updateClickedSlide: function(e) { var t = this, i = t.params, s = x(e.target).closest("." + i.slideClass)[0], n = !1; if (s) for (var a = 0; a < t.slides.length; a += 1) t.slides[a] === s && (n = !0); if (!s || !n) return t.clickedSlide = void 0, void(t.clickedIndex = void 0); t.clickedSlide = s, t.virtual && t.params.virtual.enabled ? t.clickedIndex = parseInt(x(s).attr("data-swiper-slide-index"), 10) : t.clickedIndex = x(s).index(), i.slideToClickedSlide && void 0 !== t.clickedIndex && t.clickedIndex !== t.activeIndex && t.slideToClickedSlide() } }; var n = { getTranslate: function(e) { void 0 === e && (e = this.isHorizontal() ? "x" : "y"); var t = this.params, i = this.rtlTranslate, s = this.translate, n = this.$wrapperEl; return t.virtualTranslate ? i ? -s : s : t.cssMode ? s : (e = j.getTranslate(n[0], e), (e = i ? -e : e) || 0) }, setTranslate: function(e, t) { var i = this, s = i.rtlTranslate, n = i.params, a = i.$wrapperEl, r = i.wrapperEl, o = i.progress, l = 0, c = 0; i.isHorizontal() ? l = s ? -e : e : c = e, n.roundLengths && (l = Math.floor(l), c = Math.floor(c)), n.cssMode ? r[i.isHorizontal() ? "scrollLeft" : "scrollTop"] = i.isHorizontal() ? -l : -c : n.virtualTranslate || a.transform("translate3d(" + l + "px, " + c + "px, 0px)"), i.previousTranslate = i.translate, i.translate = i.isHorizontal() ? l : c, (0 == (c = i.maxTranslate() - i.minTranslate()) ? 0 : (e - i.minTranslate()) / c) !== o && i.updateProgress(e), i.emit("setTranslate", i.translate, t) }, minTranslate: function() { return -this.snapGrid[0] }, maxTranslate: function() { return -this.snapGrid[this.snapGrid.length - 1] }, translateTo: function(e, t, i, s, n) { void 0 === e && (e = 0), void 0 === t && (t = this.params.speed), void 0 === i && (i = !0), void 0 === s && (s = !0); var a = this, r = a.params, o = a.wrapperEl; if (a.animating && r.preventInteractionOnTransition) return !1; var l = a.minTranslate(), c = a.maxTranslate(), c = s && l < e ? l : s && e < c ? c : e; if (a.updateProgress(c), r.cssMode) { e = a.isHorizontal(); return 0 !== t && o.scrollTo ? o.scrollTo(((r = {})[e ? "left" : "top"] = -c, r.behavior = "smooth", r)) : o[e ? "scrollLeft" : "scrollTop"] = -c, !0 } return 0 === t ? (a.setTransition(0), a.setTranslate(c), i && (a.emit("beforeTransitionStart", t, n), a.emit("transitionEnd"))) : (a.setTransition(t), a.setTranslate(c), i && (a.emit("beforeTransitionStart", t, n), a.emit("transitionStart")), a.animating || (a.animating = !0, a.onTranslateToWrapperTransitionEnd || (a.onTranslateToWrapperTransitionEnd = function(e) { a && !a.destroyed && e.target === this && (a.$wrapperEl[0].removeEventListener("transitionend", a.onTranslateToWrapperTransitionEnd), a.$wrapperEl[0].removeEventListener("webkitTransitionEnd", a.onTranslateToWrapperTransitionEnd), a.onTranslateToWrapperTransitionEnd = null, delete a.onTranslateToWrapperTransitionEnd, i && a.emit("transitionEnd")) }), a.$wrapperEl[0].addEventListener("transitionend", a.onTranslateToWrapperTransitionEnd), a.$wrapperEl[0].addEventListener("webkitTransitionEnd", a.onTranslateToWrapperTransitionEnd))), !0 } }; var r = { setTransition: function(e, t) { this.params.cssMode || this.$wrapperEl.transition(e), this.emit("setTransition", e, t) }, transitionStart: function(e, t) { void 0 === e && (e = !0); var i = this, s = i.activeIndex, n = i.params, a = i.previousIndex; n.cssMode || (n.autoHeight && i.updateAutoHeight(), t = (t = t) || (a < s ? "next" : s < a ? "prev" : "reset"), i.emit("transitionStart"), e && s !== a && ("reset" !== t ? (i.emit("slideChangeTransitionStart"), "next" === t ? i.emit("slideNextTransitionStart") : i.emit("slidePrevTransitionStart")) : i.emit("slideResetTransitionStart"))) }, transitionEnd: function(e, t) { void 0 === e && (e = !0); var i = this, s = i.activeIndex, n = i.previousIndex, a = i.params; i.animating = !1, a.cssMode || (i.setTransition(0), t = (t = t) || (n < s ? "next" : s < n ? "prev" : "reset"), i.emit("transitionEnd"), e && s !== n && ("reset" !== t ? (i.emit("slideChangeTransitionEnd"), "next" === t ? i.emit("slideNextTransitionEnd") : i.emit("slidePrevTransitionEnd")) : i.emit("slideResetTransitionEnd"))) } }; var o = { slideTo: function(e, t, i, s) { void 0 === t && (t = this.params.speed), void 0 === i && (i = !0); var n = this, a = e = void 0 === e ? 0 : e; a < 0 && (a = 0); var r = n.params, o = n.snapGrid, l = n.slidesGrid, c = n.previousIndex, d = n.activeIndex, u = n.rtlTranslate, p = n.wrapperEl; if (n.animating && r.preventInteractionOnTransition) return !1; (e = Math.floor(a / r.slidesPerGroup)) >= o.length && (e = o.length - 1), (d || r.initialSlide || 0) === (c || 0) && i && n.emit("beforeSlideChangeStart"); var h, m = -o[e]; if (n.updateProgress(m), r.normalizeSlideIndex) for (var v = 0; v < l.length; v += 1) - Math.floor(100 * m) >= Math.floor(100 * l[v]) && (a = v); if (n.initialized && a !== d) { if (!n.allowSlideNext && m < n.translate && m < n.minTranslate()) return !1; if (!n.allowSlidePrev && m > n.translate && m > n.maxTranslate() && (d || 0) !== a) return !1 } if (h = d < a ? "next" : a < d ? "prev" : "reset", u && -m === n.translate || !u && m === n.translate) return n.updateActiveIndex(a), r.autoHeight && n.updateAutoHeight(), n.updateSlidesClasses(), "slide" !== r.effect && n.setTranslate(m), "reset" !== h && (n.transitionStart(i, h), n.transitionEnd(i, h)), !1; if (r.cssMode) { u = n.isHorizontal(); return 0 !== t && p.scrollTo ? p.scrollTo(((r = {})[u ? "left" : "top"] = -m, r.behavior = "smooth", r)) : p[u ? "scrollLeft" : "scrollTop"] = -m, !0 } return 0 === t ? (n.setTransition(0), n.setTranslate(m), n.updateActiveIndex(a), n.updateSlidesClasses(), n.emit("beforeTransitionStart", t, s), n.transitionStart(i, h), n.transitionEnd(i, h)) : (n.setTransition(t), n.setTranslate(m), n.updateActiveIndex(a), n.updateSlidesClasses(), n.emit("beforeTransitionStart", t, s), n.transitionStart(i, h), n.animating || (n.animating = !0, n.onSlideToWrapperTransitionEnd || (n.onSlideToWrapperTransitionEnd = function(e) { n && !n.destroyed && e.target === this && (n.$wrapperEl[0].removeEventListener("transitionend", n.onSlideToWrapperTransitionEnd), n.$wrapperEl[0].removeEventListener("webkitTransitionEnd", n.onSlideToWrapperTransitionEnd), n.onSlideToWrapperTransitionEnd = null, delete n.onSlideToWrapperTransitionEnd, n.transitionEnd(i, h)) }), n.$wrapperEl[0].addEventListener("transitionend", n.onSlideToWrapperTransitionEnd), n.$wrapperEl[0].addEventListener("webkitTransitionEnd", n.onSlideToWrapperTransitionEnd))), !0 }, slideToLoop: function(e, t, i, s) { return void 0 === t && (t = this.params.speed), e = void 0 === e ? 0 : e, this.params.loop && (e += this.loopedSlides), this.slideTo(e, t, i = void 0 === i ? !0 : i, s) }, slideNext: function(e, t, i) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0); var s = this, n = s.params, a = s.animating; return n.loop ? !a && (s.loopFix(), s._clientLeft = s.$wrapperEl[0].clientLeft, s.slideTo(s.activeIndex + n.slidesPerGroup, e, t, i)) : s.slideTo(s.activeIndex + n.slidesPerGroup, e, t, i) }, slidePrev: function(e, t, i) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0); var s = this, n = s.params, a = s.animating, r = s.snapGrid, o = s.slidesGrid, l = s.rtlTranslate; if (n.loop) { if (a) return !1; s.loopFix(), s._clientLeft = s.$wrapperEl[0].clientLeft } function c(e) { return e < 0 ? -Math.floor(Math.abs(e)) : Math.floor(e) } var d, u = c(l ? s.translate : -s.translate), l = r.map(c), p = (o.map(c), r[l.indexOf(u)], r[l.indexOf(u) - 1]); return void 0 === p && n.cssMode && r.forEach(function(e) { !p && e <= u && (p = e) }), void 0 !== p && (d = o.indexOf(p)) < 0 && (d = s.activeIndex - 1), s.slideTo(d, e, t, i) }, slideReset: function(e, t, i) { return void 0 === e && (e = this.params.speed), this.slideTo(this.activeIndex, e, t = void 0 === t ? !0 : t, i) }, slideToClosest: function(e, t, i, s) { void 0 === e && (e = this.params.speed), void 0 === t && (t = !0), void 0 === s && (s = .5); var n, a = this, r = a.activeIndex, o = Math.floor(r / a.params.slidesPerGroup), l = a.rtlTranslate ? a.translate : -a.translate; return l >= a.snapGrid[o] ? (n = a.snapGrid[o], (a.snapGrid[o + 1] - n) * s < l - n && (r += a.params.slidesPerGroup)) : l - (l = a.snapGrid[o - 1]) <= (a.snapGrid[o] - l) * s && (r -= a.params.slidesPerGroup), r = Math.max(r, 0), r = Math.min(r, a.snapGrid.length - 1), a.slideTo(r, e, t, i) }, slideToClickedSlide: function() { var e, t = this, i = t.params, s = t.$wrapperEl, n = "auto" === i.slidesPerView ? t.slidesPerViewDynamic() : i.slidesPerView, a = t.clickedIndex; i.loop ? t.animating || (e = parseInt(x(t.clickedSlide).attr("data-swiper-slide-index"), 10), i.centeredSlides ? a < t.loopedSlides - n / 2 || a > t.slides.length - t.loopedSlides + n / 2 ? (t.loopFix(), a = s.children("." + i.slideClass + '[data-swiper-slide-index="' + e + '"]:not(.' + i.slideDuplicateClass + ")").eq(0).index(), j.nextTick(function() { t.slideTo(a) })) : t.slideTo(a) : a > t.slides.length - n ? (t.loopFix(), a = s.children("." + i.slideClass + '[data-swiper-slide-index="' + e + '"]:not(.' + i.slideDuplicateClass + ")").eq(0).index(), j.nextTick(function() { t.slideTo(a) })) : t.slideTo(a)) : t.slideTo(a) } }; var c = { loopCreate: function() { var s = this, e = s.params, t = s.$wrapperEl; t.children("." + e.slideClass + "." + e.slideDuplicateClass).remove(); var n = t.children("." + e.slideClass); if (e.loopFillGroupWithBlank) { var i = e.slidesPerGroup - n.length % e.slidesPerGroup; if (i !== e.slidesPerGroup) { for (var a = 0; a < i; a += 1) { var r = x(u.createElement("div")).addClass(e.slideClass + " " + e.slideBlankClass); t.append(r) } n = t.children("." + e.slideClass) } } "auto" !== e.slidesPerView || e.loopedSlides || (e.loopedSlides = n.length), s.loopedSlides = Math.ceil(parseFloat(e.loopedSlides || e.slidesPerView, 10)), s.loopedSlides += e.loopAdditionalSlides, s.loopedSlides > n.length && (s.loopedSlides = n.length); var o = [], l = []; n.each(function(e, t) { var i = x(t); e < s.loopedSlides && l.push(t), e < n.length && e >= n.length - s.loopedSlides && o.push(t), i.attr("data-swiper-slide-index", e) }); for (var c = 0; c < l.length; c += 1) t.append(x(l[c].cloneNode(!0)).addClass(e.slideDuplicateClass)); for (var d = o.length - 1; 0 <= d; --d) t.prepend(x(o[d].cloneNode(!0)).addClass(e.slideDuplicateClass)) }, loopFix: function() { var e = this; e.emit("beforeLoopFix"); var t = e.activeIndex, i = e.slides, s = e.loopedSlides, n = e.allowSlidePrev, a = e.allowSlideNext, r = e.snapGrid, o = e.rtlTranslate; e.allowSlidePrev = !0, e.allowSlideNext = !0; var l, r = -r[t] - e.getTranslate(); t < s ? (l = i.length - 3 * s + t, e.slideTo(l += s, 0, !1, !0) && 0 != r && e.setTranslate((o ? -e.translate : e.translate) - r)) : t >= i.length - s && (l = -i.length + t + s, e.slideTo(l += s, 0, !1, !0) && 0 != r && e.setTranslate((o ? -e.translate : e.translate) - r)), e.allowSlidePrev = n, e.allowSlideNext = a, e.emit("loopFix") }, loopDestroy: function() { var e = this.$wrapperEl, t = this.params, i = this.slides; e.children("." + t.slideClass + "." + t.slideDuplicateClass + ",." + t.slideClass + "." + t.slideBlankClass).remove(), i.removeAttr("data-swiper-slide-index") } }; var d = { setGrabCursor: function(e) { var t = this; y.touch || !t.params.simulateTouch || t.params.watchOverflow && t.isLocked || t.params.cssMode || ((t = t.el).style.cursor = "move", t.style.cursor = e ? "-webkit-grabbing" : "-webkit-grab", t.style.cursor = e ? "-moz-grabbin" : "-moz-grab", t.style.cursor = e ? "grabbing" : "grab") }, unsetGrabCursor: function() { y.touch || this.params.watchOverflow && this.isLocked || this.params.cssMode || (this.el.style.cursor = "") } }; var p, h, m, v, f, g, w, b, E, T, S, C, L, k = { appendSlide: function(e) { var t = this, i = t.$wrapperEl, s = t.params; if (s.loop && t.loopDestroy(), "object" == typeof e && "length" in e) for (var n = 0; n < e.length; n += 1) e[n] && i.append(e[n]); else i.append(e); s.loop && t.loopCreate(), s.observer && y.observer || t.update() }, prependSlide: function(e) { var t = this, i = t.params, s = t.$wrapperEl, n = t.activeIndex; i.loop && t.loopDestroy(); var a = n + 1; if ("object" == typeof e && "length" in e) { for (var r = 0; r < e.length; r += 1) e[r] && s.prepend(e[r]); a = n + e.length } else s.prepend(e); i.loop && t.loopCreate(), i.observer && y.observer || t.update(), t.slideTo(a, 0, !1) }, addSlide: function(e, t) { var i = this, s = i.$wrapperEl, n = i.params, a = i.activeIndex; n.loop && (a -= i.loopedSlides, i.loopDestroy(), i.slides = s.children("." + n.slideClass)); var r = i.slides.length; if (e <= 0) i.prependSlide(t); else if (r <= e) i.appendSlide(t); else { for (var o = e < a ? a + 1 : a, l = [], c = r - 1; e <= c; --c) { var d = i.slides.eq(c); d.remove(), l.unshift(d) } if ("object" == typeof t && "length" in t) { for (var u = 0; u < t.length; u += 1) t[u] && s.append(t[u]); o = e < a ? a + t.length : a } else s.append(t); for (var p = 0; p < l.length; p += 1) s.append(l[p]); n.loop && i.loopCreate(), n.observer && y.observer || i.update(), n.loop ? i.slideTo(o + i.loopedSlides, 0, !1) : i.slideTo(o, 0, !1) } }, removeSlide: function(e) { var t = this, i = t.params, s = t.$wrapperEl, n = t.activeIndex; i.loop && (n -= t.loopedSlides, t.loopDestroy(), t.slides = s.children("." + i.slideClass)); var a, r = n; if ("object" == typeof e && "length" in e) { for (var o = 0; o < e.length; o += 1) a = e[o], t.slides[a] && t.slides.eq(a).remove(), a < r && --r; r = Math.max(r, 0) } else t.slides[a = e] && t.slides.eq(a).remove(), a < r && --r, r = Math.max(r, 0); i.loop && t.loopCreate(), i.observer && y.observer || t.update(), i.loop ? t.slideTo(r + t.loopedSlides, 0, !1) : t.slideTo(r, 0, !1) }, removeAllSlides: function() { for (var e = [], t = 0; t < this.slides.length; t += 1) e.push(t); this.removeSlide(e) } }, I = (p = X.navigator.platform, h = X.navigator.userAgent, m = { ios: !1, android: !1, androidChrome: !1, desktop: !1, iphone: !1, ipod: !1, ipad: !1, edge: !1, ie: !1, firefox: !1, macos: !1, windows: !1, cordova: !(!X.cordova && !X.phonegap), phonegap: !(!X.cordova && !X.phonegap), electron: !1 }, v = X.screen.width, f = X.screen.height, g = h.match(/(Android);?[\s\/]+([\d.]+)?/), w = h.match(/(iPad).*OS\s([\d_]+)/), b = h.match(/(iPod)(.*OS\s([\d_]+))?/), E = !w && h.match(/(iPhone\sOS|iOS)\s([\d_]+)/), T = 0 <= h.indexOf("MSIE ") || 0 <= h.indexOf("Trident/"), S = 0 <= h.indexOf("Edge/"), C = 0 <= h.indexOf("Gecko/") && 0 <= h.indexOf("Firefox/"), L = "Win32" === p, i = 0 <= h.toLowerCase().indexOf("electron"), p = "MacIntel" === p, !w && p && y.touch && (1024 === v && 1366 === f || 834 === v && 1194 === f || 834 === v && 1112 === f || 768 === v && 1024 === f) && (w = h.match(/(Version)\/([\d.]+)/), p = !1), m.ie = T, m.edge = S, m.firefox = C, g && !L && (m.os = "android", m.osVersion = g[2], m.android = !0, m.androidChrome = 0 <= h.toLowerCase().indexOf("chrome")), (w || E || b) && (m.os = "ios", m.ios = !0), E && !b && (m.osVersion = E[2].replace(/_/g, "."), m.iphone = !0), w && (m.osVersion = w[2].replace(/_/g, "."), m.ipad = !0), b && (m.osVersion = b[3] ? b[3].replace(/_/g, ".") : null, m.ipod = !0), m.ios && m.osVersion && 0 <= h.indexOf("Version/") && "10" === m.osVersion.split(".")[0] && (m.osVersion = h.toLowerCase().split("version/")[1].split(" ")[0]), m.webView = !(!(E || w || b) || !h.match(/.*AppleWebKit(?!.*Safari)/i) && !X.navigator.standalone) || X.matchMedia && X.matchMedia("(display-mode: standalone)").matches, m.webview = m.webView, m.standalone = m.webView, m.desktop = !(m.ios || m.android) || i, m.desktop && (m.electron = i, m.macos = p, m.windows = L, m.macos && (m.os = "macos"), m.windows && (m.os = "windows")), m.pixelRatio = X.devicePixelRatio || 1, m); function A() { var e, t, i = this, s = i.params, n = i.el; n && 0 === n.offsetWidth || (s.breakpoints && i.setBreakpoint(), e = i.allowSlideNext, t = i.allowSlidePrev, n = i.snapGrid, i.allowSlideNext = !0, i.allowSlidePrev = !0, i.updateSize(), i.updateSlides(), i.updateSlidesClasses(), ("auto" === s.slidesPerView || 1 < s.slidesPerView) && i.isEnd && !i.params.centeredSlides ? i.slideTo(i.slides.length - 1, 0, !1, !0) : i.slideTo(i.activeIndex, 0, !1, !0), i.autoplay && i.autoplay.running && i.autoplay.paused && i.autoplay.run(), i.allowSlidePrev = t, i.allowSlideNext = e, i.params.watchOverflow && n !== i.snapGrid && i.checkOverflow()) } var P = !1; function M() {} var _ = { init: !0, direction: "horizontal", touchEventsTarget: "container", initialSlide: 0, speed: 300, cssMode: !1, updateOnWindowResize: !0, preventInteractionOnTransition: !1, edgeSwipeDetection: !1, edgeSwipeThreshold: 20, freeMode: !1, freeModeMomentum: !0, freeModeMomentumRatio: 1, freeModeMomentumBounce: !0, freeModeMomentumBounceRatio: 1, freeModeMomentumVelocityRatio: 1, freeModeSticky: !1, freeModeMinimumVelocity: .02, autoHeight: !1, setWrapperSize: !1, virtualTranslate: !1, effect: "slide", breakpoints: void 0, spaceBetween: 0, slidesPerView: 1, slidesPerColumn: 1, slidesPerColumnFill: "column", slidesPerGroup: 1, centeredSlides: !1, centeredSlidesBounds: !1, slidesOffsetBefore: 0, slidesOffsetAfter: 0, normalizeSlideIndex: !0, centerInsufficientSlides: !1, watchOverflow: !1, roundLengths: !1, touchRatio: 1, touchAngle: 45, simulateTouch: !0, shortSwipes: !0, longSwipes: !0, longSwipesRatio: .5, longSwipesMs: 300, followFinger: !0, allowTouchMove: !0, threshold: 0, touchMoveStopPropagation: !1, touchStartPreventDefault: !0, touchStartForcePreventDefault: !1, touchReleaseOnEdges: !1, uniqueNavElements: !0, resistance: !0, resistanceRatio: .85, watchSlidesProgress: !1, watchSlidesVisibility: !1, grabCursor: !1, preventClicks: !0, preventClicksPropagation: !0, slideToClickedSlide: !1, preloadImages: !0, updateOnImagesReady: !0, loop: !1, loopAdditionalSlides: 0, loopedSlides: null, loopFillGroupWithBlank: !1, allowSlidePrev: !0, allowSlideNext: !0, swipeHandler: null, noSwiping: !0, noSwipingClass: "swiper-no-swiping", noSwipingSelector: null, passiveListeners: !0, containerModifierClass: "swiper-container-", slideClass: "swiper-slide", slideBlankClass: "swiper-slide-invisible-blank", slideActiveClass: "swiper-slide-active", slideDuplicateActiveClass: "swiper-slide-duplicate-active", slideVisibleClass: "swiper-slide-visible", slideDuplicateClass: "swiper-slide-duplicate", slideNextClass: "swiper-slide-next", slideDuplicateNextClass: "swiper-slide-duplicate-next", slidePrevClass: "swiper-slide-prev", slideDuplicatePrevClass: "swiper-slide-duplicate-prev", wrapperClass: "swiper-wrapper", runCallbacksOnInit: !0 }, z = { update: s, translate: n, transition: r, slide: o, loop: c, grabCursor: d, manipulation: k, events: { attachEvents: function() { var e = this, t = e.params, i = e.touchEvents, s = e.el, n = e.wrapperEl; e.onTouchStart = function(e) { var t, i, s, n, a, r = this, o = r.touchEventsData, l = r.params, c = r.touches; r.animating && l.preventInteractionOnTransition || (i = x((t = (t = e).originalEvent ? t.originalEvent : t).target), "wrapper" === l.touchEventsTarget && !i.closest(r.wrapperEl).length || (o.isTouchEvent = "touchstart" === t.type, !o.isTouchEvent && "which" in t && 3 === t.which || !o.isTouchEvent && "button" in t && 0 < t.button || o.isTouched && o.isMoved || (l.noSwiping && i.closest(l.noSwipingSelector || "." + l.noSwipingClass)[0] ? r.allowClick = !0 : l.swipeHandler && !i.closest(l.swipeHandler)[0] || (c.currentX = ("touchstart" === t.type ? t.targetTouches[0] : t).pageX, c.currentY = ("touchstart" === t.type ? t.targetTouches[0] : t).pageY, s = c.currentX, a = c.currentY, n = l.edgeSwipeDetection || l.iOSEdgeSwipeDetection, e = l.edgeSwipeThreshold || l.iOSEdgeSwipeThreshold, n && (s <= e || s >= X.screen.width - e) || (j.extend(o, { isTouched: !0, isMoved: !1, allowTouchCallbacks: !0, isScrolling: void 0, startMoving: void 0 }), c.startX = s, c.startY = a, o.touchStartTime = j.now(), r.allowClick = !0, r.updateSize(), r.swipeDirection = void 0, 0 < l.threshold && (o.allowThresholdMove = !1), "touchstart" !== t.type && (a = !0, i.is(o.formElements) && (a = !1), u.activeElement && x(u.activeElement).is(o.formElements) && u.activeElement !== i[0] && u.activeElement.blur(), a = a && r.allowTouchMove && l.touchStartPreventDefault, (l.touchStartForcePreventDefault || a) && t.preventDefault()), r.emit("touchStart", t)))))) }.bind(e), e.onTouchMove = function(e) { var t = this, i = t.touchEventsData, s = t.params, n = t.touches, a = t.rtlTranslate, r = e; if (r.originalEvent && (r = r.originalEvent), i.isTouched) { if (!i.isTouchEvent || "mousemove" !== r.type) { var o = "touchmove" === r.type && r.targetTouches && (r.targetTouches[0] || r.changedTouches[0]), l = ("touchmove" === r.type ? o : r).pageX, e = ("touchmove" === r.type ? o : r).pageY; if (r.preventedByNestedSwiper) return n.startX = l, void(n.startY = e); if (!t.allowTouchMove) return t.allowClick = !1, void(i.isTouched && (j.extend(n, { startX: l, startY: e, currentX: l, currentY: e }), i.touchStartTime = j.now())); if (i.isTouchEvent && s.touchReleaseOnEdges && !s.loop) if (t.isVertical()) { if (e < n.startY && t.translate <= t.maxTranslate() || e > n.startY && t.translate >= t.minTranslate()) return i.isTouched = !1, void(i.isMoved = !1) } else if (l < n.startX && t.translate <= t.maxTranslate() || l > n.startX && t.translate >= t.minTranslate()) return; if (i.isTouchEvent && u.activeElement && r.target === u.activeElement && x(r.target).is(i.formElements)) return i.isMoved = !0, void(t.allowClick = !1); if (i.allowTouchCallbacks && t.emit("touchMove", r), !(r.targetTouches && 1 < r.targetTouches.length)) { n.currentX = l, n.currentY = e; o = n.currentX - n.startX, l = n.currentY - n.startY; if (!(t.params.threshold && Math.sqrt(Math.pow(o, 2) + Math.pow(l, 2)) < t.params.threshold)) if (void 0 === i.isScrolling && (t.isHorizontal() && n.currentY === n.startY || t.isVertical() && n.currentX === n.startX ? i.isScrolling = !1 : 25 <= o * o + l * l && (e = 180 * Math.atan2(Math.abs(l), Math.abs(o)) / Math.PI, i.isScrolling = t.isHorizontal() ? e > s.touchAngle : 90 - e > s.touchAngle)), i.isScrolling && t.emit("touchMoveOpposite", r), void 0 === i.startMoving && (n.currentX === n.startX && n.currentY === n.startY || (i.startMoving = !0)), i.isScrolling) i.isTouched = !1; else if (i.startMoving) { t.allowClick = !1, s.cssMode || r.preventDefault(), s.touchMoveStopPropagation && !s.nested && r.stopPropagation(), i.isMoved || (s.loop && t.loopFix(), i.startTranslate = t.getTranslate(), t.setTransition(0), t.animating && t.$wrapperEl.trigger("webkitTransitionEnd transitionend"), i.allowMomentumBounce = !1, !s.grabCursor || !0 !== t.allowSlideNext && !0 !== t.allowSlidePrev || t.setGrabCursor(!0), t.emit("sliderFirstMove", r)), t.emit("sliderMove", r), i.isMoved = !0; o = t.isHorizontal() ? o : l; n.diff = o, o *= s.touchRatio, t.swipeDirection = 0 < (o = a ? -o : o) ? "prev" : "next", i.currentTranslate = o + i.startTranslate; l = !0, a = s.resistanceRatio; if (s.touchReleaseOnEdges && (a = 0), 0 < o && i.currentTranslate > t.minTranslate() ? (l = !1, s.resistance && (i.currentTranslate = t.minTranslate() - 1 + Math.pow(-t.minTranslate() + i.startTranslate + o, a))) : o < 0 && i.currentTranslate < t.maxTranslate() && (l = !1, s.resistance && (i.currentTranslate = t.maxTranslate() + 1 - Math.pow(t.maxTranslate() - i.startTranslate - o, a))), l && (r.preventedByNestedSwiper = !0), !t.allowSlideNext && "next" === t.swipeDirection && i.currentTranslate < i.startTranslate && (i.currentTranslate = i.startTranslate), !t.allowSlidePrev && "prev" === t.swipeDirection && i.currentTranslate > i.startTranslate && (i.currentTranslate = i.startTranslate), 0 < s.threshold) { if (!(Math.abs(o) > s.threshold || i.allowThresholdMove)) return void(i.currentTranslate = i.startTranslate); if (!i.allowThresholdMove) return i.allowThresholdMove = !0, n.startX = n.currentX, n.startY = n.currentY, i.currentTranslate = i.startTranslate, void(n.diff = t.isHorizontal() ? n.currentX - n.startX : n.currentY - n.startY) } s.followFinger && !s.cssMode && ((s.freeMode || s.watchSlidesProgress || s.watchSlidesVisibility) && (t.updateActiveIndex(), t.updateSlidesClasses()), s.freeMode && (0 === i.velocities.length && i.velocities.push({ position: n[t.isHorizontal() ? "startX" : "startY"], time: i.touchStartTime }), i.velocities.push({ position: n[t.isHorizontal() ? "currentX" : "currentY"], time: j.now() })), t.updateProgress(i.currentTranslate), t.setTranslate(i.currentTranslate)) } } } } else i.startMoving && i.isScrolling && t.emit("touchMoveOpposite", r) }.bind(e), e.onTouchEnd = function(e) { var t = this, i = t.touchEventsData, s = t.params, n = t.touches, a = t.rtlTranslate, r = t.$wrapperEl, o = t.slidesGrid, l = t.snapGrid, c = e; if (c.originalEvent && (c = c.originalEvent), i.allowTouchCallbacks && t.emit("touchEnd", c), i.allowTouchCallbacks = !1, !i.isTouched) return i.isMoved && s.grabCursor && t.setGrabCursor(!1), i.isMoved = !1, void(i.startMoving = !1); s.grabCursor && i.isMoved && i.isTouched && (!0 === t.allowSlideNext || !0 === t.allowSlidePrev) && t.setGrabCursor(!1); var d, u = j.now(), e = u - i.touchStartTime; if (t.allowClick && (t.updateClickedSlide(c), t.emit("tap click", c), e < 300 && u - i.lastClickTime < 300 && t.emit("doubleTap doubleClick", c)), i.lastClickTime = j.now(), j.nextTick(function() { t.destroyed || (t.allowClick = !0) }), !i.isTouched || !i.isMoved || !t.swipeDirection || 0 === n.diff || i.currentTranslate === i.startTranslate) return i.isTouched = !1, i.isMoved = !1, void(i.startMoving = !1); if (i.isTouched = !1, i.isMoved = !1, i.startMoving = !1, d = s.followFinger ? a ? t.translate : -t.translate : -i.currentTranslate, !s.cssMode) if (s.freeMode) if (d < -t.minTranslate()) t.slideTo(t.activeIndex); else if (d > -t.maxTranslate()) t.slides.length < l.length ? t.slideTo(l.length - 1) : t.slideTo(t.slides.length - 1); else { if (s.freeModeMomentum) { 1 < i.velocities.length ? (g = i.velocities.pop(), h = i.velocities.pop(), p = g.position - h.position, h = g.time - h.time, t.velocity = p / h, t.velocity /= 2, Math.abs(t.velocity) < s.freeModeMinimumVelocity && (t.velocity = 0), (150 < h || 300 < j.now() - g.time) && (t.velocity = 0)) : t.velocity = 0, t.velocity *= s.freeModeMomentumVelocityRatio, i.velocities.length = 0; var p = 1e3 * s.freeModeMomentumRatio, h = t.velocity * p, m = t.translate + h; a && (m = -m); var v, f, g = !1, h = 20 * Math.abs(t.velocity) * s.freeModeMomentumBounceRatio; if (m < t.maxTranslate()) s.freeModeMomentumBounce ? (m + t.maxTranslate() < -h && (m = t.maxTranslate() - h), v = t.maxTranslate(), i.allowMomentumBounce = g = !0) : m = t.maxTranslate(), s.loop && s.centeredSlides && (f = !0); else if (m > t.minTranslate()) s.freeModeMomentumBounce ? (m - t.minTranslate() > h && (m = t.minTranslate() + h), v = t.minTranslate(), i.allowMomentumBounce = g = !0) : m = t.minTranslate(), s.loop && s.centeredSlides && (f = !0); else if (s.freeModeSticky) { for (var w, b = 0; b < l.length; b += 1) if (l[b] > -m) { w = b; break } m = -(m = Math.abs(l[w] - m) < Math.abs(l[w - 1] - m) || "next" === t.swipeDirection ? l[w] : l[w - 1]) } if (f && t.once("transitionEnd", function() { t.loopFix() }), 0 !== t.velocity) p = a ? Math.abs((-m - t.translate) / t.velocity) : Math.abs((m - t.translate) / t.velocity), s.freeModeSticky && (p = (f = Math.abs((a ? -m : m) - t.translate)) < (a = t.slidesSizesGrid[t.activeIndex]) ? s.speed : f < 2 * a ? 1.5 * s.speed : 2.5 * s.speed); else if (s.freeModeSticky) return void t.slideToClosest(); s.freeModeMomentumBounce && g ? (t.updateProgress(v), t.setTransition(p), t.setTranslate(m), t.transitionStart(!0, t.swipeDirection), t.animating = !0, r.transitionEnd(function() { t && !t.destroyed && i.allowMomentumBounce && (t.emit("momentumBounce"), t.setTransition(s.speed), t.setTranslate(v), r.transitionEnd(function() { t && !t.destroyed && t.transitionEnd() })) })) : t.velocity ? (t.updateProgress(m), t.setTransition(p), t.setTranslate(m), t.transitionStart(!0, t.swipeDirection), t.animating || (t.animating = !0, r.transitionEnd(function() { t && !t.destroyed && t.transitionEnd() }))) : t.updateProgress(m), t.updateActiveIndex(), t.updateSlidesClasses() } else if (s.freeModeSticky) return void t.slideToClosest(); (!s.freeModeMomentum || e >= s.longSwipesMs) && (t.updateProgress(), t.updateActiveIndex(), t.updateSlidesClasses()) } else { for (var y = 0, E = t.slidesSizesGrid[0], T = 0; T < o.length; T += s.slidesPerGroup) void 0 !== o[T + s.slidesPerGroup] ? d >= o[T] && d < o[T + s.slidesPerGroup] && (E = o[(y = T) + s.slidesPerGroup] - o[T]) : d >= o[T] && (y = T, E = o[o.length - 1] - o[o.length - 2]); p = (d - o[y]) / E; e > s.longSwipesMs ? s.longSwipes ? ("next" === t.swipeDirection && (p >= s.longSwipesRatio ? t.slideTo(y + s.slidesPerGroup) : t.slideTo(y)), "prev" === t.swipeDirection && (p > 1 - s.longSwipesRatio ? t.slideTo(y + s.slidesPerGroup) : t.slideTo(y))) : t.slideTo(t.activeIndex) : s.shortSwipes ? t.navigation && (c.target === t.navigation.nextEl || c.target === t.navigation.prevEl) ? c.target === t.navigation.nextEl ? t.slideTo(y + s.slidesPerGroup) : t.slideTo(y) : ("next" === t.swipeDirection && t.slideTo(y + s.slidesPerGroup), "prev" === t.swipeDirection && t.slideTo(y)) : t.slideTo(t.activeIndex) } }.bind(e), t.cssMode && (e.onScroll = function() { var e = this, t = e.wrapperEl; e.previousTranslate = e.translate, e.translate = e.isHorizontal() ? -t.scrollLeft : -t.scrollTop, -0 === e.translate && (e.translate = 0), e.updateActiveIndex(), e.updateSlidesClasses(), (0 == (t = e.maxTranslate() - e.minTranslate()) ? 0 : (e.translate - e.minTranslate()) / t) !== e.progress && e.updateProgress(e.translate), e.emit("setTranslate", e.translate, !1) }.bind(e)), e.onClick = function(e) { this.allowClick || (this.params.preventClicks && e.preventDefault(), this.params.preventClicksPropagation && this.animating && (e.stopPropagation(), e.stopImmediatePropagation())) }.bind(e); var a, r = !!t.nested; !y.touch && y.pointerEvents ? (s.addEventListener(i.start, e.onTouchStart, !1), u.addEventListener(i.move, e.onTouchMove, r), u.addEventListener(i.end, e.onTouchEnd, !1)) : (y.touch && (a = !("touchstart" !== i.start || !y.passiveListener || !t.passiveListeners) && { passive: !0, capture: !1 }, s.addEventListener(i.start, e.onTouchStart, a), s.addEventListener(i.move, e.onTouchMove, y.passiveListener ? { passive: !1, capture: r } : r), s.addEventListener(i.end, e.onTouchEnd, a), i.cancel && s.addEventListener(i.cancel, e.onTouchEnd, a), P || (u.addEventListener("touchstart", M), P = !0)), (t.simulateTouch && !I.ios && !I.android || t.simulateTouch && !y.touch && I.ios) && (s.addEventListener("mousedown", e.onTouchStart, !1), u.addEventListener("mousemove", e.onTouchMove, r), u.addEventListener("mouseup", e.onTouchEnd, !1))), (t.preventClicks || t.preventClicksPropagation) && s.addEventListener("click", e.onClick, !0), t.cssMode && n.addEventListener("scroll", e.onScroll), t.updateOnWindowResize ? e.on(I.ios || I.android ? "resize orientationchange observerUpdate" : "resize observerUpdate", A, !0) : e.on("observerUpdate", A, !0) }, detachEvents: function() { var e, t = this, i = t.params, s = t.touchEvents, n = t.el, a = t.wrapperEl, r = !!i.nested; !y.touch && y.pointerEvents ? (n.removeEventListener(s.start, t.onTouchStart, !1), u.removeEventListener(s.move, t.onTouchMove, r), u.removeEventListener(s.end, t.onTouchEnd, !1)) : (y.touch && (e = !("onTouchStart" !== s.start || !y.passiveListener || !i.passiveListeners) && { passive: !0, capture: !1 }, n.removeEventListener(s.start, t.onTouchStart, e), n.removeEventListener(s.move, t.onTouchMove, r), n.removeEventListener(s.end, t.onTouchEnd, e), s.cancel && n.removeEventListener(s.cancel, t.onTouchEnd, e)), (i.simulateTouch && !I.ios && !I.android || i.simulateTouch && !y.touch && I.ios) && (n.removeEventListener("mousedown", t.onTouchStart, !1), u.removeEventListener("mousemove", t.onTouchMove, r), u.removeEventListener("mouseup", t.onTouchEnd, !1))), (i.preventClicks || i.preventClicksPropagation) && n.removeEventListener("click", t.onClick, !0), i.cssMode && a.removeEventListener("scroll", t.onScroll), t.off(I.ios || I.android ? "resize orientationchange observerUpdate" : "resize observerUpdate", A) } }, breakpoints: { setBreakpoint: function() { var e = this, t = e.activeIndex, i = e.initialized, s = e.loopedSlides; void 0 === s && (s = 0); var n, a, r, o, l = e.params, c = e.$el, d = l.breakpoints; !d || d && 0 === Object.keys(d).length || (n = e.getBreakpoint(d)) && e.currentBreakpoint !== n && ((a = n in d ? d[n] : void 0) && ["slidesPerView", "spaceBetween", "slidesPerGroup", "slidesPerColumn"].forEach(function(e) { var t = a[e]; void 0 !== t && (a[e] = "slidesPerView" !== e || "AUTO" !== t && "auto" !== t ? "slidesPerView" === e ? parseFloat(t) : parseInt(t, 10) : "auto") }), r = a || e.originalParams, o = 1 < l.slidesPerColumn, d = 1 < r.slidesPerColumn, o && !d ? c.removeClass(l.containerModifierClass + "multirow " + l.containerModifierClass + "multirow-column") : !o && d && (c.addClass(l.containerModifierClass + "multirow"), "column" === r.slidesPerColumnFill && c.addClass(l.containerModifierClass + "multirow-column")), c = r.direction && r.direction !== l.direction, l = l.loop && (r.slidesPerView !== l.slidesPerView || c), c && i && e.changeDirection(), j.extend(e.params, r), j.extend(e, { allowTouchMove: e.params.allowTouchMove, allowSlideNext: e.params.allowSlideNext, allowSlidePrev: e.params.allowSlidePrev }), e.currentBreakpoint = n, l && i && (e.loopDestroy(), e.loopCreate(), e.updateSlides(), e.slideTo(t - s + e.loopedSlides, 0, !1)), e.emit("breakpoint", r)) }, getBreakpoint: function(e) { if (e) { var t = !1, i = []; Object.keys(e).forEach(function(e) { i.push(e) }), i.sort(function(e, t) { return parseInt(e, 10) - parseInt(t, 10) }); for (var s = 0; s < i.length; s += 1) { var n = i[s]; n <= X.innerWidth && (t = n) } return t || "max" } } }, checkOverflow: { checkOverflow: function() { var e = this, t = e.params, i = e.isLocked, s = 0 < e.slides.length && t.slidesOffsetBefore + t.spaceBetween * (e.slides.length - 1) + e.slides[0].offsetWidth * e.slides.length; t.slidesOffsetBefore && t.slidesOffsetAfter && s ? e.isLocked = s <= e.size : e.isLocked = 1 === e.snapGrid.length, e.allowSlideNext = !e.isLocked, e.allowSlidePrev = !e.isLocked, i !== e.isLocked && e.emit(e.isLocked ? "lock" : "unlock"), i && i !== e.isLocked && (e.isEnd = !1, e.navigation.update()) } }, classes: { addClasses: function() { var t = this.classNames, i = this.params, e = this.rtl, s = this.$el, n = []; n.push("initialized"), n.push(i.direction), i.freeMode && n.push("free-mode"), i.autoHeight && n.push("autoheight"), e && n.push("rtl"), 1 < i.slidesPerColumn && (n.push("multirow"), "column" === i.slidesPerColumnFill && n.push("multirow-column")), I.android && n.push("android"), I.ios && n.push("ios"), i.cssMode && n.push("css-mode"), n.forEach(function(e) { t.push(i.containerModifierClass + e) }), s.addClass(t.join(" ")) }, removeClasses: function() { var e = this.$el, t = this.classNames; e.removeClass(t.join(" ")) } }, images: { loadImage: function(e, t, i, s, n, a) { function r() { a && a() }(!e.complete || !n) && t ? ((n = new X.Image).onload = r, n.onerror = r, s && (n.sizes = s), i && (n.srcset = i), t && (n.src = t)) : r() }, preloadImages: function() { var e = this; function t() { null != e && e && !e.destroyed && (void 0 !== e.imagesLoaded && (e.imagesLoaded += 1), e.imagesLoaded === e.imagesToLoad.length && (e.params.updateOnImagesReady && e.update(), e.emit("imagesReady"))) } e.imagesToLoad = e.$el.find("img"); for (var i = 0; i < e.imagesToLoad.length; i += 1) { var s = e.imagesToLoad[i]; e.loadImage(s, s.currentSrc || s.getAttribute("src"), s.srcset || s.getAttribute("srcset"), s.sizes || s.getAttribute("sizes"), !0, t) } } } }, O = {}, R = function(c) { function d() { for (var i, e = [], t = arguments.length; t--;) e[t] = arguments[t]; i = 1 === e.length && e[0].constructor && e[0].constructor === Object ? e[0] : (a = e[0], e[1]), i = j.extend({}, i = i || {}), a && !i.el && (i.el = a), c.call(this, i), Object.keys(z).forEach(function(t) { Object.keys(z[t]).forEach(function(e) { d.prototype[e] || (d.prototype[e] = z[t][e]) }) }); var s = this; void 0 === s.modules && (s.modules = {}), Object.keys(s.modules).forEach(function(e) { var t = s.modules[e]; t.params && (e = Object.keys(t.params)[0], "object" == typeof(t = t.params[e]) && null !== t && e in i && "enabled" in t && (!0 === i[e] && (i[e] = { enabled: !0 }), "object" != typeof i[e] || "enabled" in i[e] || (i[e].enabled = !0), i[e] || (i[e] = { enabled: !1 }))) }); var n = j.extend({}, _); s.useModulesParams(n), s.params = j.extend({}, n, O, i), s.originalParams = j.extend({}, s.params), s.passedParams = j.extend({}, i); var a, r, o = (s.$ = x)(s.params.el); if (a = o[0]) { if (1 < o.length) { var l = []; return o.each(function(e, t) { t = j.extend({}, i, { el: t }); l.push(new d(t)) }), l } return a.swiper = s, o.data("swiper", s), a && a.shadowRoot && a.shadowRoot.querySelector ? (r = x(a.shadowRoot.querySelector("." + s.params.wrapperClass))).children = function(e) { return o.children(e) } : r = o.children("." + s.params.wrapperClass), j.extend(s, { $el: o, el: a, $wrapperEl: r, wrapperEl: r[0], classNames: [], slides: x(), slidesGrid: [], snapGrid: [], slidesSizesGrid: [], isHorizontal: function() { return "horizontal" === s.params.direction }, isVertical: function() { return "vertical" === s.params.direction }, rtl: "rtl" === a.dir.toLowerCase() || "rtl" === o.css("direction"), rtlTranslate: "horizontal" === s.params.direction && ("rtl" === a.dir.toLowerCase() || "rtl" === o.css("direction")), wrongRTL: "-webkit-box" === r.css("display"), activeIndex: 0, realIndex: 0, isBeginning: !0, isEnd: !1, translate: 0, previousTranslate: 0, progress: 0, velocity: 0, animating: !1, allowSlideNext: s.params.allowSlideNext, allowSlidePrev: s.params.allowSlidePrev, touchEvents: (a = ["touchstart", "touchmove", "touchend", "touchcancel"], r = ["mousedown", "mousemove", "mouseup"], y.pointerEvents && (r = ["pointerdown", "pointermove", "pointerup"]), s.touchEventsTouch = { start: a[0], move: a[1], end: a[2], cancel: a[3] }, s.touchEventsDesktop = { start: r[0], move: r[1], end: r[2] }, y.touch || !s.params.simulateTouch ? s.touchEventsTouch : s.touchEventsDesktop), touchEventsData: { isTouched: void 0, isMoved: void 0, allowTouchCallbacks: void 0, touchStartTime: void 0, isScrolling: void 0, currentTranslate: void 0, startTranslate: void 0, allowThresholdMove: void 0, formElements: "input, select, option, textarea, button, video", lastClickTime: j.now(), clickTimeout: void 0, velocities: [], allowMomentumBounce: void 0, isTouchEvent: void 0, startMoving: void 0 }, allowClick: !0, allowTouchMove: s.params.allowTouchMove, touches: { startX: 0, startY: 0, currentX: 0, currentY: 0, diff: 0 }, imagesToLoad: [], imagesLoaded: 0 }), s.useModules(), s.params.init && s.init(), s } } c && (d.__proto__ = c), d.prototype = Object.create(c && c.prototype); var e = { extendedDefaults: { configurable: !0 }, defaults: { configurable: !0 }, Class: { configurable: !0 }, $: { configurable: !0 } }; return (d.prototype.constructor = d).prototype.slidesPerViewDynamic = function() { var e = this, t = e.params, i = e.slides, s = e.slidesGrid, n = e.size, a = e.activeIndex, r = 1; if (t.centeredSlides) { for (var o, l = i[a].swiperSlideSize, c = a + 1; c < i.length; c += 1) i[c] && !o && (r += 1, n < (l += i[c].swiperSlideSize) && (o = !0)); for (var d = a - 1; 0 <= d; --d) i[d] && !o && (r += 1, n < (l += i[d].swiperSlideSize) && (o = !0)) } else for (var u = a + 1; u < i.length; u += 1) s[u] - s[a] < n && (r += 1); return r }, d.prototype.update = function() { var e, t, i = this; function s() { var e = i.rtlTranslate ? -1 * i.translate : i.translate, e = Math.min(Math.max(e, i.maxTranslate()), i.minTranslate()); i.setTranslate(e), i.updateActiveIndex(), i.updateSlidesClasses() } i && !i.destroyed && (e = i.snapGrid, (t = i.params).breakpoints && i.setBreakpoint(), i.updateSize(), i.updateSlides(), i.updateProgress(), i.updateSlidesClasses(), i.params.freeMode ? (s(), i.params.autoHeight && i.updateAutoHeight()) : (("auto" === i.params.slidesPerView || 1 < i.params.slidesPerView) && i.isEnd && !i.params.centeredSlides ? i.slideTo(i.slides.length - 1, 0, !1, !0) : i.slideTo(i.activeIndex, 0, !1, !0)) || s(), t.watchOverflow && e !== i.snapGrid && i.checkOverflow(), i.emit("update")) }, d.prototype.changeDirection = function(i, e) { void 0 === e && (e = !0); var t = this, s = t.params.direction; return (i = i || ("horizontal" === s ? "vertical" : "horizontal")) === s || "horizontal" !== i && "vertical" !== i || (t.$el.removeClass("" + t.params.containerModifierClass + s).addClass("" + t.params.containerModifierClass + i), t.params.direction = i, t.slides.each(function(e, t) { "vertical" === i ? t.style.width = "" : t.style.height = "" }), t.emit("changeDirection"), e && t.update()), t }, d.prototype.init = function() { var e = this; e.initialized || (e.emit("beforeInit"), e.params.breakpoints && e.setBreakpoint(), e.addClasses(), e.params.loop && e.loopCreate(), e.updateSize(), e.updateSlides(), e.params.watchOverflow && e.checkOverflow(), e.params.grabCursor && e.setGrabCursor(), e.params.preloadImages && e.preloadImages(), e.params.loop ? e.slideTo(e.params.initialSlide + e.loopedSlides, 0, e.params.runCallbacksOnInit) : e.slideTo(e.params.initialSlide, 0, e.params.runCallbacksOnInit), e.attachEvents(), e.initialized = !0, e.emit("init")) }, d.prototype.destroy = function(e, t) { void 0 === e && (e = !0), void 0 === t && (t = !0); var i = this, s = i.params, n = i.$el, a = i.$wrapperEl, r = i.slides; return void 0 === i.params || i.destroyed || (i.emit("beforeDestroy"), i.initialized = !1, i.detachEvents(), s.loop && i.loopDestroy(), t && (i.removeClasses(), n.removeAttr("style"), a.removeAttr("style"), r && r.length && r.removeClass([s.slideVisibleClass, s.slideActiveClass, s.slideNextClass, s.slidePrevClass].join(" ")).removeAttr("style").removeAttr("data-swiper-slide-index")), i.emit("destroy"), Object.keys(i.eventsListeners).forEach(function(e) { i.off(e) }), !1 !== e && (i.$el[0].swiper = null, i.$el.data("swiper", null), j.deleteProps(i)), i.destroyed = !0), null }, d.extendDefaults = function(e) { j.extend(O, e) }, e.extendedDefaults.get = function() { return O }, e.defaults.get = function() { return _ }, e.Class.get = function() { return c }, e.$.get = function() { return x }, Object.defineProperties(d, e), d }(e), n = { name: "device", proto: { device: I }, static: { device: I } }, r = { name: "support", proto: { support: y }, static: { support: y } }, B = { isEdge: !!X.navigator.userAgent.match(/Edge/g), isSafari: 0 <= (o = X.navigator.userAgent.toLowerCase()).indexOf("safari") && o.indexOf("chrome") < 0 && o.indexOf("android") < 0, isUiWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(X.navigator.userAgent) }, c = { name: "browser", proto: { browser: B }, static: { browser: B } }, d = { name: "resize", create: function() { var e = this; j.extend(e, { resize: { resizeHandler: function() { e && !e.destroyed && e.initialized && (e.emit("beforeResize"), e.emit("resize")) }, orientationChangeHandler: function() { e && !e.destroyed && e.initialized && e.emit("orientationchange") } } }) }, on: { init: function() { X.addEventListener("resize", this.resize.resizeHandler), X.addEventListener("orientationchange", this.resize.orientationChangeHandler) }, destroy: function() { X.removeEventListener("resize", this.resize.resizeHandler), X.removeEventListener("orientationchange", this.resize.orientationChangeHandler) } } }, q = { func: X.MutationObserver || X.WebkitMutationObserver, attach: function(e, t) { void 0 === t && (t = {}); var i = this, s = new q.func(function(e) { var t; 1 !== e.length ? (t = function() { i.emit("observerUpdate", e[0]) }, X.requestAnimationFrame ? X.requestAnimationFrame(t) : X.setTimeout(t, 0)) : i.emit("observerUpdate", e[0]) }); s.observe(e, { attributes: void 0 === t.attributes || t.attributes, childList: void 0 === t.childList || t.childList, characterData: void 0 === t.characterData || t.characterData }), i.observer.observers.push(s) }, init: function() { var e = this; if (y.observer && e.params.observer) { if (e.params.observeParents) for (var t = e.$el.parents(), i = 0; i < t.length; i += 1) e.observer.attach(t[i]); e.observer.attach(e.$el[0], { childList: e.params.observeSlideChildren }), e.observer.attach(e.$wrapperEl[0], { attributes: !1 }) } }, destroy: function() { this.observer.observers.forEach(function(e) { e.disconnect() }), this.observer.observers = [] } }, k = { name: "observer", params: { observer: !1, observeParents: !1, observeSlideChildren: !1 }, create: function() { j.extend(this, { observer: { init: q.init.bind(this), attach: q.attach.bind(this), destroy: q.destroy.bind(this), observers: [] } }) }, on: { init: function() { this.observer.init() }, destroy: function() { this.observer.destroy() } } }, N = { update: function(e) { var t = this, i = t.params, s = i.slidesPerView, n = i.slidesPerGroup, a = i.centeredSlides, r = t.params.virtual, o = r.addSlidesBefore, l = r.addSlidesAfter, c = t.virtual, d = c.from, u = c.to, p = c.slides, h = c.slidesGrid, m = c.renderSlide, i = c.offset; t.updateActiveIndex(); var r = t.activeIndex || 0, c = t.rtlTranslate ? "right" : t.isHorizontal() ? "left" : "top", l = a ? (g = Math.floor(s / 2) + n + o, Math.floor(s / 2) + n + l) : (g = s + (n - 1) + o, n + l), v = Math.max((r || 0) - l, 0), f = Math.min((r || 0) + g, p.length - 1), g = (t.slidesGrid[v] || 0) - (t.slidesGrid[0] || 0); function w() { t.updateSlides(), t.updateProgress(), t.updateSlidesClasses(), t.lazy && t.params.lazy.enabled && t.lazy.load() } if (j.extend(t.virtual, { from: v, to: f, offset: g, slidesGrid: t.slidesGrid }), d === v && u === f && !e) return t.slidesGrid !== h && g !== i && t.slides.css(c, g + "px"), void t.updateProgress(); if (t.params.virtual.renderExternal) return t.params.virtual.renderExternal.call(t, { offset: g, from: v, to: f, slides: function() { for (var e = [], t = v; t <= f; t += 1) e.push(p[t]); return e }() }), void w(); var b = [], y = []; if (e) t.$wrapperEl.find("." + t.params.slideClass).remove(); else for (var E = d; E <= u; E += 1)(E < v || f < E) && t.$wrapperEl.find("." + t.params.slideClass + '[data-swiper-slide-index="' + E + '"]').remove(); for (var T = 0; T < p.length; T += 1) v <= T && T <= f && (void 0 === u || e ? y.push(T) : (u < T && y.push(T), T < d && b.push(T))); y.forEach(function(e) { t.$wrapperEl.append(m(p[e], e)) }), b.sort(function(e, t) { return t - e }).forEach(function(e) { t.$wrapperEl.prepend(m(p[e], e)) }), t.$wrapperEl.children(".swiper-slide").css(c, g + "px"), w() }, renderSlide: function(e, t) { var i = this, s = i.params.virtual; if (s.cache && i.virtual.cache[t]) return i.virtual.cache[t]; e = s.renderSlide ? x(s.renderSlide.call(i, e, t)) : x('<div class="' + i.params.slideClass + '" data-swiper-slide-index="' + t + '">' + e + "</div>"); return e.attr("data-swiper-slide-index") || e.attr("data-swiper-slide-index", t), s.cache && (i.virtual.cache[t] = e), e }, appendSlide: function(e) { if ("object" == typeof e && "length" in e) for (var t = 0; t < e.length; t += 1) e[t] && this.virtual.slides.push(e[t]); else this.virtual.slides.push(e); this.virtual.update(!0) }, prependSlide: function(e) { var s, n, t = this, i = t.activeIndex, a = i + 1, r = 1; if (Array.isArray(e)) { for (var o = 0; o < e.length; o += 1) e[o] && t.virtual.slides.unshift(e[o]); a = i + e.length, r = e.length } else t.virtual.slides.unshift(e); t.params.virtual.cache && (s = t.virtual.cache, n = {}, Object.keys(s).forEach(function(e) { var t = s[e], i = t.attr("data-swiper-slide-index"); i && t.attr("data-swiper-slide-index", parseInt(i, 10) + 1), n[parseInt(e, 10) + r] = t }), t.virtual.cache = n), t.virtual.update(!0), t.slideTo(a, 0) }, removeSlide: function(e) { var t = this; if (null != e) { var i = t.activeIndex; if (Array.isArray(e)) for (var s = e.length - 1; 0 <= s; --s) t.virtual.slides.splice(e[s], 1), t.params.virtual.cache && delete t.virtual.cache[e[s]], e[s] < i && --i, i = Math.max(i, 0); else t.virtual.slides.splice(e, 1), t.params.virtual.cache && delete t.virtual.cache[e], e < i && --i, i = Math.max(i, 0); t.virtual.update(!0), t.slideTo(i, 0) } }, removeAllSlides: function() { var e = this; e.virtual.slides = [], e.params.virtual.cache && (e.virtual.cache = {}), e.virtual.update(!0), e.slideTo(0, 0) } }, e = { name: "virtual", params: { virtual: { enabled: !1, slides: [], cache: !0, renderSlide: null, renderExternal: null, addSlidesBefore: 0, addSlidesAfter: 0 } }, create: function() { var e = this; j.extend(e, { virtual: { update: N.update.bind(e), appendSlide: N.appendSlide.bind(e), prependSlide: N.prependSlide.bind(e), removeSlide: N.removeSlide.bind(e), removeAllSlides: N.removeAllSlides.bind(e), renderSlide: N.renderSlide.bind(e), slides: e.params.virtual.slides, cache: {} } }) }, on: { beforeInit: function() { var e, t = this; t.params.virtual.enabled && (t.classNames.push(t.params.containerModifierClass + "virtual"), j.extend(t.params, e = { watchSlidesProgress: !0 }), j.extend(t.originalParams, e), t.params.initialSlide || t.virtual.update()) }, setTranslate: function() { this.params.virtual.enabled && this.virtual.update() } } }, D = { handle: function(e) { var t = this, i = t.rtlTranslate, s = e, n = (s = s.originalEvent ? s.originalEvent : s).keyCode || s.charCode; if (!t.allowSlideNext && (t.isHorizontal() && 39 === n || t.isVertical() && 40 === n || 34 === n)) return !1; if (!t.allowSlidePrev && (t.isHorizontal() && 37 === n || t.isVertical() && 38 === n || 33 === n)) return !1; if (!(s.shiftKey || s.altKey || s.ctrlKey || s.metaKey || u.activeElement && u.activeElement.nodeName && ("input" === u.activeElement.nodeName.toLowerCase() || "textarea" === u.activeElement.nodeName.toLowerCase()))) { if (t.params.keyboard.onlyInViewport && (33 === n || 34 === n || 37 === n || 39 === n || 38 === n || 40 === n)) { var a = !1; if (0 < t.$el.parents("." + t.params.slideClass).length && 0 === t.$el.parents("." + t.params.slideActiveClass).length) return; var r = X.innerWidth, o = X.innerHeight, e = t.$el.offset(); i && (e.left -= t.$el[0].scrollLeft); for (var l = [ [e.left, e.top], [e.left + t.width, e.top], [e.left, e.top + t.height], [e.left + t.width, e.top + t.height] ], c = 0; c < l.length; c += 1) { var d = l[c]; 0 <= d[0] && d[0] <= r && 0 <= d[1] && d[1] <= o && (a = !0) } if (!a) return } t.isHorizontal() ? (33 !== n && 34 !== n && 37 !== n && 39 !== n || (s.preventDefault ? s.preventDefault() : s.returnValue = !1), (34 !== n && 39 !== n || i) && (33 !== n && 37 !== n || !i) || t.slideNext(), (33 !== n && 37 !== n || i) && (34 !== n && 39 !== n || !i) || t.slidePrev()) : (33 !== n && 34 !== n && 38 !== n && 40 !== n || (s.preventDefault ? s.preventDefault() : s.returnValue = !1), 34 !== n && 40 !== n || t.slideNext(), 33 !== n && 38 !== n || t.slidePrev()), t.emit("keyPress", n) } }, enable: function() { this.keyboard.enabled || (x(u).on("keydown", this.keyboard.handle), this.keyboard.enabled = !0) }, disable: function() { this.keyboard.enabled && (x(u).off("keydown", this.keyboard.handle), this.keyboard.enabled = !1) } }, o = { name: "keyboard", params: { keyboard: { enabled: !1, onlyInViewport: !0 } }, create: function() { j.extend(this, { keyboard: { enabled: !1, enable: D.enable.bind(this), disable: D.disable.bind(this), handle: D.handle.bind(this) } }) }, on: { init: function() { this.params.keyboard.enabled && this.keyboard.enable() }, destroy: function() { this.keyboard.enabled && this.keyboard.disable() } } }; var $ = { lastScrollTime: j.now(), lastEventBeforeSnap: void 0, recentWheelEvents: [], event: function() { return -1 < X.navigator.userAgent.indexOf("firefox") ? "DOMMouseScroll" : ((i = (t = "onwheel") in u) || ((e = u.createElement("div")).setAttribute(t, "return;"), i = "function" == typeof e[t]), (i = !i && u.implementation && u.implementation.hasFeature && !0 !== u.implementation.hasFeature("", "") ? u.implementation.hasFeature("Events.wheel", "3.0") : i) ? "wheel" : "mousewheel"); var e, t, i }, normalize: function(e) { var t = 0, i = 0, s = 0, n = 0; return "detail" in e && (i = e.detail), "wheelDelta" in e && (i = -e.wheelDelta / 120), "wheelDeltaY" in e && (i = -e.wheelDeltaY / 120), "wheelDeltaX" in e && (t = -e.wheelDeltaX / 120), "axis" in e && e.axis === e.HORIZONTAL_AXIS && (t = i, i = 0), s = 10 * t, n = 10 * i, "deltaY" in e && (n = e.deltaY), "deltaX" in e && (s = e.deltaX), e.shiftKey && !s && (s = n, n = 0), (s || n) && e.deltaMode && (1 === e.deltaMode ? (s *= 40, n *= 40) : (s *= 800, n *= 800)), { spinX: t = s && !t ? s < 1 ? -1 : 1 : t, spinY: i = n && !i ? n < 1 ? -1 : 1 : i, pixelX: s, pixelY: n } }, handleMouseEnter: function() { this.mouseEntered = !0 }, handleMouseLeave: function() { this.mouseEntered = !1 }, handle: function(e) { var t = e, i = this, s = i.params.mousewheel; if (i.params.cssMode && t.preventDefault(), !i.mouseEntered && !s.releaseOnEdges) return !0; t.originalEvent && (t = t.originalEvent); var n = 0, a = i.rtlTranslate ? -1 : 1, r = $.normalize(t); if (s.forceToAxis) if (i.isHorizontal()) { if (!(Math.abs(r.pixelX) > Math.abs(r.pixelY))) return !0; n = r.pixelX * a } else { if (!(Math.abs(r.pixelY) > Math.abs(r.pixelX))) return !0; n = r.pixelY } else n = Math.abs(r.pixelX) > Math.abs(r.pixelY) ? -r.pixelX * a : -r.pixelY; if (0 === n) return !0; if (s.invert && (n = -n), i.params.freeMode) { var o = { time: j.now(), delta: Math.abs(n), direction: Math.sign(n) }, a = i.mousewheel.lastEventBeforeSnap, r = a && o.time < a.time + 500 && o.delta <= a.delta && o.direction === a.direction; if (!r) { i.mousewheel.lastEventBeforeSnap = void 0, i.params.loop && i.loopFix(); var l, c, d = i.getTranslate() + n * s.sensitivity, a = i.isBeginning, s = i.isEnd; if ((d = d >= i.minTranslate() ? i.minTranslate() : d) <= i.maxTranslate() && (d = i.maxTranslate()), i.setTransition(0), i.setTranslate(d), i.updateProgress(), i.updateActiveIndex(), i.updateSlidesClasses(), (!a && i.isBeginning || !s && i.isEnd) && i.updateSlidesClasses(), i.params.freeModeSticky && (clearTimeout(i.mousewheel.timeout), i.mousewheel.timeout = void 0, 15 <= (l = i.mousewheel.recentWheelEvents).length && l.shift(), a = l.length ? l[l.length - 1] : void 0, s = l[0], l.push(o), a && (o.delta > a.delta || o.direction !== a.direction) ? l.splice(0) : 15 <= l.length && o.time - s.time < 500 && 1 <= s.delta - o.delta && o.delta <= 6 && (c = 0 < n ? .8 : .2, i.mousewheel.lastEventBeforeSnap = o, l.splice(0), i.mousewheel.timeout = j.nextTick(function() { i.slideToClosest(i.params.speed, !0, void 0, c) }, 0)), i.mousewheel.timeout || (i.mousewheel.timeout = j.nextTick(function() { i.mousewheel.lastEventBeforeSnap = o, l.splice(0), i.slideToClosest(i.params.speed, !0, void 0, .5) }, 500))), r || i.emit("scroll", t), i.params.autoplay && i.params.autoplayDisableOnInteraction && i.autoplay.stop(), d === i.minTranslate() || d === i.maxTranslate()) return !0 } } else { d = { time: j.now(), delta: Math.abs(n), direction: Math.sign(n), raw: e }, n = i.mousewheel.recentWheelEvents; 2 <= n.length && n.shift(); e = n.length ? n[n.length - 1] : void 0; if (n.push(d), (!e || d.direction !== e.direction || d.delta > e.delta) && i.mousewheel.animateSlider(d), i.mousewheel.releaseScroll(d)) return !0 } return t.preventDefault ? t.preventDefault() : t.returnValue = !1, !1 }, animateSlider: function(e) { var t = this; return 6 <= e.delta && j.now() - t.mousewheel.lastScrollTime < 60 || (e.direction < 0 ? t.isEnd && !t.params.loop || t.animating || (t.slideNext(), t.emit("scroll", e.raw)) : t.isBeginning && !t.params.loop || t.animating || (t.slidePrev(), t.emit("scroll", e.raw)), t.mousewheel.lastScrollTime = (new X.Date).getTime(), !1) }, releaseScroll: function(e) { var t = this, i = t.params.mousewheel; if (e.direction < 0) { if (t.isEnd && !t.params.loop && i.releaseOnEdges) return !0 } else if (t.isBeginning && !t.params.loop && i.releaseOnEdges) return !0; return !1 }, enable: function() { var e = this, t = $.event(); if (e.params.cssMode) return e.wrapperEl.removeEventListener(t, e.mousewheel.handle), !0; if (!t) return !1; if (e.mousewheel.enabled) return !1; var i = e.$el; return (i = "container" !== e.params.mousewheel.eventsTarged ? x(e.params.mousewheel.eventsTarged) : i).on("mouseenter", e.mousewheel.handleMouseEnter), i.on("mouseleave", e.mousewheel.handleMouseLeave), i.on(t, e.mousewheel.handle), e.mousewheel.enabled = !0 }, disable: function() { var e = this, t = $.event(); if (e.params.cssMode) return e.wrapperEl.addEventListener(t, e.mousewheel.handle), !0; if (!t) return !1; if (!e.mousewheel.enabled) return !1; var i = e.$el; return (i = "container" !== e.params.mousewheel.eventsTarged ? x(e.params.mousewheel.eventsTarged) : i).off(t, e.mousewheel.handle), !(e.mousewheel.enabled = !1) } }, H = { update: function() { var e, t, i = this, s = i.params.navigation; i.params.loop || (e = (t = i.navigation).$nextEl, (t = t.$prevEl) && 0 < t.length && (i.isBeginning ? t.addClass(s.disabledClass) : t.removeClass(s.disabledClass), t[i.params.watchOverflow && i.isLocked ? "addClass" : "removeClass"](s.lockClass)), e && 0 < e.length && (i.isEnd ? e.addClass(s.disabledClass) : e.removeClass(s.disabledClass), e[i.params.watchOverflow && i.isLocked ? "addClass" : "removeClass"](s.lockClass))) }, onPrevClick: function(e) { e.preventDefault(), this.isBeginning && !this.params.loop || this.slidePrev() }, onNextClick: function(e) { e.preventDefault(), this.isEnd && !this.params.loop || this.slideNext() }, init: function() { var e, t, i = this, s = i.params.navigation; (s.nextEl || s.prevEl) && (s.nextEl && (e = x(s.nextEl), i.params.uniqueNavElements && "string" == typeof s.nextEl && 1 < e.length && 1 === i.$el.find(s.nextEl).length && (e = i.$el.find(s.nextEl))), s.prevEl && (t = x(s.prevEl), i.params.uniqueNavElements && "string" == typeof s.prevEl && 1 < t.length && 1 === i.$el.find(s.prevEl).length && (t = i.$el.find(s.prevEl))), e && 0 < e.length && e.on("click", i.navigation.onNextClick), t && 0 < t.length && t.on("click", i.navigation.onPrevClick), j.extend(i.navigation, { $nextEl: e, nextEl: e && e[0], $prevEl: t, prevEl: t && t[0] })) }, destroy: function() { var e = this, t = e.navigation, i = t.$nextEl, t = t.$prevEl; i && i.length && (i.off("click", e.navigation.onNextClick), i.removeClass(e.params.navigation.disabledClass)), t && t.length && (t.off("click", e.navigation.onPrevClick), t.removeClass(e.params.navigation.disabledClass)) } }, V = { update: function() { var e = this, t = e.rtl, s = e.params.pagination; if (s.el && e.pagination.el && e.pagination.$el && 0 !== e.pagination.$el.length) { var n, i = (e.virtual && e.params.virtual.enabled ? e.virtual : e).slides.length, a = e.pagination.$el, r = e.params.loop ? Math.ceil((i - 2 * e.loopedSlides) / e.params.slidesPerGroup) : e.snapGrid.length; if (e.params.loop ? ((n = Math.ceil((e.activeIndex - e.loopedSlides) / e.params.slidesPerGroup)) > i - 1 - 2 * e.loopedSlides && (n -= i - 2 * e.loopedSlides), r - 1 < n && (n -= r), n < 0 && "bullets" !== e.params.paginationType && (n = r + n)) : n = void 0 !== e.snapIndex ? e.snapIndex : e.activeIndex || 0, "bullets" === s.type && e.pagination.bullets && 0 < e.pagination.bullets.length) { var o, l, c, d, u, p = e.pagination.bullets; if (s.dynamicBullets && (e.pagination.bulletSize = p.eq(0)[e.isHorizontal() ? "outerWidth" : "outerHeight"](!0), a.css(e.isHorizontal() ? "width" : "height", e.pagination.bulletSize * (s.dynamicMainBullets + 4) + "px"), 1 < s.dynamicMainBullets && void 0 !== e.previousIndex && (e.pagination.dynamicBulletIndex += n - e.previousIndex, e.pagination.dynamicBulletIndex > s.dynamicMainBullets - 1 ? e.pagination.dynamicBulletIndex = s.dynamicMainBullets - 1 : e.pagination.dynamicBulletIndex < 0 && (e.pagination.dynamicBulletIndex = 0)), o = n - e.pagination.dynamicBulletIndex, c = ((l = o + (Math.min(p.length, s.dynamicMainBullets) - 1)) + o) / 2), p.removeClass(s.bulletActiveClass + " " + s.bulletActiveClass + "-next " + s.bulletActiveClass + "-next-next " + s.bulletActiveClass + "-prev " + s.bulletActiveClass + "-prev-prev " + s.bulletActiveClass + "-main"), 1 < a.length) p.each(function(e, t) { var i = x(t), t = i.index(); t === n && i.addClass(s.bulletActiveClass), s.dynamicBullets && (o <= t && t <= l && i.addClass(s.bulletActiveClass + "-main"), t === o && i.prev().addClass(s.bulletActiveClass + "-prev").prev().addClass(s.bulletActiveClass + "-prev-prev"), t === l && i.next().addClass(s.bulletActiveClass + "-next").next().addClass(s.bulletActiveClass + "-next-next")) }); else { var h = p.eq(n), m = h.index(); if (h.addClass(s.bulletActiveClass), s.dynamicBullets) { for (var i = p.eq(o), h = p.eq(l), v = o; v <= l; v += 1) p.eq(v).addClass(s.bulletActiveClass + "-main"); if (e.params.loop) if (m >= p.length - s.dynamicMainBullets) { for (var f = s.dynamicMainBullets; 0 <= f; --f) p.eq(p.length - f).addClass(s.bulletActiveClass + "-main"); p.eq(p.length - s.dynamicMainBullets - 1).addClass(s.bulletActiveClass + "-prev") } else i.prev().addClass(s.bulletActiveClass + "-prev").prev().addClass(s.bulletActiveClass + "-prev-prev"), h.next().addClass(s.bulletActiveClass + "-next").next().addClass(s.bulletActiveClass + "-next-next"); else i.prev().addClass(s.bulletActiveClass + "-prev").prev().addClass(s.bulletActiveClass + "-prev-prev"), h.next().addClass(s.bulletActiveClass + "-next").next().addClass(s.bulletActiveClass + "-next-next") } } s.dynamicBullets && (u = Math.min(p.length, s.dynamicMainBullets + 4), d = (e.pagination.bulletSize * u - e.pagination.bulletSize) / 2 - c * e.pagination.bulletSize, u = t ? "right" : "left", p.css(e.isHorizontal() ? u : "top", d + "px")) } "fraction" === s.type && (a.find("." + s.currentClass).text(s.formatFractionCurrent(n + 1)), a.find("." + s.totalClass).text(s.formatFractionTotal(r))), "progressbar" === s.type && (c = s.progressbarOpposite ? e.isHorizontal() ? "vertical" : "horizontal" : e.isHorizontal() ? "horizontal" : "vertical", t = (n + 1) / r, d = u = 1, "horizontal" === c ? u = t : d = t, a.find("." + s.progressbarFillClass).transform("translate3d(0,0,0) scaleX(" + u + ") scaleY(" + d + ")").transition(e.params.speed)), "custom" === s.type && s.renderCustom ? (a.html(s.renderCustom(e, n + 1, r)), e.emit("paginationRender", e, a[0])) : e.emit("paginationUpdate", e, a[0]), a[e.params.watchOverflow && e.isLocked ? "addClass" : "removeClass"](s.lockClass) } }, render: function() { var e = this, t = e.params.pagination; if (t.el && e.pagination.el && e.pagination.$el && 0 !== e.pagination.$el.length) { var i = (e.virtual && e.params.virtual.enabled ? e.virtual : e).slides.length, s = e.pagination.$el, n = ""; if ("bullets" === t.type) { for (var a = e.params.loop ? Math.ceil((i - 2 * e.loopedSlides) / e.params.slidesPerGroup) : e.snapGrid.length, r = 0; r < a; r += 1) t.renderBullet ? n += t.renderBullet.call(e, r, t.bulletClass) : n += "<" + t.bulletElement + ' class="' + t.bulletClass + '"></' + t.bulletElement + ">"; s.html(n), e.pagination.bullets = s.find("." + t.bulletClass) } "fraction" === t.type && (n = t.renderFraction ? t.renderFraction.call(e, t.currentClass, t.totalClass) : '<span class="' + t.currentClass + '"></span> / <span class="' + t.totalClass + '"></span>', s.html(n)), "progressbar" === t.type && (n = t.renderProgressbar ? t.renderProgressbar.call(e, t.progressbarFillClass) : '<span class="' + t.progressbarFillClass + '"></span>', s.html(n)), "custom" !== t.type && e.emit("paginationRender", e.pagination.$el[0]) } }, init: function() { var e, t = this, i = t.params.pagination; !i.el || 0 !== (e = x(i.el)).length && (t.params.uniqueNavElements && "string" == typeof i.el && 1 < e.length && 1 === t.$el.find(i.el).length && (e = t.$el.find(i.el)), "bullets" === i.type && i.clickable && e.addClass(i.clickableClass), e.addClass(i.modifierClass + i.type), "bullets" === i.type && i.dynamicBullets && (e.addClass("" + i.modifierClass + i.type + "-dynamic"), t.pagination.dynamicBulletIndex = 0, i.dynamicMainBullets < 1 && (i.dynamicMainBullets = 1)), "progressbar" === i.type && i.progressbarOpposite && e.addClass(i.progressbarOppositeClass), i.clickable && e.on("click", "." + i.bulletClass, function(e) { e.preventDefault(); e = x(this).index() * t.params.slidesPerGroup; t.params.loop && (e += t.loopedSlides), t.slideTo(e) }), j.extend(t.pagination, { $el: e, el: e[0] })) }, destroy: function() { var e, t = this, i = t.params.pagination; i.el && t.pagination.el && t.pagination.$el && 0 !== t.pagination.$el.length && ((e = t.pagination.$el).removeClass(i.hiddenClass), e.removeClass(i.modifierClass + i.type), t.pagination.bullets && t.pagination.bullets.removeClass(i.bulletActiveClass), i.clickable && e.off("click", "." + i.bulletClass)) } }, U = { setTranslate: function() { var e, t, i, s, n, a, r, o, l = this; l.params.scrollbar.el && l.scrollbar.el && (r = l.scrollbar, e = l.rtlTranslate, o = l.progress, t = r.dragSize, i = r.trackSize, s = r.$dragEl, n = r.$el, a = l.params.scrollbar, o = (i - (r = t)) * o, e ? 0 < (o = -o) ? (r = t - o, o = 0) : i < -o + t && (r = i + o) : o < 0 ? (r = t + o, o = 0) : i < o + t && (r = i - o), l.isHorizontal() ? (s.transform("translate3d(" + o + "px, 0, 0)"), s[0].style.width = r + "px") : (s.transform("translate3d(0px, " + o + "px, 0)"), s[0].style.height = r + "px"), a.hide && (clearTimeout(l.scrollbar.timeout), n[0].style.opacity = 1, l.scrollbar.timeout = setTimeout(function() { n[0].style.opacity = 0, n.transition(400) }, 1e3))) }, setTransition: function(e) { this.params.scrollbar.el && this.scrollbar.el && this.scrollbar.$dragEl.transition(e) }, updateSize: function() { var e, t, i, s, n, a, r, o = this; o.params.scrollbar.el && o.scrollbar.el && (t = (e = o.scrollbar).$dragEl, i = e.$el, t[0].style.width = "", t[0].style.height = "", s = o.isHorizontal() ? i[0].offsetWidth : i[0].offsetHeight, a = (n = o.size / o.virtualSize) * (s / o.size), r = "auto" === o.params.scrollbar.dragSize ? s * n : parseInt(o.params.scrollbar.dragSize, 10), o.isHorizontal() ? t[0].style.width = r + "px" : t[0].style.height = r + "px", i[0].style.display = 1 <= n ? "none" : "", o.params.scrollbar.hide && (i[0].style.opacity = 0), j.extend(e, { trackSize: s, divider: n, moveDivider: a, dragSize: r }), e.$el[o.params.watchOverflow && o.isLocked ? "addClass" : "removeClass"](o.params.scrollbar.lockClass)) }, getPointerPosition: function(e) { return this.isHorizontal() ? ("touchstart" === e.type || "touchmove" === e.type ? e.targetTouches[0] : e).clientX : ("touchstart" === e.type || "touchmove" === e.type ? e.targetTouches[0] : e).clientY }, setDragPosition: function(e) { var t = this, i = t.scrollbar, s = t.rtlTranslate, n = i.$el, a = i.dragSize, r = i.trackSize, o = i.dragStartPos, a = (i.getPointerPosition(e) - n.offset()[t.isHorizontal() ? "left" : "top"] - (null !== o ? o : a / 2)) / (r - a); a = Math.max(Math.min(a, 1), 0), s && (a = 1 - a); a = t.minTranslate() + (t.maxTranslate() - t.minTranslate()) * a; t.updateProgress(a), t.setTranslate(a), t.updateActiveIndex(), t.updateSlidesClasses() }, onDragStart: function(e) { var t = this, i = t.params.scrollbar, s = t.scrollbar, n = t.$wrapperEl, a = s.$el, r = s.$dragEl; t.scrollbar.isTouched = !0, t.scrollbar.dragStartPos = e.target === r[0] || e.target === r ? s.getPointerPosition(e) - e.target.getBoundingClientRect()[t.isHorizontal() ? "left" : "top"] : null, e.preventDefault(), e.stopPropagation(), n.transition(100), r.transition(100), s.setDragPosition(e), clearTimeout(t.scrollbar.dragTimeout), a.transition(0), i.hide && a.css("opacity", 1), t.params.cssMode && t.$wrapperEl.css("scroll-snap-type", "none"), t.emit("scrollbarDragStart", e) }, onDragMove: function(e) { var t = this.scrollbar, i = this.$wrapperEl, s = t.$el, n = t.$dragEl; this.scrollbar.isTouched && (e.preventDefault ? e.preventDefault() : e.returnValue = !1, t.setDragPosition(e), i.transition(0), s.transition(0), n.transition(0), this.emit("scrollbarDragMove", e)) }, onDragEnd: function(e) { var t = this, i = t.params.scrollbar, s = t.scrollbar, n = t.$wrapperEl, a = s.$el; t.scrollbar.isTouched && (t.scrollbar.isTouched = !1, t.params.cssMode && (t.$wrapperEl.css("scroll-snap-type", ""), n.transition("")), i.hide && (clearTimeout(t.scrollbar.dragTimeout), t.scrollbar.dragTimeout = j.nextTick(function() { a.css("opacity", 0), a.transition(400) }, 1e3)), t.emit("scrollbarDragEnd", e), i.snapOnRelease && t.slideToClosest()) }, enableDraggable: function() { var e, t, i, s, n, a = this; a.params.scrollbar.el && (s = a.scrollbar, e = a.touchEventsTouch, t = a.touchEventsDesktop, n = a.params, i = s.$el[0], s = !(!y.passiveListener || !n.passiveListeners) && { passive: !1, capture: !1 }, n = !(!y.passiveListener || !n.passiveListeners) && { passive: !0, capture: !1 }, y.touch ? (i.addEventListener(e.start, a.scrollbar.onDragStart, s), i.addEventListener(e.move, a.scrollbar.onDragMove, s), i.addEventListener(e.end, a.scrollbar.onDragEnd, n)) : (i.addEventListener(t.start, a.scrollbar.onDragStart, s), u.addEventListener(t.move, a.scrollbar.onDragMove, s), u.addEventListener(t.end, a.scrollbar.onDragEnd, n))) }, disableDraggable: function() { var e, t, i, s, n, a = this; a.params.scrollbar.el && (s = a.scrollbar, e = a.touchEventsTouch, t = a.touchEventsDesktop, n = a.params, i = s.$el[0], s = !(!y.passiveListener || !n.passiveListeners) && { passive: !1, capture: !1 }, n = !(!y.passiveListener || !n.passiveListeners) && { passive: !0, capture: !1 }, y.touch ? (i.removeEventListener(e.start, a.scrollbar.onDragStart, s), i.removeEventListener(e.move, a.scrollbar.onDragMove, s), i.removeEventListener(e.end, a.scrollbar.onDragEnd, n)) : (i.removeEventListener(t.start, a.scrollbar.onDragStart, s), u.removeEventListener(t.move, a.scrollbar.onDragMove, s), u.removeEventListener(t.end, a.scrollbar.onDragEnd, n))) }, init: function() { var e, t, i, s, n = this; n.params.scrollbar.el && (e = n.scrollbar, s = n.$el, i = x((t = n.params.scrollbar).el), 0 === (s = (i = n.params.uniqueNavElements && "string" == typeof t.el && 1 < i.length && 1 === s.find(t.el).length ? s.find(t.el) : i).find("." + n.params.scrollbar.dragClass)).length && (s = x('<div class="' + n.params.scrollbar.dragClass + '"></div>'), i.append(s)), j.extend(e, { $el: i, el: i[0], $dragEl: s, dragEl: s[0] }), t.draggable && e.enableDraggable()) }, destroy: function() { this.scrollbar.disableDraggable() } }, F = { setTransform: function(e, t) { var i = this.rtl, s = x(e), n = i ? -1 : 1, a = s.attr("data-swiper-parallax") || "0", r = s.attr("data-swiper-parallax-x"), o = s.attr("data-swiper-parallax-y"), e = s.attr("data-swiper-parallax-scale"), i = s.attr("data-swiper-parallax-opacity"); r || o ? (r = r || "0", o = o || "0") : this.isHorizontal() ? (r = a, o = "0") : (o = a, r = "0"), r = 0 <= r.indexOf("%") ? parseInt(r, 10) * t * n + "%" : r * t * n + "px", o = 0 <= o.indexOf("%") ? parseInt(o, 10) * t + "%" : o * t + "px", null != i && (i = i - (i - 1) * (1 - Math.abs(t)), s[0].style.opacity = i), null == e ? s.transform("translate3d(" + r + ", " + o + ", 0px)") : (t = e - (e - 1) * (1 - Math.abs(t)), s.transform("translate3d(" + r + ", " + o + ", 0px) scale(" + t + ")")) }, setTranslate: function() { var s = this, e = s.$el, t = s.slides, n = s.progress, a = s.snapGrid; e.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each(function(e, t) { s.parallax.setTransform(t, n) }), t.each(function(e, t) { var i = t.progress; 1 < s.params.slidesPerGroup && "auto" !== s.params.slidesPerView && (i += Math.ceil(e / 2) - n * (a.length - 1)), i = Math.min(Math.max(i, -1), 1), x(t).find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each(function(e, t) { s.parallax.setTransform(t, i) }) }) }, setTransition: function(s) { void 0 === s && (s = this.params.speed); this.$el.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each(function(e, t) { var i = x(t), t = parseInt(i.attr("data-swiper-parallax-duration"), 10) || s; i.transition(t = 0 === s ? 0 : t) }) } }, G = { getDistanceBetweenTouches: function(e) { if (e.targetTouches.length < 2) return 1; var t = e.targetTouches[0].pageX, i = e.targetTouches[0].pageY, s = e.targetTouches[1].pageX, e = e.targetTouches[1].pageY; return Math.sqrt(Math.pow(s - t, 2) + Math.pow(e - i, 2)) }, onGestureStart: function(e) { var t = this, i = t.params.zoom, s = t.zoom, n = s.gesture; if (s.fakeGestureTouched = !1, s.fakeGestureMoved = !1, !y.gestures) { if ("touchstart" !== e.type || "touchstart" === e.type && e.targetTouches.length < 2) return; s.fakeGestureTouched = !0, n.scaleStart = G.getDistanceBetweenTouches(e) } n.$slideEl && n.$slideEl.length || (n.$slideEl = x(e.target).closest(".swiper-slide"), 0 === n.$slideEl.length && (n.$slideEl = t.slides.eq(t.activeIndex)), n.$imageEl = n.$slideEl.find("img, svg, canvas"), n.$imageWrapEl = n.$imageEl.parent("." + i.containerClass), n.maxRatio = n.$imageWrapEl.attr("data-swiper-zoom") || i.maxRatio, 0 !== n.$imageWrapEl.length) ? (n.$imageEl.transition(0), t.zoom.isScaling = !0) : n.$imageEl = void 0 }, onGestureChange: function(e) { var t = this.params.zoom, i = this.zoom, s = i.gesture; if (!y.gestures) { if ("touchmove" !== e.type || "touchmove" === e.type && e.targetTouches.length < 2) return; i.fakeGestureMoved = !0, s.scaleMove = G.getDistanceBetweenTouches(e) } s.$imageEl && 0 !== s.$imageEl.length && (y.gestures ? i.scale = e.scale * i.currentScale : i.scale = s.scaleMove / s.scaleStart * i.currentScale, i.scale > s.maxRatio && (i.scale = s.maxRatio - 1 + Math.pow(i.scale - s.maxRatio + 1, .5)), i.scale < t.minRatio && (i.scale = t.minRatio + 1 - Math.pow(t.minRatio - i.scale + 1, .5)), s.$imageEl.transform("translate3d(0,0,0) scale(" + i.scale + ")")) }, onGestureEnd: function(e) { var t = this.params.zoom, i = this.zoom, s = i.gesture; if (!y.gestures) { if (!i.fakeGestureTouched || !i.fakeGestureMoved) return; if ("touchend" !== e.type || "touchend" === e.type && e.changedTouches.length < 2 && !I.android) return; i.fakeGestureTouched = !1, i.fakeGestureMoved = !1 } s.$imageEl && 0 !== s.$imageEl.length && (i.scale = Math.max(Math.min(i.scale, s.maxRatio), t.minRatio), s.$imageEl.transition(this.params.speed).transform("translate3d(0,0,0) scale(" + i.scale + ")"), i.currentScale = i.scale, i.isScaling = !1, 1 === i.scale && (s.$slideEl = void 0)) }, onTouchStart: function(e) { var t = this.zoom, i = t.gesture, t = t.image; i.$imageEl && 0 !== i.$imageEl.length && (t.isTouched || (I.android && e.preventDefault(), t.isTouched = !0, t.touchesStart.x = ("touchstart" === e.type ? e.targetTouches[0] : e).pageX, t.touchesStart.y = ("touchstart" === e.type ? e.targetTouches[0] : e).pageY)) }, onTouchMove: function(e) { var t = this, i = t.zoom, s = i.gesture, n = i.image, a = i.velocity; if (s.$imageEl && 0 !== s.$imageEl.length && (t.allowClick = !1, n.isTouched && s.$slideEl)) { n.isMoved || (n.width = s.$imageEl[0].offsetWidth, n.height = s.$imageEl[0].offsetHeight, n.startX = j.getTranslate(s.$imageWrapEl[0], "x") || 0, n.startY = j.getTranslate(s.$imageWrapEl[0], "y") || 0, s.slideWidth = s.$slideEl[0].offsetWidth, s.slideHeight = s.$slideEl[0].offsetHeight, s.$imageWrapEl.transition(0), t.rtl && (n.startX = -n.startX, n.startY = -n.startY)); var r = n.width * i.scale, o = n.height * i.scale; if (!(r < s.slideWidth && o < s.slideHeight)) { if (n.minX = Math.min(s.slideWidth / 2 - r / 2, 0), n.maxX = -n.minX, n.minY = Math.min(s.slideHeight / 2 - o / 2, 0), n.maxY = -n.minY, n.touchesCurrent.x = ("touchmove" === e.type ? e.targetTouches[0] : e).pageX, n.touchesCurrent.y = ("touchmove" === e.type ? e.targetTouches[0] : e).pageY, !n.isMoved && !i.isScaling) { if (t.isHorizontal() && (Math.floor(n.minX) === Math.floor(n.startX) && n.touchesCurrent.x < n.touchesStart.x || Math.floor(n.maxX) === Math.floor(n.startX) && n.touchesCurrent.x > n.touchesStart.x)) return void(n.isTouched = !1); if (!t.isHorizontal() && (Math.floor(n.minY) === Math.floor(n.startY) && n.touchesCurrent.y < n.touchesStart.y || Math.floor(n.maxY) === Math.floor(n.startY) && n.touchesCurrent.y > n.touchesStart.y)) return void(n.isTouched = !1) } e.preventDefault(), e.stopPropagation(), n.isMoved = !0, n.currentX = n.touchesCurrent.x - n.touchesStart.x + n.startX, n.currentY = n.touchesCurrent.y - n.touchesStart.y + n.startY, n.currentX < n.minX && (n.currentX = n.minX + 1 - Math.pow(n.minX - n.currentX + 1, .8)), n.currentX > n.maxX && (n.currentX = n.maxX - 1 + Math.pow(n.currentX - n.maxX + 1, .8)), n.currentY < n.minY && (n.currentY = n.minY + 1 - Math.pow(n.minY - n.currentY + 1, .8)), n.currentY > n.maxY && (n.currentY = n.maxY - 1 + Math.pow(n.currentY - n.maxY + 1, .8)), a.prevPositionX || (a.prevPositionX = n.touchesCurrent.x), a.prevPositionY || (a.prevPositionY = n.touchesCurrent.y), a.prevTime || (a.prevTime = Date.now()), a.x = (n.touchesCurrent.x - a.prevPositionX) / (Date.now() - a.prevTime) / 2, a.y = (n.touchesCurrent.y - a.prevPositionY) / (Date.now() - a.prevTime) / 2, Math.abs(n.touchesCurrent.x - a.prevPositionX) < 2 && (a.x = 0), Math.abs(n.touchesCurrent.y - a.prevPositionY) < 2 && (a.y = 0), a.prevPositionX = n.touchesCurrent.x, a.prevPositionY = n.touchesCurrent.y, a.prevTime = Date.now(), s.$imageWrapEl.transform("translate3d(" + n.currentX + "px, " + n.currentY + "px,0)") } } }, onTouchEnd: function() { var e = this.zoom, t = e.gesture, i = e.image, s = e.velocity; if (t.$imageEl && 0 !== t.$imageEl.length) { if (!i.isTouched || !i.isMoved) return i.isTouched = !1, void(i.isMoved = !1); i.isTouched = !1, i.isMoved = !1; var n = 300, a = 300, r = s.x * n, o = i.currentX + r, r = s.y * a, r = i.currentY + r; 0 !== s.x && (n = Math.abs((o - i.currentX) / s.x)), 0 !== s.y && (a = Math.abs((r - i.currentY) / s.y)); a = Math.max(n, a); i.currentX = o, i.currentY = r; r = i.width * e.scale, e = i.height * e.scale; i.minX = Math.min(t.slideWidth / 2 - r / 2, 0), i.maxX = -i.minX, i.minY = Math.min(t.slideHeight / 2 - e / 2, 0), i.maxY = -i.minY, i.currentX = Math.max(Math.min(i.currentX, i.maxX), i.minX), i.currentY = Math.max(Math.min(i.currentY, i.maxY), i.minY), t.$imageWrapEl.transition(a).transform("translate3d(" + i.currentX + "px, " + i.currentY + "px,0)") } }, onTransitionEnd: function() { var e = this.zoom, t = e.gesture; t.$slideEl && this.previousIndex !== this.activeIndex && (t.$imageEl.transform("translate3d(0,0,0) scale(1)"), t.$imageWrapEl.transform("translate3d(0,0,0)"), e.scale = 1, e.currentScale = 1, t.$slideEl = void 0, t.$imageEl = void 0, t.$imageWrapEl = void 0) }, toggle: function(e) { var t = this.zoom; t.scale && 1 !== t.scale ? t.out() : t.in(e) }, in: function(e) { var t, i, s, n = this, a = n.zoom, r = n.params.zoom, o = a.gesture, l = a.image; o.$slideEl || (o.$slideEl = n.clickedSlide ? x(n.clickedSlide) : n.slides.eq(n.activeIndex), o.$imageEl = o.$slideEl.find("img, svg, canvas"), o.$imageWrapEl = o.$imageEl.parent("." + r.containerClass)), o.$imageEl && 0 !== o.$imageEl.length && (o.$slideEl.addClass("" + r.zoomedSlideClass), l = void 0 === l.touchesStart.x && e ? (s = ("touchend" === e.type ? e.changedTouches[0] : e).pageX, ("touchend" === e.type ? e.changedTouches[0] : e).pageY) : (s = l.touchesStart.x, l.touchesStart.y), a.scale = o.$imageWrapEl.attr("data-swiper-zoom") || r.maxRatio, a.currentScale = o.$imageWrapEl.attr("data-swiper-zoom") || r.maxRatio, e ? (r = o.$slideEl[0].offsetWidth, e = o.$slideEl[0].offsetHeight, t = o.$slideEl.offset().left + r / 2 - s, i = o.$slideEl.offset().top + e / 2 - l, s = o.$imageEl[0].offsetWidth, l = o.$imageEl[0].offsetHeight, s = s * a.scale, l = l * a.scale, s = Math.min(r / 2 - s / 2, 0), e = Math.min(e / 2 - l / 2, 0), (l = -s) < (t = (t = t * a.scale) < s ? s : t) && (t = l), (l = -e) < (i = (i = i * a.scale) < e ? e : i) && (i = l)) : i = t = 0, o.$imageWrapEl.transition(300).transform("translate3d(" + t + "px, " + i + "px,0)"), o.$imageEl.transition(300).transform("translate3d(0,0,0) scale(" + a.scale + ")")) }, out: function() { var e = this, t = e.zoom, i = e.params.zoom, s = t.gesture; s.$slideEl || (s.$slideEl = e.clickedSlide ? x(e.clickedSlide) : e.slides.eq(e.activeIndex), s.$imageEl = s.$slideEl.find("img, svg, canvas"), s.$imageWrapEl = s.$imageEl.parent("." + i.containerClass)), s.$imageEl && 0 !== s.$imageEl.length && (t.scale = 1, t.currentScale = 1, s.$imageWrapEl.transition(300).transform("translate3d(0,0,0)"), s.$imageEl.transition(300).transform("translate3d(0,0,0) scale(1)"), s.$slideEl.removeClass("" + i.zoomedSlideClass), s.$slideEl = void 0) }, enable: function() { var e, t, i = this, s = i.zoom; s.enabled || (s.enabled = !0, e = !("touchstart" !== i.touchEvents.start || !y.passiveListener || !i.params.passiveListeners) && { passive: !0, capture: !1 }, t = !y.passiveListener || { passive: !1, capture: !0 }, y.gestures ? (i.$wrapperEl.on("gesturestart", ".swiper-slide", s.onGestureStart, e), i.$wrapperEl.on("gesturechange", ".swiper-slide", s.onGestureChange, e), i.$wrapperEl.on("gestureend", ".swiper-slide", s.onGestureEnd, e)) : "touchstart" === i.touchEvents.start && (i.$wrapperEl.on(i.touchEvents.start, ".swiper-slide", s.onGestureStart, e), i.$wrapperEl.on(i.touchEvents.move, ".swiper-slide", s.onGestureChange, t), i.$wrapperEl.on(i.touchEvents.end, ".swiper-slide", s.onGestureEnd, e), i.touchEvents.cancel && i.$wrapperEl.on(i.touchEvents.cancel, ".swiper-slide", s.onGestureEnd, e)), i.$wrapperEl.on(i.touchEvents.move, "." + i.params.zoom.containerClass, s.onTouchMove, t)) }, disable: function() { var e, t, i = this, s = i.zoom; s.enabled && (i.zoom.enabled = !1, e = !("touchstart" !== i.touchEvents.start || !y.passiveListener || !i.params.passiveListeners) && { passive: !0, capture: !1 }, t = !y.passiveListener || { passive: !1, capture: !0 }, y.gestures ? (i.$wrapperEl.off("gesturestart", ".swiper-slide", s.onGestureStart, e), i.$wrapperEl.off("gesturechange", ".swiper-slide", s.onGestureChange, e), i.$wrapperEl.off("gestureend", ".swiper-slide", s.onGestureEnd, e)) : "touchstart" === i.touchEvents.start && (i.$wrapperEl.off(i.touchEvents.start, ".swiper-slide", s.onGestureStart, e), i.$wrapperEl.off(i.touchEvents.move, ".swiper-slide", s.onGestureChange, t), i.$wrapperEl.off(i.touchEvents.end, ".swiper-slide", s.onGestureEnd, e), i.touchEvents.cancel && i.$wrapperEl.off(i.touchEvents.cancel, ".swiper-slide", s.onGestureEnd, e)), i.$wrapperEl.off(i.touchEvents.move, "." + i.params.zoom.containerClass, s.onTouchMove, t)) } }, Y = { loadInSlide: function(e, o) { void 0 === o && (o = !0); var l, c = this, d = c.params.lazy; void 0 !== e && 0 !== c.slides.length && (e = (l = c.virtual && c.params.virtual.enabled ? c.$wrapperEl.children("." + c.params.slideClass + '[data-swiper-slide-index="' + e + '"]') : c.slides.eq(e)).find("." + d.elementClass + ":not(." + d.loadedClass + "):not(." + d.loadingClass + ")"), 0 !== (e = l.hasClass(d.elementClass) && !l.hasClass(d.loadedClass) && !l.hasClass(d.loadingClass) ? e.add(l[0]) : e).length && e.each(function(e, t) { var i = x(t); i.addClass(d.loadingClass); var s = i.attr("data-background"), n = i.attr("data-src"), a = i.attr("data-srcset"), r = i.attr("data-sizes"); c.loadImage(i[0], n || s, a, r, !1, function() { var e, t; null == c || !c || c && !c.params || c.destroyed || (s ? (i.css("background-image", 'url("' + s + '")'), i.removeAttr("data-background")) : (a && (i.attr("srcset", a), i.removeAttr("data-srcset")), r && (i.attr("sizes", r), i.removeAttr("data-sizes")), n && (i.attr("src", n), i.removeAttr("data-src"))), i.addClass(d.loadedClass).removeClass(d.loadingClass), l.find("." + d.preloaderClass).remove(), c.params.loop && o && (t = l.attr("data-swiper-slide-index"), l.hasClass(c.params.slideDuplicateClass) ? (e = c.$wrapperEl.children('[data-swiper-slide-index="' + t + '"]:not(.' + c.params.slideDuplicateClass + ")"), c.lazy.loadInSlide(e.index(), !1)) : (t = c.$wrapperEl.children("." + c.params.slideDuplicateClass + '[data-swiper-slide-index="' + t + '"]'), c.lazy.loadInSlide(t.index(), !1))), c.emit("lazyImageReady", l[0], i[0])) }), c.emit("lazyImageLoad", l[0], i[0]) })) }, load: function() { var i = this, t = i.$wrapperEl, s = i.params, n = i.slides, e = i.activeIndex, a = i.virtual && s.virtual.enabled, r = s.lazy, o = s.slidesPerView; function l(e) { if (a) { if (t.children("." + s.slideClass + '[data-swiper-slide-index="' + e + '"]').length) return 1 } else if (n[e]) return 1 } function c(e) { return a ? x(e).attr("data-swiper-slide-index") : x(e).index() } if ("auto" === o && (o = 0), i.lazy.initialImageLoaded || (i.lazy.initialImageLoaded = !0), i.params.watchSlidesVisibility) t.children("." + s.slideVisibleClass).each(function(e, t) { t = a ? x(t).attr("data-swiper-slide-index") : x(t).index(); i.lazy.loadInSlide(t) }); else if (1 < o) for (var d = e; d < e + o; d += 1) l(d) && i.lazy.loadInSlide(d); else i.lazy.loadInSlide(e); if (r.loadPrevNext) if (1 < o || r.loadPrevNextAmount && 1 < r.loadPrevNextAmount) { for (var u = r.loadPrevNextAmount, r = o, p = Math.min(e + r + Math.max(u, r), n.length), u = Math.max(e - Math.max(r, u), 0), h = e + o; h < p; h += 1) l(h) && i.lazy.loadInSlide(h); for (var m = u; m < e; m += 1) l(m) && i.lazy.loadInSlide(m) } else { u = t.children("." + s.slideNextClass); 0 < u.length && i.lazy.loadInSlide(c(u)); u = t.children("." + s.slidePrevClass); 0 < u.length && i.lazy.loadInSlide(c(u)) } } }, W = { LinearSpline: function(e, t) { var i, s, n, a, r, o = function(e, t) { for (s = -1, i = e.length; 1 < i - s;) e[n = i + s >> 1] <= t ? s = n : i = n; return i }; return this.x = e, this.y = t, this.lastIndex = e.length - 1, this.interpolate = function(e) { return e ? (r = o(this.x, e), a = r - 1, (e - this.x[a]) * (this.y[r] - this.y[a]) / (this.x[r] - this.x[a]) + this.y[a]) : 0 }, this }, getInterpolateFunction: function(e) { var t = this; t.controller.spline || (t.controller.spline = t.params.loop ? new W.LinearSpline(t.slidesGrid, e.slidesGrid) : new W.LinearSpline(t.snapGrid, e.snapGrid)) }, setTranslate: function(e, t) { var i, s, n = this, a = n.controller.control; function r(e) { var t = n.rtlTranslate ? -n.translate : n.translate; "slide" === n.params.controller.by && (n.controller.getInterpolateFunction(e), s = -n.controller.spline.interpolate(-t)), s && "container" !== n.params.controller.by || (i = (e.maxTranslate() - e.minTranslate()) / (n.maxTranslate() - n.minTranslate()), s = (t - n.minTranslate()) * i + e.minTranslate()), n.params.controller.inverse && (s = e.maxTranslate() - s), e.updateProgress(s), e.setTranslate(s, n), e.updateActiveIndex(), e.updateSlidesClasses() } if (Array.isArray(a)) for (var o = 0; o < a.length; o += 1) a[o] !== t && a[o] instanceof R && r(a[o]); else a instanceof R && t !== a && r(a) }, setTransition: function(t, e) { var i, s = this, n = s.controller.control; function a(e) { e.setTransition(t, s), 0 !== t && (e.transitionStart(), e.params.autoHeight && j.nextTick(function() { e.updateAutoHeight() }), e.$wrapperEl.transitionEnd(function() { n && (e.params.loop && "slide" === s.params.controller.by && e.loopFix(), e.transitionEnd()) })) } if (Array.isArray(n)) for (i = 0; i < n.length; i += 1) n[i] !== e && n[i] instanceof R && a(n[i]); else n instanceof R && e !== n && a(n) } }, K = { makeElFocusable: function(e) { return e.attr("tabIndex", "0"), e }, addElRole: function(e, t) { return e.attr("role", t), e }, addElLabel: function(e, t) { return e.attr("aria-label", t), e }, disableEl: function(e) { return e.attr("aria-disabled", !0), e }, enableEl: function(e) { return e.attr("aria-disabled", !1), e }, onEnterKey: function(e) { var t = this, i = t.params.a11y; 13 === e.keyCode && (e = x(e.target), t.navigation && t.navigation.$nextEl && e.is(t.navigation.$nextEl) && (t.isEnd && !t.params.loop || t.slideNext(), t.isEnd ? t.a11y.notify(i.lastSlideMessage) : t.a11y.notify(i.nextSlideMessage)), t.navigation && t.navigation.$prevEl && e.is(t.navigation.$prevEl) && (t.isBeginning && !t.params.loop || t.slidePrev(), t.isBeginning ? t.a11y.notify(i.firstSlideMessage) : t.a11y.notify(i.prevSlideMessage)), t.pagination && e.is("." + t.params.pagination.bulletClass) && e[0].click()) }, notify: function(e) { var t = this.a11y.liveRegion; 0 !== t.length && (t.html(""), t.html(e)) }, updateNavigation: function() { var e, t, i = this; !i.params.loop && i.navigation && (e = (t = i.navigation).$nextEl, (t = t.$prevEl) && 0 < t.length && (i.isBeginning ? i.a11y.disableEl(t) : i.a11y.enableEl(t)), e && 0 < e.length && (i.isEnd ? i.a11y.disableEl(e) : i.a11y.enableEl(e))) }, updatePagination: function() { var i = this, s = i.params.a11y; i.pagination && i.params.pagination.clickable && i.pagination.bullets && i.pagination.bullets.length && i.pagination.bullets.each(function(e, t) { t = x(t); i.a11y.makeElFocusable(t), i.a11y.addElRole(t, "button"), i.a11y.addElLabel(t, s.paginationBulletMessage.replace(/{{index}}/, t.index() + 1)) }) }, init: function() { var e = this; e.$el.append(e.a11y.liveRegion); var t, i, s = e.params.a11y; e.navigation && e.navigation.$nextEl && (t = e.navigation.$nextEl), e.navigation && e.navigation.$prevEl && (i = e.navigation.$prevEl), t && (e.a11y.makeElFocusable(t), e.a11y.addElRole(t, "button"), e.a11y.addElLabel(t, s.nextSlideMessage), t.on("keydown", e.a11y.onEnterKey)), i && (e.a11y.makeElFocusable(i), e.a11y.addElRole(i, "button"), e.a11y.addElLabel(i, s.prevSlideMessage), i.on("keydown", e.a11y.onEnterKey)), e.pagination && e.params.pagination.clickable && e.pagination.bullets && e.pagination.bullets.length && e.pagination.$el.on("keydown", "." + e.params.pagination.bulletClass, e.a11y.onEnterKey) }, destroy: function() { var e, t, i = this; i.a11y.liveRegion && 0 < i.a11y.liveRegion.length && i.a11y.liveRegion.remove(), i.navigation && i.navigation.$nextEl && (e = i.navigation.$nextEl), i.navigation && i.navigation.$prevEl && (t = i.navigation.$prevEl), e && e.off("keydown", i.a11y.onEnterKey), t && t.off("keydown", i.a11y.onEnterKey), i.pagination && i.params.pagination.clickable && i.pagination.bullets && i.pagination.bullets.length && i.pagination.$el.off("keydown", "." + i.params.pagination.bulletClass, i.a11y.onEnterKey) } }, Q = { init: function() { var e = this; if (e.params.history) { if (!X.history || !X.history.pushState) return e.params.history.enabled = !1, void(e.params.hashNavigation.enabled = !0); var t = e.history; t.initialized = !0, t.paths = Q.getPathValues(), (t.paths.key || t.paths.value) && (t.scrollToSlide(0, t.paths.value, e.params.runCallbacksOnInit), e.params.history.replaceState || X.addEventListener("popstate", e.history.setHistoryPopState)) } }, destroy: function() { this.params.history.replaceState || X.removeEventListener("popstate", this.history.setHistoryPopState) }, setHistoryPopState: function() { this.history.paths = Q.getPathValues(), this.history.scrollToSlide(this.params.speed, this.history.paths.value, !1) }, getPathValues: function() { var e = X.location.pathname.slice(1).split("/").filter(function(e) { return "" !== e }), t = e.length; return { key: e[t - 2], value: e[t - 1] } }, setHistory: function(e, t) { this.history.initialized && this.params.history.enabled && (t = this.slides.eq(t), t = Q.slugify(t.attr("data-history")), X.location.pathname.includes(e) || (t = e + "/" + t), (e = X.history.state) && e.value === t || (this.params.history.replaceState ? X.history.replaceState({ value: t }, null, t) : X.history.pushState({ value: t }, null, t))) }, slugify: function(e) { return e.toString().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "") }, scrollToSlide: function(e, t, i) { var s = this; if (t) for (var n = 0, a = s.slides.length; n < a; n += 1) { var r = s.slides.eq(n); Q.slugify(r.attr("data-history")) !== t || r.hasClass(s.params.slideDuplicateClass) || (r = r.index(), s.slideTo(r, e, i)) } else s.slideTo(0, e, i) } }, Z = { onHashCange: function() { var e = this, t = u.location.hash.replace("#", ""); t === e.slides.eq(e.activeIndex).attr("data-hash") || void 0 !== (t = e.$wrapperEl.children("." + e.params.slideClass + '[data-hash="' + t + '"]').index()) && e.slideTo(t) }, setHash: function() { var e = this; e.hashNavigation.initialized && e.params.hashNavigation.enabled && (e.params.hashNavigation.replaceState && X.history && X.history.replaceState ? X.history.replaceState(null, null, "#" + e.slides.eq(e.activeIndex).attr("data-hash") || "") : (e = (e = e.slides.eq(e.activeIndex)).attr("data-hash") || e.attr("data-history"), u.location.hash = e || "")) }, init: function() { var e = this; if (!(!e.params.hashNavigation.enabled || e.params.history && e.params.history.enabled)) { e.hashNavigation.initialized = !0; var t = u.location.hash.replace("#", ""); if (t) for (var i = 0, s = e.slides.length; i < s; i += 1) { var n = e.slides.eq(i); (n.attr("data-hash") || n.attr("data-history")) !== t || n.hasClass(e.params.slideDuplicateClass) || (n = n.index(), e.slideTo(n, 0, e.params.runCallbacksOnInit, !0)) } e.params.hashNavigation.watchState && x(X).on("hashchange", e.hashNavigation.onHashCange) } }, destroy: function() { this.params.hashNavigation.watchState && x(X).off("hashchange", this.hashNavigation.onHashCange) } }, J = { run: function() { var e = this, t = e.slides.eq(e.activeIndex), i = e.params.autoplay.delay; t.attr("data-swiper-autoplay") && (i = t.attr("data-swiper-autoplay") || e.params.autoplay.delay), clearTimeout(e.autoplay.timeout), e.autoplay.timeout = j.nextTick(function() { e.params.autoplay.reverseDirection ? e.params.loop ? (e.loopFix(), e.slidePrev(e.params.speed, !0, !0), e.emit("autoplay")) : e.isBeginning ? e.params.autoplay.stopOnLastSlide ? e.autoplay.stop() : (e.slideTo(e.slides.length - 1, e.params.speed, !0, !0), e.emit("autoplay")) : (e.slidePrev(e.params.speed, !0, !0), e.emit("autoplay")) : e.params.loop ? (e.loopFix(), e.slideNext(e.params.speed, !0, !0), e.emit("autoplay")) : e.isEnd ? e.params.autoplay.stopOnLastSlide ? e.autoplay.stop() : (e.slideTo(0, e.params.speed, !0, !0), e.emit("autoplay")) : (e.slideNext(e.params.speed, !0, !0), e.emit("autoplay")), e.params.cssMode && e.autoplay.running && e.autoplay.run() }, i) }, start: function() { var e = this; return void 0 === e.autoplay.timeout && (!e.autoplay.running && (e.autoplay.running = !0, e.emit("autoplayStart"), e.autoplay.run(), !0)) }, stop: function() { var e = this; return !!e.autoplay.running && (void 0 !== e.autoplay.timeout && (e.autoplay.timeout && (clearTimeout(e.autoplay.timeout), e.autoplay.timeout = void 0), e.autoplay.running = !1, e.emit("autoplayStop"), !0)) }, pause: function(e) { var t = this; t.autoplay.running && (t.autoplay.paused || (t.autoplay.timeout && clearTimeout(t.autoplay.timeout), t.autoplay.paused = !0, 0 !== e && t.params.autoplay.waitForTransition ? (t.$wrapperEl[0].addEventListener("transitionend", t.autoplay.onTransitionEnd), t.$wrapperEl[0].addEventListener("webkitTransitionEnd", t.autoplay.onTransitionEnd)) : (t.autoplay.paused = !1, t.autoplay.run()))) } }, ee = { setTranslate: function() { for (var e = this, t = e.slides, i = 0; i < t.length; i += 1) { var s = e.slides.eq(i), n = -s[0].swiperSlideOffset; e.params.virtualTranslate || (n -= e.translate); var a = 0; e.isHorizontal() || (a = n, n = 0); var r = e.params.fadeEffect.crossFade ? Math.max(1 - Math.abs(s[0].progress), 0) : 1 + Math.min(Math.max(s[0].progress, -1), 0); s.css({ opacity: r }).transform("translate3d(" + n + "px, " + a + "px, 0px)") } }, setTransition: function(e) { var i, s = this, t = s.slides, n = s.$wrapperEl; t.transition(e), s.params.virtualTranslate && 0 !== e && (i = !1, t.transitionEnd(function() { if (!i && s && !s.destroyed) { i = !0, s.animating = !1; for (var e = ["webkitTransitionEnd", "transitionend"], t = 0; t < e.length; t += 1) n.trigger(e[t]) } })) } }, te = { setTranslate: function() { var e, t = this, i = t.$el, s = t.$wrapperEl, n = t.slides, a = t.width, r = t.height, o = t.rtlTranslate, l = t.size, c = t.params.cubeEffect, d = t.isHorizontal(), u = t.virtual && t.params.virtual.enabled, p = 0; c.shadow && (d ? (0 === (e = s.find(".swiper-cube-shadow")).length && (e = x('<div class="swiper-cube-shadow"></div>'), s.append(e)), e.css({ height: a + "px" })) : 0 === (e = i.find(".swiper-cube-shadow")).length && (e = x('<div class="swiper-cube-shadow"></div>'), i.append(e))); for (var h, m = 0; m < n.length; m += 1) { var v = n.eq(m), f = m, g = 90 * (f = u ? parseInt(v.attr("data-swiper-slide-index"), 10) : f), w = Math.floor(g / 360); o && (g = -g, w = Math.floor(-g / 360)); var b = Math.max(Math.min(v[0].progress, 1), -1), y = 0, E = 0, T = 0; f % 4 == 0 ? (y = 4 * -w * l, T = 0) : (f - 1) % 4 == 0 ? (y = 0, T = 4 * -w * l) : (f - 2) % 4 == 0 ? (y = l + 4 * w * l, T = l) : (f - 3) % 4 == 0 && (y = -l, T = 3 * l + 4 * l * w), o && (y = -y), d || (E = y, y = 0), b <= 1 && -1 < b && (p = o ? 90 * -f - 90 * b : 90 * f + 90 * b), v.transform("rotateX(" + (d ? 0 : -g) + "deg) rotateY(" + (d ? g : 0) + "deg) translate3d(" + y + "px, " + E + "px, " + T + "px)"), c.slideShadows && (E = d ? v.find(".swiper-slide-shadow-left") : v.find(".swiper-slide-shadow-top"), T = d ? v.find(".swiper-slide-shadow-right") : v.find(".swiper-slide-shadow-bottom"), 0 === E.length && (E = x('<div class="swiper-slide-shadow-' + (d ? "left" : "top") + '"></div>'), v.append(E)), 0 === T.length && (T = x('<div class="swiper-slide-shadow-' + (d ? "right" : "bottom") + '"></div>'), v.append(T)), E.length && (E[0].style.opacity = Math.max(-b, 0)), T.length && (T[0].style.opacity = Math.max(b, 0))) } s.css({ "-webkit-transform-origin": "50% 50% -" + l / 2 + "px", "-moz-transform-origin": "50% 50% -" + l / 2 + "px", "-ms-transform-origin": "50% 50% -" + l / 2 + "px", "transform-origin": "50% 50% -" + l / 2 + "px" }), c.shadow && (d ? e.transform("translate3d(0px, " + (a / 2 + c.shadowOffset) + "px, " + -a / 2 + "px) rotateX(90deg) rotateZ(0deg) scale(" + c.shadowScale + ")") : (h = Math.abs(p) - 90 * Math.floor(Math.abs(p) / 90), i = 1.5 - (Math.sin(2 * h * Math.PI / 360) / 2 + Math.cos(2 * h * Math.PI / 360) / 2), a = c.shadowScale, h = c.shadowScale / i, i = c.shadowOffset, e.transform("scale3d(" + a + ", 1, " + h + ") translate3d(0px, " + (r / 2 + i) + "px, " + -r / 2 / h + "px) rotateX(-90deg)"))), s.transform("translate3d(0px,0," + (B.isSafari || B.isUiWebView ? -l / 2 : 0) + "px) rotateX(" + (t.isHorizontal() ? 0 : p) + "deg) rotateY(" + (t.isHorizontal() ? -p : 0) + "deg)") }, setTransition: function(e) { var t = this.$el; this.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e), this.params.cubeEffect.shadow && !this.isHorizontal() && t.find(".swiper-cube-shadow").transition(e) } }, ie = { setTranslate: function() { for (var e = this, t = e.slides, i = e.rtlTranslate, s = 0; s < t.length; s += 1) { var n, a, r = t.eq(s), o = r[0].progress, l = -180 * (o = e.params.flipEffect.limitRotation ? Math.max(Math.min(r[0].progress, 1), -1) : o), c = 0, d = -r[0].swiperSlideOffset, u = 0; e.isHorizontal() ? i && (l = -l) : (u = d, c = -l, l = d = 0), r[0].style.zIndex = -Math.abs(Math.round(o)) + t.length, e.params.flipEffect.slideShadows && (n = e.isHorizontal() ? r.find(".swiper-slide-shadow-left") : r.find(".swiper-slide-shadow-top"), a = e.isHorizontal() ? r.find(".swiper-slide-shadow-right") : r.find(".swiper-slide-shadow-bottom"), 0 === n.length && (n = x('<div class="swiper-slide-shadow-' + (e.isHorizontal() ? "left" : "top") + '"></div>'), r.append(n)), 0 === a.length && (a = x('<div class="swiper-slide-shadow-' + (e.isHorizontal() ? "right" : "bottom") + '"></div>'), r.append(a)), n.length && (n[0].style.opacity = Math.max(-o, 0)), a.length && (a[0].style.opacity = Math.max(o, 0))), r.transform("translate3d(" + d + "px, " + u + "px, 0px) rotateX(" + c + "deg) rotateY(" + l + "deg)") } }, setTransition: function(e) { var i, s = this, t = s.slides, n = s.activeIndex, a = s.$wrapperEl; t.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e), s.params.virtualTranslate && 0 !== e && (i = !1, t.eq(n).transitionEnd(function() { if (!i && s && !s.destroyed) { i = !0, s.animating = !1; for (var e = ["webkitTransitionEnd", "transitionend"], t = 0; t < e.length; t += 1) a.trigger(e[t]) } })) } }, se = { setTranslate: function() { for (var e = this, t = e.width, i = e.height, s = e.slides, n = e.$wrapperEl, a = e.slidesSizesGrid, r = e.params.coverflowEffect, o = e.isHorizontal(), e = e.translate, l = o ? t / 2 - e : i / 2 - e, c = o ? r.rotate : -r.rotate, d = r.depth, u = 0, p = s.length; u < p; u += 1) { var h = s.eq(u), m = a[u], v = (l - h[0].swiperSlideOffset - m / 2) / m * r.modifier, f = o ? c * v : 0, g = o ? 0 : c * v, w = -d * Math.abs(v), b = o ? 0 : r.stretch * v, m = o ? r.stretch * v : 0; Math.abs(m) < .001 && (m = 0), Math.abs(b) < .001 && (b = 0), Math.abs(w) < .001 && (w = 0), Math.abs(f) < .001 && (f = 0), Math.abs(g) < .001 && (g = 0), h.transform("translate3d(" + m + "px," + b + "px," + w + "px) rotateX(" + g + "deg) rotateY(" + f + "deg)"), h[0].style.zIndex = 1 - Math.abs(Math.round(v)), r.slideShadows && (g = o ? h.find(".swiper-slide-shadow-left") : h.find(".swiper-slide-shadow-top"), f = o ? h.find(".swiper-slide-shadow-right") : h.find(".swiper-slide-shadow-bottom"), 0 === g.length && (g = x('<div class="swiper-slide-shadow-' + (o ? "left" : "top") + '"></div>'), h.append(g)), 0 === f.length && (f = x('<div class="swiper-slide-shadow-' + (o ? "right" : "bottom") + '"></div>'), h.append(f)), g.length && (g[0].style.opacity = 0 < v ? v : 0), f.length && (f[0].style.opacity = 0 < -v ? -v : 0)) }(y.pointerEvents || y.prefixedPointerEvents) && (n[0].style.perspectiveOrigin = l + "px 50%") }, setTransition: function(e) { this.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e) } }, ne = { init: function() { var e = this, t = e.params.thumbs, i = e.constructor; t.swiper instanceof i ? (e.thumbs.swiper = t.swiper, j.extend(e.thumbs.swiper.originalParams, { watchSlidesProgress: !0, slideToClickedSlide: !1 }), j.extend(e.thumbs.swiper.params, { watchSlidesProgress: !0, slideToClickedSlide: !1 })) : j.isObject(t.swiper) && (e.thumbs.swiper = new i(j.extend({}, t.swiper, { watchSlidesVisibility: !0, watchSlidesProgress: !0, slideToClickedSlide: !1 })), e.thumbs.swiperCreated = !0), e.thumbs.swiper.$el.addClass(e.params.thumbs.thumbsContainerClass), e.thumbs.swiper.on("tap", e.thumbs.onThumbClick) }, onThumbClick: function() { var e, t, i, s = this, n = s.thumbs.swiper; n && (t = n.clickedIndex, (e = n.clickedSlide) && x(e).hasClass(s.params.thumbs.slideThumbActiveClass) || null != t && (i = n.params.loop ? parseInt(x(n.clickedSlide).attr("data-swiper-slide-index"), 10) : t, s.params.loop && (e = s.activeIndex, s.slides.eq(e).hasClass(s.params.slideDuplicateClass) && (s.loopFix(), s._clientLeft = s.$wrapperEl[0].clientLeft, e = s.activeIndex), n = s.slides.eq(e).prevAll('[data-swiper-slide-index="' + i + '"]').eq(0).index(), t = s.slides.eq(e).nextAll('[data-swiper-slide-index="' + i + '"]').eq(0).index(), i = void 0 === n || void 0 !== t && t - e < e - n ? t : n), s.slideTo(i))) }, update: function(e) { var t = this, i = t.thumbs.swiper; if (i) { var s, n, a, r = "auto" === i.params.slidesPerView ? i.slidesPerViewDynamic() : i.params.slidesPerView; t.realIndex !== i.realIndex && (s = i.activeIndex, a = i.params.loop ? (i.slides.eq(s).hasClass(i.params.slideDuplicateClass) && (i.loopFix(), i._clientLeft = i.$wrapperEl[0].clientLeft, s = i.activeIndex), a = i.slides.eq(s).prevAll('[data-swiper-slide-index="' + t.realIndex + '"]').eq(0).index(), n = i.slides.eq(s).nextAll('[data-swiper-slide-index="' + t.realIndex + '"]').eq(0).index(), void 0 === a ? n : void 0 === n ? a : n - s == s - a ? s : n - s < s - a ? n : a) : t.realIndex, i.visibleSlidesIndexes && i.visibleSlidesIndexes.indexOf(a) < 0 && (i.params.centeredSlides ? a = s < a ? a - Math.floor(r / 2) + 1 : a + Math.floor(r / 2) - 1 : s < a && (a = a - r + 1), i.slideTo(a, e ? 0 : void 0))); var o = 1, l = t.params.thumbs.slideThumbActiveClass; if (1 < t.params.slidesPerView && !t.params.centeredSlides && (o = t.params.slidesPerView), t.params.thumbs.multipleActiveThumbs || (o = 1), o = Math.floor(o), i.slides.removeClass(l), i.params.loop || i.params.virtual && i.params.virtual.enabled) for (var c = 0; c < o; c += 1) i.$wrapperEl.children('[data-swiper-slide-index="' + (t.realIndex + c) + '"]').addClass(l); else for (var d = 0; d < o; d += 1) i.slides.eq(t.realIndex + d).addClass(l) } } }, o = [n, r, c, d, k, e, o, { name: "mousewheel", params: { mousewheel: { enabled: !1, releaseOnEdges: !1, invert: !1, forceToAxis: !1, sensitivity: 1, eventsTarged: "container" } }, create: function() { var e = this; j.extend(e, { mousewheel: { enabled: !1, enable: $.enable.bind(e), disable: $.disable.bind(e), handle: $.handle.bind(e), handleMouseEnter: $.handleMouseEnter.bind(e), handleMouseLeave: $.handleMouseLeave.bind(e), animateSlider: $.animateSlider.bind(e), releaseScroll: $.releaseScroll.bind(e), lastScrollTime: j.now(), lastEventBeforeSnap: void 0, recentWheelEvents: [] } }) }, on: { init: function() { var e = this; !e.params.mousewheel.enabled && e.params.cssMode && e.mousewheel.disable(), e.params.mousewheel.enabled && e.mousewheel.enable() }, destroy: function() { this.params.cssMode && this.mousewheel.enable(), this.mousewheel.enabled && this.mousewheel.disable() } } }, { name: "navigation", params: { navigation: { nextEl: null, prevEl: null, hideOnClick: !1, disabledClass: "swiper-button-disabled", hiddenClass: "swiper-button-hidden", lockClass: "swiper-button-lock" } }, create: function() { var e = this; j.extend(e, { navigation: { init: H.init.bind(e), update: H.update.bind(e), destroy: H.destroy.bind(e), onNextClick: H.onNextClick.bind(e), onPrevClick: H.onPrevClick.bind(e) } }) }, on: { init: function() { this.navigation.init(), this.navigation.update() }, toEdge: function() { this.navigation.update() }, fromEdge: function() { this.navigation.update() }, destroy: function() { this.navigation.destroy() }, click: function(e) { var t, i = this, s = i.navigation, n = s.$nextEl, s = s.$prevEl; !i.params.navigation.hideOnClick || x(e.target).is(s) || x(e.target).is(n) || (n ? t = n.hasClass(i.params.navigation.hiddenClass) : s && (t = s.hasClass(i.params.navigation.hiddenClass)), !0 === t ? i.emit("navigationShow", i) : i.emit("navigationHide", i), n && n.toggleClass(i.params.navigation.hiddenClass), s && s.toggleClass(i.params.navigation.hiddenClass)) } } }, { name: "pagination", params: { pagination: { el: null, bulletElement: "span", clickable: !1, hideOnClick: !1, renderBullet: null, renderProgressbar: null, renderFraction: null, renderCustom: null, progressbarOpposite: !1, type: "bullets", dynamicBullets: !1, dynamicMainBullets: 1, formatFractionCurrent: function(e) { return e }, formatFractionTotal: function(e) { return e }, bulletClass: "swiper-pagination-bullet", bulletActiveClass: "swiper-pagination-bullet-active", modifierClass: "swiper-pagination-", currentClass: "swiper-pagination-current", totalClass: "swiper-pagination-total", hiddenClass: "swiper-pagination-hidden", progressbarFillClass: "swiper-pagination-progressbar-fill", progressbarOppositeClass: "swiper-pagination-progressbar-opposite", clickableClass: "swiper-pagination-clickable", lockClass: "swiper-pagination-lock" } }, create: function() { var e = this; j.extend(e, { pagination: { init: V.init.bind(e), render: V.render.bind(e), update: V.update.bind(e), destroy: V.destroy.bind(e), dynamicBulletIndex: 0 } }) }, on: { init: function() { this.pagination.init(), this.pagination.render(), this.pagination.update() }, activeIndexChange: function() { !this.params.loop && void 0 !== this.snapIndex || this.pagination.update() }, snapIndexChange: function() { this.params.loop || this.pagination.update() }, slidesLengthChange: function() { this.params.loop && (this.pagination.render(), this.pagination.update()) }, snapGridLengthChange: function() { this.params.loop || (this.pagination.render(), this.pagination.update()) }, destroy: function() { this.pagination.destroy() }, click: function(e) { var t = this; t.params.pagination.el && t.params.pagination.hideOnClick && 0 < t.pagination.$el.length && !x(e.target).hasClass(t.params.pagination.bulletClass) && (!0 === t.pagination.$el.hasClass(t.params.pagination.hiddenClass) ? t.emit("paginationShow", t) : t.emit("paginationHide", t), t.pagination.$el.toggleClass(t.params.pagination.hiddenClass)) } } }, { name: "scrollbar", params: { scrollbar: { el: null, dragSize: "auto", hide: !1, draggable: !1, snapOnRelease: !0, lockClass: "swiper-scrollbar-lock", dragClass: "swiper-scrollbar-drag" } }, create: function() { var e = this; j.extend(e, { scrollbar: { init: U.init.bind(e), destroy: U.destroy.bind(e), updateSize: U.updateSize.bind(e), setTranslate: U.setTranslate.bind(e), setTransition: U.setTransition.bind(e), enableDraggable: U.enableDraggable.bind(e), disableDraggable: U.disableDraggable.bind(e), setDragPosition: U.setDragPosition.bind(e), getPointerPosition: U.getPointerPosition.bind(e), onDragStart: U.onDragStart.bind(e), onDragMove: U.onDragMove.bind(e), onDragEnd: U.onDragEnd.bind(e), isTouched: !1, timeout: null, dragTimeout: null } }) }, on: { init: function() { this.scrollbar.init(), this.scrollbar.updateSize(), this.scrollbar.setTranslate() }, update: function() { this.scrollbar.updateSize() }, resize: function() { this.scrollbar.updateSize() }, observerUpdate: function() { this.scrollbar.updateSize() }, setTranslate: function() { this.scrollbar.setTranslate() }, setTransition: function(e) { this.scrollbar.setTransition(e) }, destroy: function() { this.scrollbar.destroy() } } }, { name: "parallax", params: { parallax: { enabled: !1 } }, create: function() { j.extend(this, { parallax: { setTransform: F.setTransform.bind(this), setTranslate: F.setTranslate.bind(this), setTransition: F.setTransition.bind(this) } }) }, on: { beforeInit: function() { this.params.parallax.enabled && (this.params.watchSlidesProgress = !0, this.originalParams.watchSlidesProgress = !0) }, init: function() { this.params.parallax.enabled && this.parallax.setTranslate() }, setTranslate: function() { this.params.parallax.enabled && this.parallax.setTranslate() }, setTransition: function(e) { this.params.parallax.enabled && this.parallax.setTransition(e) } } }, { name: "zoom", params: { zoom: { enabled: !1, maxRatio: 3, minRatio: 1, toggle: !0, containerClass: "swiper-zoom-container", zoomedSlideClass: "swiper-slide-zoomed" } }, create: function() { var s = this, t = { enabled: !1, scale: 1, currentScale: 1, isScaling: !1, gesture: { $slideEl: void 0, slideWidth: void 0, slideHeight: void 0, $imageEl: void 0, $imageWrapEl: void 0, maxRatio: 3 }, image: { isTouched: void 0, isMoved: void 0, currentX: void 0, currentY: void 0, minX: void 0, minY: void 0, maxX: void 0, maxY: void 0, width: void 0, height: void 0, startX: void 0, startY: void 0, touchesStart: {}, touchesCurrent: {} }, velocity: { x: void 0, y: void 0, prevPositionX: void 0, prevPositionY: void 0, prevTime: void 0 } }; "onGestureStart onGestureChange onGestureEnd onTouchStart onTouchMove onTouchEnd onTransitionEnd toggle enable disable in out".split(" ").forEach(function(e) { t[e] = G[e].bind(s) }), j.extend(s, { zoom: t }); var n = 1; Object.defineProperty(s.zoom, "scale", { get: function() { return n }, set: function(e) { var t, i; n !== e && (t = s.zoom.gesture.$imageEl ? s.zoom.gesture.$imageEl[0] : void 0, i = s.zoom.gesture.$slideEl ? s.zoom.gesture.$slideEl[0] : void 0, s.emit("zoomChange", e, t, i)), n = e } }) }, on: { init: function() { this.params.zoom.enabled && this.zoom.enable() }, destroy: function() { this.zoom.disable() }, touchStart: function(e) { this.zoom.enabled && this.zoom.onTouchStart(e) }, touchEnd: function(e) { this.zoom.enabled && this.zoom.onTouchEnd(e) }, doubleTap: function(e) { this.params.zoom.enabled && this.zoom.enabled && this.params.zoom.toggle && this.zoom.toggle(e) }, transitionEnd: function() { this.zoom.enabled && this.params.zoom.enabled && this.zoom.onTransitionEnd() }, slideChange: function() { this.zoom.enabled && this.params.zoom.enabled && this.params.cssMode && this.zoom.onTransitionEnd() } } }, { name: "lazy", params: { lazy: { enabled: !1, loadPrevNext: !1, loadPrevNextAmount: 1, loadOnTransitionStart: !1, elementClass: "swiper-lazy", loadingClass: "swiper-lazy-loading", loadedClass: "swiper-lazy-loaded", preloaderClass: "swiper-lazy-preloader" } }, create: function() { j.extend(this, { lazy: { initialImageLoaded: !1, load: Y.load.bind(this), loadInSlide: Y.loadInSlide.bind(this) } }) }, on: { beforeInit: function() { this.params.lazy.enabled && this.params.preloadImages && (this.params.preloadImages = !1) }, init: function() { this.params.lazy.enabled && !this.params.loop && 0 === this.params.initialSlide && this.lazy.load() }, scroll: function() { this.params.freeMode && !this.params.freeModeSticky && this.lazy.load() }, resize: function() { this.params.lazy.enabled && this.lazy.load() }, scrollbarDragMove: function() { this.params.lazy.enabled && this.lazy.load() }, transitionStart: function() { var e = this; e.params.lazy.enabled && (!e.params.lazy.loadOnTransitionStart && (e.params.lazy.loadOnTransitionStart || e.lazy.initialImageLoaded) || e.lazy.load()) }, transitionEnd: function() { this.params.lazy.enabled && !this.params.lazy.loadOnTransitionStart && this.lazy.load() }, slideChange: function() { this.params.lazy.enabled && this.params.cssMode && this.lazy.load() } } }, { name: "controller", params: { controller: { control: void 0, inverse: !1, by: "slide" } }, create: function() { var e = this; j.extend(e, { controller: { control: e.params.controller.control, getInterpolateFunction: W.getInterpolateFunction.bind(e), setTranslate: W.setTranslate.bind(e), setTransition: W.setTransition.bind(e) } }) }, on: { update: function() { this.controller.control && this.controller.spline && (this.controller.spline = void 0, delete this.controller.spline) }, resize: function() { this.controller.control && this.controller.spline && (this.controller.spline = void 0, delete this.controller.spline) }, observerUpdate: function() { this.controller.control && this.controller.spline && (this.controller.spline = void 0, delete this.controller.spline) }, setTranslate: function(e, t) { this.controller.control && this.controller.setTranslate(e, t) }, setTransition: function(e, t) { this.controller.control && this.controller.setTransition(e, t) } } }, { name: "a11y", params: { a11y: { enabled: !0, notificationClass: "swiper-notification", prevSlideMessage: "Previous slide", nextSlideMessage: "Next slide", firstSlideMessage: "This is the first slide", lastSlideMessage: "This is the last slide", paginationBulletMessage: "Go to slide {{index}}" } }, create: function() { var t = this; j.extend(t, { a11y: { liveRegion: x('<span class="' + t.params.a11y.notificationClass + '" aria-live="assertive" aria-atomic="true"></span>') } }), Object.keys(K).forEach(function(e) { t.a11y[e] = K[e].bind(t) }) }, on: { init: function() { this.params.a11y.enabled && (this.a11y.init(), this.a11y.updateNavigation()) }, toEdge: function() { this.params.a11y.enabled && this.a11y.updateNavigation() }, fromEdge: function() { this.params.a11y.enabled && this.a11y.updateNavigation() }, paginationUpdate: function() { this.params.a11y.enabled && this.a11y.updatePagination() }, destroy: function() { this.params.a11y.enabled && this.a11y.destroy() } } }, { name: "history", params: { history: { enabled: !1, replaceState: !1, key: "slides" } }, create: function() { var e = this; j.extend(e, { history: { init: Q.init.bind(e), setHistory: Q.setHistory.bind(e), setHistoryPopState: Q.setHistoryPopState.bind(e), scrollToSlide: Q.scrollToSlide.bind(e), destroy: Q.destroy.bind(e) } }) }, on: { init: function() { this.params.history.enabled && this.history.init() }, destroy: function() { this.params.history.enabled && this.history.destroy() }, transitionEnd: function() { this.history.initialized && this.history.setHistory(this.params.history.key, this.activeIndex) }, slideChange: function() { var e = this; e.history.initialized && e.params.cssMode && e.history.setHistory(e.params.history.key, e.activeIndex) } } }, { name: "hash-navigation", params: { hashNavigation: { enabled: !1, replaceState: !1, watchState: !1 } }, create: function() { var e = this; j.extend(e, { hashNavigation: { initialized: !1, init: Z.init.bind(e), destroy: Z.destroy.bind(e), setHash: Z.setHash.bind(e), onHashCange: Z.onHashCange.bind(e) } }) }, on: { init: function() { this.params.hashNavigation.enabled && this.hashNavigation.init() }, destroy: function() { this.params.hashNavigation.enabled && this.hashNavigation.destroy() }, transitionEnd: function() { this.hashNavigation.initialized && this.hashNavigation.setHash() }, slideChange: function() { this.hashNavigation.initialized && this.params.cssMode && this.hashNavigation.setHash() } } }, { name: "autoplay", params: { autoplay: { enabled: !1, delay: 3e3, waitForTransition: !0, disableOnInteraction: !0, stopOnLastSlide: !1, reverseDirection: !1 } }, create: function() { var t = this; j.extend(t, { autoplay: { running: !1, paused: !1, run: J.run.bind(t), start: J.start.bind(t), stop: J.stop.bind(t), pause: J.pause.bind(t), onVisibilityChange: function() { "hidden" === document.visibilityState && t.autoplay.running && t.autoplay.pause(), "visible" === document.visibilityState && t.autoplay.paused && (t.autoplay.run(), t.autoplay.paused = !1) }, onTransitionEnd: function(e) { t && !t.destroyed && t.$wrapperEl && e.target === this && (t.$wrapperEl[0].removeEventListener("transitionend", t.autoplay.onTransitionEnd), t.$wrapperEl[0].removeEventListener("webkitTransitionEnd", t.autoplay.onTransitionEnd), t.autoplay.paused = !1, t.autoplay.running ? t.autoplay.run() : t.autoplay.stop()) } } }) }, on: { init: function() { this.params.autoplay.enabled && (this.autoplay.start(), document.addEventListener("visibilitychange", this.autoplay.onVisibilityChange)) }, beforeTransitionStart: function(e, t) { this.autoplay.running && (t || !this.params.autoplay.disableOnInteraction ? this.autoplay.pause(e) : this.autoplay.stop()) }, sliderFirstMove: function() { this.autoplay.running && (this.params.autoplay.disableOnInteraction ? this.autoplay.stop() : this.autoplay.pause()) }, touchEnd: function() { this.params.cssMode && this.autoplay.paused && !this.params.autoplay.disableOnInteraction && this.autoplay.run() }, destroy: function() { this.autoplay.running && this.autoplay.stop(), document.removeEventListener("visibilitychange", this.autoplay.onVisibilityChange) } } }, { name: "effect-fade", params: { fadeEffect: { crossFade: !1 } }, create: function() { j.extend(this, { fadeEffect: { setTranslate: ee.setTranslate.bind(this), setTransition: ee.setTransition.bind(this) } }) }, on: { beforeInit: function() { var e, t = this; "fade" === t.params.effect && (t.classNames.push(t.params.containerModifierClass + "fade"), j.extend(t.params, e = { slidesPerView: 1, slidesPerColumn: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !0 }), j.extend(t.originalParams, e)) }, setTranslate: function() { "fade" === this.params.effect && this.fadeEffect.setTranslate() }, setTransition: function(e) { "fade" === this.params.effect && this.fadeEffect.setTransition(e) } } }, { name: "effect-cube", params: { cubeEffect: { slideShadows: !0, shadow: !0, shadowOffset: 20, shadowScale: .94 } }, create: function() { j.extend(this, { cubeEffect: { setTranslate: te.setTranslate.bind(this), setTransition: te.setTransition.bind(this) } }) }, on: { beforeInit: function() { var e, t = this; "cube" === t.params.effect && (t.classNames.push(t.params.containerModifierClass + "cube"), t.classNames.push(t.params.containerModifierClass + "3d"), j.extend(t.params, e = { slidesPerView: 1, slidesPerColumn: 1, slidesPerGroup: 1, watchSlidesProgress: !0, resistanceRatio: 0, spaceBetween: 0, centeredSlides: !1, virtualTranslate: !0 }), j.extend(t.originalParams, e)) }, setTranslate: function() { "cube" === this.params.effect && this.cubeEffect.setTranslate() }, setTransition: function(e) { "cube" === this.params.effect && this.cubeEffect.setTransition(e) } } }, { name: "effect-flip", params: { flipEffect: { slideShadows: !0, limitRotation: !0 } }, create: function() { j.extend(this, { flipEffect: { setTranslate: ie.setTranslate.bind(this), setTransition: ie.setTransition.bind(this) } }) }, on: { beforeInit: function() { var e, t = this; "flip" === t.params.effect && (t.classNames.push(t.params.containerModifierClass + "flip"), t.classNames.push(t.params.containerModifierClass + "3d"), j.extend(t.params, e = { slidesPerView: 1, slidesPerColumn: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !0 }), j.extend(t.originalParams, e)) }, setTranslate: function() { "flip" === this.params.effect && this.flipEffect.setTranslate() }, setTransition: function(e) { "flip" === this.params.effect && this.flipEffect.setTransition(e) } } }, { name: "effect-coverflow", params: { coverflowEffect: { rotate: 50, stretch: 0, depth: 100, modifier: 1, slideShadows: !0 } }, create: function() { j.extend(this, { coverflowEffect: { setTranslate: se.setTranslate.bind(this), setTransition: se.setTransition.bind(this) } }) }, on: { beforeInit: function() { var e = this; "coverflow" === e.params.effect && (e.classNames.push(e.params.containerModifierClass + "coverflow"), e.classNames.push(e.params.containerModifierClass + "3d"), e.params.watchSlidesProgress = !0, e.originalParams.watchSlidesProgress = !0) }, setTranslate: function() { "coverflow" === this.params.effect && this.coverflowEffect.setTranslate() }, setTransition: function(e) { "coverflow" === this.params.effect && this.coverflowEffect.setTransition(e) } } }, { name: "thumbs", params: { thumbs: { multipleActiveThumbs: !0, swiper: null, slideThumbActiveClass: "swiper-slide-thumb-active", thumbsContainerClass: "swiper-container-thumbs" } }, create: function() { j.extend(this, { thumbs: { swiper: null, init: ne.init.bind(this), update: ne.update.bind(this), onThumbClick: ne.onThumbClick.bind(this) } }) }, on: { beforeInit: function() { var e = this.params.thumbs; e && e.swiper && (this.thumbs.init(), this.thumbs.update(!0)) }, slideChange: function() { this.thumbs.swiper && this.thumbs.update() }, update: function() { this.thumbs.swiper && this.thumbs.update() }, resize: function() { this.thumbs.swiper && this.thumbs.update() }, observerUpdate: function() { this.thumbs.swiper && this.thumbs.update() }, setTransition: function(e) { var t = this.thumbs.swiper; t && t.setTransition(e) }, beforeDestroy: function() { var e = this.thumbs.swiper; e && this.thumbs.swiperCreated && e && e.destroy() } } }]; return void 0 === R.use && (R.use = R.Class.use, R.installModule = R.Class.installModule), R.use(o), R }), window.ts8 = window.ts8 || {}, window.ts8.common = window.ts8.common || {}, ts8.common = function() { var i = !1, s = null, n = null, t = [], a = [], r = !1, e = function() { window.addEventListener("load", o), window.addEventListener("resize", l), window.addEventListener("keydown", c) }, o = function() { l(), window.removeEventListener("load", o) }, l = function() { var e = window.innerWidth, t = window.innerHeight; 1440 < e && t < 760 || e <= 1440 && t / e < .5277 || e <= 768 && t < 450 && .5625 <= t / e ? document.documentElement.classList.add("is-broken-fixed") : document.documentElement.classList.remove("is-broken-fixed"), (i = !(767 < e)) != s && d(), clearTimeout(n), n = setTimeout(function() { for (var e = 0; e < a.length; e++) a[e]() }, 50), s = i }, c = function(e) { r = !(9 != e.keyCode || !e.shiftKey) }, d = function() { for (var e = 0; e < t.length; e++) t[e]() }; navigator.userAgent.match(/Trident\/7\./) && ANIUTIL.scrollController(), ANIUTIL.imageLoader({ lazyClass: ".js-img-src", responsiveClass: ".js-res-img", loadOption: [{ resolution: 1920, attribute: "data-src-pc" }, { resolution: 1080, attribute: "data-src-tablet" }, { resolution: 767, attribute: "data-src-mobile" }, { resolution: 360, attribute: "data-src-mobile-min" }], visiblePoint: 1 }); function u() { return m = v ? v.clientHeight : m } function p(e) { e.preventDefault(), e.target.isClicked = !0 } function h(s) { s.preventDefault(); var e = g(s.target); s.target.isClicked || s.target.isVisible || e || setTimeout(function() { var e = s.target, t = window.pageYOffset, i = e.getBoundingClientRect(), e = (window.innerHeight - u()) / 2, i = t - u() + i.top + i.height / 2; window.scrollTo(0, i - e) }, 10), s.target.isClicked = !1 } var m = 0, v = document.querySelector(".pd-g-header-navigation") || document.querySelector("#subnav") || document.querySelector(".sticky-menu"), f = (document.getElementById("contents") || document.getElementById("content")).querySelectorAll("a, button, input"), g = function(e) { var t = e.parentNode, e = t.getAttribute("id"); return "contents" != e && t != document.body && (!!("subnav" == e || t.classList.contains("sc-tab-compare__popup") || t.classList.contains("sc-tab-compatibility__popup") || t.classList.contains("sc-tab-card__arrows")) || g(t)) }; document.addEventListener("scroll", function() { for (var e = 0; e < f.length; e++) { var t = f[e], i = window.pageYOffset + t.getBoundingClientRect().top, s = window.pageYOffset + u(), n = window.pageYOffset + window.innerHeight; s <= i && i <= n ? t.isVisible = !0 : (i < s || n < i) && (t.isVisible = !1) } }); for (var w = 0; w < f.length; w++) { var b = f[w]; b.isClicked = !1, b.isVisible = !1, b.addEventListener("focusin", h), b.addEventListener("mousedown", p) } for (var y = function() { for (var e = document.getElementsByTagName("meta"), t = "", i = 0; i < e.length; i++) if ("sitecode" == e[i].getAttribute("name")) return t = e[i].getAttribute("content"); if ("" == t) return -1 < document.location.pathname.indexOf("global") ? "global" : "jp" }, E = document.querySelectorAll("a.click_sup"), w = 0; w < E.length; w++) E[w].addEventListener("click", function(e) { e.preventDefault(); var e = parseFloat(this.innerText), t = document.querySelectorAll("#desc-section li")[e - 1], i = t.innerText; t.innerHTML = '<a tabindex="0">' + i + "</a>"; var s = function(e) { h(e), t.removeEventListener("focusin", s) }, n = function() { t.innerHTML = i, t.removeAttribute("tabindex"), t.removeEventListener("focusout", n) }; t.addEventListener("focusin", s), t.addEventListener("focusout", n), t.querySelector("a").focus() }); function T(e) { for (var t, i = e + "=", s = document.cookie.split(";"), n = 0, a = s.length; n < a; n++) { for (t = s[n]; " " == t.charAt(0);) t = t.substring(1); if (-1 != t.indexOf(i)) return t.substring(i.length, t.length) } return "" } function x() { var e = "global" == y() || "jp" == y() ? "___GALAXY_SPEED" : "__COM_SPEED"; return null == T(e) || null == T(e) ? null : "L" == T(e) || "H" != T(e) && void 0 } var S = { expires: "", path: "/", domain: "", secure: "" }; x() && document.documentElement.classList.add("low_network"); var C = ((I = "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch) ? document.documentElement.classList.add("isTouchDevice") : document.documentElement.classList.add("isNotTouchDevice"), I), L = ((k = /iPad|iPhone|iPod/.test(navigator.userAgent)) ? document.documentElement.classList.add("isIosDevice") : document.documentElement.classList.add("isNotIosDevice"), k), k = (I = window.innerWidth, k = window.innerHeight, 1440 < I && k < 760 || I <= 1440 && k / I < .5277 || I <= 768 && k < 450 && .5625 <= k / I ? document.documentElement.classList.add("is-broken-fixed") : document.documentElement.classList.remove("is-broken-fixed"), function() { var e, t = navigator.userAgent.toLowerCase(); if ("Microsoft Internet Explorer" == navigator.appName) e = "msie "; else if (-1 < t.search("trident")) e = "trident/.*rv:"; else { if (!(-1 < t.search("edge/"))) return -1; e = "edge/" } return null != new RegExp(e + "([0-9]{1,})(\\.{0,}[0-9]{0,1})").exec(t) ? (document.documentElement.classList.add("isIEorEdge"), parseFloat(RegExp.$1 + RegExp.$2)) : -1 }()), I = document.querySelector(".sc-tab-kv"); return __TAB_USE_KV_CTA && (I.classList.remove("is-use-buy"), I.classList.remove("is-use-regist"), I.classList.remove("is-use-order"), I.classList.remove("is-use-where"), "buy-now" == __TAB_USE_KV_CTA ? I.classList.add("is-use-buy") : "pre-order" == __TAB_USE_KV_CTA ? I.classList.add("is-use-order") : "pre-registration" == __TAB_USE_KV_CTA ? I.classList.add("is-use-regist") : "where-to-buy" == __TAB_USE_KV_CTA ? I.classList.add("is-use-where") : "off" != __TAB_USE_KV_CTA || I.classList.contains("is-off-cta") || I.classList.add("is-off-cta")), __TAB_USE_5G && "off" == __TAB_USE_5G && document.documentElement.classList.add("not-use-5g"), { init: function() { e() }, setResizeCallback: function(e) { a.push(e) }, setResponsiveCallback: function(e) { t.push(e) }, isMobile: function() { return i }, getNavHeight: u, getQueryString: function(e) { var t = (s = location.href).indexOf("?") + 1, i = -1 < s.indexOf("#") ? s.indexOf("#") + 1 : s.length; if (0 == t) return ""; for (var s = (s = s.substring(t, i)).split("&"), n = "", a = 0; a < s.length; a++) { var r = s[a].split("="); if (2 != r.length) break; r[0] == e && (n = r[1]); break } return n }, isLowNetwork: x, setCookie: function(e, t, i) { var s = S, n = new Date; n.setTime(n.getTime() + 24 * (i || 0) * 60 * 60 * 1e3), s.expires = n, document.cookie = [e, "=", t, s.expires ? "; expires=" + s.expires.toUTCString() : "", s.path ? "; path=" + s.path : "", s.domain ? "; domain=" + s.domain : "", s.secure ? "; secure" : ""].join("") }, getCookie: T, isRTL: function() { return document.documentElement.classList.contains("rtl") }, isIOS: L, isDevice: C, isBrokenFixed: void 0, isIEorEdge: k, closest: function(e, t) { do { if (e == document.documentElement) return null; if (e.matches ? e.matches(t) : e.msMatchesSelector(t)) return e } while (null !== (e = e.parentElement || e.parentNode) || 1 === e.nodeType); return null }, isReverseTab: function() { return r } } }(), window.ts8.common.init(); var UTIL = window.ts8.common; ! function() { var t, e, i, s, n, a, r; window.ts8 = window.ts8 || {}, window.ts8.contrast = window.ts8.contrast || {}, ts8.contrast = (t = {}, e = function() { t.defaultBtn = t.section.querySelector(".type-default"), t.defaultBtnTitle = t.defaultBtn.getAttribute("title").trim(), t.contrastBtn = t.section.querySelector(".type-contrast"), t.contrastBtnTitle = t.contrastBtn.getAttribute("title").trim(), t.cookieName = "highContrastMode" }, i = function() { window.addEventListener("load", s), t.defaultBtn && t.defaultBtn.addEventListener("click", n), t.contrastBtn && t.contrastBtn.addEventListener("click", a) }, s = function() { r() }, n = function(e) { e.preventDefault(), UTIL.setCookie(t.cookieName, "0", 1), r() }, a = function(e) { e.preventDefault(), UTIL.setCookie(t.cookieName, "1", 1), r() }, r = function() { var e = UTIL.getCookie(t.cookieName); e.length && "1" == e ? (document.documentElement.classList.add("color_yb"), t.contrastBtn.setAttribute("title", t.contrastBtnTitle + " selected"), t.defaultBtn.setAttribute("title", t.defaultBtnTitle)) : (document.documentElement.classList.remove("color_yb"), t.contrastBtn.setAttribute("title", t.contrastBtnTitle), t.defaultBtn.setAttribute("title", t.defaultBtnTitle + " selected")) }, { init: function() { t.section = document.querySelector(".cp-high-contrast"), t.section && (e(), i()) } }) }(), function() { var r, o, e, t, s, n, a; window.ts8 = window.ts8 || {}, window.ts8.subnavi = window.ts8.subnavi || {}, ts8.subnavi = (r = {}, o = window.pageYOffset, e = function() { r.navItems = r.subnavi.querySelectorAll("ul li>a"), r.navDests = document.querySelectorAll('[class*="js-nav-"]'), r.visSection = document.querySelectorAll(".js-visible"), r.visCount = -1; for (var e = 0; e < r.visSection.length; e++) { var t = r.visSection[e]; t.dataset.visIndex = t.classList.contains("js-count") ? ++r.visCount : r.visCount } }, t = function() { n(), window.addEventListener("resize", s), window.addEventListener("scroll", n); for (var e = window.location.hash, t = 0; t < r.navItems.length; t++) { var i = r.navItems[t]; - 1 < i.getAttribute("href").indexOf("#") && (i.dataset.navIndex = t, i.addEventListener("click", a)), e && -1 < i.getAttribute("href").indexOf(e) && (i.parentNode.classList.remove("on"), i.click()) } }, s = function() { n() }, n = function() { o = window.pageYOffset; for (var e = (window.innerHeight + UTIL.getNavHeight()) / 2, t = 0; t < r.visSection.length; t++) { var i = r.visSection[t], s = i.getBoundingClientRect(), n = o + s.top, s = o + s.bottom; if (n <= o + e && o + e <= s) { for (var a = i.dataset.visIndex, t = 0; t < r.navItems.length; t++) t != a && r.navItems[t].parentNode.classList.contains("on") && r.navItems[t].parentNode.classList.remove("on"); i = r.navItems[a].parentNode; i.classList.contains("on") || (i.classList.add("on"), !r.subnavi.classList.contains("hold") && i.classList.contains("on") && GALAXY.header.resetSubNav()) } } }, a = function(e) { e.preventDefault(); var t = e.target, i = t.parentNode; if (!r.subnavi.classList.contains("hold") && !i.classList.contains("on")) { for (var s = 0; s < r.navItems.length; s++) r.navItems[s].parentNode.classList.remove("on"); i.classList.contains("on") || i.classList.add("on"); var n = t.dataset.navIndex, a = r.navDests[n], e = a.getBoundingClientRect(), i = parseInt(window.getComputedStyle(a).paddingTop), t = (window.innerHeight - (e.height - i) + UTIL.getNavHeight()) / 2, n = 0; (n = a.classList.contains("js-nav-center") ? o + e.top + i - t : o + e.top - UTIL.getNavHeight()) < 150 && (n = 0), r.subnavi.classList.add("hold"), GALAXY.setSmoothScrollTop(n, 1500, function() { r.subnavi.classList.contains("hold") && r.subnavi.classList.remove("hold"), GALAXY.header.resetSubNav() }) } }, { init: function() { r.subnavi = document.getElementById("subnav"), r.subnavi && (e(), t()) } }) }(), function() { var a, e, t, i, s, n, r, o, l, c, d; window.ts8 = window.ts8 || {}, window.ts8.cardEco = window.ts8.cardEco || {}, ts8.cardEco = (a = {}, e = function() { a.swiper = null, a.swiperEl = a.section.querySelector(".sc-tab-card__carousel"), a.swiperNextEl = a.swiperEl.querySelector(".swiper-button-next"), a.swiperPrevEl = a.swiperEl.querySelector(".swiper-button-prev") }, t = function() { window.addEventListener("load", i), a.swiperNextEl.addEventListener("click", c), a.swiperPrevEl.addEventListener("click", d), a.swiperNextEl.addEventListener("keydown", c), a.swiperPrevEl.addEventListener("keydown", d) }, i = function() { s(), UTIL.setResponsiveCallback(s), UTIL.setResizeCallback(n), window.removeEventListener("load", i) }, s = function() { (UTIL.isMobile() ? r : o)() }, n = function() { a.isBrokenFixed = document.documentElement.classList.contains("is-broken-fixed"), o(), !a.isBrokenFixed && UTIL.isMobile() && r() }, r = function() { o(), a.swiperNextEl.removeAttribute("tabindex"), a.swiperNextEl.removeAttribute("aria-hidden"), a.swiperPrevEl.removeAttribute("tabindex"), a.swiperPrevEl.removeAttribute("aria-hidden"), a.swiper = new Swiper(a.swiperEl, { slidesPerView: "auto", centeredSlides: !0, navigation: { nextEl: a.swiperNextEl, prevEl: a.swiperPrevEl }, on: { slideChange: function() { l(this.activeIndex) } } }), l(0) }, o = function() { if (null != a.swiper) { for (var e = a.swiper.slides, t = 0; t < e.length; t++) { var i = e[t].querySelectorAll("a, button, input"); e[t].removeAttribute("tabindex"), e[t].removeAttribute("aria-hidden"); for (var s = 0; s < i.length; s++) i[s].removeAttribute("tabindex"), i[s].removeAttribute("aria-hidden") } a.swiperNextEl.setAttribute("tabindex", "-1"), a.swiperNextEl.setAttribute("aria-hidden", "true"), a.swiperPrevEl.setAttribute("tabindex", "-1"), a.swiperPrevEl.setAttribute("aria-hidden", "true"), a.swiper.destroy(!0, !0), a.swiper = null } }, l = function(e) { if (null != a.swiper) for (var t = a.swiper.slides, i = 0; i < t.length; i++) { var s = t[i].querySelectorAll("a, button, input"); if (i == e) { t[i].removeAttribute("tabindex"), t[i].removeAttribute("aria-hidden"); for (var n = 0; n < s.length; n++) s[n].removeAttribute("tabindex"), s[n].removeAttribute("aria-hidden") } else { t[i].setAttribute("tabindex", "-1"), t[i].setAttribute("aria-hidden", "true"); for (n = 0; n < s.length; n++) s[n].setAttribute("tabindex", "-1"), s[n].setAttribute("aria-hidden", "true") } } }, c = function(e) { ("keydown" == e.type && 13 == e.keyCode || "click" == e.type) && (e.preventDefault(), null != a.swiper && a.swiper.activeIndex + 1 == a.swiper.slides.length - 1 && setTimeout(function() { a.swiperPrevEl.focus() }, 50)) }, d = function(e) { ("keydown" == e.type && 13 == e.keyCode || "click" == e.type) && (e.preventDefault(), null != a.swiper && a.swiper.activeIndex - 1 == 0 && setTimeout(function() { a.swiperNextEl.focus() }, 50)) }, { init: function() { a.section = document.querySelector(".sc-tab-card--eco"), a.section && (e(), t()) } }) }(), function() { var a, e, t, i, s, n, r, o, l, c, d, u, p, h, m, v; window.ts8 = window.ts8 || {}, window.ts8.cardSpec = window.ts8.cardSpec || {}, ts8.cardSpec = (a = {}, e = function() { a.scene = null, a.sceneTrack = a.section.querySelector(".sc-tab-card__fixed-track"), a.sceneFixed = a.section.querySelector(".sc-tab-card__fixed-item"), a.swiper = null, a.swiperEl = a.section.querySelector(".sc-tab-card__carousel"), a.swiperSlides = a.swiperEl.querySelectorAll(".sc-tab-card__item"), a.swiperNextEl = a.swiperEl.querySelector(".swiper-button-next"), a.swiperPrevEl = a.swiperEl.querySelector(".swiper-button-prev"), a.isTouchDevice = "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch, a.clickables = a.section.querySelectorAll("a") }, t = function() { window.addEventListener("load", i), window.addEventListener("scroll", d), window.addEventListener("orientationchange", d), a.swiperNextEl.addEventListener("click", p), a.swiperPrevEl.addEventListener("click", h), a.swiperNextEl.addEventListener("keydown", p), a.swiperPrevEl.addEventListener("keydown", h); for (var e = 0; e < a.clickables.length; e++) a.clickables[e].addEventListener("focus", v) }, i = function() { n(), d(), UTIL.setResponsiveCallback(n), UTIL.setResizeCallback(s), window.removeEventListener("load", i) }, s = function() { a.isBrokenFixed = document.documentElement.classList.contains("is-broken-fixed"), a.isBrokenFixed ? o() : UTIL.isMobile() || (r(), clearTimeout(a.onscrollTiming), a.onscrollTiming = setTimeout(function() { d() }, 300)) }, n = function() { a.isBrokenFixed = document.documentElement.classList.contains("is-broken-fixed"), o(), c(), a.isBrokenFixed || (UTIL.isMobile() ? l : r)() }, r = function() { null == a.scene && (a.scene = SCROLLER({ trackElement: a.sceneTrack, fixedElement: a.sceneFixed, useFixed: !0, trackHeight: ANIUTIL.checkFold() ? 2 : 3 })) }, o = function() { null != a.scene && (a.scene.destroy(!0, !0), a.scene = null, TweenMax.to(a.swiperEl, 0, { x: 0 })) }, l = function() { a.swiperNextEl.removeAttribute("tabindex"), a.swiperNextEl.removeAttribute("aria-hidden"), a.swiperPrevEl.removeAttribute("tabindex"), a.swiperPrevEl.removeAttribute("aria-hidden"), a.swiper = new Swiper(a.swiperEl, { slidesPerView: "auto", centeredSlides: !0, navigation: { nextEl: a.swiperNextEl, prevEl: a.swiperPrevEl }, on: { slideChange: function() { u(this.activeIndex) } } }), u(0) }, c = function() { if (null != a.swiper) { for (var e = a.swiper.slides, t = 0; t < e.length; t++) { var i = e[t].querySelectorAll("a, button, input"); e[t].removeAttribute("tabindex"), e[t].removeAttribute("aria-hidden"); for (var s = 0; s < i.length; s++) i[s].removeAttribute("tabindex"), i[s].removeAttribute("aria-hidden") } a.swiperNextEl.setAttribute("tabindex", "-1"), a.swiperNextEl.setAttribute("aria-hidden", "true"), a.swiperPrevEl.setAttribute("tabindex", "-1"), a.swiperPrevEl.setAttribute("aria-hidden", "true"), a.swiper.navigation.destroy(), a.swiper.destroy(!0, !0), a.swiper = null } }, d = function() { null != a.scene && a.scene.trackAnimation(function() { var e = parseInt(window.getComputedStyle(a.swiperSlides[0]).marginLeft), e = a.swiperSlides[0].clientWidth + 2 * e, e = ANIUTIL.calRange({ targetValue: e * (a.swiperSlides.length - 1), progress: this.progress, startPoint: 10, endPoint: 90 }); TweenMax.to(a.swiperEl, .2, { x: e * (UTIL.isRTL() ? 1 : -1) + "px", ease: Power3.out }) }) }, u = function(e) { if (null != a.swiper) for (var t = a.swiper.slides, i = 0; i < t.length; i++) { var s = t[i].querySelectorAll("a, button, input"); if (i == e) { t[i].removeAttribute("tabindex"), t[i].removeAttribute("aria-hidden"); for (var n = 0; n < s.length; n++) s[n].removeAttribute("tabindex"), s[n].removeAttribute("aria-hidden") } else { t[i].setAttribute("tabindex", "-1"), t[i].setAttribute("aria-hidden", "true"); for (n = 0; n < s.length; n++) s[n].setAttribute("tabindex", "-1"), s[n].setAttribute("aria-hidden", "true") } } }, p = function(e) { ("keydown" == e.type && 13 == e.keyCode || "click" == e.type) && (e.preventDefault(), null != a.swiper && (UTIL.isIOS ? m(a.swiper.activeIndex + 1) : a.swiper.activeIndex + 1 == a.swiper.slides.length - 1 && setTimeout(function() { a.swiperPrevEl.focus() }, 50))) }, h = function(e) { ("keydown" == e.type && 13 == e.keyCode || "click" == e.type) && (e.preventDefault(), null != a.swiper && (UTIL.isIOS ? m(a.swiper.activeIndex - 1) : a.swiper.activeIndex - 1 == 0 && setTimeout(function() { a.swiperNextEl.focus() }, 50))) }, m = function(e) { var t = a.swiper.slides[e].querySelector(".sc-tab-card__title"); t.setAttribute("tabindex", "0"), setTimeout(function() { t.focus(), t.removeAttribute("tabindex") }, 60) }, v = function() { var e = UTIL.closest(this, ".sc-tab-card__item"), t = [].indexOf.call(a.swiperSlides, e); null != a.scene && (e = e.clientWidth, TweenMax.to(a.swiperEl, .2, { x: t * e * (UTIL.isRTL() ? 1 : -1) + "px", ease: Power3.out }), a.sceneFixed.scrollLeft = 0) }, { init: function() { a.section = document.querySelector(".sc-tab-card--spec"), a.section && (e(), t()) } }) }(), function() { var d, e, t, i, s, n, a, r, o, l, c, u, p, h; window.ts8 = window.ts8 || {}, window.ts8.compatibility = window.ts8.compatibility || {}, ts8.compatibility = (d = {}, e = function() { d.compInner = d.section.querySelectorAll(".sc-tab-compatibility__item-inner"), d.compImage = d.section.querySelectorAll(".sc-tab-compatibility__item-image img"), d.compShadow = d.section.querySelectorAll(".sc-tab-compatibility__item-shadow img"), d.compPopup = d.section.querySelectorAll(".sc-tab-compatibility__popup"), d.compCtaWrap = d.section.querySelectorAll(".sc-tab-compatibility__item-cta"), d.compCta = d.section.querySelectorAll(".sc-tab-compatibility__item-cta-link") }, t = function() { window.addEventListener("load", s), window.addEventListener("scroll", n); for (var e = 0; e < d.compCta.length; e++) { var t = UTIL.closest(d.compCta[e], ".sc-tab-compatibility__item-inner"); d.compCta[e].popup = t.querySelector(".sc-tab-compatibility__popup"), d.compCta[e].closer = d.compCta[e].popup.querySelector(".sc-tab-compatibility__popup-close"), d.compCta[e].closer.popup = d.compCta[e].popup, d.compCta[e].closer.opener = d.compCta[e], d.compCta[e].addEventListener("click", a), d.compCta[e].addEventListener("click", r) } }, i = function() { for (var e = 0; e < d.compPopup.length; e++) { d.compPopup[e].setAttribute("aria-hidden", "true"); for (var t = d.compPopup[e].querySelectorAll("a, button"), i = 0; i < t.length; i++) t[i].setAttribute("tabindex", "-1"), t[i].setAttribute("aria-hidden", "true") } }, s = function() { n(), window.removeEventListener("load", s) }, n = function() { h({ activeElement: d.compInner[0], targetElement: d.compImage[0], distance: UTIL.isMobile() ? 5 : 10, direction: -1 }), h({ activeElement: d.compInner[1], targetElement: d.compImage[1], distance: UTIL.isMobile() ? 6 : 8 }), h({ activeElement: d.compInner[2], targetElement: d.compImage[2], distance: UTIL.isMobile() ? 6 : 8 }), h({ activeElement: d.compInner[3], targetElement: d.compImage[3], distance: UTIL.isMobile() ? 5 : 10, direction: -1 }), h({ activeElement: d.compInner[0], targetElement: d.compShadow[0], distance: UTIL.isMobile() ? 5 : 10, direction: -1 }), h({ activeElement: d.compInner[1], targetElement: d.compShadow[1], distance: UTIL.isMobile() ? 6 : 8 }), h({ activeElement: d.compInner[2], targetElement: d.compShadow[2], distance: UTIL.isMobile() ? 6 : 8 }), h({ activeElement: d.compInner[3], targetElement: d.compShadow[3], distance: UTIL.isMobile() ? 5 : 10, direction: -1 }), h({ activeElement: d.compInner[0], targetElement: d.compCtaWrap[0], distance: UTIL.isMobile() ? 5 : 10, direction: -1 }), h({ activeElement: d.compInner[1], targetElement: d.compCtaWrap[1], distance: UTIL.isMobile() ? 6 : 8 }), h({ activeElement: d.compInner[2], targetElement: d.compCtaWrap[2], distance: UTIL.isMobile() ? 6 : 8 }), h({ activeElement: d.compInner[3], targetElement: d.compCtaWrap[3], distance: UTIL.isMobile() ? 5 : 10, direction: -1 }) }, a = function(e) { var t = this; e.preventDefault(), c(), this.popup.classList.contains("is-active") || this.popup.classList.add("is-active"), window.removeEventListener("click", l), setTimeout(function() { t.closer.focus(), window.addEventListener("click", l) }, 50), this.closer.addEventListener("click", o), this.setAttribute("aria-hidden", "true"), this.setAttribute("tabindex", "-1"), u(this) }, r = function() { for (var e = 0; e < d.compPopup.length; e++) { var t = d.compPopup[e].querySelectorAll("img"); imageLoader.setResponsiveImage(t) } for (e = 0; e < d.compCta.length; e++) d.compCta[e].removeEventListener("click", r) }, o = function(e) { var t = this; e.preventDefault(), this.popup.classList.contains("is-active") && this.popup.classList.remove("is-active"), this.removeEventListener("click", o), window.removeEventListener("click", l), p(this), this.opener.removeAttribute("aria-hidden"), this.opener.removeAttribute("tabindex"), setTimeout(function() { t.opener.focus() }, 50) }, l = function(e) { UTIL.closest(e.target, ".sc-tab-compatibility__popup") || (c(), i(), window.removeEventListener("click", l)) }, c = function() { for (var e = 0; e < d.compPopup.length; e++) d.compPopup[e].classList.contains("is-active") && d.compPopup[e].classList.remove("is-active"), d.compCta[e].removeAttribute("aria-hidden"), d.compCta[e].removeAttribute("tabindex") }, u = function(e) { e.popup.removeAttribute("aria-hidden"); for (var t = e.popup.querySelectorAll("a, button"), i = 0; i < t.length; i++) t[i].removeAttribute("tabindex"), t[i].removeAttribute("aria-hidden") }, p = function(e) { e.popup.setAttribute("aria-hidden", "true"); for (var t = e.popup.querySelectorAll("a, button"), i = 0; i < t.length; i++) t[i].setAttribute("tabindex", "-1"), t[i].setAttribute("aria-hidden", "true") }, h = function(e) { var t = e.distance || 0, i = e.direction || 1, s = e.activeElement, n = e.targetElement || s, a = d.section, r = window.pageYOffset, o = window.pageYOffset + window.innerHeight, l = s.getBoundingClientRect(), c = r + a.getBoundingClientRect().top, e = c + a.getBoundingClientRect().height, s = window.innerHeight + l.height, a = l.top - (window.innerHeight - l.height) / 2, t = l.height * t / 100; c <= o && r <= e && TweenMax.to(n, .3, { y: 2 * t * a / s * i + "px", z: 0, ease: Power0.easeNone, delay: 0 }) }, { init: function() { d.section = document.querySelector(".sc-tab-compatibility"), d.section && (e(), t(), i()) } }) }(), function() { var n, e, t, i, s, a; window.ts8 = window.ts8 || {}, window.ts8.connection = window.ts8.connection || {}, ts8.connection = (n = {}, e = function() { n.scene = null, n.leftImage = n.section.querySelector(".sc-tab-connection__image-left"), n.rightImage = n.section.querySelector(".sc-tab-connection__image-right") }, t = function() { window.addEventListener("load", i), window.addEventListener("scroll", a) }, i = function() { s(), a(), UTIL.setResponsiveCallback(s), window.removeEventListener("load", i) }, s = function() { null != n.scene && (n.scene.destroy(), n.scene = null), n.scene = SCROLLER({ trackElement: n.section }) }, a = function() { null != n.scene && n.scene.trackAnimation(function() { var e = ANIUTIL.calRange({ targetValue: 10, progress: this.progress, startPoint: 20, endPoint: 80 }), t = ANIUTIL.calRange({ targetValue: 6, progress: this.progress, startPoint: 20, endPoint: 80 }), i = ANIUTIL.calRange({ targetValue: 10, progress: this.progress, startPoint: 30, endPoint: 100 }), s = ANIUTIL.calRange({ targetValue: 6.5, progress: this.progress, startPoint: 30, endPoint: 100 }); TweenMax.to(n.leftImage, .5, { x: -10 + e + "%", y: 6 - t + "%" }), TweenMax.to(n.rightImage, .5, { x: 10 - i + "%", y: -6.5 + s + "%" }) }) }, { init: function() { n.section = document.querySelector(".sc-tab-connection"), n.section && (e(), t()) } }) }(), function() { var i, e, t, s, n, a, r; window.ts8 = window.ts8 || {}, window.ts8.display = window.ts8.display || {}, ts8.display = (i = {}, e = function() { i.displayContents = i.section.querySelector(".sc-tab-display__contents"), i.displayProducts = i.displayContents.querySelectorAll(".sc-tab-display__product"), i.displayImages = i.section.querySelectorAll(".sc-tab-display__product-image img") }, t = function() { window.addEventListener("load", s), window.addEventListener("scroll", r) }, s = function() { n(), a(), r(), UTIL.setResponsiveCallback(a), window.removeEventListener("load", s) }, n = function() { for (var e = 0; e < i.displayImages.length; e++) i.displayImages[e].style.display = "block" }, a = function() { null != i.sectionScene && (i.sectionScene.destroy(), i.sectionScene = null), i.sectionScene = SCROLLER({ trackElement: i.section, useFixed: !1, correction: .5, resize: !0 }), null != i.displayScene && (i.displayScene.destroy(), i.displayScene = null), i.displayScene = SCROLLER({ trackElement: i.displayContents, useFixed: !1, trackHeight: 1 }), i.displayContents.removeAttribute("style") }, r = function() { null != i.sectionScene && i.sectionScene.trackAnimation(function() { var e = ANIUTIL.calRange({ targetValue: 10, progress: this.progress, startPoint: 25, endPoint: 50 }); UTIL.isMobile() || TweenMax.to(i.displayContents, .3, { y: 10 - e + "%", ease: Power3.out }) }), null != i.displayScene && i.displayScene.trackAnimation(function() { var e = ANIUTIL.calRange({ targetValue: UTIL.isMobile() ? 62.2 : 34.3, progress: this.progress, startPoint: 25, endPoint: 50 }), t = ANIUTIL.calRange({ targetValue: UTIL.isMobile() ? 124.4 : 75.9, progress: this.progress, startPoint: 25, endPoint: 50 }); 30 <= this.progress ? i.displayProducts[0].classList.contains("is-active") || i.displayProducts[0].classList.add("is-active") : i.displayProducts[0].classList.contains("is-active") && i.displayProducts[0].classList.remove("is-active"), 40 <= this.progress ? i.displayProducts[1].classList.contains("is-active") || i.displayProducts[1].classList.add("is-active") : i.displayProducts[1].classList.contains("is-active") && i.displayProducts[1].classList.remove("is-active"), 50 <= this.progress ? i.displayProducts[2].classList.contains("is-active") || i.displayProducts[2].classList.add("is-active") : i.displayProducts[2].classList.contains("is-active") && i.displayProducts[2].classList.remove("is-active"), TweenMax.to(i.displayProducts[1], UTIL.isMobile() ? .6 : .3, { ease: "none", y: e + "%" }), TweenMax.to(i.displayProducts[2], UTIL.isMobile() ? .6 : .3, { ease: "none", y: t + "%" }) }) }, { init: function() { i.section = document.querySelector(".sc-tab-display"), i.section && (e(), t()) } }) }(), function() { var e, t, i, s, n, a, r; window.ts8 = window.ts8 || {}, window.ts8.divide = window.ts8.divide || {}, ts8.divide = (e = {}, t = null, i = function() { e.scene = null }, s = function() { window.addEventListener("load", n), window.addEventListener("scroll", r) }, n = function() { a(), r(), UTIL.setResponsiveCallback(a), window.removeEventListener("load", n) }, a = function() { null != e.scene && (e.scene.destroy(), e.scene = null), e.scene = SCROLLER({ trackElement: e.section, activeElement: e.section, activeType: "oneWay", activeCallback: function() { e.section.classList.add("step2"), t = setTimeout(function() { e.section.classList.add("step3") }, 800) }, endCallback: function() { clearTimeout(t), ANIUTIL.removeClass({ targetElement: e.section, classList: ["step2", "step3"] }) }, correction: .6 }) }, r = function() { null != e.scene && e.scene.activeAnimation() }, { init: function() { e.section = document.querySelector(".sc-tab-divide"), e.section && (i(), s()) } }) }(), function() { var e, t, i, s, n, a, r; window.ts8 = window.ts8 || {}, window.ts8.duo = window.ts8.duo || {}, ts8.duo = (e = {}, t = function() { e.scene = null, e.seqScene = null, e.sequence = null, e.seqSceneTrack = e.section.querySelector(".sc-tab-duo__sound"), e.canvas = e.section.querySelector("canvas.sc-tab-duo__sequence"), e.soundImage = e.section.querySelector("img.sc-tab-duo__sequence"), e.imagePath = "" }, i = function() { window.addEventListener("load", s), window.addEventListener("scroll", r) }, s = function() { a(), n(), r(), window.removeEventListener("load", s) }, n = function() { "undefined" != typeof __TAB_SEQUENCE_URL && null != __TAB_SEQUENCE_URL && null != __TAB_SEQUENCE_URL && "" != __TAB_SEQUENCE_URL ? e.imagePath = __TAB_SEQUENCE_URL + "/" : e.imagePath = "/src/galaxy-tab-s8/images/", e.sequence = SEQUENCEPLAYER({ targetElement: e.canvas, startNum: 0, endNum: 48, path: e.imagePath, name: "galaxy-tab-s8-google-duo-sequence_", extension: "jpg", width: 1310, height: 194, playTime: 1800, imageLoadOffset: 2 }) }, a = function() { null != e.scene && (e.scene.destroy(), e.scene = null), null != e.seqScene && (e.seqScene.destroy(), e.seqScene = null), e.seqScene = SCROLLER({ trackElement: e.seqSceneTrack, activeElement: e.section, activeType: "reverse", activeCallback: function() { e.sequence.stop(), e.sequence.play({ endCallback: function() { setTimeout(function() { e.sequence.play({ endCallback: function() { e.section.classList.remove("is-wave-hide"), e.section.classList.add("is-play-end") } }) }, 100) } }) }, endCallback: function() { e.section.classList.contains("is-play-end") && (e.section.classList.remove("is-play-end"), e.section.classList.remove("is-wave-hide"), e.soundImage.removeAttribute("style")), null != e.sequence && e.sequence.stop() } }), e.soundImage.removeAttribute("style"), e.scene = SCROLLER({ trackElement: e.section, useFixed: !1 }) }, r = function() { null != e.seqScene && e.seqScene.activeAnimation(), null != e.scene && e.scene.trackAnimation(function() { this.progress >= (UTIL.isMobile() ? 34 : 38) ? (e.section.classList.contains("is-active-screen") || e.section.classList.add("is-active-screen"), e.section.classList.contains("is-wave-hide") || e.section.classList.add("is-wave-hide")) : (e.section.classList.contains("is-active-screen") && e.section.classList.remove("is-active-screen"), e.section.classList.contains("is-wave-hide") && e.section.classList.remove("is-wave-hide")) }) }, { init: function() { e.section = document.querySelector(".sc-tab-duo"), e.section && (t(), i()) } }) }(), function() { var s, e, t, i, n, a; window.ts8 = window.ts8 || {}, window.ts8.durability = window.ts8.durability || {}, ts8.durability = (s = {}, e = function() { s.scene = null, s.durabilityImage1 = s.section.querySelector(".sc-tab-durability__image--graphite"), s.durabilityImage2 = s.section.querySelector(".sc-tab-durability__image--silver"), s.durabilityImage3 = s.section.querySelector(".sc-tab-durability__image--pink-gold") }, t = function() { window.addEventListener("load", i), window.addEventListener("scroll", a) }, i = function() { n(), a(), UTIL.setResponsiveCallback(n), window.removeEventListener("load", i) }, n = function() { null != s.scene && (s.scene.destroy(), s.scene = null), s.scene = SCROLLER({ trackElement: s.section, useFixed: !1, resize: !0 }) }, a = function() { null != s.scene && s.scene.trackAnimation(function() { var e = ANIUTIL.calRange({ targetValue: 15, progress: this.progress, startPoint: UTIL.isMobile() ? 30 : 20, endPoint: UTIL.isMobile() ? 60 : 55 }), t = ANIUTIL.calRange({ targetValue: 30, progress: this.progress, startPoint: UTIL.isMobile() ? 30 : 20, endPoint: UTIL.isMobile() ? 60 : 55 }), i = ANIUTIL.calRange({ targetValue: 45, progress: this.progress, startPoint: UTIL.isMobile() ? 30 : 20, endPoint: UTIL.isMobile() ? 60 : 55 }); TweenMax.to(s.durabilityImage1, .5, { x: 15 - e + "%" }), TweenMax.to(s.durabilityImage2, .5, { x: 30 - t + "%" }), TweenMax.to(s.durabilityImage3, .5, { x: 45 - i + "%" }) }) }, { init: function() { s.section = document.querySelector(".sc-tab-durability"), s.section && (e(), t()) } }) }(), function() { var e, t, i, s, n, a; window.ts8 = window.ts8 || {}, window.ts8.editing = window.ts8.editing || {}, ts8.editing = (e = {}, t = function() { e.scene = null, e.activeElement = e.section.querySelector(".sc-tab-editing__frame-wrap") }, i = function() { window.addEventListener("load", s), window.addEventListener("scroll", a) }, s = function() { n(), a(), window.removeEventListener("load", s) }, n = function() { null != e.scene && (e.scene.destroy(), e.scene = null), e.scene = SCROLLER({ trackElement: e.activeElement, activeElement: e.activeElement, activeVisibility: "before", activeType: "oneWay", activeClass: "is-active", correction: 1 }) }, a = function() { null != e.scene && e.scene.activeAnimation() }, { init: function() { e.section = document.querySelector(".sc-tab-editing"), e.section && (t(), i()) } }) }(), function() { var i, e, t, s, n, a; window.ts8 = window.ts8 || {}, window.ts8.entertainment = window.ts8.entertainment || {}, ts8.entertainment = (i = {}, e = function() { i.scene = null, i.sceneTrack = i.section.querySelector(".sc-tab-entertainment__contents"), i.leftImage = i.section.querySelector(".sc-tab-entertainment__visual"), i.rightImage = i.section.querySelector(".sc-tab-entertainment__screen") }, t = function() { window.addEventListener("load", s), window.addEventListener("scroll", a) }, s = function() { n(), a(), UTIL.setResponsiveCallback(n), window.removeEventListener("load", s) }, n = function() { null != i.scene && (i.scene.destroy(), i.scene = null), i.scene = SCROLLER({ trackElement: i.sceneTrack }) }, a = function() { null != i.scene && i.scene.trackAnimation(function() { var e = ANIUTIL.calRange({ targetValue: 20, progress: this.progress, startPoint: 0, endPoint: 60 }), t = ANIUTIL.calRange({ targetValue: 40, progress: this.progress, startPoint: 0, endPoint: 100 }); TweenMax.to(i.leftImage, .5, { y: e + "%" }), TweenMax.to(i.rightImage, .5, { y: "-" + t + "%" }) }) }, { init: function() { i.section = document.querySelector(".sc-tab-entertainment"), i.section && (e(), t()) } }) }(), function() { var r, o, l, c, d, e, t, i, s, n, a, u, p, h, m, v, f, g, w, b, y, E, T, x, S, C, L, k, I, A; window.ts8 = window.ts8 || {}, window.ts8.explore = window.ts8.explore || {}, ts8.explore = (r = {}, o = "undefined" != typeof __TAB_USE_BASE_SILVER && null != __TAB_USE_BASE_SILVER && __TAB_USE_BASE_SILVER && "off" == __TAB_USE_BASE_SILVER, l = "undefined" != typeof __TAB_USE_BASE_PINKGOLD && null != __TAB_USE_BASE_PINKGOLD && __TAB_USE_BASE_PINKGOLD && "off" == __TAB_USE_BASE_PINKGOLD, c = "undefined" != typeof __TAB_USE_PLUS_SILVER && null != __TAB_USE_PLUS_SILVER && __TAB_USE_PLUS_SILVER && "off" == __TAB_USE_PLUS_SILVER, d = "undefined" != typeof __TAB_USE_PLUS_PINKGOLD && null != __TAB_USE_PLUS_PINKGOLD && __TAB_USE_PLUS_PINKGOLD && "off" == __TAB_USE_PLUS_PINKGOLD, e = function() { var e = r.section.querySelectorAll(".sc-tab-explore__item")[2].querySelectorAll('[data-color="silver"]'); n(e); e = document.querySelector(".sc-tab-compare__popup").querySelectorAll(".sc-tab-compare__column")[2].querySelectorAll('[data-color="silver"]'); n(e) }, t = function() { var e = r.section.querySelectorAll(".sc-tab-explore__item")[2].querySelectorAll('[data-color="pinkgold"]'); n(e); e = document.querySelector(".sc-tab-compare__popup").querySelectorAll(".sc-tab-compare__column")[2].querySelectorAll('[data-color="pinkgold"]'); n(e) }, i = function() { var e = r.section.querySelectorAll(".sc-tab-explore__item")[1].querySelectorAll('[data-color="silver"]'); n(e); e = document.querySelector(".sc-tab-compare__popup").querySelectorAll(".sc-tab-compare__column")[1].querySelectorAll('[data-color="silver"]'); n(e) }, s = function() { var e = r.section.querySelectorAll(".sc-tab-explore__item")[1].querySelectorAll('[data-color="pinkgold"]'); n(e); e = document.querySelector(".sc-tab-compare__popup").querySelectorAll(".sc-tab-compare__column")[1].querySelectorAll('[data-color="pinkgold"]'); n(e) }, n = function(e) { for (var t = 0; t < e.length; t++) { var i = e[t]; "IMG" == i.nodeName ? i.parentNode.removeChild(i) : i.parentNode.parentNode.removeChild(i.parentNode) } }, a = function() { r.wrapEl = document.getElementById("wrap"), r.wrapClickable = [], r.tabList = r.section.querySelector(".sc-tab-explore__tab-list"), r.tabItemBtn = r.tabList.querySelectorAll(".sc-tab-explore__tab-item .sc-tab-explore__tab-button"), r.currTabIndex = 0, r.contentTrack = r.section.querySelector(".sc-tab-explore__track"), r.contentInner = r.section.querySelector(".sc-tab-explore__inner"), r.contentItem = r.contentTrack.querySelectorAll(".sc-tab-explore__item"), r.contentColorChips = r.contentTrack.querySelectorAll(".sc-tab-explore__color"), r.contentImages = r.contentTrack.querySelectorAll("img"), r.backgroundScene = null, r.background = r.section.querySelector(".sc-tab-explore__bg"), r.prevOpener = null, r.compareOpener = r.section.querySelectorAll(".sc-tab-explore__compare-cta"), r.compare = document.querySelector(".sc-tab-compare"), r.scTab = document.createElement("div"), r.scTab.classList.add("sc-tab"), r.scTab.appendChild(r.compare), document.body.appendChild(r.scTab), r.comparePopup = document.querySelector(".sc-tab-compare__popup"), r.compareColumn = r.comparePopup.querySelectorAll(".sc-tab-compare__column"), r.compareCloser = r.comparePopup.querySelector(".sc-tab-compare__popup-close-cta"), r.compareDimmed = r.comparePopup.querySelector(".sc-tab-compare__popup-dimmed"), r.clickSup = r.comparePopup.querySelectorAll("a.click_sup"), r.compareWrap = r.comparePopup.querySelector(".sc-tab-compare__popup-wrap"), r.compareClickables = r.compareWrap.querySelectorAll("a, button"), r.swiper = null, r.swiperEl = r.compare.querySelector(".sc-tab-compare__popup-wrapper") }, u = function() { var e; for (window.addEventListener("load", h), window.addEventListener("scroll", w), window.addEventListener("orientationchange", m), e = 0; e < r.tabItemBtn.length; e++) r.tabItemBtn[e].addEventListener("click", y); for (e = 0; e < r.contentColorChips.length; e++) r.contentColorChips[e].addEventListener("click", T); for (e = 0; e < r.compareColumn.length; e++) for (var t = r.compareColumn[e].querySelectorAll(".sc-tab-compare__color"), i = 0; i < t.length; i++) t[i].column = r.compareColumn[e], (t[i].silblingChips = t)[i].addEventListener("click", k); for (e = 0; e < r.compareOpener.length; e++) r.compareOpener[e].addEventListener("click", x), r.compareOpener[e].addEventListener("click", p); for (e = 0; e < r.clickSup.length; e++) r.clickSup[e].isSup = !0, r.clickSup[e].addEventListener("click", S); for (e = 0; e < r.compareClickables.length; e++) r.compareClickables[e].addEventListener("focusin", I); r.compareCloser.addEventListener("click", S), r.compareDimmed.addEventListener("click", S) }, p = function() { for (var e = 0; e < r.compareColumn.length; e++) { var t = r.compareColumn[e].querySelectorAll("img"); imageLoader.setResponsiveImage(t) } for (e = 0; e < r.compareOpener.length; e++) r.compareOpener[e].removeEventListener("click", p) }, h = function() { r.ratioPortrait = window.innerHeight > window.innerWidth, clearTimeout(r.resTiming), r.resTiming = setTimeout(function() { r.ratioPortrait ? TweenMax.set(r.contentInner, { y: "10%" }) : TweenMax.set(r.contentInner, { y: "0%" }) }, 300), v(), w(), m(), UTIL.setResponsiveCallback(m), window.removeEventListener("load", h) }, m = function() { r.ratioPortrait = window.innerHeight > window.innerWidth, clearTimeout(r.resTiming), r.resTiming = setTimeout(function() { r.ratioPortrait ? TweenMax.set(r.contentInner, { y: "10%" }) : TweenMax.set(r.contentInner, { y: "0%" }) }, 300), g(), UTIL.isMobile() && f() }, v = function() { r.backgroundScene = SCROLLER({ trackElement: r.section, useFixed: !1, resize: !0 }) }, f = function() { r.swiper = new Swiper(r.swiperEl, { direction: "vertical", wrapperClass: "sc-tab-compare__popup-wrap", slideClass: "sc-tab-compare__popup-inner", slidesPerView: "auto", freeMode: !0, mousewheel: !0, on: { scroll: function() { this.isEnd ? r.compare.classList.contains("is-scroll-end") || r.compare.classList.add("is-scroll-end") : r.compare.classList.contains("is-scroll-end") && r.compare.classList.remove("is-scroll-end") }, sliderMove: function() { this.isEnd ? r.compare.classList.contains("is-scroll-end") || r.compare.classList.add("is-scroll-end") : r.compare.classList.contains("is-scroll-end") && r.compare.classList.remove("is-scroll-end") }, reachEnd: function() { r.compare.classList.contains("is-scroll-end") || r.compare.classList.add("is-scroll-end") } } }) }, g = function() { null != r.swiper && (r.swiper.destroy(!0, !0), r.swiper = null) }, w = function() { null != r.backgroundScene && r.backgroundScene.trackAnimation(function() { r.ratioPortrait = window.innerHeight > window.innerWidth; var e = r.ratioPortrait ? 25 : 0, t = r.ratioPortrait ? 50 : 25, e = ANIUTIL.calRange({ targetValue: 99, progress: this.progress, startPoint: UTIL.isMobile() ? 22 : e, endPoint: UTIL.isMobile() ? 30 : t }), t = ANIUTIL.calRange({ targetValue: 10, progress: this.progress, startPoint: 30, endPoint: 40 }); TweenMax.to(r.background, .2, { y: -e + "%", ease: Power3.out, z: -1 }), r.ratioPortrait && TweenMax.to(r.contentInner, .2, { y: 10 - t + "%" }), 0 < this.progress && this.progress < 100 ? r.background.style.willChange = "transform" : r.background.style.willChange = "" }) }, b = function(e, t) { for (var i = null, s = 0; s < r.contentItem.length; s++) { r.contentItem[s].classList.remove("is-active"), r.contentItem[s].setAttribute("aria-hidden", "true"); for (var i = r.contentItem[s].querySelectorAll("a, button"), n = 0; n < i.length; n++) i[n].setAttribute("tabindex", "-1"), i[n].setAttribute("aria-hidden", "true") } var a = r.contentItem[e]; 2 == e && (!o && l || o && l ? e = 0 : o && !l && (e = 1)), 1 == e && (c && !d || c && d ? e = 0 : !c && d && (e = 1)), t && E(a, e), a.classList.add("is-active"), a.removeAttribute("aria-hidden", !1), i = a.querySelectorAll("a, button"); for (s = 0; s < i.length; s++) i[s].removeAttribute("tabindex", 0), i[s].removeAttribute("aria-hidden", !1) }, y = function() { if (!this.classList.contains("is-active")) { for (var e = 0; e < r.tabItemBtn.length; e++) r.tabItemBtn[e].classList.remove("is-active"), r.tabItemBtn[e].setAttribute("aria-selected", !1); this.classList.add("is-active"), this.setAttribute("aria-selected", "true"); var t = [].indexOf.call(r.tabItemBtn, this); b(t, !0), r.currTabIndex = t } }, E = function(e, t) { for (var i = 0; i < r.contentColorChips.length; i++) r.contentColorChips[i].classList.remove("is-active"), r.contentColorChips[i].removeAttribute("title"); for (i = 0; i < r.contentImages.length; i++) r.contentImages[i].setAttribute("aria-hidden", "true"), r.contentImages[i].classList.remove("is-active"); var s = e.querySelectorAll(".sc-tab-explore__color")[t], n = e.querySelectorAll(".sc-tab-explore__figure--back-top img")[t], t = e.querySelectorAll(".sc-tab-explore__figure--back-bottom img")[t]; s.classList.add("is-active"), s.setAttribute("title", "selected"), n.classList.add("is-active"), t.classList.add("is-active"), n.removeAttribute("aria-hidden"), t.removeAttribute("aria-hidden") }, T = function() { if (!this.classList.contains("is-active")) { for (var e = UTIL.closest(this, ".sc-tab-explore__item"), t = e.querySelectorAll(".sc-tab-explore__color"), i = 0; i < t.length; i++) t[i].classList.remove("is-active"), t[i].removeAttribute("title"); this.classList.add("is-active"), this.setAttribute("title", "selected"); for (var s = this.getAttribute("data-color"), n = e.querySelectorAll(".sc-tab-explore__figure"), i = 0; i < n.length; i++) for (var a = n[i].querySelectorAll("img"), r = 0; r < a.length; r++) s == a[r].getAttribute("data-color") ? (a[r].classList.add("is-active"), a[r].removeAttribute("aria-hidden")) : (a[r].classList.remove("is-active"), a[r].setAttribute("aria-hidden", "true")) } }, x = function() { r.wrapClickable = r.wrapEl.querySelectorAll("a, input, button"), r.prevOpener = this, document.documentElement.style.overflow = "hidden", r.comparePopup.classList.add("sc-tab-compare__popup--init"), r.comparePopup.classList.add("sc-tab-compare__popup--open"), r.comparePopup.removeAttribute("aria-hidden"), r.comparePopup.removeAttribute("tabindex"), r.compareCloser.removeAttribute("tabindex"), r.wrapEl.setAttribute("aria-hidden", "true"), r.wrapEl.setAttribute("tabindex", "-1"), setTimeout(function() { r.compareCloser.focus() }, 300), C(); for (var e = 0; e < r.wrapClickable.length; e++) r.wrapClickable[e].setAttribute("aria-hidden", "true"), r.wrapClickable[e].setAttribute("tabindex", "-1"); r.openTiming = null, window.addEventListener("keydown", A) }, S = function() { setTimeout(function() { document.documentElement.style.overflow = "" }, 300), r.comparePopup.classList.remove("sc-tab-compare__popup--init"), r.comparePopup.classList.remove("sc-tab-compare__popup--open"), r.comparePopup.setAttribute("aria-hidden", "true"), r.comparePopup.setAttribute("tabindex", "-1"), r.compareCloser.setAttribute("tabindex", "-1"), r.wrapEl.removeAttribute("aria-hidden"), r.wrapEl.removeAttribute("tabindex"), L(), r.prevOpener && !this.isSup && r.prevOpener.focus(); for (var e = 0; e < r.wrapClickable.length; e++) r.wrapClickable[e].removeAttribute("aria-hidden"), r.wrapClickable[e].removeAttribute("tabindex"); b(r.currTabIndex, !1), window.removeEventListener("keydown", A) }, C = function() { for (var e = 0; e < r.compareColumn.length; e++) for (var t = r.compareColumn[e].querySelectorAll(".sc-tab-compare__color"), i = r.compareColumn[e].querySelectorAll(".sc-tab-compare__header-image img"), s = 0; s < t.length; s++) "none" == window.getComputedStyle(i[s]).display && (i[s].style.display = "block"), t[s].classList.remove("is-active"), t[s].removeAttribute("aria-hidden"), t[s].removeAttribute("tabindex"), t[s].removeAttribute("title"), i[s].classList.remove("is-active"), i[s].setAttribute("aria-hidden", "true"); var n = r.compareColumn[0]; n.querySelectorAll(".sc-tab-compare__color")[0].classList.add("is-active"), n.querySelectorAll(".sc-tab-compare__color")[0].setAttribute("title", "selected"), n.querySelectorAll(".sc-tab-compare__header-image img")[0].classList.add("is-active"); var a = r.compareColumn[1], n = 1; c && !d || c && d ? n = 0 : !c && d && (n = 1), a.querySelectorAll(".sc-tab-compare__color")[n].classList.add("is-active"), a.querySelectorAll(".sc-tab-compare__color")[n].setAttribute("title", "selected"), a.querySelectorAll(".sc-tab-compare__header-image img")[n].classList.add("is-active"); a = r.compareColumn[2], n = 2; !o && l || o && l ? n = 0 : o && !l && (n = 1), a.querySelectorAll(".sc-tab-compare__color")[n].classList.add("is-active"), a.querySelectorAll(".sc-tab-compare__color")[n].setAttribute("title", "selected"), a.querySelectorAll(".sc-tab-compare__header-image img")[n].classList.add("is-active") }, L = function() { for (var e = 0; e < r.compareColumn.length; e++) for (var t = r.compareColumn[e].querySelectorAll(".sc-tab-compare__color"), i = 0; i < t.length; i++) t[i].removeAttribute("title"), t[i].setAttribute("tabindex", "-1"), t[i].setAttribute("aria-hidden", "true") }, k = function() { for (var e = this.getAttribute("data-color"), t = this.column.querySelectorAll(".sc-tab-compare__header-image img"), i = 0; i < t.length; i++) e == t[i].getAttribute("data-color") ? t[i].classList.add("is-active") : t[i].classList.remove("is-active"); for (i = 0; i < this.silblingChips.length; i++) this.silblingChips[i].removeAttribute("title"), this.silblingChips[i].classList.remove("is-active"); this.setAttribute("title", "selected"), this.classList.add("is-active") }, I = function() { var n = this; null == r.swiper ? setTimeout(function() { var e = r.compareWrap.scrollTop, t = n.getBoundingClientRect(), i = r.compareWrap.getBoundingClientRect(), s = (r.compareWrap.clientHeight - i.top) / 2, t = e - i.top + t.top + t.height / 2; r.compareWrap.scrollTo(0, t - s) }, 10) : setTimeout(function() { var e = r.compareWrap.getBoundingClientRect(), t = n.getBoundingClientRect(), t = -(t.top - e.top) + window.innerHeight / 2 - t.height / 2; r.swiper.translateTo(t, .3) }, 10) }, A = function(e) { var t; null != r.swiper && (t = r.compareWrap.getBoundingClientRect().top, 38 == e.keyCode ? r.swiper.translateTo(t + 60, 0) : 40 == e.keyCode && r.swiper.translateTo(t - 60, 0)) }, { init: function() { r.section = document.querySelector(".sc-tab-explore"), r.section && (o && e(), l && t(), c && i(), d && s(), a(), u(), b(0, !0)) } }) }(), function() { var o, e, t, i, s, n; window.ts8 = window.ts8 || {}, window.ts8.framing = window.ts8.framing || {}, ts8.framing = (o = {}, e = function() { o.framingVisual = o.section.querySelector(".sc-tab-framing__visual"), o.mainFraming = o.section.querySelector(".sc-tab-framing__main"), o.screenImage = o.section.querySelector(".sc-tab-framing__main-screen-image img"), o.mainBezel = o.section.querySelector(".sc-tab-framing__main-bezel"), o.timerImage = o.section.querySelector(".sc-tab-framing__main-timer") }, t = function() { window.addEventListener("load", i), window.addEventListener("scroll", n) }, i = function() { s(), n(), UTIL.setResponsiveCallback(s), window.removeEventListener("load", i) }, s = function() { null != o.scene && (o.scene.destroy(), o.scene = null), o.mainFraming.removeAttribute("style"), o.screenImage.removeAttribute("style"), o.mainBezel.removeAttribute("style"), o.timerImage.removeAttribute("style"), o.scene = SCROLLER({ trackElement: o.framingVisual }) }, n = function() { null != o.scene && o.scene.trackAnimation(function() { var e, t, i, s, n, a, r; UTIL.isMobile() ? (s = ANIUTIL.calRange({ targetValue: 49.8, progress: this.progress, startPoint: 20, endPoint: 22 }), n = ANIUTIL.calRange({ targetValue: .5, progress: this.progress, startPoint: 20, endPoint: 22 }), a = ANIUTIL.calRange({ targetValue: .5, progress: this.progress, startPoint: 20, endPoint: 22 }), r = ANIUTIL.calRange({ targetValue: 3, progress: this.progress, startPoint: 20, endPoint: 22 }), TweenMax.to(o.mainFraming, .3, { width: "100%", height: 100 - s + "%" }), TweenMax.to(o.screenImage, .3, { x: "-50%", scale: 1 }), TweenMax.to(o.mainBezel, .3, { x: "-50%", y: "0%", scale: 1 - n }), TweenMax.to(o.timerImage, .3, { x: "-50%", scale: 1 - a, top: 12 - r + "%" }), 22 <= this.progress ? o.section.classList.contains("is-active") || o.section.classList.add("is-active") : this.progress < 22 && o.section.classList.contains("is-active") && o.section.classList.remove("is-active"), 50 <= this.progress ? o.section.classList.contains("is-active-sub") || o.section.classList.add("is-active-sub") : this.progress < 50 && o.section.classList.contains("is-active-sub") && o.section.classList.remove("is-active-sub")) : (e = ANIUTIL.calRange({ targetValue: 50, progress: this.progress, startPoint: 20, endPoint: 22 }), t = ANIUTIL.calRange({ targetValue: 4, progress: this.progress, startPoint: 20, endPoint: 22 }), i = ANIUTIL.calRange({ targetValue: 15, progress: this.progress, startPoint: 20, endPoint: 22 }), s = ANIUTIL.calRange({ targetValue: .85, progress: this.progress, startPoint: 20, endPoint: 22 }), n = ANIUTIL.calRange({ targetValue: 101, progress: this.progress, startPoint: 20, endPoint: 22 }), a = ANIUTIL.calRange({ targetValue: .5, progress: this.progress, startPoint: 20, endPoint: 22 }), r = ANIUTIL.calRange({ targetValue: 21.9, progress: this.progress, startPoint: 20, endPoint: 22 }), TweenMax.to(o.mainFraming, .3, { height: "", width: 100 - e + "%" }), TweenMax.to(o.screenImage, .3, { x: -50 - t + "%", y: 0 - i + "%", scale: 2 - s }), TweenMax.to(o.mainBezel, .3, { x: "0%", scale: 1, y: 0 - n + "%" }), TweenMax.to(o.timerImage, .3, { x: "-50%", scale: 1 - a, top: 25 - r + "%" }), 24 <= this.progress ? (o.section.classList.contains("is-active") || o.section.classList.add("is-active"), o.section.classList.contains("is-active-sub") || o.section.classList.add("is-active-sub")) : this.progress < 25 && (o.section.classList.contains("is-active") && o.section.classList.remove("is-active"), o.section.classList.contains("is-active-sub") && o.section.classList.remove("is-active-sub"))) }) }, { init: function() { o.section = document.querySelector(".sc-tab-framing"), o.section && (e(), t()) } }) }(), function() { var c, e, t, i, s, n, a, r, o, l, d, u; window.ts8 = window.ts8 || {}, window.ts8.kv = window.ts8.kv || {}, ts8.kv = (c = {}, e = function() { c.mainTrack = c.section.querySelector(".sc-tab-kv__track"), c.mainFixed = c.section.querySelector(".sc-tab-kv__image"), c.bgImage = c.section.querySelector(".sc-tab-kv__image-main"), c.bgBlurImage = c.section.querySelector(".sc-tab-kv__image-main-blur"), c.bgImageEl = c.bgBlurImage.querySelector("img"), c.spenImage = c.section.querySelector(".sc-tab-kv__image-pen"), c.headlineWrap = c.section.querySelector(".sc-tab-kv__text"), c.subTrack = c.section.querySelector(".sc-tab-kv__preview"), c.subFixed = c.section.querySelector(".sc-tab-kv__preview-contents"), c.previewWrap = c.section.querySelector(".sc-tab-kv__preview-wrap"), c.previewText = c.section.querySelectorAll(".sc-tab-kv__preview-text") }, t = function() { window.addEventListener("load", i), window.addEventListener("scroll", u), window.addEventListener("orientationchange", n), UTIL.setResponsiveCallback(s), UTIL.setResizeCallback(l) }, i = function() { a(), u(), window.removeEventListener("load", i) }, s = function() { clearTimeout(c.responsiveTiming), c.responsiveTiming = setTimeout(function() { o(), r(), d(), a(), u() }, 500) }, n = function() { clearTimeout(c.orientationTiming), c.orientationTiming = setTimeout(function() { o(), r(), d(), a(), u() }, 500) }, a = function() { ANIUTIL.checkFold() || ANIUTIL.checkTouchDevice() && 768 <= screen.width && window.innerHeight > window.innerWidth ? document.documentElement.classList.add("is-fold") : document.documentElement.classList.remove("is-fold") }, r = function() { c.isBrokenFixed = c.html.classList.contains("is-broken-fixed"), c.isBrokenFixed ? (o(), null == c.brokenScene && (c.brokenScene = SCROLLER({ trackElement: c.subTrack })), setTimeout(function() { d() }, 300)) : (null == c.mainScene && (c.mainScene = SCROLLER({ trackElement: c.mainTrack, fixedElement: c.mainFixed, useFixed: !0, trackHeight: UTIL.isMobile() ? 1.8 : 2.3 })), null == c.subScene && (c.subScene = SCROLLER({ trackElement: c.subTrack, fixedElement: c.subFixed, useFixed: !0, trackHeight: UTIL.isMobile() ? 1.8 : 2.3 }))) }, o = function() { null != c.mainScene && (c.mainScene.destroy(), c.mainScene = null), null != c.subScene && (c.subScene.destroy(), c.subScene = null), null != c.brokenScene && (c.brokenScene.destroy(), c.brokenScene = null) }, l = function() { r() }, d = function() { c.section.classList.remove("is-title-none"), c.bgImage.removeAttribute("style"), c.bgBlurImage.removeAttribute("style"), c.bgImageEl.removeAttribute("style"), c.spenImage.removeAttribute("style"), c.headlineWrap.removeAttribute("style"), c.subTrack.style.opacity = "" }, u = function() { c.isBrokenFixed || null == c.mainScene ? null != c.brokenScene && (TweenMax.set(c.subTrack, { opacity: 1 }), TweenMax.set(c.previewWrap, { x: "-50%", y: "-50%" }), c.brokenScene.trackAnimation(function() { var e = ANIUTIL.calRange({ targetValue: .5, progress: this.progress, startPoint: 0, endPoint: 1 }), t = ANIUTIL.calRange({ targetValue: .5, progress: this.progress, startPoint: 35, endPoint: 36 }), i = ANIUTIL.calRange({ targetValue: .5, progress: this.progress, startPoint: 48, endPoint: 49 }); this.progress <= 35 ? TweenMax.to(c.previewText[0], .1, { color: "rgba(255,255,255," + (.5 + e) + ")", borderColor: "rgba(255, 255, 255, 1)" }) : TweenMax.set(c.previewText[0], { color: "rgba(255,255,255,0.5)", borderColor: "rgba(255, 255, 255, 0.5)" }), 35 < this.progress && this.progress <= 48 ? TweenMax.to(c.previewText[1], .1, { color: "rgba(255,255,255," + (.5 + t) + ")", borderColor: "rgba(255, 255, 255, 1)" }) : TweenMax.set(c.previewText[1], { color: "rgba(255,255,255,0.5)", borderColor: "rgba(255, 255, 255, 0.5)" }), 48 < this.progress ? TweenMax.to(c.previewText[2], 0, { color: "rgba(255,255,255," + (.5 + i) + ")", borderColor: "rgba(255, 255, 255, 1)" }) : TweenMax.to(c.previewText[2], 0, { color: "rgba(255,255,255,0.5)", borderColor: "rgba(255, 255, 255, 0.5)" }) })) : (c.subScene.trackAnimation(), c.mainScene.trackAnimation(function() { var e = ANIUTIL.calRange({ targetValue: UTIL.isMobile() ? 1.5 : 1, progress: this.progress, startPoint: 0, endPoint: 1 }), t = 1 + ANIUTIL.calRange({ targetValue: this.isFold || this.isFoldLatest ? 2 : UTIL.isMobile() ? 1.3 * e : .0024 * c.mainFixed.clientHeight, progress: this.progress, startPoint: 0, endPoint: 1 }), i = 10 * e, s = ANIUTIL.calRange({ targetValue: 1, progress: this.progress, startPoint: 0, endPoint: 1 }), n = ANIUTIL.calRange({ targetValue: .5, progress: this.progress, startPoint: 0, endPoint: 1 }), a = ANIUTIL.calRange({ targetValue: .5, progress: this.progress, startPoint: 50, endPoint: 51 }), r = ANIUTIL.calRange({ targetValue: .5, progress: this.progress, startPoint: 99, endPoint: 100 }), o = ANIUTIL.calRange({ targetValue: 50, progress: this.progress, startPoint: 0, endPoint: 1 }), l = 100 * e; c.isBrokenFixed || TweenMax.to(c.subTrack, .4, { opacity: s }), TweenMax.set(c.bgImage, { x: "-50%", scale: t, opacity: 1 - s }), TweenMax.set(c.bgBlurImage, { x: "-50%", scale: t }), TweenMax.to(c.spenImage, 0, { opacity: 1 - e, x: 0 - 3 * l + "%", filter: "blur(" + i + "px)" }), 1 <= this.progress ? c.section.classList.contains("is-title-none") || (c.section.classList.add("is-title-none"), TweenMax.set(c.headlineWrap, { opacity: 0 })) : this.progress < 1 && c.section.classList.contains("is-title-none") && (c.section.classList.remove("is-title-none"), TweenMax.to(c.headlineWrap, .6, { opacity: 1, delay: .2 })), TweenMax.to(c.previewWrap, .4, { x: "-50%", y: -o + "%" }), this.progress <= 51 ? TweenMax.to(c.previewText[0], .1, { color: "rgba(255,255,255," + (.5 + n) + ")", borderColor: "rgba(255, 255, 255, 1)" }) : TweenMax.set(c.previewText[0], { color: "rgba(255,255,255,0.5)", borderColor: "rgba(255, 255, 255, 0.5)" }), 51 < this.progress && this.progress <= 99 ? TweenMax.to(c.previewText[1], .1, { color: "rgba(255,255,255," + (.5 + a) + ")", borderColor: "rgba(255, 255, 255, 1)" }) : TweenMax.set(c.previewText[1], { color: "rgba(255,255,255,0.5)", borderColor: "rgba(255, 255, 255, 0.5)" }), 99 < this.progress ? TweenMax.to(c.previewText[2], 0, { color: "rgba(255,255,255," + (.5 + r) + ")", borderColor: "rgba(255, 255, 255, 1)" }) : TweenMax.set(c.previewText[2], { color: "rgba(255,255,255,0.5)", borderColor: "rgba(255, 255, 255, 0.5)" }) })) }, { init: function() { c.section = document.querySelector(".sc-tab-kv"), c.html = document.querySelector("html"), c.isTouchDevice = !c.html.classList.contains("isTouchDevice"), c.section && (e(), t()) } }) }(), function() { var t, e, i, s, n, a; window.ts8 = window.ts8 || {}, window.ts8.multitasking = window.ts8.multitasking || {}, ts8.multitasking = (t = {}, e = function() { t.backgroundScene = null, t.background = t.section.querySelector(".sc-tab-multitasking__bg-obj") }, i = function() { window.addEventListener("load", s), window.addEventListener("scroll", a) }, s = function() { n(), a(), UTIL.setResponsiveCallback(n), window.removeEventListener("load", s) }, n = function() { null != t.backgroundScene && (t.backgroundScene.destroy(), t.backgroundScene = null), t.backgroundScene = SCROLLER({ trackElement: t.section, useFixed: !1, resize: !0 }) }, a = function() { null != t.backgroundScene && t.backgroundScene.trackAnimation(function() { var e = ANIUTIL.calRange({ targetValue: 100, progress: this.progress, startPoint: 0, endPoint: 60 }); TweenMax.to(t.background, .2, { y: 100 - e + "%", ease: Power3.out }), 0 < this.progress && this.progress < 100 ? t.background.style.willChange = "transform" : t.background.style.willChange = "" }) }, { init: function() { t.section = document.querySelector(".sc-tab-multitasking"), t.section && (e(), i()) } }) }(), function() { var e, t, i, s, n, a; window.ts8 = window.ts8 || {}, window.ts8.performance = window.ts8.performance || {}, ts8.performance = (e = {}, t = function() { e.scene = null, e.imagePath = "", e.canvas = e.section.querySelector(".sc-tab-performance__sequence"), e.keyboard = document.querySelector(".sc-tab-keyboard") }, i = function() { __TAB_USE_KEYBOARD && "off" == __TAB_USE_KEYBOARD && e.keyboard.parentNode.removeChild(e.keyboard), window.addEventListener("load", s), window.addEventListener("scroll", a) }, s = function() { n(), a(), UTIL.setResponsiveCallback(n), window.removeEventListener("load", s) }, n = function() { "undefined" != typeof __TAB_SEQUENCE_URL && null != __TAB_SEQUENCE_URL && null != __TAB_SEQUENCE_URL && "" != __TAB_SEQUENCE_URL ? e.imagePath = __TAB_SEQUENCE_URL + "/" : e.imagePath = "/src/galaxy-tab-s8/images/", null != e.scene && (e.scene.destroy(), e.scene = null), e.scene = SCROLLER({ trackElement: e.section, activeElement: e.section, activeType: "oneWay", activeCallback: function() { null != e.sequence && e.sequence.play({ endCallback: function() { e.section.classList.add("is-play-end") } }) }, endCallback: function() { e.section.classList.contains("is-play-end") && e.section.classList.remove("is-play-end"), null != e.sequence && e.sequence.stop() }, correction: .5 }), UTIL.isLowNetwork() || (e.sequence = SEQUENCEPLAYER({ targetElement: e.canvas, startNum: 0, endNum: 63, path: e.imagePath, name: UTIL.isMobile() ? "galaxy-tab-s8-ultra-graphite-performance-sequence-mo_" : "galaxy-tab-s8-ultra-graphite-performance-sequence_", extension: "jpg", width: UTIL.isMobile() ? 720 : 1920, height: UTIL.isMobile() ? 405 : 1080, playTime: 1800, imageLoadOffset: 2 })) }, a = function() { null != e.scene && e.scene.activeAnimation() }, { init: function() { e.section = document.querySelector(".sc-tab-performance"), e.section && (t(), i()) } }) }(), function() { var s, e, t, i, n, a, r; window.ts8 = window.ts8 || {}, window.ts8.spen = window.ts8.spen || {}, ts8.spen = (s = {}, e = function() { s.pointScene = null, s.mainScene = null, s.spenInnerImage = s.section.querySelector(".sc-tab-spen__visual-pen img"), s.pointTrack = s.section.querySelector(".sc-tab-spen__point"), s.pointImage = s.section.querySelector(".sc-tab-spen__point-image"), s.inclinedImage = s.section.querySelector(".sc-tab-spen__inclined-image") }, t = function() { window.addEventListener("load", i), window.addEventListener("scroll", r) }, i = function() { a(), UTIL.setResponsiveCallback(n), window.removeEventListener("load", i) }, n = function() { a() }, a = function() { null != s.mainScene && (s.mainScene.destroy(), s.mainScene = null), s.mainScene = SCROLLER({ trackElement: s.section, useFixed: !1 }), null != s.pointScene && (s.pointScene.destroy(), s.pointScene = null), s.pointScene = SCROLLER({ trackElement: s.pointTrack }) }, r = function() { null != s.mainScene && s.mainScene.trackAnimation(function() { var e = ANIUTIL.calRange({ targetValue: UTIL.isMobile() ? 1290 : 810, progress: this.progress, startPoint: UTIL.isMobile() ? 27 : 24, endPoint: UTIL.isMobile() ? 28 : 25 }); TweenMax.to(s.spenInnerImage, .4, { x: UTIL.isMobile() ? "0%" : UTIL.isRTL() && 0 < UTIL.isIEorEdge ? "82%" : "-82%", y: e + "%", ease: "circ.out" }) }), null != s.pointScene && s.pointScene.trackAnimation(function() { var e = ANIUTIL.calRange({ targetValue: 20, progress: this.progress, startPoint: 0, endPoint: 40 }), t = ANIUTIL.calRange({ targetValue: 15, progress: this.progress, startPoint: 0, endPoint: 40 }), i = ANIUTIL.calRange({ targetValue: 15, progress: this.progress, startPoint: 0, endPoint: 40 }); TweenMax.to(s.pointImage, .5, { x: -20 + e + "%", y: 15 - t + "%" }), TweenMax.to(s.inclinedImage, .5, { x: 15 - i + "%", y: -15 + i + "%" }) }) }, { init: function() { s.section = document.querySelector(".sc-tab-spen"), s.section && (e(), t()) } }) }(), function() { window.ts8 = window.ts8 || {}, window.ts8.subnavi = window.ts8.subnavi || {}, window.ts8.contrast = window.ts8.contrast || {}, window.ts8.kv = window.ts8.kv || {}, window.ts8.display = window.ts8.display || {}, window.ts8.explore = window.ts8.explore || {}, window.ts8.spen = window.ts8.spen || {}, window.ts8.durability = window.ts8.durability || {}, window.ts8.editing = window.ts8.editing || {}, window.ts8.connection = window.ts8.connection || {}, window.ts8.framing = window.ts8.framing || {}, window.ts8.duo = window.ts8.duo || {}, window.ts8.multitasking = window.ts8.multitasking || {}, window.ts8.divide = window.ts8.divide || {}, window.ts8.entertainment = window.ts8.entertainment || {}, window.ts8.performance = window.ts8.performance || {}, window.ts8.cardSpec = window.ts8.cardSpec || {}, window.ts8.cardEco = window.ts8.cardEco || {}, window.ts8.compatibility = window.ts8.compatibility || {}, window.GALAXY = window.GALAXY || {}, window.GALAXY.isGalaxy = window.GALAXY.isGalaxy || !1; window.addEventListener("load", function() { setTimeout(function() { GALAXY.isGalaxy && ts8.subnavi.init() }, 5) }), ts8.contrast.init(), ts8.kv.init(), ts8.display.init(), ts8.explore.init(), ts8.spen.init(), ts8.durability.init(), ts8.editing.init(), ts8.connection.init(), ts8.framing.init(), ts8.duo.init(), ts8.multitasking.init(), ts8.divide.init(), ts8.entertainment.init(), ts8.performance.init(), ts8.cardSpec.init(), ts8.cardEco.init(), ts8.compatibility.init() }(); }); </script>  </body> </html> </div> <input type="hidden" name="featureEmptyYn" id="featureEmptyYn" value="N"/> <input type="hidden" name="featureOrderIndex" id="featureOrderIndex" value="1"/> <input type="hidden" name="featureFirstFlag" id="featureFirstFlag" value="Y"/> <input type="hidden" name="featureUnitCode" id="featureUnitCode" value="438540"/> <input type="hidden" name="featureModelCode" id="featureModelCode"/> <input type="hidden" name="featureSno" id="featureSno"/> <input type="hidden" name="featureModelmodelDisplayName" id="featureModelmodelDisplayName"/>  </div> <div class="pd-g-product-summary"> <input type="hidden" name="summaryEmptyYn" id="summaryEmptyYn" value="N"/> <input type="hidden" name="summaryProductType" id="summaryProductType" value="P"/> <div class="product-summary bg-white"> <h3 class="hidden">key features</h3> <ul class="product-summary__list"> <li class="product-summary__list-item"> <div class="image"> <img class="image__main responsive-img" data-desktop-src="//images.samsung.com/is/content/samsung/p6pim/sg/feature/413201/sg-galaxy-tab-s8-ultra-5g-x906-531021159.svg?$64_64_PNG$" data-mobile-src="//images.samsung.com/is/content/samsung/p6pim/sg/feature/413201/sg-galaxy-tab-s8-ultra-5g-x906-531021159.svg?$96_96_PNG$" alt="Display"/> </div> <div class="product-summary__list-item-text"><span>Display</span></div> </li> <li class="product-summary__list-item"> <div class="image"> <img class="image__main responsive-img" data-desktop-src="//images.samsung.com/is/content/samsung/p6pim/sg/feature/413201/sg-galaxy-tab-s8-ultra-5g-x906-531021165.svg?$64_64_PNG$" data-mobile-src="//images.samsung.com/is/content/samsung/p6pim/sg/feature/413201/sg-galaxy-tab-s8-ultra-5g-x906-531021165.svg?$96_96_PNG$" alt="Ultra Wide Front Camera"/> </div> <div class="product-summary__list-item-text"><span>Ultra Wide Front Camera</span></div> </li> <li class="product-summary__list-item"> <div class="image"> <img class="image__main responsive-img" data-desktop-src="//images.samsung.com/is/content/samsung/p6pim/sg/feature/413201/sg-galaxy-tab-s8-ultra-5g-x906-531021170.svg?$64_64_PNG$" data-mobile-src="//images.samsung.com/is/content/samsung/p6pim/sg/feature/413201/sg-galaxy-tab-s8-ultra-5g-x906-531021170.svg?$96_96_PNG$" alt="S Pen"/> </div> <div class="product-summary__list-item-text"><span>S Pen</span></div> </li> <li class="product-summary__list-item"> <div class="image"> <img class="image__main responsive-img" data-desktop-src="//images.samsung.com/is/content/samsung/p6pim/sg/feature/413201/sg-galaxy-tab-s8-ultra-5g-x906-531021174.svg?$64_64_PNG$" data-mobile-src="//images.samsung.com/is/content/samsung/p6pim/sg/feature/413201/sg-galaxy-tab-s8-ultra-5g-x906-531021174.svg?$96_96_PNG$" alt="Battery"/> </div> <div class="product-summary__list-item-text"><span>Battery</span></div> </li> </ul> </div> </div> </div> <div class="pd-g-product-award aem-GridColumn aem-GridColumn--default--12"> </div> <div class="pd-g-product-specs aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" name="specEmptyYn" id="specEmptyYn" value="N"/> <input type="hidden" name="b2bSpecEmptyYn" id="b2bSpecEmptyYn" value="N"/> <input type="hidden" value="N" id="mdaUseYn"/> <section class="spec-highlight" id="specs"> <h2 class="spec-highlight__headline">Specifications</h2> <div class="spec-highlight__downloads__cta-wrap"> <a class="cta cta--label cta--black cta--icon spec-download__button" href="javascript:void(0)" aria-label="Download XLS: [D] XLS 파일명" target="_blank"> Download <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#download-bold" href="#download-bold"></use> </svg> </a> </div> <div class="spec-highlight__main-specs"> <ul class="spec-highlight__list spec-highlight__list--4item" role="list"> <li class="spec-highlight__item" role="listitem"> <div class="spec-highlight__inner"> <strong class="spec-highlight__title">Size (Main Display)</strong> <span class="spec-highlight__value">14.6" (369.9mm)</span> </div> </li> <li class="spec-highlight__item" role="listitem"> <div class="spec-highlight__inner"> <strong class="spec-highlight__title">Rear Camera - Resolution</strong> <span class="spec-highlight__value">13.0 MP + 6.0 MP</span> </div> </li> <li class="spec-highlight__item" role="listitem"> <div class="spec-highlight__inner"> <strong class="spec-highlight__title">Weight (g)</strong> <span class="spec-highlight__value">728</span> </div> </li> <li class="spec-highlight__item" role="listitem"> <div class="spec-highlight__inner"> <strong class="spec-highlight__title">CPU Speed</strong> <span class="spec-highlight__value">2.99GHz, 2.4GHz, 1.7GHz</span> </div> </li> </ul> </div> <div class="spec-highlight__button-wrap"> <a class="cta cta--outlined cta--black cta--icon spec-highlight__button" href="javascript:void(0);" role="button" an-tr="pdd03_product spec-product detail-text-link" an-ca="indication" an-ac="view more" an-la="view more" aria-label="View moreView Specifications"> <span>View more</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </a> </div> <div class="spec-highlight__container" style="display: none;"> <div class="spec-highlight__contents is-active" role="tabpanel" id="tabPanelId0" aria-labelledby="tabId0"> <h3 class="hidden">Specifications Detail</h3> <div class="spec-highlight__detail-wrap"> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Processor</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">CPU Speed</strong> <span class="spec-highlight__value">2.99GHz, 2.4GHz, 1.7GHz</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">CPU Type</strong> <span class="spec-highlight__value">Octa Core</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Display</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Size (Main Display)</strong> <span class="spec-highlight__value">14.6" (369.9mm)</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Resolution (Main Display)</strong> <span class="spec-highlight__value">2960 x 1848 (WQXGA+)</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Technology (Main Display)</strong> <span class="spec-highlight__value">SUPER AMOLED</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Colour Depth (Main Display)</strong> <span class="spec-highlight__value">16M</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">S Pen Support</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <span class="spec-highlight__value">Yes (Gesture/Remote Control)</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Camera</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Rear Camera - Resolution</strong> <span class="spec-highlight__value">13.0 MP + 6.0 MP</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Rear Camera - Auto Focus</strong> <span class="spec-highlight__value">Yes</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Front Camera - Resolution</strong> <span class="spec-highlight__value">12.0 MP + 12.0 MP</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Rear Camera - Flash</strong> <span class="spec-highlight__value">Yes</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Video Recording Resolution</strong> <span class="spec-highlight__value">UHD 4K (3840 x 2160) @30fps</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Storage/Memory</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Memory_(GB)</strong> <span class="spec-highlight__value">12</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Storage (GB)</strong> <span class="spec-highlight__value">256</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Available Storage (GB)</strong> <span class="spec-highlight__value">219.4</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">External Storage Support</strong> <span class="spec-highlight__value">MicroSD (Up to 1TB)</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Network/Bearer</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">2G GSM</strong> <span class="spec-highlight__value">GSM850, GSM900, DCS1800, PCS1900</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">3G UMTS</strong> <span class="spec-highlight__value">B1(2100), B2(1900), B4(AWS), B5(850), B8(900)</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">4G FDD LTE</strong> <span class="spec-highlight__value">B1 (2100MHz), B2 (1900MHz), B3 (1800MHz), B4 (AWS), B5 (850MHz), B7 (2600MHz), B8 (900MHz), B12 (700MHz), B13 (700MHz), B17 (700MHz), B20 (800MHz), B25 (1900MHz), B26 (850MHz), B28 (700MHz), B32(1500MHz), B66 (AWS-3)</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">4G TDD LTE</strong> <span class="spec-highlight__value">B38 (2600MHz), B40 (2300MHz), B41 (2500MHz)</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">5G FDD Sub6</strong> <span class="spec-highlight__value">N1(2100), N3(1800), N5(850), N7(2600), N8(900), N20(800), N28(700), N66(AWS-3)</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">5G TDD Sub6</strong> <span class="spec-highlight__value">N38(2600), N40(2300), N41(2500), N77(3700), N78(3500)</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Connectivity</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">USB Version</strong> <span class="spec-highlight__value">USB 3.2 Gen 1</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Location Technology</strong> <span class="spec-highlight__value">GPS, GLONASS, Beidou, Galileo, QZSS</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">MHL</strong> <span class="spec-highlight__value">No</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Wi-Fi</strong> <span class="spec-highlight__value">802.11 a/b/g/n/ac/ax 2.4G+5GHz+6GHz, HE160, MIMO, 1024-QAM</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Wi-Fi Direct</strong> <span class="spec-highlight__value">Yes</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Bluetooth Version</strong> <span class="spec-highlight__value">Bluetooth<sup>®</sup> v5.2</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">NFC</strong> <span class="spec-highlight__value">No</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Bluetooth Profiles</strong> <span class="spec-highlight__value">A2DP, AVRCP, DI, HFP, HID, HOGP, HSP, MAP, OPP, PAN, PBAP</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">PC Sync.</strong> <span class="spec-highlight__value">Smart Switch (PC version)</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">OS</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <span class="spec-highlight__value">Android</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">General Information</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Form Factor</strong> <span class="spec-highlight__value">Tablet</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Sensors</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <span class="spec-highlight__value">Accelerometer, Fingerprint Sensor, Gyro Sensor, Geomagnetic Sensor, Hall Sensor, Light Sensor</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Physical specification</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Dimension (HxWxD, mm)</strong> <span class="spec-highlight__value">208.6 x 326.4 x 5.5</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Weight (g)</strong> <span class="spec-highlight__value">728</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Battery</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Internet Usage Time(LTE) (Hours)</strong> <span class="spec-highlight__value">Up to 8</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Internet Usage Time(Wi-Fi) (Hours)</strong> <span class="spec-highlight__value">Up to 8</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Video Playback Time (Hours, Wireless)</strong> <span class="spec-highlight__value">Up to 14</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Battery Capacity (mAh, Typical)</strong> <span class="spec-highlight__value">11200</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Removable</strong> <span class="spec-highlight__value">No</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Audio Playback Time (Hours, Wireless)</strong> <span class="spec-highlight__value">Up to 148</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Talk Time (4G LTE) (Hours)</strong> <span class="spec-highlight__value">Up to 63</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Audio and Video</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Video Playing Format</strong> <span class="spec-highlight__value">MP4, M4V, 3GP, 3G2, AVI, FLV, MKV, WEBM</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Video Playing Resolution</strong> <span class="spec-highlight__value">UHD 8K (7680 x 4320) @60fps</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Audio Playing Format</strong> <span class="spec-highlight__value">MP3, M4A, 3GA, AAC, OGG, OGA, WAV, AMR, AWB, FLAC, MID, MIDI, XMF, MXMF, IMY, RTTTL, RTX, OTA</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Services and Applications</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Gear Support</strong> <span class="spec-highlight__value">Galaxy Buds Pro, Galaxy Buds Live, Galaxy Buds+, Galaxy Buds2, Galaxy Buds, Gear IconX (2018)</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Mobile TV</strong> <span class="spec-highlight__value">No</span> </li> </ul> </div> </div> </div> <div class="spec-highlight__information"> <a class="spec-highlight__cta" href="https://www.samsung.com/sar/sarMain?site_cd=sg&prd_mdl_name=SM-X906B" title="Open in a New Window : Sar Information" target="_blank">SAR Information <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </div> </div> </div> <div class="spec-highlight__button-wrap spec-highlight__button-wrap--active"> <a class="cta cta--outlined cta--black cta--icon spec-highlight__button" href="javascript:void(0);" role="button" an-tr="pdd03_product spec-product detail-text-link" an-ca="indication" an-ac="view more" an-la="view more"> <span>Hide All Specs</span> <svg class="icon" focusable="false"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </a> </div> </section> </div> <div class="pd-g-product-review-highlight aem-GridColumn aem-GridColumn--default--12" id="reviews"> <input type="hidden" id="isVDatReviewHighlight" value="false"/> </div> <div class="pd-g-product-support aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" name="supportEmptyYn" id="supportEmptyYn" value="N"/> <input type="hidden" name="checkCDNYn" id="checkCDNYn"/> <section class="product-support" id="support"> <div class="product-support__wrap"> <h2 class="product-support__title">Support</h2> <p class="product-support__description">Find answers to the questions you have about the product</p> <div class="product-support__banner"> <div class="product-support__banner-inner"> <span class="product-support__banner-title"> <strong class="product-support__banner-text">Product Support</strong> </span> <a class="product-support__banner-cta cta cta--icon" href="/sg/support/model/SM-X906BZAJXSP/" aria-label="User manual & Downloads : Open in a New Window" an-tr="pdd05_product support-product detail-cta-link" an-ca="content click" an-ac="feature" an-la="support:user manual & downloads" target="_blank" data-omni="go to support pdp">See More Content <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#outlink-bold"></use> </svg> </a> </div> </div> <div id="downloads" class="product-support__manuals-downloads__title">User manual & Downloads</div> <ul class="product-support__manuals-downloads__list" role="list"> <li data-file-id="9404892" class="product-support__manuals-downloads__item" role="listitem"> <div class="product-support__manuals-downloads__item-box"> <strong class="product-support__manuals-downloads__item-title">Safety Guide</strong> <ul class="product-support__manuals-downloads__info" role="presentation"> <li class="product-support__manuals-downloads__version" role="presentation">ver 2.0.0</li> <li class="product-support__manuals-downloads__file-size" role="presentation">6.28 MB</li> <li class="product-support__manuals-downloads__time" role="presentation">Dec 07. 2023</li> </ul> <div class="product-support__manuals-downloads__language"> <div class="product-support__manuals-downloads__tooltip"> <button type="button" class="product-support__manuals-downloads__tooltip-cta" tabindex="0" role="button"> <span>MULTI LANGUAGE</span> <svg class="icon" focusable="false"> <use xlink:href="#info-bold" href="#info-bold"></use> </svg> </button> <div class="product-support__manuals-downloads__tooltip-layer"> <div class="product-support__manuals-downloads__tooltip-layer-text">ENGLISH, SIMPLIFIED CHINESE(S.E Asia), ARABIC, BURMESE, CAMBODIAN, HEBREW, INDONESIAN, LAOTHIAN, THAI, TURKISH, URDU, VIETNAMESE</div> <button type="button" class="product-support__manuals-downloads__tooltip-layer-close" role="button"> <span class="hidden">Multi-Language Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="product-support__manuals-downloads__button"> <a class="cta cta--contained cta--black" href="https://org.downloadcenter.samsung.com/downloadfile/ContentsFile.aspx?CDSite=UNI_SG&OriginYN=N&ModelType=N&ModelName=SM-X906B&CttFileID=9404892&CDCttType=UM&VPath=UM%2F202312%2F20231207144350931%2FSafety_information_Rev.2.0.0_231013.pdf" title="Download: Safety Guide" aria-label="Download: Safety Guide" data-file-id="9404892" data-filename="Safety_information_Rev.2.0.0_231013.pdf" data-category="manual" data-type-code="UM" data-view-count="0" data-accept-lang="ENGLISH, SIMPLIFIED CHINESE(S.E Asia), ARABIC, BURMESE, CAMBODIAN, HEBREW, INDONESIAN, LAOTHIAN, THAI, TURKISH, URDU, VIETNAMESE" an-tr="pdd05_product support-product detail-cta-download" an-ca="support content click" an-ac="feature" an-la="support:user manual and downloads:Safety Guide" target="_blank">Download</a> </div> </div> </li> <li data-file-id="9404880" class="product-support__manuals-downloads__item" role="listitem"> <div class="product-support__manuals-downloads__item-box"> <strong class="product-support__manuals-downloads__item-title">User Manual (Android 14)</strong> <ul class="product-support__manuals-downloads__info" role="presentation"> <li class="product-support__manuals-downloads__version" role="presentation">ver 1.0</li> <li class="product-support__manuals-downloads__file-size" role="presentation">4.39 MB</li> <li class="product-support__manuals-downloads__time" role="presentation">Dec 07. 2023</li> </ul> <div class="product-support__manuals-downloads__language"> <div class="product-support__manuals-downloads__language-single">ENGLISH</div> </div> <div class="product-support__manuals-downloads__button"> <a class="cta cta--contained cta--black" href="https://org.downloadcenter.samsung.com/downloadfile/ContentsFile.aspx?CDSite=UNI_SG&OriginYN=N&ModelType=N&ModelName=SM-X906B&CttFileID=9404880&CDCttType=UM&VPath=UM%2F202312%2F20231207144350931%2FSM-X70X_X80X_X90X_T73X_P61X_UM_EU_UU_Eng_Rev.1.0_231101.pdf" title="Download: User Manual (Android 14)" aria-label="Download: User Manual (Android 14)" data-file-id="9404880" data-filename="SM-X70X_X80X_X90X_T73X_P61X_UM_EU_UU_Eng_Rev.1.0_231101.pdf" data-category="manual" data-type-code="UM" data-view-count="0" data-accept-lang="ENGLISH" an-tr="pdd05_product support-product detail-cta-download" an-ca="support content click" an-ac="feature" an-la="support:user manual and downloads:User Manual (Android 14)" target="_blank">Download</a> </div> </div> </li> <li data-file-id="9404889" class="product-support__manuals-downloads__item" role="listitem"> <div class="product-support__manuals-downloads__item-box"> <strong class="product-support__manuals-downloads__item-title">User Manual (Android 14)</strong> <ul class="product-support__manuals-downloads__info" role="presentation"> <li class="product-support__manuals-downloads__version" role="presentation">ver 1.0</li> <li class="product-support__manuals-downloads__file-size" role="presentation">4.88 MB</li> <li class="product-support__manuals-downloads__time" role="presentation">Dec 07. 2023</li> </ul> <div class="product-support__manuals-downloads__language"> <div class="product-support__manuals-downloads__language-single">SIMPLIFIED CHINESE(S.E Asia)</div> </div> <div class="product-support__manuals-downloads__button"> <a class="cta cta--contained cta--black" href="https://org.downloadcenter.samsung.com/downloadfile/ContentsFile.aspx?CDSite=UNI_SG&OriginYN=N&ModelType=N&ModelName=SM-X906B&CttFileID=9404889&CDCttType=UM&VPath=UM%2F202312%2F20231207144350931%2FSM-X70X_X80X_X90X_T73X_P61X_UM_SEA_UU_Chi_Rev.1.0_231110.pdf" title="Download: User Manual (Android 14)" aria-label="Download: User Manual (Android 14)" data-file-id="9404889" data-filename="SM-X70X_X80X_X90X_T73X_P61X_UM_SEA_UU_Chi_Rev.1.0_231110.pdf" data-category="manual" data-type-code="UM" data-view-count="0" data-accept-lang="SIMPLIFIED CHINESE(S.E Asia)" an-tr="pdd05_product support-product detail-cta-download" an-ca="support content click" an-ac="feature" an-la="support:user manual and downloads:User Manual (Android 14)" target="_blank">Download</a> </div> </div> </li> <li data-file-id="9079434" class="product-support__manuals-downloads__item" role="listitem"> <div class="product-support__manuals-downloads__item-box"> <strong class="product-support__manuals-downloads__item-title">User Manual (Android 13)</strong> <ul class="product-support__manuals-downloads__info" role="presentation"> <li class="product-support__manuals-downloads__version" role="presentation">ver 2.0</li> <li class="product-support__manuals-downloads__file-size" role="presentation">4.46 MB</li> <li class="product-support__manuals-downloads__time" role="presentation">Mar 15. 2023</li> </ul> <div class="product-support__manuals-downloads__language"> <div class="product-support__manuals-downloads__language-single">ENGLISH</div> </div> <div class="product-support__manuals-downloads__button"> <a class="cta cta--contained cta--black" href="https://org.downloadcenter.samsung.com/downloadfile/ContentsFile.aspx?CDSite=UNI_SG&OriginYN=N&ModelType=N&ModelName=SM-X906B&CttFileID=9079434&CDCttType=UM&VPath=UM%2F202303%2F20230315135621313%2FSM-X70X_X80X_X90X_UM_EU_TT_Eng_Rev.2.0_230208.pdf" title="Download: User Manual (Android 13)" aria-label="Download: User Manual (Android 13)" data-file-id="9079434" data-filename="SM-X70X_X80X_X90X_UM_EU_TT_Eng_Rev.2.0_230208.pdf" data-category="manual" data-type-code="UM" data-view-count="0" data-accept-lang="ENGLISH" an-tr="pdd05_product support-product detail-cta-download" an-ca="support content click" an-ac="feature" an-la="support:user manual and downloads:User Manual (Android 13)" target="_blank">Download</a> </div> </div> </li> </ul> <a class="product-support__manuals-downloads-cta cta cta--icon" href="/sg/support/model/SM-X906BZAJXSP/#downloads" aria-label="User manual & Downloads : Open in a New Window" an-tr="pdd05_product support-product detail-cta-link" an-ca="content click" an-ac="feature" an-la="support:user manual & downloads" target="_blank"> See More Content <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> <div class="product-support__faq-wrap"> <h3 class="product-support__faq-title">FAQ</h3> <ul class="product-support__faq-list" role="list"> <li class="product-support__faq-item" role="listitem"> <a class="product-support__faq-cta" href="/sg/support/mobile-devices/how-can-i-use-dual-audio-to-share-media-on-multiple-devices/" an-tr="pdd05_product support-product detail-text-link" an-ca="content click" an-ac="feature" an-la="support:faq" aria-label="FAQ : Open in a New Window" target="_blank" data-omni="2096886"><span class="product-support__faq-cta-text"><abbr aria-label="Question" class="product-support__faq-question-text"></abbr>How can I use Dual Audio to share media on multiple devices?</span></a> </li> <li class="product-support__faq-item" role="listitem"> <a class="product-support__faq-cta" href="/sg/support/mobile-devices/how-can-i-check-what-version-of-android-i-have-on-my-device/" an-tr="pdd05_product support-product detail-text-link" an-ca="content click" an-ac="feature" an-la="support:faq" aria-label="FAQ : Open in a New Window" target="_blank" data-omni="2096436"><span class="product-support__faq-cta-text"><abbr aria-label="Question" class="product-support__faq-question-text"></abbr>How can I check what version of Android I have on my device?</span></a> </li> <li class="product-support__faq-item" role="listitem"> <a class="product-support__faq-cta" href="/sg/support/mobile-devices/how-to-use-a-second-screen-on-your-tablet/" an-tr="pdd05_product support-product detail-text-link" an-ca="content click" an-ac="feature" an-la="support:faq" aria-label="FAQ : Open in a New Window" target="_blank" data-omni="2121217"><span class="product-support__faq-cta-text"><abbr aria-label="Question" class="product-support__faq-question-text"></abbr>How to use a second screen on your Tablet</span></a> </li> <li class="product-support__faq-item" role="listitem"> <a class="product-support__faq-cta" href="/sg/support/mobile-devices/what-to-do-if-the-battery-of-my-new-phone-seems-to-be-draining-faster/" an-tr="pdd05_product support-product detail-text-link" an-ca="content click" an-ac="feature" an-la="support:faq" aria-label="FAQ : Open in a New Window" target="_blank" data-omni="2101189"><span class="product-support__faq-cta-text"><abbr aria-label="Question" class="product-support__faq-question-text"></abbr>What to Do If the Battery of My New Phone Seems to Be Draining Faster?</span></a> </li> <li class="product-support__faq-item" role="listitem"> <a class="product-support__faq-cta" href="/sg/support/mobile-devices/how-to-use-ctrl-or-union-key-when-creating-text-message-in-samsung-tablet/" an-tr="pdd05_product support-product detail-text-link" an-ca="content click" an-ac="feature" an-la="support:faq" aria-label="FAQ : Open in a New Window" target="_blank" data-omni="2004545"><span class="product-support__faq-cta-text"><abbr aria-label="Question" class="product-support__faq-question-text"></abbr>How to use Ctrl or Union Key when creating text message in Samsung Tablet?</span></a> </li> </ul> </div> </div> </section> </div> <div class="pd-g-product-compare aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" name="compareEmptyYn" id="compareEmptyYn" value="N"/>   <div class="pd-product-compare" id="compare"> <ul class="sdf-component-metadata"> <li data-sdf-prop="siteCode">sg</li> <li data-sdf-prop="modelCode">SM-X906BZAJXSP</li> <li data-sdf-prop="siteMeta">{"reviewsEnabled":true,"reevooEnabled":false,"bazaarVoiceEnabled":false,"priceDisplayEnabled":true,"wtbCtaBtnEnabled":false,"offerCheckEnabled":false,"emiUrl":"/sg/web/emi","financingUrl":"/sg/web/si-calculator","calculateFinancingEnabled":false,"twoCtaBtnEnabled":false,"pfPdUrlAnchorCheckEnabled":false,"cartUrl":"/sg/cart","slingSettingsService":{"logger":{"name":"org.apache.sling.settings.impl.SlingSettingsServiceImpl"},"slingId":"6600d4f6-a175-48b3-8598-63d6c3d36216","slingHome":"/aem/publish/crx-quickstart","slingHomeUrl":"file:/aem/publish/crx-quickstart/","runModes":["prod","s7connect","crx3","nosamplecontent","publish","live","crx3tar"],"slingProps":{}},"tenantId":"sgp","ceTradeUpStep":"product,condition,discount","isEnableSite":true,"isShopOfferUseSite":false,"isHybrisSite":true,"isHybrisIntegrationSite":false,"isHybrisNewSite":false,"isGpv2site":false,"isShopSite":true,"isTaskOnlySite":false,"siteCode":"sg","shopIntegrationFlag":"Hybris","searchPlaceholder":"Galaxy Z Fold6","searchPlaceholderEpp":"Galaxy Note10","hreflang":"en-SG","languageCode":"en","jcrLanguage":"en_SG","countryCode":"SG","countryLocalName":"Singapore","titleOption":"C","facebookYn":"Y","googleYn":"N","twitterYn":"Y","timeformat":"MMM dd. yyyy","priceCurrency":"SGD","timeZoneCheck":"Y","cookieManageCtaYn":"N"}</li> <li data-sdf-prop="compareModelList">SM-X516BLGAXSP,SM-X510NLGAXSP,SM-X610NZSAXSP,SM-X616BZSAXSP,SM-T870NZNAXSP</li> <li data-sdf-prop="reviewPageUri">/sg/common/review/</li> <li data-sdf-prop="livePublished">true</li> </ul> <section class="sdf-component-templates"> <div data-sdf-template="compareCard @ family" data-sdf-attr.class="pd-product-compare__item-box sdf-comp-family-card sdf-comp-family-card-{{family.code}}" data-family-id="{{family.code}}"> <div class="pd-product-compare__item-headline"> <p class="pd-product-compare__item-headline-text sdf-comp-model-name">{{family.currentModel.displayName}}</p> </div> <div class="pd-product-compare__item-sku"> <p class="pd-product-compare__item-sku-text sdf-comp-model-code">{{family.currentModel.modelCode}}</p> </div> <div data-sdf-attr.class="pd-product-compare__item-wrap"> <div data-sdf-attr.class="pd-product-compare__box"> <div data-sdf-attr.class="pd-product-compare__box-image sdf-comp-thumbnail-panel"> <a data-sdf-template="thumbnailPanel @ model={{family.currentModel}}" href="{{model.pdpUrl}}" rel="nofollow" an-tr="pdd04_product compare-product detail-image-product" an-ca="product click" an-ac="compare product" an-la="product click" aria-label="{{model.displayName}}" data-modelcode="{{model.taggingModelCode}}" data-modelname="{{model.taggingModelName}}" data-modeldisplay="{{model.displayName}}" data-sdf-attr.data-modelprice="{{model.prices.price}}" data-sdf-attr.data-discountprice="{{model.prices.currentPrice}}" data-pvitype="{{model.pviType}}" data-pvisubtype="{{model.pviSubType}}" data-pimsubtype="{{model.categorySubTypeEngName}}"> <div data-sdf-attr.class="swiper-container basic-swiper" aria-live="polite" data-swiper-option='{ "slidesPerView":1, "keepWrapper":true, "loop": false, "pagination":false }'> <div data-sdf-list.thumbnail="{{model.thumbnailImages}}" data-sdf-attr.class="swiper-wrapper"> <div data-sdf-attr.class="pd-product-compare__image-item swiper-slide"> <div data-sdf-attr.class="image image--dyn-height"> <img data-sdf-attr.class="image__preview lazy-load responsive-img" data-desktop-src="{{thumbnail.desktopPreviewSrc}}" data-mobile-src="{{thumbnail.mobilePreviewSrc}}" alt="{{thumbnail.altText}}"/> <img data-sdf-attr.class="image__main lazy-load responsive-img" data-desktop-src="{{thumbnail.desktopSrc}}" data-mobile-src="{{thumbnail.mobileSrc}}" alt="{{thumbnail.altText}}"/> </div> </div> </div> </div> </a> </div> <div class="pd-product-compare__info"> <div data-sdf-attr.class="option-selector option-selector__color-text"> <div class="option-selector__color-name" data-sdf-test="{{family.chipOptions.colorChipEnabled}}">Colour : {{chip.displayName}} <button type="button" class="option-selector__color-name-text" disabled> <strong class="hidden" data-global-text='{"Expand" : "Click to Expand", "Collapse" : "Click to Collapse"}' aria-hidden="true">Click to Expand</strong> <strong class="option-selector__color-name-text-in {{family.familyRecord}}">{{chip.displayName}}</strong> </button> <div class="option-selector__color-tooltip" aria-hidden="true"> Colour : <strong class="option-selector__color-tooltip-text {{family.familyRecord}}"></strong> <a href="javascript:void(0)" class="option-selector__color-tooltip-close" role="button"> <span class="hidden">Close</span> <svg class="icon icon-close" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </a> </div> </div> <div data-sdf-test="{{family.chipOptions.colorChipEnabled}}" data-sdf-attr.class="option-selector__wrap option-selector__wrap--color-chip" data-desktop-view="5" data-mobile-view="4"> <div data-sdf-attr.class="option-selector__swiper"> <div data-sdf-attr.class="option-selector__swiper-container" aria-live="polite"> <div data-sdf-attr.class="option-selector__swiper-wrapper"> <span data-sdf-repeat.chip="{{family.chipOptions.colorChips}}" data-sdf-attr.class="option-selector__swiper-slide"> <span data-sdf-attr.class="option-selector__color"> <input type="radio" id="rdoColorChip-{{family.code}}-color-{{chip.loopCount}}" name="colorChip-{{family.code}}" value="{{chip.code}}" class="sdf-comp-option-chip rdoColorChip_{{family.familyRecord}}" data-chip-type="{{chip.type}}" data-sdf-attr.checked="{{chip.checked}}" an-tr="pdd04_product compare-product detail-image-option" an-ca="option click" an-ac="compare product" an-la="color:{{chip.taggingName}}" data-modelcode="{{family.currentModel.taggingModelCode}}" data-modelname="{{family.currentModel.taggingModelName}}" data-modeldisplay="{{family.currentModel.displayName}}" data-colorchipname="{{chip.displayName}}" data-optionCodeList="{{chip.optionCodeList}}" data-sdf-attr.data-modelprice="{{family.currentModel.prices.price}}" data-sdf-attr.data-discountprice="{{family.currentModel.prices.currentPrice}}" data-pvitype="{{family.currentModel.pviType}}" data-pvisubtype="{{family.currentModel.pviSubType}}" data-pimsubtype="{{family.currentModel.categorySubTypeEngName}}"/> <label for="rdoColorChip-{{family.code}}-color-{{chip.loopCount}}"> <span class="option-selector__color-code" data-sdf-test="{{chip.C1Type}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36" height="35.999" viewBox="0 0 36 35.999"> <g transform="translate(-18.001 9)"> <rect width="36" height="35.999" transform="translate(18.001 -9)" fill="none"/> <path d="M18,0A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(18.001 -9)" fill="{{chip.colorCode}}"/> <path d="M18,1A17,17,0,0,0,5.979,30.019,17,17,0,1,0,30.02,5.979,16.889,16.889,0,0,0,18,1m0-1A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(18.001 -9)" fill="rgba(0,0,0,0.5)"/> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.C2AType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36.001" height="36" viewBox="0 0 36.001 36"> <g transform="translate(-17.999 9)"> <rect width="36" height="36" transform="translate(18 -9)" fill="none"/> <g> <path d="M-3395,7250a18,18,0,0,1,18-18h0v36h0A18,18,0,0,1-3395,7250Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.0}}"/> <path d="M-3377,7232a18,18,0,0,1,18,18,18,18,0,0,1-18,18Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.1}}"/> <path d="M18,1A17,17,0,0,0,5.979,30.019,17,17,0,1,0,30.02,5.979,16.889,16.889,0,0,0,18,1m0-1A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(17.999 -9)" fill="rgba(0,0,0,0.5)"/> </g> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.C2BType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36.001" height="36" viewBox="0 0 36.001 36"> <g transform="translate(-17.999 9)"> <rect width="36" height="36" transform="translate(18 -9)" fill="none"/> <g> <path d="M-3395,7250a18,18,0,0,1,18-18,18,18,0,0,1,18,18Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.0}}"/> <path d="M-3395,7250h36a18,18,0,0,1-18,18A18,18,0,0,1-3395,7250Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.1}}"/> <path d="M18,1A17,17,0,0,0,5.979,30.019,17,17,0,1,0,30.02,5.979,16.889,16.889,0,0,0,18,1m0-1A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(17.999 -9)" fill="rgba(0,0,0,0.5)"/> </g> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.C3AType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36.001" height="36.001" viewBox="0 0 36.001 36.001"> <g transform="translate(27.001 -17.999) rotate(90)"> <rect width="36" height="36" transform="translate(18 -9)" fill="none"/> <g transform="translate(18 -3.005) rotate(-90)"> <path d="M-1047.672,8501.792a18.1,18.1,0,0,1-1.321-6.168c0-.027,0-.056,0-.083s0-.06,0-.09a18.092,18.092,0,0,1,1.906-8.522c.009-.017.017-.036.028-.053.017-.036.034-.068.051-.1.028-.054.058-.109.085-.162,0,0,0,0,0-.007.109-.205.22-.405.337-.608l0,0a18.019,18.019,0,0,1,1.92-2.717,18.076,18.076,0,0,1,2.2-2.157,18.042,18.042,0,0,1,2.467-1.712,18.109,18.109,0,0,1,2.674-1.264,18.212,18.212,0,0,1,3.76-.967.18.18,0,0,0,.032,0,.045.045,0,0,0,.017,0A18.394,18.394,0,0,1-1031,8477v18h0l-15.583,9A18.227,18.227,0,0,1-1047.672,8501.792Z" transform="translate(1019 -8477.001)" fill="{{chip.optionCodeList.0}}"/> <path d="M-1049,8494.994h0v-18a18.692,18.692,0,0,1,2.051.115,18.089,18.089,0,0,1,4.971,1.313.644.644,0,0,0,.068.025.02.02,0,0,0,.015.009,17.41,17.41,0,0,1,1.889.95,18.359,18.359,0,0,1,2.047,1.374c.015.013.032.023.047.036s.034.028.051.041a18.122,18.122,0,0,1,4.446,5.135h0a18.843,18.843,0,0,1,.9,1.783l.045.1s0,0,0,0a18.093,18.093,0,0,1,1.462,6.915c0,.023,0,.047,0,.073v.1a18.107,18.107,0,0,1-1.622,7.482l-.032.073c-.009.019-.019.038-.028.058-.22.474-.463.94-.73,1.4Z" transform="translate(1037.001 -8477)" fill="{{chip.optionCodeList.1}}"/> <path d="M-1034.289,8494.979a18.08,18.08,0,0,1-9.093-2.986c-.017-.013-.036-.023-.053-.036a.663.663,0,0,1-.062-.043,18.052,18.052,0,0,1-4.213-3.972l-.1-.128a18.141,18.141,0,0,1-1.2-1.816l15.589-9,15.585,9a18.048,18.048,0,0,1-2.04,2.858.119.119,0,0,1-.015.016l-.077.089a18.1,18.1,0,0,1-2.673,2.456l-.026.02-.1.077a18.052,18.052,0,0,1-9.792,3.466c-.051,0-.1.007-.158.007a.029.029,0,0,1-.013,0c-.228.009-.458.013-.689.013C-1033.709,8495-1034,8495-1034.289,8494.979Z" transform="translate(1021.412 -8459.007)" fill="{{chip.optionCodeList.2}}"/> <path d="M18,1A17,17,0,0,0,5.979,30.021,17,17,0,1,0,30.021,5.979,16.889,16.889,0,0,0,18,1m0-1A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(-30.004 0)" fill="rgba(29,29,27,0.5)"/> </g> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.C3BType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36.001" height="36" viewBox="0 0 36.001 36"> <g transform="translate(-17.999 -4)"> <rect width="36" height="36" transform="translate(18 4)" fill="none"/> <g transform="translate(17.999 4.001)"> <path d="M0,18A18.006,18.006,0,0,1,12,1.024v33.95A18.006,18.006,0,0,1,0,18Z" transform="translate(0 0)" fill="{{chip.optionCodeList.0}}"/> <path d="M0,34.974V1.024a18.086,18.086,0,0,1,12,0v33.95a18.085,18.085,0,0,1-12,0Z" transform="translate(12 0)" fill="{{chip.optionCodeList.1}}"/> <path d="M0,16.975A18.007,18.007,0,0,0,12,33.95V0A18.007,18.007,0,0,0,0,16.975Z" transform="translate(36 34.975) rotate(180)" fill="{{chip.optionCodeList.2}}"/> <path d="M18,35A17,17,0,0,0,30.02,5.979,17,17,0,1,0,5.979,30.019,16.889,16.889,0,0,0,18,35m0,1A18,18,0,1,1,36,18,18,18,0,0,1,18,36Z" transform="translate(0)" fill="rgba(0,0,0,0.5)"/> </g> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.C3CType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"> <g transform="translate(-18 -4)"> <rect width="36" height="36" transform="translate(18 4)" fill="none"/> <g transform="translate(53.999 4) rotate(90)"> <path d="M0,18A18.006,18.006,0,0,1,12,1.024v33.95A18.006,18.006,0,0,1,0,18Z" transform="translate(0 0)" fill="{{chip.optionCodeList.0}}"/> <path d="M0,34.974V1.024a18.086,18.086,0,0,1,12,0v33.95a18.085,18.085,0,0,1-12,0Z" transform="translate(12 0)" fill="{{chip.optionCodeList.1}}"/> <path d="M0,16.975A18.007,18.007,0,0,0,12,33.95V0A18.007,18.007,0,0,0,0,16.975Z" transform="translate(36 34.975) rotate(180)" fill="{{chip.optionCodeList.2}}"/> <path d="M18,35A17,17,0,0,0,30.02,5.979,17,17,0,1,0,5.979,30.019,16.889,16.889,0,0,0,18,35m0,1A18,18,0,1,1,36,18,18,18,0,0,1,18,36Z" transform="translate(0)" fill="rgba(0,0,0,0.5)"/> </g> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.C4AType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36.001" height="36" viewBox="0 0 36.001 36"> <g transform="translate(-17.999 9)"> <rect width="36" height="36" transform="translate(18 -9)" fill="none"/> <g> <path d="M-3395,7250a18,18,0,0,1,18-18v18Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.0}}"/> <path d="M-3377,7250v-18a18,18,0,0,1,18,18Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.1}}"/> <path d="M-3377,7250h18a18,18,0,0,1-18,18Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.2}}"/> <path d="M-3395,7250h18v18h0A18,18,0,0,1-3395,7250Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.3}}"/> <path d="M18,1A17,17,0,0,0,5.979,30.019,17,17,0,1,0,30.02,5.979,16.889,16.889,0,0,0,18,1m0-1A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(17.999 -9)" fill="rgba(0,0,0,0.5)"/> </g> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.CPType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36.001" height="36" viewBox="0 0 36.001 36"> <g transform="translate(-17.999 9)"> <rect width="36" height="36" transform="translate(18 -9)" fill="none"/> <g transform="translate(48.004 -9)"> <path d="M1.333,15.8A18.1,18.1,0,0,1,.01,9.628c0-.027,0-.055,0-.082s0-.06,0-.089A18.086,18.086,0,0,1,1.91.935L1.938.88l.053-.1L2.074.614l0-.007Q2.239.3,2.413,0L18,9,2.413,18A18.157,18.157,0,0,1,1.333,15.8Z" transform="translate(-30.005 8.994)" fill="#68aeff"/> <path d="M0,9A17.9,17.9,0,0,1,6.584,2.41,18.351,18.351,0,0,1,9.257,1.145a18.061,18.061,0,0,1,3.667-.95l.132-.019.019,0A18.137,18.137,0,0,1,15.582,0V18Z" transform="translate(-27.587 0)" fill="#00838f"/> <path d="M0,18V0A18.223,18.223,0,0,1,2.05.115,18.011,18.011,0,0,1,7.021,1.427l.068.026a.028.028,0,0,0,.015.008,17.506,17.506,0,0,1,1.89.949,18.328,18.328,0,0,1,2.047,1.376l.046.035.052.041A18.106,18.106,0,0,1,15.585,9Z" transform="translate(-12.003 0)" fill="#f36e6e"/> <path d="M0,9,15.583,0a18.31,18.31,0,0,1,.9,1.785l.045.1v0A18.087,18.087,0,0,1,18,8.808c0,.023,0,.048,0,.072s0,.064,0,.1a18.082,18.082,0,0,1-1.621,7.483l-.033.073-.027.058q-.332.71-.731,1.4Z" transform="translate(-12.004 8.997)" fill="#fff"/> <path d="M0,0,15.585,9a18.082,18.082,0,0,1-2.041,2.858l-.014.016-.078.089a18.166,18.166,0,0,1-2.672,2.457l-.027.02-.1.075A18.057,18.057,0,0,1,.86,17.979L.7,17.986H.688C.46,18,.23,18,0,18Z" transform="translate(-12.005 17.994)" fill="pink"/> <path d="M14.717,17.98a18.082,18.082,0,0,1-9.094-2.987l-.054-.036-.062-.042A18.087,18.087,0,0,1,1.3,10.942h0l-.1-.127A18.134,18.134,0,0,1,0,9L15.589,0V18C15.3,18,15.006,17.994,14.717,17.98Z" transform="translate(-27.593 17.993)" fill="#ff8c00"/> <path d="M18,1A17,17,0,0,0,5.979,30.021,17,17,0,1,0,30.021,5.979,16.889,16.889,0,0,0,18,1m0-1A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(-30.004 0)" fill="rgba(29,29,27,0.5)"/> </g> </g> </svg> </span> <span class="hidden">{{chip.displayName}}</span> </label> </span> </span> </div> </div> <button type="button" class="option-selector__button-prev" aria-label="Previous" role="button" aria-disabled="true" an-tr="pdd04_product compare|arrow" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="hidden">Previous</span> <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#previous-regular"></use> </svg> </button> <button type="button" class="option-selector__button-next" aria-label="Next" role="button" aria-disabled="true" an-tr="pdd04_product compare|arrow" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> <span class="hidden">Next</span> <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#next-regular"></use> </svg> </button> </div> </div> <div data-sdf-test="{{family.chipOptions.optionChipEnabled}}" data-sdf-repeat.opts="{{family.chipOptions.optionChipSets}}" data-sdf-attr.class="option-selector__wrap option-selector__wrap--capacity"> <div data-sdf-attr.class="option-selector__swiper"> <div data-sdf-attr.class="option-selector__swiper-container" aria-live="polite"> <div data-sdf-attr.class="option-selector__swiper-wrapper"> <span data-sdf-repeat.chip="{{opts.chips}}" data-sdf-attr.class="option-selector__swiper-slide"> <span data-sdf-attr.class="option-selector__size"> <input type="radio" id="rdoOptionChip-{{family.code}}-{{opts.code}}-{{chip.loopCount}}" name="optionChip-{{family.code}}-{{opts.code}}" value="{{chip.code}}" class="sdf-comp-option-chip" data-chip-type="{{opts.type}}" data-sdf-attr.checked="{{chip.checked}}" an-tr="pdd04_product compare-product detail-image-option" an-ca="option click" an-ac="compare product" an-la="{{opts.taggingType}}:{{chip.taggingName}}" data-modelcode="{{family.currentModel.taggingModelCode}}" data-modelname="{{family.currentModel.taggingModelName}}" data-modeldisplay="{{family.currentModel.displayName}}" data-sdf-attr.data-modelprice="{{family.currentModel.prices.price}}" data-sdf-attr.data-discountprice="{{family.currentModel.prices.currentPrice}}" data-pvitype="{{family.currentModel.pviType}}" data-pvisubtype="{{family.currentModel.pviSubType}}" data-pimsubtype="{{family.currentModel.categorySubTypeEngName}}"/> <label class="option-selector__size-label" for="rdoOptionChip-{{family.code}}-{{opts.code}}-{{chip.loopCount}}"> <span class="option-selector__size-label-text">{{chip.displayName}}<span></span></span> </label> </span> </span> <div data-sdf-attr.class="option-selector__floating-bar" style="display: none;"></div> </div> </div> <button type="button" class="option-selector__button-prev" aria-label="Previous" role="button" aria-disabled="true" an-tr="pdd04_product compare|arrow" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="hidden">Previous</span> <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#previous-regular"></use> </svg> </button> <button type="button" class="option-selector__button-next" aria-label="Next" role="button" aria-disabled="true" an-tr="pdd04_product compare|arrow" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> <span class="hidden">Next</span> <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#next-regular"></use> </svg> </button> </div> </div> </div> </div> </div> <div class="pd-product-compare__select-wrap sdf-comp-model-info-panel"> <section data-sdf-template="modelInfo @ model={{family.currentModel}}" data-sdf-unwrap="true"> <div class="pd-product-compare__detail-info"> <div data-sdf-test="{{model.ratings.enabled}}" data-sdf-unwrap="true"> <div data-sdf-test="{{model.ratings.reevooDisabled}}" class="pd-product-compare__info-rating"> <a data-sdf-attr.href="{{model.ratings.reviewUrl}}" an-tr="pdd04_product compare-product detail-image-review" an-ca="review" an-ac="compare product" an-la="read review" aria-label="{{model.ratings.score}} ({{model.ratings.reviewCount}}) product rating, {{model.displayName}} Review" data-modelcode="{{model.taggingModelCode}}" data-modelname="{{model.taggingModelName}}" data-modeldisplay="{{model.displayName}}" data-sdf-attr.data-modelprice="{{model.prices.price}}" data-sdf-attr.data-discountprice="{{model.prices.currentPrice}}" data-pvitype="{{model.pviType}}" data-pvisubtype="{{model.pviSubType}}" data-pimsubtype="{{model.categorySubTypeEngName}}"> <span class="rating{{model.ratings.emptyScoreClass}}"> <span class="hidden">Rating</span> <span class="rating__inner"> <span class="rating__star-list"> <span data-sdf-repeat.star="{{model.ratings.starScores}}" class="rating__star-item"> <span class="rating__star-empty"></span> <span class="rating__star-filled" data-sdf-attr.style="width:{{star.percentScore}}%;"></span> </span> </span> <strong class="rating__point"> <span class="hidden">Product Ratings:</span><span>{{model.ratings.score}}</span> </strong> <em class="rating__review-count"> (<span class="hidden">Number of Ratings:</span><span>{{model.ratings.reviewCount}}</span>) </em> </span> </span> </a> </div> <div data-sdf-test="{{model.ratings.reevooEnabled}}" class="pd-product-compare__info-rating revoo-review"> <reevoo-reviewable-badge trkref="SAM-IT" sku="{{model.modelCode}}" variant="default_10"></reevoo-reviewable-badge> </div> </div> <div class="pd-product-compare__fiche"> <div class="pd-product-compare__fiche__cta-wrap"> <a data-sdf-test="{{model.energyLabel.oldFicheEnabled}}" data-sdf-attr.href="{{model.energyLabel.ficheFileUrl}}" target="_blank" aria-label="Open in a New Window" class="cta-text" an-tr="pdd04_product compare-product detail-text-product fiche" an-ca="option click" an-ac="compare product" an-la="product fiche" data-modelcode="{{model.taggingModelCode}}" data-modelname="{{model.taggingModelName}}" data-modeldisplay="{{model.displayName}}" data-sdf-attr.data-modelprice="{{model.prices.price}}" data-sdf-attr.data-discountprice="{{model.prices.currentPrice}}" data-pvitype="{{model.pviType}}" data-pvisubtype="{{model.pviSubType}}" data-pimsubtype="{{model.categorySubTypeEngName}}">Product Fiche</a> <a data-sdf-test="{{model.energyLabel.oldEnabled}}" data-sdf-attr.href="{{model.energyLabel.fileUrl}}" class="badge {{model.energyLabel.cssClass2}}" target="_blank" aria-label="{{model.energyLabel.grade}}" an-tr="pdd04_product compare-product detail-text-energy label" an-ca="option click" an-ac="compare product" an-la="energy label" data-modelcode="{{model.taggingModelCode}}" data-modelname="{{model.taggingModelName}}" data-modeldisplay="{{model.displayName}}" data-sdf-attr.data-modelprice="{{model.prices.price}}" data-sdf-attr.data-discountprice="{{model.prices.currentPrice}}" data-pvitype="{{model.pviType}}" data-pvisubtype="{{model.pviSubType}}" data-pimsubtype="{{model.categorySubTypeEngName}}"> <span class="badge__grade--with-text {{model.energyLabel.cssClass1}}"> <span class="hidden">{{model.energyLabel.grade}}</span> </span> </a> <div data-sdf-test="{{model.energyLabel.newEnergyLabel}}" class="badge-energy-label"> <a data-sdf-test="{{model.energyLabel.newFicheEnabled}}" data-sdf-attr.href="{{model.energyLabel.ficheFileUrl}}" class="badge-energy-label__text" target="_blank" aria-label="Open in a New Window" an-tr="pdd04_product compare-product detail-text-product fiche" an-ca="option click" an-ac="compare product" an-la="product fiche">PRODUCT INFORMATION SHEET</a> <a data-sdf-test="{{model.energyLabel.newEnabled}}" data-sdf-attr.href="{{model.energyLabel.fileUrl}}" class="badge-energy-label__badge {{model.energyLabel.energyLabelClass}}" target="_blank" aria-label="{{model.energyLabel.grade}}" an-tr="pdd04_product compare-product detail-text-energy label" an-ca="option click" an-ac="compare product" an-la="energy label">{{model.energyLabel.grade}}</a> </div> </div> </div> <div class="pd-product-compare__price"> <div class="pd-product-compare__price-full"> <div data-sdf-test="{{model.prices.enabled}}" data-sdf-unwrap="true"> <div class="pd-product-compare__price-current" data-sdf-test="{{model.prices.monthlyPriceDisabled}}"> <span class="hidden">Current Price: </span> {{model.prices.currentPriceDisplay}} </div> <div data-sdf-test="{{model.prices.monthlyPriceEnabled}}" data-sdf-unwrap="true"> <div class="pd-product-compare__price-current"> <span class="hidden">Current Price: </span> From {{model.prices.monthlyPrice}}/mth* </div> <div class="pd-product-compare__price-monthly"> <span class="hidden">Monthly Price: </span> <span class="pd-product-compare__price-monthly-text">or</span> {{model.prices.currentPriceDisplay}} </div> </div> <div data-sdf-test="{{model.prices.vatEligible}}" data-sdf-unwrap="true"> <div class="pd-product-compare__samcol-price">Price without VAT: {{model.prices.vatFreePriceFormatted}}</div> <p class="pd-product-compare__samcol-special" data-sdf-test="{{model.prices.promotionPriceEnabled}}">Price with discount: {{model.prices.currentPriceDisplay}}</p> <p class="pd-product-compare__samcol-rrp">Price before: <del>{{model.prices.priceDisplay}}</del></p> </div> </div> </div> <div class="pd-product-compare__price-next"> <div data-sdf-test="{{model.prices.savePriceEnabled}}" data-sdf-unwrap="true"> <span data-sdf-test="{{model.prices.promotionPriceEnabled}}" class="pd-product-compare__price-suggested"> <span class="hidden">Original Price: </span> {{model.prices.priceDisplay}} </span> <span data-sdf-test="{{model.prices.saveLabelRequired}}" class="pd-product-compare__price-save"> {{model.prices.savePrice}} </span> </div> </div> </div> </div> <div data-sdf-test="{{model.keySummary.enabled}}" class="pd-product-compare__feature"> <ul data-sdf-list.summary="{{model.keySummary.entries}}" role="list"> <li data-sdf-test="{{summary.isSpec}}" role="listitem"> <p class="pd-product-compare__feature-text">{{summary.title}}</p> <p class="pd-product-compare__feature-icon-text">{{summary.value}}{{summary.unit}}</p> </li> <li data-sdf-test="{{summary.isFeature}}" role="listitem"> <p class="pd-product-compare__feature-text">{{summary.title}}</p> <div data-sdf-attr.class="image"> <img data-sdf-attr.class="image__preview lazy-load responsive-img" data-desktop-src="{{summary.desktopPreviewImageSrc}}" data-mobile-src="{{summary.mobilePreviewImageSrc}}" alt=""/> <img data-sdf-attr.class="image__main lazy-load responsive-img" data-desktop-src="{{summary.desktopImageSrc}}" data-mobile-src="{{summary.mobileImageSrc}}" alt=""/> </div> </li> </ul> </div> </section> </div> </div> </div> </section> <div class="pd-product-compare__wrap sdf-comp-wrapper-panel"> <div class="pd-product-compare__headline"> <h2 class="pd-product-compare__headline-text">Compare the models</h2> <p class="pd-product-compare__headline-description"></p> </div> <div class="pd-product-compare__item sdf-comp-content-panel"> <div data-sdf-template="compareContent @ content" class="pd-product-compare__scroll-mobile"> <div class="pd-product-compare__item-box-fix"> <div data-sdf-call="compareCard @ family={{content.currentFamily}}"></div> </div> <div class="pd-product-compare__item-box-scroll scrollbar"> <div data-sdf-list.family="{{content.comparableFamilyList}}" class="pd-product-compare__scroll-desktop scrollbar__contents"> <div data-sdf-call="compareCard @ family={{family}}"></div> </div> </div> </div> </div> </div> </div>  </div> <div class="pd-g-product-recently-viewed aem-GridColumn aem-GridColumn--default--12">  <input type="hidden" name="myd11-priceCurrency" id="myd11-priceCurrency" value="SGD"/> <input type="hidden" name="myd11-priceDisplayYn" id="myd11-priceDisplayYn" value="Y"/> <input type="hidden" name="myd11-cartUrl" id="myd11-cartUrl" value="https://shop.samsung.com/sg/business/cart/"/> <input type="hidden" name="myd11-wtbCtaBtnYn" id="myd11-wtbCtaBtnYn" value="N"/> <input type="hidden" name="myd11-offerCheckYn" id="myd11-offerCheckYn"/> <input type="hidden" name="myd11-emiUrl" id="myd11-emiUrl"/> <input type="hidden" name="myd11-financingUrl" id="myd11-financingUrl"/> <input type="hidden" name="myd11-recommendedProductYn" id="myd11-recommendedProductYn" value="N"/> <div class="my-recommended-product padding-top--0 padding-bottom--0 bg-white" id="my-recommended-product"> <h2 class="my-recommended-product__headline-text padding-top--48 padding-bottom--16" style="display:none;">Recommended Products</h2> <div class="my-recommended-product__card"> </div> </div> <input type="hidden" value="SGD" id="recentPriceCurrency"/> <input type="hidden" id="recentlyEditMode" value="N"/> <section class="recently-viewed" id="recently-viewed"> <h2 class="recently-viewed__headline-text">Recently Viewed</h2> <div class="recently-viewed__wrapper"> <div class="scrollbar"> <div class="scrollbar__contents"> </div> </div> </div> </section> </div> </div> </div> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> <div class="text-editor bg-light-gray" id="disclaimer"> <div class="text-editor__inner-wrap padding-top--24 padding-bottom--24"> <div class="text-editor__inner desktop-padding-left-right--large mobile-padding-left-right--small"> <div class="text-editor__column-wrap"> <div class="text-editor__column description-text-size--small" role="list"> <p role="listitem">* Key feature may different from Key Spec.</p><p role="listitem">* User Available Memory: User memory is less than the total memory due to storage of the operating system and software used to operate the device features. Actual user memory will vary depending on the operator and may change after software upgrades are performed.</p><p role="listitem">* Network: The bandwidths supported by the device may vary depending on the region or service provider.</p><p role="listitem">* Battery: Actual battery life varies by network environment, features and apps used, frequency of calls and messages, number of times charged, and many other factors.</p> </div> </div> </div> </div> </div>  <div class="ready-to-buy padding-top--48 padding-bottom--48 bg-light-gray"> <input type="hidden" class="eloquaPostUrl" value="https://s1734073713.t.eloqua.com/e/f2"/> <input type="hidden" class="eloquaYn" value="N"/> <input type="hidden" class="popupDescription" value="Your enquiry has been successfully submitted. We will get back to you shortly."/> <input type="hidden" class="popupHeadline" value="Thank you!"/> <input type="hidden" class="popupHeadingLevel" value="h2"/> <input type="hidden" class="contactUsPop"/> <div class="ready-to-buy__inner"> <div class="ready-to-buy__column column--1 column-subscribe"> <div class="ready-to-buy__column-inner"> <div class="ready-to-buy__text"> <h2 class="ready-to-buy__headline-text">Subscribe</h2> <div class="ready-to-buy__icon"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/global/p6-b2b/pilot/home/icon-light-communication-subscribe.png?$32_32_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/global/p6-b2b/pilot/home/icon-light-communication-subscribe.png?$48_48_PNG$" alt="Subscribe" role="img"/> </div> </div> </div> <div class="ready-to-buy__form"> <form class="ready-to-buy-from-data"> <input type="hidden" class="countryCode" name="CountryCode" value="sg"/> <input type="hidden" class="Subsidiary" id="formSubsidiary" name="Subsidiary" value="SESP"/> <div class="append-from-data"></div> <div class="ready-to-buy__form-wrap"> <div class="ready-to-buy__form-field form--size-full is-required field--single-text form-single"> <div class="text-field-v2 error-target"> <label class="text-field-v2__hint" for="text-field--1">Email Address <span class="required-text"> *<span class="hidden">Required</span> </span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input check-validation" id="text-field--1" type="text" value="" autocomplete="email" maxlength="80" data-name="EmailAddress"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error error-target-text" id="aria-desc-error-1"></p> </div> </div> <div class="ready-to-buy__form-field form--size-half is-required field--single-text form-single"> <div class="text-field-v2 error-target"> <label class="text-field-v2__hint" for="text-field--2">First Name <span class="required-text"> *<span class="hidden">Required</span> </span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input check-validation" id="text-field--2" type="text" value="" autocomplete="given-name" maxlength="40" data-name="ContactFirstName"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error error-target-text" id="aria-desc-error-2"></p> </div> </div> <div class="ready-to-buy__form-field form--size-half is-required field--single-text form-single"> <div class="text-field-v2 error-target"> <label class="text-field-v2__hint" for="text-field--3">Last Name <span class="required-text"> *<span class="hidden">Required</span> </span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input check-validation" id="text-field--3" type="text" value="" autocomplete="family-name" maxlength="80" data-name="ContactName"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error error-target-text" id="aria-desc-error-3"></p> </div> </div> <div class="ready-to-buy__form-field form--size-full is-required field--checkbox form-check-box"> <div class="field--checkbox-wrap error-target"> <div class="checkbox-v2"> <input class="checkbox-v2__input check-validation" type="checkbox" data-name="PrivacyPolicy" id="LegalAgreement-4" aria-describedby="aria-desc-checkbox-required-4" value="on"/> <label class="checkbox-v2__label" for="LegalAgreement-4"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">I have read and agree to the Samsung Privacy Policy.</span> </label> </div> <p class="checkbox--required-text" id="aria-desc-checkbox-required-4" aria-hidden="true">* Required</p> <p class="checkbox--error-text error-target-text" id="aria-desc-checkbox-error-4"></p> </div> </div> <div class="ready-to-buy__form-field form--size-full field--checkbox form-check-box"> <div class="field--checkbox-wrap error-target"> <div class="checkbox-v2"> <input class="checkbox-v2__input check-validation" type="checkbox" data-name="OptIn" id="LegalAgreement-5" value="on"/> <label class="checkbox-v2__label" for="LegalAgreement-5"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">I would like to receive information about products, services, promotions and marketing communications of Samsung and or its partners.</span> </label> </div> </div> </div> <div class="ready-to-buy__iframe"> <div class="ready-to-buy__iframe-inner"> <div id="News_reCaptcha" data-callback="recaptchaCallback"></div> </div> <p class="invalid-notice" style="display: none;">Verification expired. Check the checkbox again.</p> </div> </div> </form> </div> <div class="ready-to-buy__cta"> <a class="mail-form cta cta--black cta--contained " href="javascript:void(0);" data-type="input" an-tr="co56_ready to buy|cta" an-ca="content click" an-ac="feature" an-la="ready to buy:subscribe:submit" role="button" aria-label="Submit">Submit </a> </div> </div> </div> <div class="ready-to-buy__column column--2"> <div class="ready-to-buy__column-inner"> <div class="ready-to-buy__text"> <h2 class="ready-to-buy__headline-text">Sales Enquiries</h2> <div class="ready-to-buy__icon"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/global/p6-b2b/pilot/home/icon-light-communication-email-outline.png?$32_32_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/global/p6-b2b/pilot/home/icon-light-communication-email-outline.png?$48_48_PNG$" alt="Sales Enquiries" role="img"/> </div> </div> <p class="ready-to-buy__description">Get in touch with our sales team to discuss the best options for your business.</p> </div> <div class="ready-to-buy__cta"> <a class="ready-to-buy__cta-contact salesInquiryPopUp cta cta--black cta--contained " data-is-exit="false" an-tr="co56_ready to buy|cta" an-ca="content click" an-ac="feature" an-la="ready to buy:sales enquiries:request a call back" href="javascript:void(0);" role="button" aria-label="Request a call back ">Request a call back </a> </div> </div> </div> <div class="ready-to-buy__column column--3"> <div class="ready-to-buy__column-inner"> <div class="ready-to-buy__text"> <h2 class="ready-to-buy__headline-text">Technical Support</h2> <div class="ready-to-buy__icon"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/global/p6-b2b/pilot/home/icon-light-service-repair-support.png?$32_32_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/global/p6-b2b/pilot/home/icon-light-service-repair-support.png?$48_48_PNG$" alt="Technical Support" role="img"/> </div> </div> <p class="ready-to-buy__description">Need support? Get in touch with our experts for product-specific support and technical assistance.</p> </div> <div class="ready-to-buy__cta"> <a class="ready-to-buy__cta-contact outUrl cta cta--black cta--contained cta--icon" data-is-exit="false" an-tr="co56_ready to buy|cta" an-ca="content click" an-ac="feature" an-la="ready to buy:technical support:request support" href="/sg/support/email-technical-question/" aria-label="Request support:Open in a New Window" target="_blank">Request support <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </div> </div> </div> </div> </div>  <div class="contact-us-popup" id="ContactUsPopup" role="dialog" aria-modal="true"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title">Contact us</h2> <div class="layer-popup__contents"> <p class="contact-us-popup__description">We will help you find the right solution for your business.</p> <div class="contact-us-popup__solution-wrap"> <div class="contact-us-popup__solution"> <div class="contact-us-popup__icon"> <div class="ready-to-buy__icon"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#email-outline-light" href="#email-outline-light"></use> </svg> </div> </div> <h3 class="contact-us-popup__title">Sales Enquiries</h3> <div class="contact-us-popup__cta"> <a class="cta cta--contained cta--black cta--closed" href="javascript:;" id="bu-g-contact-us-email" aria-label="" an-tr="contact us|cta" an-ca="content click" an-ac="feature" an-la="contact us:sales enquiries:send email"> Send email </a> </div> </div> <div class="contact-us-popup__solution"> <div class="contact-us-popup__icon"> <div class="ready-to-buy__icon"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#repair-support-light" href="#repair-support-light"></use> </svg> </div> </div> <h3 class="contact-us-popup__title">Technical Support</h3> <div class="contact-us-popup__cta"> <a class="cta cta--contained cta--black" href="javascript:;" id="bu-cm-g-contact-us-tech" data-href="/sg/support/email-technical-question" aria-label="Request Tech Support : Open in a New Window" an-tr="contact us|cta" an-ca="content click" an-ac="feature" an-la="contact us:technical support:request"> Request </a> </div> </div> </div> </div> <button type="button" class="layer-popup__close cta--closed"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="samsung-enterprise-support-popup" id="SamsungEnterpriseSupportPopup" role="dialog" aria-modal="true"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title">You are entering<br/> <span class="text-color--blue link-url-text"></span></h2> <div class="layer-popup__contents"> <p class="samsung-enterprise-support-popup__description">By selecting CONTINUE, you will be entering a website of <span class="text-color--blue link-url-text"></span> </p> <p class="samsung-enterprise-support-popup__description"> <span class="text-color--blue link-url-text"></span> website is governed by its own privacy policy, level of security and terms of use </p> <div class="samsung-enterprise-support-popup__cta-wrap"> <div class="samsung-enterprise-support-popup__cta"> <button class="cta cta--outlined cta--black cta--closed" an-tr="exit popup|cta" an-ca="content click" an-ac="feature" an-la="exit popup:cancel"> Cancel </button> </div> <div class="samsung-enterprise-support-popup__cta"> <a class="cta cta--contained cta--black cta--icon is-continue" href="#" target="_blank" an-tr="exit popup|cta" an-ca="content click" an-ac="feature" an-la="exit popup:continue"> Continue <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="thank-you-popup" id="ThankYouPopup" role="dialog" aria-modal="true"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title">Thank you!</h2> <div class="layer-popup__contents"> <p class="thank-you-popup__description">Your enquiry has been successfully submitted. We will get back to you shortly.</p> <div class="thank-you-popup__cta-wrap"> <div class="thank-you-popup__cta"> <button class="cta cta--contained cta--black cta--closed" aria-label=""> Close </button> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="contact-mail-form-popup" role="dialog" aria-modal="true" style="display: none"> <input type="hidden" name="fn06_headlineText" id="fn06_headlineText" value="Thank you!"/> <input type="hidden" name="fn06_description" id="fn06_description" value="Your enquiry has been successfully submitted. We will get back to you shortly. "/> <input type="hidden" name="fn06_headlineHeadingLevel" id="fn06_headlineHeadingLevel" value="h2"/> <input type="hidden" name="eloquaPostUrl" id="eloquaPostUrl" value="https://s1734073713.t.eloqua.com/e/f2"/> <input type="hidden" name="eloquaYn" id="eloquaYn" value="N"/> <input type="hidden" name="inquiryType" id="inquiryType" value="SalesInquiry"/> <input type="hidden" name="Subsidiary" id="Subsidiary" value="SESP"/> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title">Sales Enquiries</h2> <p class="layer-popup__description"></p> <div class="layer-popup__contents"> <div class="contact-mail-form-popup__contents"> <div class="contact-mail-form-popup__form"> <form name="contact-mail-form-popup__form"> <div class="append-from-data"> </div> </form> <div class="contact-mail-form-popup__form-wrap"> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_0">Company Name <span class="required-text">*<span class="hidden">Required</span></span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_0" data-form-name="CustomerName" type="text" value="" autocomplete="organization" maxlength="255"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_1">First Name <span class="required-text">*<span class="hidden">Required</span></span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_1" data-form-name="ContactFirstName" type="text" value="" autocomplete="given-name" maxlength="40"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_2">Last Name <span class="required-text">*<span class="hidden">Required</span></span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_2" data-form-name="ContactName" type="text" value="" autocomplete="family-name" maxlength="80"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_3">Work Email <span class="required-text">*<span class="hidden">Required</span></span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_3" data-form-name="EmailAddress" type="text" value="" autocomplete="email" maxlength="80"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half field--checkbox checkbox--list is-required "> <fieldset> <legend>Product Interest<span>* Required</span></legend> <div class="field--checkbox-list-wrap"> <div class="contact-mail-form-popup__form-field-title-wrap" aria-hidden="ture"> <strong class="contact-mail-form-popup__form-field-title" aria-hidden="true">Product Interest</strong> <p class="checkbox--required-text" aria-hidden="true">* Required</p> <p class="checkbox--error-text">* This checkbox is required</p> </div> <div class="contact-mail-form-popup__form-field-list-wrap"> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="ProductSolution" class="checkbox-v2__input" id="popUp_form_4-0" data-orignal="Mobile" value="Mobile"/> <label class="checkbox-v2__label" for="popUp_form_4-0"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">Mobile</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="ProductSolution" class="checkbox-v2__input" id="popUp_form_4-1" data-orignal="Computing" value="Computing"/> <label class="checkbox-v2__label" for="popUp_form_4-1"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">Computing</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="ProductSolution" class="checkbox-v2__input" id="popUp_form_4-2" data-orignal="Displays" value="Displays"/> <label class="checkbox-v2__label" for="popUp_form_4-2"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">Displays</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="ProductSolution" class="checkbox-v2__input" id="popUp_form_4-3" data-orignal="Home Appliance" value="Home Appliance"/> <label class="checkbox-v2__label" for="popUp_form_4-3"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">Home Appliance</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="ProductSolution" class="checkbox-v2__input" id="popUp_form_4-4" data-orignal="Climate" value="Climate"/> <label class="checkbox-v2__label" for="popUp_form_4-4"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">Climate</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="ProductSolution" class="checkbox-v2__input" id="popUp_form_4-5" data-orignal="Memory" value="Memory"/> <label class="checkbox-v2__label" for="popUp_form_4-5"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">Memory</span> </label> </div> </div> </div> </div> <fieldset> </div> <div class="contact-mail-form-popup__form-field form--size-half field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_5">Job Function </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_5" data-form-name="JobTitle" type="text" value="" autocomplete="organization-title" maxlength="128"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_6">Phone Number <span class="required-text">*<span class="hidden">Required</span></span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_6" data-form-name="Telephone" type="text" value="" autocomplete="tel" maxlength="40"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-full field--multi-text "> <div class="text-field-v2 multi-line"> <label class="text-field-v2__hint" for="popUp_form_7">Questions or Message </label> <div class="text-field-v2__input-wrap"> <textarea class="text-field-v2__input-multi-line" id="popUp_form_7" maxlength="2000" autocomplete="on" data-form-name="Message"></textarea> </div> <p class="text-field-v2__text assistive" id="popUp_form_7_assistive">(0/2000)</p> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--dropdown"> <div class="menu menu--text-field"> <select class="menu__select" aria-labelledby="hint_popUp_form_8" tabindex="-1" data-form-name="Employee"> <option value="<50"><50</option> <option value="50-99">50 ~ 99</option> <option value="100-199">100 ~ 199</option> <option value="200-499">200 ~ 499</option> </select> <p id="hint_popUp_form_8" class="menu--text-field__hint">No. of Employees <span class="text-field--required-text">*<span class="hidden">Required</span></span> </p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="hint_popUp_form_8 text_hint_popUp_form_8" type="button"> <span id="text_hint_popUp_form_8" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> <p class="menu--text-field__error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--dropdown"> <div class="menu menu--text-field"> <select class="menu__select" aria-labelledby="hint_popUp_form_9" tabindex="-1" data-form-name="LocalField1"> <option value="Automotive">Automotive</option> <option value="Construction">Construction</option> <option value="Education">Education</option> <option value="Energy & Utilities">Energy & Utilities</option> <option value="Finance">Finance</option> <option value="Government">Government</option> <option value="Healthcare">Healthcare</option> <option value="Hospitality">Hospitality</option> <option value="Insurance">Insurance</option> <option value="Life Sciences">Life Sciences</option> <option value="Logistics & Transportation">Logistics & Transportation</option> <option value="Manufacturing">Manufacturing</option> <option value="Media & Entertainment">Media & Entertainment</option> <option value="Professional Services">Professional Services</option> <option value="Property">Property</option> <option value="Retail">Retail</option> <option value="Telecommunications">Telecommunications</option> <option value="Travel">Travel</option> <option value="Wholesale Distribution & Services">Wholesale Distribution & Services</option> <option value="Others">Others</option> </select> <p id="hint_popUp_form_9" class="menu--text-field__hint">Industry <span class="text-field--required-text">*<span class="hidden">Required</span></span> </p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="hint_popUp_form_9 text_hint_popUp_form_9" type="button"> <span id="text_hint_popUp_form_9" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> <p class="menu--text-field__error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__iframe"> <div class="contact-mail-form-popup__iframe-inner"> <div id="Con_reCaptcha" data-callback="recaptchaCallback"></div> </div> <p class="invalid-notice" style="display: none">Verification expired. Check the checkbox again.</p> </div> <div class="contact-mail-form-popup__form-field form--size-full field--checkbox is-required"> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="PrivacyPolicy" class="checkbox-v2__input" id="popUp_form_10" aria-describedby="popUp_form_10_required"/> <label class="checkbox-v2__label" for="popUp_form_10"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">I have read and agree to the Samsung Privacy Policy</span> </label> </div> <p class="checkbox--required-text" aria-hidden="true" id="popUp_form_10_required">* Required</p> <p class="checkbox--error-text" id="popUp_form_10_err">* Please agree to the Samsung Privacy Policy</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-full field--checkbox "> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="OptIn" class="checkbox-v2__input" id="popUp_form_11"/> <label class="checkbox-v2__label" for="popUp_form_11"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">I would like to receive information about products, services, promotions and marketing communications of Samsung and/or its partners.</span> </label> </div> <p class="checkbox--error-text" id="popUp_form_11_err">* Please agree to the Samsung Privacy Policy</p> </div> </div> </div> </div> <div class="contact-mail-form-popup__cta"> <button class="cta cta--contained cta--black" aria-label="Submit" aria-disabled="false"> Submit </button> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div>  <nav class="breadcrumb" aria-label="Breadcrumb"> <div class="breadcrumb__inner"> <ul class="breadcrumb__path"> <li> <a role="button" an-tr="b2b_breadcrumb-product detail-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:home" href="/sg/business/"> <span class="breadcrumb__text-desktop">Home</span> <span class="breadcrumb__text-mobile">Home</span> </a> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </li> <li> <a role="button" an-tr="b2b_breadcrumb-product detail-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:mobile" href="/sg/business/mobile/"> <span class="breadcrumb__text-desktop">Mobile</span> <span class="breadcrumb__text-mobile">Mobile</span> </a> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </li> <li> <a role="button" an-tr="b2b_breadcrumb-product detail-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:tablets" href="/sg/business/tablets/"> <span class="breadcrumb__text-desktop">Tablets</span> <span class="breadcrumb__text-mobile">Tablets</span> </a> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </li> <li> <strong class="breadcrumb__text-desktop" aria-current="page">Galaxy Tab S8 Ultra 5G</strong> <strong class="breadcrumb__text-mobile" aria-current="page">Galaxy Tab S8 Ultra 5G</strong> </li> </ul> </div> <script type="application/ld+json" data-type="seo" data-object-type="BreadcrumbList" data-id="27ef8c41-6741-41d3-be70-21c2ed0a24f5">{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://www.samsung.com/sg/business/","position":1},{"@type":"ListItem","name":"Mobile","item":"https://www.samsung.com/sg/business/mobile/","position":2},{"@type":"ListItem","name":"Tablets","item":"https://www.samsung.com/sg/business/tablets/","position":3},{"@type":"ListItem","name":"Galaxy Tab S8 Ultra 5G","item":"","position":4}]}</script> </nav> <footer class="footer">  <div class="footer"> <div class="footer-column"> <h2 class="hidden">Footer Navigation</h2> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-0">Products</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-0" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="products"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/smartphones/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products:smartphones" aria-label="Smartphones Smartphones">Smartphones</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/tablets/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products:tablets" aria-label="Tablets Tablets">Tablets</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/mobile/rugged/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products:rugged" aria-label="Rugged Rugged">Rugged</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/smartphones/all-smartphones/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products:watches" aria-label="Watches Watches">Watches</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/mobile-accessories/all-mobile-accessories/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products:mobile accessories" aria-label="Mobile Accessories Mobile Accessories">Mobile Accessories</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/smart-signage/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products:smart signage" aria-label="Smart Signage Smart Signage">Smart Signage</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/led-signage/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products:led signage" aria-label="LED Signage LED Signage">LED Signage</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/commercial-tvs/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products:commercial tvs" aria-label="Commercial TVs Commercial TVs">Commercial TVs</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/monitors/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products:business monitors" aria-label="Business Monitors Business Monitors">Business Monitors</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/mobile/enterprise-edition/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products:enterprise edition" aria-label="Enterprise Edition Enterprise Edition">Enterprise Edition</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-1">Solutions</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-1" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="solutions"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/mobile-solutions/samsung-knox/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="solutions:samsung knox" aria-label="Samsung Knox Samsung Knox">Samsung Knox</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/mobile-solutions/samsung-dex/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="solutions:samsung dex" aria-label="Samsung Dex Samsung Dex">Samsung Dex</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/display-solutions/magicinfo/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="solutions:smart signage solutions" aria-label="Smart Signage Solutions Smart Signage Solutions">Smart Signage Solutions</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/display-solutions/color-expert-led/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="solutions:led signage solutions" aria-label="LED signage Solutions LED signage Solutions">LED signage Solutions</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/display-solutions/business-tv-app/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="solutions:commercial tv solutions" aria-label="Commercial TV Solutions Commercial TV Solutions">Commercial TV Solutions</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/display-solutions/easy-setting-box/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="solutions:monitor solutions" aria-label="Monitor Solutions Monitor Solutions">Monitor Solutions</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-2">Industries</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-2" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="industries"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/industries/education/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="industries:education" aria-label="Education Education">Education</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/industries/retail/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="industries:retail" aria-label="Retail Retail">Retail</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/industries/finance/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="industries:finance" aria-label="Finance Finance">Finance</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/industries/government/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="industries:government" aria-label="Government Government">Government</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/industries/corporate/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="industries:corporate" aria-label="Corporate Corporate">Corporate</a> </li> </ul> </div> </div> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-2-2">Global Sites</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-2-2" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="global sites"> <span class="hidden">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://www.secbuy.com/irj/portal/alluser?ume.logon.locale=en&NavigationTarget=OBN%3A//BOTechnicalName%3DMainBannerOBN/BOSystemAlias%3DEPE_OBN/Operation%3Dnew_biz" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="global sites:technology partnership" aria-label="Technology Partnership Technology Partnership : Open in a New Window"> Technology Partnership <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//www.samsunghealthcare.com/en" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="global sites:healthcare products" aria-label="Healthcare Products Healthcare Products : Open in a New Window"> Healthcare Products <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//www.samsung.com/global/business/networks/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="global sites:networks" aria-label="Networks Networks : Open in a New Window"> Networks <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//www.samsung.com/semiconductor/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="global sites:semiconductor" aria-label="Semiconductor Semiconductor : Open in a New Window"> Semiconductor <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-3">Shop</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-3" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="shop"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/why-samsung-for-business/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:why samsung for business" aria-label="Why Samsung for Business Why Samsung for Business">Why Samsung for Business</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="/sg/business/offers/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:all offers" aria-label="All Offers All Offers : Open in a New Window"> All Offers <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://account.samsung.com/accounts/v1/TOKO/signInGate?response_type=code&client_id=z734ero6v9&locale=en_SG&countryCode=SG&redirect_uri=https%3A//shop.samsung.com/sg/business/login/authorize?origin%3Dregister&state=%252BOQ%252B6s3JPWNgT9Koryf8n8EpjBdytzkWNF7gB9vww5y0aaC2XsUfoWxqa3pA5kR%252B5hYqLfj7zjpIGuXjjuLe93oZs25BSy22aOY3x0Fj7wCZyoPUtKsji9gWTHxvw7nbQ1cKf20AwMMCmg%253D%253D&goBackURL=https%3A//shop.samsung.com/sg/business/login/goback" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:register business" aria-label="Register Business Register Business : Open in a New Window"> Register Business <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-4">Sustainability</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-4" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="sustainability"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/sustainability/environment/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:environment" aria-label="Environment Environment">Environment</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/sustainability/security-and-privacy/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:security and privacy" aria-label="Security & Privacy Security & Privacy">Security & Privacy</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/sustainability/accessibility/overview/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:accessibility" aria-label="Accessibility Accessibility">Accessibility</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/sustainability/diversity-and-inclusion/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:diversity, equity, and inclusion" aria-label="Diversity · Equity · Inclusion Diversity · Equity · Inclusion">Diversity · Equity · Inclusion</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="http://csr.samsung.com/en/main.do" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:corporate citizenship" aria-label="Corporate Citizenship Corporate Citizenship. Together for Tomorrow! Enabling People : Open in a New Window"> Corporate Citizenship <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//www.samsung.com/global/sustainability/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:corporate sustainability" aria-label="Corporate Sustainability Corporate Sustainability : Open in a New Window"> Corporate Sustainability <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-4-2">About Us</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-4-2" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="about us"> <span class="hidden">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/about-us/company-info/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:company info" aria-label="Company Info Company Info"> Company Info </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/about-us/business-area/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:business area" aria-label="Business Area Business Area"> Business Area </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/about-us/brand-identity/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:brand identity" aria-label="Brand Identity Brand Identity"> Brand Identity </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/about-us/careers/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:careers" aria-label="Careers Careers"> Careers </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//www.samsung.com/global/ir/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:investor relations" aria-label="Investor Relations Investor Relations : Open in a New Window"> Investor Relations <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//www.samsung.com/sg/news/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:newsroom" aria-label="Newsroom Newsroom : Open in a New Window"> Newsroom <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/about-us/ethics/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:ethics" aria-label="Ethics Ethics"> Ethics </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//design.samsung.com/global/index.html" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:samsung design" aria-label="Samsung Design Samsung Design : Open in a New Window"> Samsung Design <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> </div> </div> <div class="footer-bottom"> <div class="footer-copyright-wrap"> <div class="footer-copyright-align"> <p class="footer-copyright">Copyright© 1995-2024 SAMSUNG All Rights Reserved.</p> </div> <div class="footer-language"> <a class="footer-language__anchor" href="/sg/function/ipredirection/ipredirectionLocalList/" aria-label="Choose your location or language" an-tr="nv02_footer bottom--cta-locallist" an-ca="navigation" an-ac="footer" an-la="bottom:country selector:locallist">Singapore/English</a> </div> </div> <div class="footer-language-wrap" an-tr="nv02_footer bottom--text-scroll" an-ca="scroll" an-ac="scroll:100" an-la="scroll:100"> <div class="footer-language"> <a class="footer-language__anchor" href="/sg/function/ipredirection/ipredirectionLocalList/" aria-label="Choose your location or language" an-tr="nv02_footer bottom--cta-locallist" an-ca="navigation" an-ac="footer" an-la="bottom:country selector:locallist">Singapore/English</a> </div> <div class="footer-terms"> <ul class="footer-terms__list" role="list"> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/sg/business/contactus/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:contact" aria-label="Contact">Contact</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/sg/accessibility/overview/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:accessibility" aria-label="Accessibility">Accessibility</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/sg/info/legal/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:legal" aria-label="Legal">Legal</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/sg/info/privacy/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:privacy" aria-label="Privacy">Privacy</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/sg/business/info/sitemap/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:sitemap" aria-label="Sitemap">Sitemap</a> </li> </ul> </div> <div class="footer-sns"> <span class="footer-sns__title">Stay in the Loop?</span> <ul class="footer-sns__list" role="list"> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="//www.facebook.com/SamsungSingapore/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:facebook" aria-label="Facebook : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#facebook-bold" href="#facebook-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="//twitter.com/samsungsg/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:twitter" aria-label="Twitter : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#twitter-bold" href="#twitter-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="//www.youtube.com/user/SamsungSingapore/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:youtube" aria-label="Youtube : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#youtube-bold" href="#youtube-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="//www.linkedin.com/company/samsung-electronics-singapore/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:google" aria-label="Linkedin : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#linked-in-bold" href="#linked-in-bold"></use> </svg> </a> </li> </ul> </div> </div> </div> </div> </footer> <button class="fab" an-tr="nv02_footer bottom--text-back to top" an-ca="indication" an-ac="back to top" an-la="back to top" title="Go to Top">Go to Top <svg class="fab__icon" focusable="false"> <use xlink:href="#up-highest-bold" href="#up-highest-bold"></use> </svg> </button>  <script src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.js"></script> <script src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-base-b2b.min.js"></script>    <div class="confirm-popup" style="display: none" role="dialog" aria-modal="true"> <div class="confirm-popup__dimmed"></div> <div class="confirm-popup__content"> <div class="confirm-popup__content-inner"> <strong class="confirm-popup__title"></strong> <div class="confirm-popup__desc"></div> <div class="confirm-popup__disclaimer"></div> <div class="confirm-popup__cta-wrap"> <button class="cta cta--outlined cta--black"></button> <button class="cta cta--contained cta--emphasis"></button> </div> <button class="confirm-popup__close"> <svg class="icon"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> <span class="hidden">Layer Popup Close</span> </button> </div> </div> </div> <input type="hidden" name="isGpv2Flag" id="isGpv2Flag" value="N"/> <input type="hidden" name="isNewHybrisFlag" id="isNewHybrisFlag" value="N"/> <section class="pd-get-stock-alert-popup" role="dialog" aria-modal="true" style="display: none"> <div class="pd-get-stock-alert-popup__dimmed"></div> <div class="pd-get-stock-alert-popup__contents"> <div class="scrollbar"> <div class="pd-get-stock-alert-popup__inner-wrap scrollbar__contents"> <div class="pd-get-stock-alert-popup__header"> <h2 class="text-title">Get stock alert</h2> <p class="pd-get-stock-alert-popup__desc">Get alert when this item is back in stock and available to buy, by adding your email to opt into alerts.</p> </div> <div class="pd-get-stock-alert-popup__text-field-wrap">              <div class="text-field-v2"> <label class="text-field-v2__hint" for="getStockAlertEmailInput">Enter Your Email</label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="getStockAlertEmailInput" type="text" value="" autocomplete="email"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error" id="getstock-popup-error-txt">Please double check your email address.</p> </div> </div> <div class="pd-get-stock-alert-popup__checkbox-container"> </div> <div class="pd-get-stock-alert-popup__disclaimer"> <p class="pd-get-stock-alert-popup__disclaimer-text"></p> </div> </div> </div> <div class="pd-get-stock-alert-popup__btn-wrap"> <button class="pd-get-stock-alert-popup__btn-close cta cta--outlined cta--black" an-tr="pd03_product finder:stock alert-product detail-cta-popup" an-ca="buy cta" an-ac="stock alert" an-la="stock alert:close">Close</button> <button class="pd-get-stock-alert-popup__btn-submit cta cta--contained cta--emphasis cta--disabled" disabled an-tr="pd03_product finder:stock alert-product detail-cta-popup" an-ca="buy cta" an-ac="stock alert" an-la="stock alert:submit">Submit</button> </div> <button class="pd-get-stock-alert-popup__close" an-tr="pd03_product finder:stock alert-product detail-cta-popup" an-ca="buy cta" an-ac="stock alert" an-la="stock alert:close"> <span class="hidden">Close popup</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="pd-get-stock-alert-popup__final-wrap"> <div class="pd-get-stock-alert-popup__final"> <p class="pd-get-stock-alert-popup__final-desc"> We will notify you when stocks is available. <br/>Thank you. </p> <div class="pd-get-stock-alert-popup__final-btn-wrap"> <button class="pd-get-stock-alert-popup__final-btn-close cta cta--contained cta--emphasis">Ok</button> </div> <button class="pd-get-stock-alert-popup__close"> <span class="hidden">Close popup</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </section> <link rel="preconnect" href="https://images.samsung.com"/> <link rel="preconnect" href="https://api.shop.samsung.com"/> <script src="/etc.clientlibs/samsung/clientlibs/business/global/clientlib-templates/bu-page-feature-pd-shop.min.js"></script> <script type="application/ld+json" data-type="seo" data-object-type="WebPage" data-id="fe26dbb2-e2eb-4286-b5b9-a2fa60a25bb5">{"@context":"http://schema.org","@type":"WebPage","name":"Galaxy Tab S8 Ultra 5G | SM-X906BZAJXSP | Samsung Business Singapore","url":"https://www.samsung.com/sg/business/tablets/galaxy-tab-s/galaxy-tab-s8-ultra-5g-sm-x906bzajxsp/"}</script> <input type="hidden" name="captchaOptionFlag" id="captchaOptionFlag" value="Y"/> <script type="text/javascript"> /* recaptcha script for Samsung 2019.06.18*/ var mainRecaptcha = {}; var conRecaptcha; var newsRecaptcha; var recaptchaCallback = function() { //contact-mail-form 복수 어써링 가능 $(".contact-mail-form__iframe-inner").each(function(index,item){ if($(item).children().first().attr("id") != null && $(item).children().first().attr("id").length > 0){ mainRecaptcha[$(item).children().first().attr("id")] = grecaptcha.render($(item).children().first().attr("id"), { 'sitekey' : '6Lc-358UAAAAAFmYE7zKV3PU0m9crt6-tj-UJsll' }); } }); if($("#Con_reCaptcha").length > 0){ conRecaptcha = grecaptcha.render('Con_reCaptcha', { 'sitekey' : '6Lc-358UAAAAAFmYE7zKV3PU0m9crt6-tj-UJsll', }); } if($("#News_reCaptcha").length > 0){ newsRecaptcha = grecaptcha.render('News_reCaptcha', { 'sitekey' : '6Lc-358UAAAAAFmYE7zKV3PU0m9crt6-tj-UJsll', }); } }; var recaptchaApi = function(){ var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; script.src= 'https://www.google.com/recaptcha/api.js?onload=recaptchaCallback&render=explicit'; head.appendChild(script); //fn06, fn07, co56, fn08 $(document).off('focusin','.ready-to-buy, .contact-mail-form, .contact-mail-form-popup, .dc__export-pdf, .dc__inquiry', recaptchaApi); }; (function() { //fn06, fn07, co56, fn08 $(document).on('focusin','.ready-to-buy, .contact-mail-form, .contact-mail-form-popup, .dc__export-pdf, .dc__inquiry', recaptchaApi); })(); </script> <script type='text/javascript'> piAId = '1062382'; piCId = '47836'; piHostname = 'ap.business.samsung.com'; (function() { function async_load(){ var s = document.createElement('script'); s.type = 'text/javascript'; s.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + piHostname + '/pd.js'; var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c); } if(window.attachEvent) { window.attachEvent('onload', async_load); } else { window.addEventListener('load', async_load, false); } })(); </script> </div> </body> </html>

CINXE.COM

Galaxy Tab S8 Ultra 5G | SM-X906BZAJXSP | Samsung Business Singapore