/*** Global ***/
.always__on__top { position: relative; z-index: 1000; }

.no__wrap { white-space: nowrap; display: inline-block; }

.large_use, .medium_use, .small_use { display: none; }

.large_use { display: block \9; }

.large_unuse { display: none \9; }

#af-header { z-index: 10002; }

body #asus-api-footer { border-top: 0px !important; margin-top: 0 !important; }

#overview-top-nav { display: none !important; }

.visuallyhidden { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; display: block; font-size: 2em; -webkit-margin-before: 0.67em; margin-block-start: 0.67em; -webkit-margin-after: 0.67em; margin-block-end: 0.67em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; color: #111; }

.container header { position: fixed; z-index: 10001; top: 60px; width: 100%; background: #0e0e0e; max-width: 2560px; }
.container header:before { position: absolute; display: block; content: ''; z-index: 10002; left: 0; top: -200px; width: 100%; height: 200px; background: #0e0e0e; }
.container header:after { position: absolute; display: block; content: ''; pointer-events: none; z-index: 10000; left: 0; bottom: -1px; width: 100%; height: 1px; background: #0e0e0e; }
.container header .globalnav { position: relative; margin-left: auto; margin-right: auto; width: 100%; max-width: 1166px; }
.container header .globalnav .gn__logo, .container header .globalnav .gn__main { position: relative; display: inline-block; vertical-align: middle; }
.container header .globalnav .gn__logo { padding-left: 0; margin-right: 27px; width: 104px; }
.container header .globalnav .gn__logo .icon-company-logo { background-image: url("/websites/global/productcustomizedTab/7395/v2/outerframe/images/large/1x/nav/logo.png") ; position: absolute; top: 50%; left: 0; width: 104px; height: 42px; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .container header .globalnav .gn__logo .icon-company-logo { background-image: url("/websites/global/productcustomizedTab/7395/v2/outerframe/images/large/2x/nav/logo.png"); } }
.container header .gn__list { position: relative; margin-left: 11px; font-size: 14px; }
.container header .gn__list .gn__item { position: relative; display: inline-block; vertical-align: top; cursor: pointer; z-index: 10001; }
.container header .gn__list .gn__item :link { color: #c09f7e; }
.container header .gn__list .gn__item > .item-name { position: relative; text-align: center; display: block; padding: 22px 22px 22px; text-transform: uppercase; font-size: 16px; color: #d4ba95; background: #0e0e0e; }
.container header .globalnav .gn__main .gn__item { margin-right: -3px; }
.container header .globalnav .gn__main .gn__item:after { position: absolute; display: block; z-index: 10000; content: ''; bottom: -2px; left: 0; width: 100%; height: 0; background: #fff; transition: background 200ms; }
.container header .globalnav .gn__main .gn__item .item-name { z-index: 1; transition: color 200ms; }
.container header .globalnav .gn__main .gn__item .chapternav { position: absolute; z-index: 0; box-sizing: border-box; top: 100%; left: 0; width: 254px; background: #1f1f1f; }
.container header .globalnav .gn__main .gn__item .chapternav .item-name { position: relative; text-align: left; display: block; font-size: 15px; padding: 12px 0 7px 22px; }

.container header .globalnav .gn__main.main-right { position: absolute; right: -13px; }
.container header .globalnav .gn__main.main-right .gn__item { margin-right: 0; }

#cmd_mask { position: fixed; pointer-events: none; z-index: 9990; opacity: 1; top: 0; left: 0; width: 100vw; height: 100vh; background: #000; transition: opacity 400ms; }

.show-cookie-policy-info #cookie-policy-info { z-index: 10003; }

#online-service { z-index: 10002 !important; }

@media only screen and (max-width: 960px) { #cookie-policy-info { z-index: 10000 !important; } }
@media all and (min-width: 1300px) { .large_use { display: block; }
  .large_unuse { display: none; }
  .container header { position: absolute; top: 60px; z-index: 10001; }
  .container header.fixed { position: fixed; top: 0; } }
@media all and (min-width: 721px) { .container header .globalnav .gn__main .gn__item .chapternav { box-sizing: border-box; overflow: hidden; opacity: 0; padding: 0; max-height: 0px; -webkit-transform: translateY(10px) translateZ(0); transform: translateY(10px) translateZ(0); transition: opacity 400ms 10ms, -webkit-transform 400ms ease-out 10ms; transition: transform 400ms ease-out 10ms, opacity 400ms 10ms; transition: transform 400ms ease-out 10ms, opacity 400ms 10ms, -webkit-transform 400ms ease-out 10ms; border: 1px solid #111111; border-top: 0px; }
  .container header .globalnav .gn__main .gn__item .chapternav .item-name { color: #a0a0a0; }
  .container header .globalnav .gn__main .gn__item .chapternav .item-name:hover { color: #be8955; }
  .container header .globalnav .gn__main .gn__item:hover:after { height: 2px; }
  .container header .globalnav .gn__main .gn__item:hover .chapternav { opacity: 1; padding: 18px 0; max-height: 2000px; -webkit-transform: translateX(0) translateY(0) translateZ(0); transform: translateX(0) translateY(0) translateZ(0); }
  .container header .globalnav .gn__main .gn__item.freeze { cursor: initial; }
  .container header .globalnav .gn__main .gn__item.freeze .chapternav .item-name:hover { color: #be8955; }
  .container header .globalnav .gn__main .gn__item.freeze:after { height: 0px; background: #eee; }
  .container header .globalnav .gn__main .gn__item.freeze > .item-name { color: #a0a0a0; }
  .container header .globalnav .gn__main .gn__item.freeze .chapternav { -webkit-transform: translateY(-100%) translateZ(0); transform: translateY(-100%) translateZ(0); } }
@media all and (min-width: 721px) and (max-width: 1300px) { .medium_use { display: block; }
  .medium_unuse { display: none; }
  .no__wrap { white-space: nowrap; display: inline-block; }
  .container header { position: absolute; top: 60px; z-index: 10001; }
  .container header.fixed { position: fixed; top: 0; } }
@media all and (max-width: 1300px) and (min-width: 721px) { .container header .globalnav .mainnav { position: relative; margin-left: 25px; }
  .container header .globalnav .gn__logo { margin-right: -15px; }
  .container header .globalnav .gn__logo .icon-company-logo { width: 88px; height: 35px; }
  .container header .globalnav .gn__list .gn__item > .item-name { padding: 22px 14px 22px; }
  .container header .globalnav .gn__main.main-right { right: 9px; } }
@media all and (max-width: 720px) { .small_use { display: block; }
  .small_unuse { display: none; }
  .container header { background: #000; margin-top: 0; border-bottom: 1px solid #eee; }
  .container header .globalnav .subnav__icon { top: 5px; right: 3px; left: unset; width: 43px; height: 34px; }
  .container header .globalnav .gn__logo { width: 80px; }
  .container header .globalnav .gn__logo .icon-company-logo { top: -4px; width: 80px; height: 30px; }
  .container header .globalnav .gn__group.mainnav { top: 0; }
  .container header .globalnav .gn__group.mainnav .gn__sub { right: 0; }
  .container header .globalnav .gn__group.mainnav .gn__sub .gn__list .gn__item .item-name { margin-top: 6px; margin-bottom: 6px; height: 20px; width: 20px; border: 0px; font-size: 0; }
  .container header .globalnav .gn__group.mainnav .gn__sub .gn__list .gn__item.item-0:after { top: 16px; left: 24px; }
  .container header .globalnav .gn__group.subnav .gn__main { background: #0e0e0e; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__list { margin-top: 29px; padding-top: 14px; padding-bottom: 13px; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .item-name { padding: 13px 24px; font-size: 18px; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav { width: 100%; padding: 14px 0; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .item-name { padding: 11px 44px; font-size: 16px; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav { padding: 16px 0; }
  .container header .globalnav .gn__group.subnav .gn__main .subnav__collapse { top: 5px; right: 6px; width: 60px; height: 33px; } }
@media all and (max-width: 720px) { .container header { position: absolute; top: -9px; height: 0; border-bottom: 1px solid #dedcdc; }
  .container header:before { z-index: 0; top: 50px; height: 40px; }
  .container header:after { display: none; }
  .container header.fixed { position: fixed; top: -50px; left: 0; }
  .container header.fixed .globalnav .gn__group.subnav .gn__main .gn__list { height: calc(100vh - 67px); }
  .container header .globalnav { max-width: 720px; }
  .container header .globalnav .gn__group { position: relative; display: block; }
  .container header .globalnav .gn__group.mainnav { display: block; z-index: 1; top: 0; width: 100%; background: #fff; }
  .container header .globalnav .gn__group.mainnav:after { position: absolute; display: block; content: ''; z-index: 1; left: 0; bottom: 0; width: 100%; height: 0; }
  .container header .globalnav .gn__group.mainnav .gn__main { display: none; }
  .container header .globalnav .gn__group.mainnav .gn__sub { right: 11px; }
  .container header .globalnav .gn__group.mainnav .gn__sub .gn__list .gn__item.item-0:after { top: 17px; }
  .container header .globalnav .gn__group.mainnav .gn__sub .gn__list .gn__item .item-name { margin-top: 10px; margin-bottom: 10px; }
  .container header .globalnav .gn__group.subnav { position: relative; z-index: 0; margin-top: 49px; }
  .container header .globalnav .gn__group.subnav .subnav__arrow { position: absolute; top: 50%; right: 23px; margin-top: -5px; }
  .container header .globalnav .gn__group.subnav .subnav__arrow:after { display: block; position: absolute; content: ''; left: 50%; margin-left: -8px; width: 10px; height: 10px; border-top: 1px solid #848484; border-right: 1px solid #848484; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .container header .globalnav .gn__group.subnav .subnav__collapse { position: absolute; z-index: 1; pointer-events: none; top: 10px; right: 8px; width: 60px; height: 40px; }
  .container header .globalnav .gn__group.subnav .subnav__collapse .collapse__icon { position: relative; top: 12px; left: 22px; width: 30px; height: 30px; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms; }
  .container header .globalnav .gn__group.subnav .subnav__collapse .collapse__icon .collapse__line { position: absolute; top: 50%; left: 50%; margin-left: -9px; width: 14px; height: 1px; background: #d8bea2; -webkit-transform-origin: center; transform-origin: center; transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms; }
  .container header .globalnav .gn__group.subnav .subnav__collapse .collapse__icon .collapse__line.line-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .container header .globalnav .gn__group.subnav .subnav__collapse .collapse__icon .collapse__line.line-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .container header .globalnav .gn__group.subnav .gn__main .gn__list { position: absolute; right: -0.5%; margin-left: 0; width: 101%; height: calc(100vh - 116px); overflow-y: scroll; overflow-x: hidden; background: #000; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item { margin-right: 0; opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); transition: all 0ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .item-name { text-align: left; padding: 22px 22px; color: #737373; background: #0e0e0e; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item > .item-name { color: #d8bea2; background: #000; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav { visibility: hidden; overflow: hidden; height: 0; padding: 0; background: #0e0e0e; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .cn__item { position: relative; opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .cn__item.item-0 { transition: all 0ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .cn__item.item-1 { transition: all 0ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .cn__item.item-2 { transition: all 0ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .cn__item.item-3 { transition: all 0ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .cn__item.item-4 { transition: all 0ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .cn__item.item-5 { transition: all 0ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .cn__item.item-6 { transition: all 0ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .cn__item.item-7 { transition: all 0ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .cn__item.item-8 { transition: all 0ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .cn__item.item-9 { transition: all 0ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .cn__item.item-10 { transition: all 0ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item .chapternav .item-name { padding: 11px 38px; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .item-name .subnav__collapse .collapse__icon .collapse__line.line-left { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav { visibility: visible; height: auto; padding: 10px 0; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav .cn__item { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav .cn__item.item-0 { transition: all 200ms 0ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav .cn__item.item-1 { transition: all 200ms 100ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav .cn__item.item-2 { transition: all 200ms 200ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav .cn__item.item-3 { transition: all 200ms 300ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav .cn__item.item-4 { transition: all 200ms 400ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav .cn__item.item-5 { transition: all 200ms 500ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav .cn__item.item-6 { transition: all 200ms 600ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav .cn__item.item-7 { transition: all 200ms 700ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav .cn__item.item-8 { transition: all 200ms 800ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav .cn__item.item-9 { transition: all 200ms 900ms; }
  .container header .globalnav .gn__group.subnav .gn__main .gn__item.show__chapternav .chapternav .cn__item.item-10 { transition: all 200ms 1000ms; }
  .container header .globalnav .subnav__icon { position: absolute; cursor: pointer; top: 2px; width: 50px; height: 38px; }
  .container header .globalnav .subnav__icon .nav__line { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .container header .globalnav .subnav__icon .nav__line.line-top { display: inline-block; padding: 6px; border: solid #d8bea2; border-width: 0 1px 1px 0; -webkit-transform: translateY(8px) translateX(-50%) rotate(45deg); transform: translateY(8px) translateX(-50%) rotate(45deg); }
  .container header .globalnav .gn__logo { position: absolute; top: 25px; left: 20px; }
  .container header .globalnav .gn__logo .icon-company-logo { height: 40px; }
  .container header .globalnav .gn__main { position: relative; width: 100vw; background: #fff; }
  .container header .globalnav .gn__main .gn__list .gn__item { position: relative; display: block; }
  .container header .globalnav .gn__main .gn__list .gn__item.freeze { cursor: initial; }
  .container header .globalnav .gn__main .gn__list .gn__item .chapternav { position: relative; } }
@media all and (max-width: 720px) { body .container header .globalnav .gn__group.subnav { visibility: hidden; opacity: 0; height: 0; }
  body .container header .globalnav .gn__main .gn__list .gn__item.item-0 { transition: all 0ms; }
  body .container header .globalnav .gn__main .gn__list .gn__item.item-1 { transition: all 0ms; }
  body .container header .globalnav .gn__main .gn__list .gn__item.item-2 { transition: all 0ms; }
  body .container header .globalnav .gn__main .gn__list .gn__item.item-3 { transition: all 0ms; }
  body .container header .globalnav .gn__main .gn__list .gn__item.item-4 { transition: all 0ms; }
  body .container header .globalnav .gn__main .gn__list .gn__item.item-5 { transition: all 0ms; }
  body .container header .globalnav .gn__main .gn__list .gn__item.item-6 { transition: all 0ms; }
  body .container header .globalnav .gn__main .gn__list .gn__item.item-7 { transition: all 0ms; }
  body .container header .globalnav .gn__main .gn__list .gn__item.item-8 { transition: all 0ms; }
  body .container header .globalnav .gn__main .gn__list .gn__item.item-9 { transition: all 0ms; }
  body .container header .globalnav .gn__main .gn__list .gn__item.item-10 { transition: all 0ms; }
  body.show__subnav .container header .globalnav .subnav__icon .nav__line.line-top { -webkit-transform: translateX(-50%) translateY(16px) rotate(-135deg); transform: translateX(-50%) translateY(16px) rotate(-135deg); }
  body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
  body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item.item-0 { transition: all 200ms 0ms; }
  body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item.item-1 { transition: all 200ms 100ms; }
  body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item.item-2 { transition: all 200ms 200ms; }
  body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item.item-3 { transition: all 200ms 300ms; }
  body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item.item-4 { transition: all 200ms 400ms; }
  body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item.item-5 { transition: all 200ms 500ms; }
  body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item.item-6 { transition: all 200ms 600ms; }
  body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item.item-7 { transition: all 200ms 700ms; }
  body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item.item-8 { transition: all 200ms 800ms; }
  body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item.item-9 { transition: all 200ms 900ms; }
  body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item.item-10 { transition: all 200ms 1000ms; }
  body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item.item-3 .subnav__collapse, body.show__subnav .container header .globalnav .gn__main .gn__list .gn__item.item-5 .subnav__collapse { display: none; }
  body.show__subnav .container header .globalnav .gn__group.subnav { visibility: visible; opacity: 1; height: auto; }
  body.show__subnav .container header .globalnav .gn__group.subnav .subnav__collapse { pointer-events: auto; }
  body.show__subnav .main_container { display: none; }
  body.show__subnav footer { display: none; } }