html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

@font-face { font-family: "Roboto"; src: url("../font/Roboto-Regular.ttf") format("truetype"); }

@font-face { font-family: "ROGFonts"; src: url("../font/ROGFonts-Regular.otf") format("opentype"), url("../font/ROGFonts-Regular.woff") format("woff"); }

@font-face { font-family: "DDIN"; src: url("../font/D-DINCondensed.woff") format("woff"); }

@font-face { font-family: "digital"; src: url("../font/digital-7.ttf") format("truetype"); }

@font-face { font-family: "Trade"; src: url("../font/Trade Gothic LT Bold.ttf") format("truetype"), url("../font/Trade Gothic LT Bold.woff") format("woff"); }

@font-face { font-family: "Xolonium"; src: url("../font/Xolonium.woff") format("woff"), url("../font/Xolonium.ttf") format("truetype"), url("../font/Xolonium.svg#svgFontName") format("svg"); src: url("../font/Xolonium.eot") \9; }

body, html { padding: 0; margin: 0; overflow-x: hidden; height: 100%; background-color: #000; }

body { -webkit-overflow-scrolling: touch; }

svg.icon { overflow: hidden; }

h1 { font-size: 100%; margin: 0; }

h2 { font-size: 100%; margin: 0; }

h3 { font-size: 100%; display: inline-block; margin: 0; }

sup { font-size: 50%; top: -0.8em; position: relative; vertical-align: baseline; }

a { text-decoration: none; display: block; }

#AsusROGPhone5 { background-color: #000; }

#AsusROGPhone5 .pcShow { display: none; }

#AsusROGPhone5 .mbShow { display: block; }

#AsusROGPhone5 .wrap { width: 100%; background-image: url("../img/bg1.jpg"); background-size: cover; background-position: center; padding-bottom: 50px; }

#AsusROGPhone5 .wrap .KV { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1280px; padding: 20px 15px; margin: 0 auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#AsusROGPhone5 .wrap .KV .KV_left { width: 100%; overflow: hidden; -webkit-animation: ani_KV_left 1s 0.5s forwards; animation: ani_KV_left 1s 0.5s forwards; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; }

#AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 { -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 2px; -webkit-animation: ani_border 0.5s 2.3s forwards; animation: ani_border 0.5s 2.3s forwards; }

#AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .img { background-image: url("../img/KV_all.jpg"); padding-top: 92.5354%; }

#AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .KV_info { top: 50%; margin-top: -20px; }

#AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .KV_info .title { width: 280px; margin: 0 auto; }

#AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .KV_info .title .img { width: 100%; background-image: url("../img/ROG Phone 5.png"); padding-top: 13.9262%; }

#AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .KV_info h2 { color: #fff; font-family: "DDIN", "Roboto", "Segoe UI", sans-serif !important; font-size: 28px; }

#AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .KV_info .play_icon { width: 36px; margin: 10px auto; }

#AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .KV_info .play_icon .img { opacity: 0.8; background-image: url("../img/play.png"); padding-top: 100%; }

#AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .KV_info .watch_btn { background-image: url("../img/watch_btn.png"); background-size: cover; background-position: center; margin: 0 auto; width: 200px; line-height: 23px; color: #fff; font-family: "DDIN", "Roboto", "Segoe UI", sans-serif !important; font-size: 19px; }

#AsusROGPhone5 .wrap .KV .KV_right { width: 100%; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_1 { -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 2px; -webkit-animation: ani_KV_right_img 1s 1.7s forwards,
 ani_border 0.5s 2.3s forwards; animation: ani_KV_right_img 1s 1.7s forwards,
 ani_border 0.5s 2.3s forwards; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_1 .img { background-image: url("../img/R1.jpg"); padding-top: 47.2946%; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_1 .KV_info { top: 70%; margin-top: -11px; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_1 .KV_info .title { margin: 0 auto; width: 180px; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_1 .KV_info .title .img { width: 100%; background-image: url("../img/ROG Phone 5.png"); padding-top: 13.9262%; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_1 .KV_info .more_btn { background-image: url("../img/learn_btn.png"); background-size: cover; background-position: center; margin: 0 auto; font-family: "DDIN", "Roboto", "Segoe UI", sans-serif !important; width: 132px; color: #fff; font-size: 16px; line-height: 20px; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_2 { -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 2px; -webkit-animation: ani_KV_right_img 1s 1.9s forwards,
 ani_border 0.5s 2.3s forwards; animation: ani_KV_right_img 1s 1.9s forwards,
 ani_border 0.5s 2.3s forwards; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_2 .img { background-image: url("../img/R2.jpg"); padding-top: 47.2946%; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_2 .KV_info { top: 70%; margin-top: -18px; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_2 .KV_info .title { margin: 0 auto; width: 260px; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_2 .KV_info .title .img { width: 100%; background-image: url("../img/ROG Phone 5 Ultimate.png"); padding-top: 7.14286%; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_2 .KV_info .more_btn { background-image: url("../img/learn_btn.png"); background-size: cover; background-position: center; margin: 0 auto; font-family: "DDIN", "Roboto", "Segoe UI", sans-serif !important; width: 132px; color: #fff; font-size: 16px; line-height: 20px; margin-top: 10px; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_3 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-animation: ani_KV_right_img 1s 2.1s forwards; animation: ani_KV_right_img 1s 2.1s forwards; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_3 .KV_right_3_1 { width: calc(50% - 1px); -webkit-animation: ani_border 0.5s 2.3s forwards; animation: ani_border 0.5s 2.3s forwards; -webkit-box-sizing: border-box; box-sizing: border-box; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_3 .KV_right_3_1 .img { background-image: url("../img/B1.jpg"); padding-top: 96.327%; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_3 .KV_right_3_2 { width: calc(50% - 1px); -webkit-animation: ani_border 0.5s 2.3s forwards; animation: ani_border 0.5s 2.3s forwards; -webkit-box-sizing: border-box; box-sizing: border-box; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_3 .KV_right_3_2 .img { background-image: url("../img/B2.jpg"); padding-top: 96.327%; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_3 .KV_item .KV_info { bottom: 5px; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; 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; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_3 .KV_item .KV_info .play_icon { width: 24px; margin-right: 5px; display: inline-block; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_3 .KV_item .KV_info .play_icon .img { opacity: 0.8; background-image: url("../img/play.png"); padding-top: 100%; }

#AsusROGPhone5 .wrap .KV .KV_right .KV_right_3 .KV_item .KV_info .text { display: inline-block; color: #fff; font-size: 12px; font-family: "ROGFonts", "Roboto", "Segoe UI", sans-serif !important; }

#AsusROGPhone5 .wrap .KV .KV_item { border: 1px solid rgba(255, 0, 0, 0); position: relative; }

#AsusROGPhone5 .wrap .KV .KV_item .img { background-position: center; background-size: cover; }

#AsusROGPhone5 .wrap .KV .KV_item .KV_info { width: 100%; position: absolute; text-align: center; -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; -webkit-animation: ani_info 1s 2.5s forwards; animation: ani_info 1s 2.5s forwards; }

#AsusROGPhone5 .wrap .KV .KV_bottom { width: 100%; margin-top: 2px; border: 1px solid #00d5ff; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); -webkit-animation: ani_info 1s 3s forwards; animation: ani_info 1s 3s forwards; }

#AsusROGPhone5 .wrap .KV .KV_bottom .img { background-size: cover; background-position: center; background-image: url("../img/BN_rwd.jpg"); padding-top: 20.1871%; }

#AsusROGPhone5 .wrap .KV .KV_bottom .text { position: absolute; color: #fff; font-family: "DDIN", "Roboto", "Segoe UI", sans-serif !important; text-align: center; width: 100%; top: 60%; font-size: 20px; }

#AsusROGPhone5 .wrap .section1 { background-image: url("../img/bg2.jpg"); background-size: cover; background-position: center; width: 720px; height: 260px; margin-left: -345px; left: 50%; position: relative; }

#AsusROGPhone5 .wrap .section1 .content { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#AsusROGPhone5 .wrap .section1 .content .item { width: 192px; position: absolute; }

#AsusROGPhone5 .wrap .section1 .content .item .img { background-size: cover; }

#AsusROGPhone5 .wrap .section1 .content .item .name { position: absolute; font-family: "ROGFonts", "Roboto", "Segoe UI", sans-serif !important; color: #fff; font-size: 12px; }

#AsusROGPhone5 .wrap .section1 .content .item .more_btn { position: absolute; background-image: url("../img/learn_btn2.png"); background-size: cover; color: #fff; font-family: "DDIN", "Roboto", "Segoe UI", sans-serif !important; text-align: center; width: 100px; line-height: 14px; font-size: 12px; 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; }

#AsusROGPhone5 .wrap .section1 .content .cetra { top: 22px; left: 50%; margin-left: -192px; -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; }

#AsusROGPhone5 .wrap .section1 .content .cetra .img { background-image: url("../img/cetra.png"); padding-top: 107.93%; }

#AsusROGPhone5 .wrap .section1 .content .cetra .name { bottom: 10px; left: 20px; }

#AsusROGPhone5 .wrap .section1 .content .cetra .more_btn { bottom: 27px; right: 60px; }

#AsusROGPhone5 .wrap .section1 .content .cetra.active { -webkit-animation: ani_left_fly 1s forwards; animation: ani_left_fly 1s forwards; }

#AsusROGPhone5 .wrap .section1 .content .BT { top: 60px; right: 50%; margin-right: -150px; -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; }

#AsusROGPhone5 .wrap .section1 .content .BT .img { background-image: url("../img/BT.png"); padding-top: 96.04%; }

#AsusROGPhone5 .wrap .section1 .content .BT .name { bottom: -10px; }

#AsusROGPhone5 .wrap .section1 .content .BT .more_btn { bottom: 7px; right: 60px; }

#AsusROGPhone5 .wrap .section1 .content .BT.active { -webkit-animation: ani_right_fly 1s forwards; animation: ani_right_fly 1s forwards; }

#AsusROGPhone5 .wrap .section2 { margin-top: 50px; }

#AsusROGPhone5 .wrap .section2 .content { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0px; margin: 0 auto; }

#AsusROGPhone5 .wrap .section2 .content .title { position: relative; width: 240px; margin: 0 auto; z-index: 1; }

#AsusROGPhone5 .wrap .section2 .content .title .img { width: 100%; padding-top: 16.5101%; background-image: url("../img/Header.png"); background-size: cover; }

#AsusROGPhone5 .wrap .section2 .content .team { margin-top: -40px; width: 720px; position: relative; left: 50%; margin-left: -360px; -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; }

#AsusROGPhone5 .wrap .section2 .content .team > .img { width: 100%; padding-top: 37.461%; background-image: url("../img/team.png"); background-size: cover; }

#AsusROGPhone5 .wrap .section2 .content .team .btn { width: 264px; 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; margin-top: -16px; margin-left: auto; margin-right: auto; }

#AsusROGPhone5 .wrap .section2 .content .team .btn .play_icon { width: 24px; }

#AsusROGPhone5 .wrap .section2 .content .team .btn .play_icon > .img { width: 100%; padding-top: 100%; background-image: url("../img/play.png"); background-size: cover; }

#AsusROGPhone5 .wrap .section2 .content .team .btn .watch_btn { background-image: url("../img/watch2_btn.png"); background-size: cover; color: #fff; font-family: "DDIN", "Roboto", "Segoe UI", sans-serif !important; text-align: center; width: 240px; line-height: 23px; font-size: 17px; 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; }

#AsusROGPhone5 .wrap .section2 .content .team.active { -webkit-animation: ani_bottom_fly 1s forwards; animation: ani_bottom_fly 1s forwards; }

#AsusROGPhone5 .lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#AsusROGPhone5 .lightbox.active { display: -webkit-box; display: -ms-flexbox; display: flex; }

#AsusROGPhone5 .lightbox .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }

#AsusROGPhone5 .lightbox .inner { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.5s -webkit-transform; transition: 0.5s -webkit-transform; transition: 0.5s transform; transition: 0.5s transform, 0.5s -webkit-transform; border: 1px solid #ff242e; background-color: #000; padding: 10px 0; max-width: 1240px; width: 120vh; }

#AsusROGPhone5 .lightbox .inner .video_box { position: relative; max-width: 1200px; padding-top: 56.25%; }

#AsusROGPhone5 .lightbox .inner .video_box #player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#AsusROGPhone5 .lightbox .inner .close_btn { background-image: url("../img/x.png"); background-size: cover; width: 36px; height: 28px; margin-left: auto; margin-bottom: 20px; cursor: pointer; margin-right: 10px; }

#AsusROGPhone5 .lightbox .inner .btn_box { 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#AsusROGPhone5 .lightbox .inner .more_btn { display: inline-block; font-family: "DDIN", "Roboto", "Segoe UI", sans-serif !important; background-image: url("../img/learn_btn.png"); width: 179px; height: 27px; font-size: 23px; text-align: center; color: #000; margin: 20px 10px 0; 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-transition: color 0.3s; transition: color 0.3s; }

#AsusROGPhone5 .lightbox .inner .more_btn.hide { display: none; }

#AsusROGPhone5 .lightbox .inner .more_btn.active { color: #fff; }

#AsusROGPhone5 .lightbox .inner.active { -webkit-transform: scale(1); transform: scale(1); }

@-webkit-keyframes ani_KV_left { 0% { opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@keyframes ani_KV_left { 0% { opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@-webkit-keyframes ani_KV_right_img { 0% { opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@keyframes ani_KV_right_img { 0% { opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@media (min-width: 731px) { #AsusROGPhone5 .wrap .KV { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-width: 731px; }
  #AsusROGPhone5 .wrap .KV .KV_left { width: 100%; opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); margin-right: 2px; }
  #AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 { margin-bottom: 0; }
  #AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .img { padding-top: 393.3px; }
  #AsusROGPhone5 .wrap .KV .KV_right { width: 0; 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: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-animation: ani_KV_right 0.3s 1.5s forwards; animation: ani_KV_right 0.3s 1.5s forwards; }
  #AsusROGPhone5 .wrap .KV .KV_right .KV_right_1 { -webkit-transform: translateX(100%); transform: translateX(100%); }
  #AsusROGPhone5 .wrap .KV .KV_right .KV_right_2 { -webkit-transform: translateX(100%); transform: translateX(100%); }
  #AsusROGPhone5 .wrap .KV .KV_right .KV_right_3 { -webkit-transform: translateX(100%); transform: translateX(100%); }
  #AsusROGPhone5 .wrap .KV .KV_bottom .img { background-image: url("../img/BN.jpg"); padding-top: 14.965%; }
  #AsusROGPhone5 .wrap .KV .KV_bottom .text { position: absolute; color: #fff; top: 70%; font-size: 20px; }
  #AsusROGPhone5 .wrap .section1 { width: 1440px; margin-left: -700px; height: 521px; }
  #AsusROGPhone5 .wrap .section1 .content .item { width: 383.1px; }
  #AsusROGPhone5 .wrap .section1 .content .item .name { font-size: 18px; }
  #AsusROGPhone5 .wrap .section1 .content .item .more_btn { width: 158px; line-height: 24px; font-size: 18px; right: 120px; }
  #AsusROGPhone5 .wrap .section1 .content .cetra { margin-left: -383.1px; }
  #AsusROGPhone5 .wrap .section1 .content .cetra .name { bottom: 24px; left: 40px; }
  #AsusROGPhone5 .wrap .section1 .content .cetra .more_btn { bottom: 53px; }
  #AsusROGPhone5 .wrap .section1 .content .cetra:hover > * { -webkit-transform: scale(1.1); transform: scale(1.1); }
  #AsusROGPhone5 .wrap .section1 .content .cetra > * { -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transform: scale(1); transform: scale(1); }
  #AsusROGPhone5 .wrap .section1 .content .BT { margin-right: -309px; top: 110px; }
  #AsusROGPhone5 .wrap .section1 .content .BT .name { bottom: -14px; }
  #AsusROGPhone5 .wrap .section1 .content .BT .more_btn { bottom: 13px; }
  #AsusROGPhone5 .wrap .section1 .content .BT:hover > * { -webkit-transform: scale(1.1); transform: scale(1.1); }
  #AsusROGPhone5 .wrap .section1 .content .BT > * { -webkit-transition: 0.3s all; transition: 0.3s all; -webkit-transform: scale(1); transform: scale(1); }
  #AsusROGPhone5 .wrap .section2 .content .title { width: 480px; }
  #AsusROGPhone5 .wrap .section2 .content .team { margin-top: -84px; width: 1440px; margin-left: -720px; }
  #AsusROGPhone5 .wrap .section2 .content .team .btn { margin-top: -36px; width: 356px; cursor: pointer; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s -webkit-transform; transition: 0.3s -webkit-transform; transition: 0.3s transform; transition: 0.3s transform, 0.3s -webkit-transform; }
  #AsusROGPhone5 .wrap .section2 .content .team .btn:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
  #AsusROGPhone5 .wrap .section2 .content .team .btn .play_icon { width: 36px; }
  #AsusROGPhone5 .wrap .section2 .content .team .btn .watch_btn { width: 320px; line-height: 31px; font-size: 22px; }
  #AsusROGPhone5 .lightbox .inner { max-width: 1200px; padding: 20px; }
  #AsusROGPhone5 .lightbox .inner .btn_box { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  #AsusROGPhone5 .lightbox .inner .more_btn { cursor: pointer; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; }
  #AsusROGPhone5 .lightbox .inner .more_btn:hover { opacity: 0.8; }
  @-webkit-keyframes ani_KV_left { 0% { width: 100%; }
    100% { width: calc(61% - 1px); } }
  @keyframes ani_KV_left { 0% { width: 100%; }
    100% { width: calc(61% - 1px); } }
  @-webkit-keyframes ani_KV_right { 0% { width: 0;
      height: 0; }
    100% { width: calc(39% - 1px);
      height: auto; } }
  @keyframes ani_KV_right { 0% { width: 0;
      height: 0; }
    100% { width: calc(39% - 1px);
      height: auto; } }
  @-webkit-keyframes ani_KV_right_img { 0% { opacity: 0;
      -webkit-transform: translateX(100%);
              transform: translateX(100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0%);
              transform: translateX(0%); } }
  @keyframes ani_KV_right_img { 0% { opacity: 0;
      -webkit-transform: translateX(100%);
              transform: translateX(100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0%);
              transform: translateX(0%); } } }

@media (min-width: 1281px) { #AsusROGPhone5 .wrap .KV { max-width: 1280px; }
  #AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .img { padding-top: 700px; }
  #AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .KV_info .title { width: 596px; }
  #AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .KV_info h2 { font-size: 56px; }
  #AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .KV_info .play_icon { width: 60px; margin: 10px auto 20px; }
  #AsusROGPhone5 .wrap .KV .KV_left .KV_left_1 .KV_info .watch_btn { width: 374px; line-height: 42px; font-size: 32px; }
  #AsusROGPhone5 .wrap .KV .KV_right .KV_right_1 .KV_info .title { width: 240px; }
  #AsusROGPhone5 .wrap .KV .KV_right .KV_right_1 .KV_info .more_btn { width: 179px; line-height: 26px; font-size: 23px; }
  #AsusROGPhone5 .wrap .KV .KV_right .KV_right_2 .KV_info .title { width: 400px; }
  #AsusROGPhone5 .wrap .KV .KV_right .KV_right_2 .KV_info .more_btn { width: 179px; line-height: 26px; font-size: 22px; }
  #AsusROGPhone5 .wrap .KV .KV_right .KV_right_3 .KV_item .KV_info { bottom: 10px; }
  #AsusROGPhone5 .wrap .KV .KV_right .KV_right_3 .KV_item .KV_info .play_icon { width: 32px; }
  #AsusROGPhone5 .wrap .KV .KV_right .KV_right_3 .KV_item .KV_info .text { font-size: 16px; }
  #AsusROGPhone5 .wrap .KV .KV_item { cursor: pointer; }
  #AsusROGPhone5 .wrap .KV .KV_item .title, #AsusROGPhone5 .wrap .KV .KV_item h2, #AsusROGPhone5 .wrap .KV .KV_item .text { -webkit-transition: 0.3s all; transition: 0.3s all; }
  #AsusROGPhone5 .wrap .KV .KV_item:hover .KV_info .title, #AsusROGPhone5 .wrap .KV .KV_item:hover .KV_info h2, #AsusROGPhone5 .wrap .KV .KV_item:hover .KV_info .text { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  #AsusROGPhone5 .wrap .KV .KV_bottom .text { top: 70%; font-size: 36px; }
  #AsusROGPhone5 .wrap .section1 { width: 2560px; margin-left: -1245px; height: 926px; }
  #AsusROGPhone5 .wrap .section1 .content .item { width: 681px; }
  #AsusROGPhone5 .wrap .section1 .content .item .name { font-size: 36px; }
  #AsusROGPhone5 .wrap .section1 .content .item .more_btn { width: 257px; line-height: 39px; font-size: 31px; right: 220px; }
  #AsusROGPhone5 .wrap .section1 .content .cetra { margin-left: -681px; }
  #AsusROGPhone5 .wrap .section1 .content .cetra .name { bottom: 42px; left: 45px; }
  #AsusROGPhone5 .wrap .section1 .content .cetra .more_btn { bottom: 90px; }
  #AsusROGPhone5 .wrap .section1 .content .BT { margin-right: -550px; top: 190px; }
  #AsusROGPhone5 .wrap .section1 .content .BT .name { bottom: -28px; }
  #AsusROGPhone5 .wrap .section1 .content .BT .more_btn { bottom: 20px; }
  #AsusROGPhone5 .wrap .section2 .content .title { width: 745px; }
  #AsusROGPhone5 .wrap .section2 .content .team { margin-top: -120px; width: 2560px; margin-left: -1280px; }
  #AsusROGPhone5 .wrap .section2 .content .team .btn { width: 547px; margin-top: -64px; }
  #AsusROGPhone5 .wrap .section2 .content .team .btn .play_icon { width: 67px; }
  #AsusROGPhone5 .wrap .section2 .content .team .btn .watch_btn { width: 480px; line-height: 47px; font-size: 35px; } }

@-webkit-keyframes ani_border { 0% { border: 1px solid rgba(255, 0, 0, 0); }
  100% { border: 1px solid rgba(255, 0, 0, 0.5); } }

@keyframes ani_border { 0% { border: 1px solid rgba(255, 0, 0, 0); }
  100% { border: 1px solid rgba(255, 0, 0, 0.5); } }

@-webkit-keyframes ani_info { 0% { opacity: 0;
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%); }
  100% { opacity: 1;
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%); } }

@keyframes ani_info { 0% { opacity: 0;
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%); }
  100% { opacity: 1;
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%); } }

@-webkit-keyframes ani_right_fly { 0% { opacity: 0;
    -webkit-transform: translateX(50%);
            transform: translateX(50%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@keyframes ani_right_fly { 0% { opacity: 0;
    -webkit-transform: translateX(50%);
            transform: translateX(50%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@-webkit-keyframes ani_left_fly { 0% { opacity: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@keyframes ani_left_fly { 0% { opacity: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@-webkit-keyframes ani_bottom_fly { 0% { opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@keyframes ani_bottom_fly { 0% { opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }
/*# sourceMappingURL=style.css.map */