/* Code tidied up by ScrapBook */
html { line-height: 1; }
ol, ul { list-style: outside none none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
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, tt, var, b, u, 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: 0px; padding: 0px; border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; font-size-adjust: inherit; font-stretch: inherit; font-feature-settings: inherit; font-language-override: inherit; font-kerning: inherit; font-synthesis: inherit; font-variant: inherit; font-size: 100%; vertical-align: baseline; }
html { line-height: 1; }
ol, ul { list-style: outside none none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
* { margin: 0px; padding: 0px; outline: medium none; }
*::-moz-selection { color: rgb(255, 255, 255); background-color: rgb(252, 175, 23); }
html { height: 100%; }
body { height: 100%; background-color: rgb(2, 2, 2); }
a { color: rgb(252, 175, 23); text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
div, header, footer, main, nav, aside, a { box-sizing: border-box; background-clip: border-box; }
input, textarea, select, button { border: medium none; }
@font-face {
  font-family: "Roboto-Thin";
  src: url("Roboto-Thin.eot") format("embedded-opentype"), url("Roboto-Thin.svg") format("svg"), url("Roboto-Thin.ttf") format("truetype"), url("Roboto-Thin.woff") format("woff");
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("Roboto-Regular.eot") format("embedded-opentype"), url("Roboto-Regular.svg") format("svg"), url("Roboto-Regular.ttf") format("truetype"), url("Roboto-Regular.woff") format("woff");
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("Roboto-Medium.eot") format("embedded-opentype"), url("Roboto-Medium.svg") format("svg"), url("Roboto-Medium.ttf") format("truetype"), url("Roboto-Medium.woff") format("woff");
}
@font-face {
  font-family: "Roboto-Black";
  src: url("Roboto-Black.eot") format("embedded-opentype"), url("Roboto-Black.svg") format("svg"), url("Roboto-Black.ttf") format("truetype"), url("Roboto-Black.woff") format("woff");
}
@font-face {
  font-family: "DINMittelschriftStd";
  src: url("DINMittelschriftStd.eot") format("embedded-opentype"), url("DINMittelschriftStd.svg") format("svg"), url("DINMittelschriftStd.ttf") format("truetype"), url("DINMittelschriftStd.woff") format("woff");
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, input, textarea, select, button, *::before, *::after { font-family: "Roboto-Regular","微軟正黑體","微軟正黑體 UI","Microsoft JhengHei","Microsoft JhengHei UI","Microsoft YaHei","Microsoft YaHei UI","SimHei",Helvetica,Arial,sans-serif; line-height: 1.5em; }
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
  .reminder { font-size: 14px; }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  .reminder { font-size: 1.09375vw; }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  .reminder { font-size: 1.09375vw; }
}
@media only screen and (max-width: 640px) {
  .reminder { font-size: 3vw; }
}
.icon.arrow-stroke-white-down, form .fieldList ul li .input .select::before { background-image: url("arrow-stroke-white-down.svg"); }
.icon.earth { background-image: url("earth.svg"); }
.icon.info { background-image: url("info.svg"); }
.icon.mail { background-image: url("mail.svg"); }
.icon.search { background-image: url("search.svg"); }
.icon.speaker { background-image: url("speaker.svg"); }
.icon.user { background-image: url("user.svg"); }
.icon.user-circle { background-image: url("user-circle.svg"); }
.icon.facebook { background-image: url("facebook.svg"); background-size: auto 60%; background-color: rgb(153, 153, 153); }
.icon.youtube { background-image: url("youtube.svg"); background-size: 60% auto; background-color: rgb(153, 153, 153); }
.icon { background-repeat: no-repeat; background-position: center center; background-size: 100% auto; }
.logo.netvigator { background-image: url("netvigator.svg"); }
.logo.hkt { background-image: url("hkt.svg"); }
.logo.pccw { background-image: url("pccw.svg"); }
.logo { background-repeat: no-repeat; background-position: center center; background-size: 100% auto; }
.image { background-repeat: no-repeat; background-position: center center; background-size: 100% auto; }
.image.email-orange { background-image: url("email-orange.png"); }
.gray {  }
.gradientWhite, #main #visual .base .shortCut .frame ul li, .plate, .card, .toggleSwitch .trough .button, .infoBlock, .customBlock .content .package ul li { background-size: 100% auto; background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(239, 239, 239)); }
.gradientGray, .table table thead tr td, form .fieldList ul li .input .select::after, .greytabs .greytab > ul > li.active, .filterList .filter > ul > li.active, #tipsAndTutorials-email .table.multiChild.monitoringChart tbody tr td.title, #tipsAndTutorials-email .table.multiChild.monitoringChart tbody tr td.title.colsapn-2 { background-size: 100% auto; background-image: linear-gradient(to bottom, rgb(168, 176, 182), rgb(148, 156, 162)); }
.gradientOrange, .window .head, .customBlock .content .package ul li::before { background-size: 100% auto; background-image: linear-gradient(to bottom, rgb(253, 185, 19), rgb(247, 149, 29)); }
.grayMask, header .front .frame .account > ul > li > a { background-size: 100% auto; background-image: linear-gradient(to bottom, rgba(35, 35, 35, 0.6) 0%, rgba(35, 35, 35, 0.6) 70%, rgba(35, 35, 35, 0)); }
@keyframes loadingBar {
0% {  }
100% {  }
}
@keyframes loadingBar {
0% {  }
100% {  }
}
ul.sidelong { font-size: 0px; }
ul.sidelong > li { display: inline-block; vertical-align: top; }
form .fieldList ul li { font-size: 0px; position: relative; vertical-align: top; }
form .fieldList ul li > label { display: inline-block; vertical-align: top; }
form .fieldList ul li .input { display: inline-block; font-size: 0px; vertical-align: top; }
form .fieldList ul li .input select, form .fieldList ul li .input input[type="text"], form .fieldList ul li .input input[type="password"], form .fieldList ul li .input input[type="number"], form .fieldList ul li .input textarea { box-sizing: border-box; border: 1px solid rgb(212, 212, 212); box-shadow: 0px 0px 0px transparent; }
form .fieldList ul li .input input[type="text"], form .fieldList ul li .input input[type="number"], form .fieldList ul li .input textarea { background-color: rgb(242, 242, 242); }
form .fieldList ul li .input .select { display: inline-block; position: relative; }
form .fieldList ul li .input .select::before, form .fieldList ul li .input .select::after { content: " "; position: absolute; right: 0px; top: 0px; height: 100%; pointer-events: none; }
form .fieldList ul li .input .select::before { background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; z-index: 3; }
form .fieldList ul li .input .select select { position: relative; z-index: 1; -moz-appearance: none; background-color: rgb(255, 255, 255); width: 100%; }
form .fieldList ul li .input .select::after { z-index: 2; }
form .fieldList ul li .input span { display: inline-block; }
form .fieldList ul li .input .additional { position: relative; display: inline-block; font-size: 0px; }
form .fieldList ul li .input .additional .note { position: absolute; left: 0%; top: 0px; text-align: center; }
form .fieldList ul li .input .additional a::before { content: "|"; color: rgb(212, 212, 212); cursor: default; pointer-events: none; margin: 0px 0.5em; }
form .fieldList ul li .input .additional a:first-child::before { content: none; }
form .fieldList ul li:last-child { margin-bottom: 0px ! important; }
.paragraph p.reminder { color: rgb(102, 102, 102); }
.paragraph > :last-child { margin-bottom: 0px ! important; }
.paragraph:last-child { margin-bottom: 0px ! important; }
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
  form .fieldList { margin-bottom: 30px; }
  form .fieldList ul li { margin-bottom: 20px; }
  form .fieldList ul li > label { font-size: 16px; width: 242px; line-height: 40px; }
  form .fieldList ul li > label.small { width: 105px; }
  form .fieldList ul li .input { font-size: 16px; }
  form .fieldList ul li .input select, form .fieldList ul li .input input[type="text"], form .fieldList ul li .input input[type="password"], form .fieldList ul li .input input[type="number"], form .fieldList ul li .input textarea { border-radius: 5px; padding: 0px 10px; min-width: 250px; }
  form .fieldList ul li .input select, form .fieldList ul li .input input[type="text"], form .fieldList ul li .input select, form .fieldList ul li .input input[type="password"], form .fieldList ul li .input input[type="number"] { line-height: 40px; height: 40px; }
  form .fieldList ul li .input .select::before, form .fieldList ul li .input .select::after { width: 26px; }
  form .fieldList ul li .input .select select { padding-right: 36px; }
  form .fieldList ul li .input .select::after { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
  form .fieldList ul li .input span { line-height: 40px; }
  form .fieldList ul li .input a { font-size: 16px; }
  form .fieldList ul li .input .additional { padding-left: 20px; }
  form .fieldList ul li .input .additional .note { font-size: 20px; }
  form .fieldList ul li .input .additional select { font-size: 16px; }
  .paragraph { margin-bottom: 30px; }
  .paragraph p { padding: 0px 30px; margin-bottom: 15px; font-size: 16px; }
  .paragraph p.small { font-size: 14px; }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  form .fieldList { margin-bottom: 2.34375vw; }
  form .fieldList ul li { margin-bottom: 1.5625vw; }
  form .fieldList ul li > label { font-size: 1.25vw; width: 18.9063vw; line-height: 3.125vw; }
  form .fieldList ul li > label.small { width: 8.20313vw; }
  form .fieldList ul li .input { font-size: 1.25vw; }
  form .fieldList ul li .input select, form .fieldList ul li .input input[type="text"], form .fieldList ul li .input input[type="number"], form .fieldList ul li .input textarea { border-radius: 0.39063vw; padding: 0px 0.78125vw; min-width: 19.5313vw; }
  form .fieldList ul li .input select, form .fieldList ul li .input input[type="text"], form .fieldList ul li .input input[type="number"] { line-height: 3.125vw; height: 3.125vw; }
  form .fieldList ul li .input .select::before, form .fieldList ul li .input .select::after { width: 2.03125vw; }
  form .fieldList ul li .input .select select { padding-right: 2.8125vw; }
  form .fieldList ul li .input .select::after { border-top-right-radius: 0.39063vw; border-bottom-right-radius: 0.39063vw; }
  form .fieldList ul li .input span { line-height: 3.125vw; }
  form .fieldList ul li .input a { font-size: 1.25vw; }
  form .fieldList ul li .input .additional { padding-left: 1.5625vw; }
  form .fieldList ul li .input .additional .note { font-size: 1.5625vw; }
  form .fieldList ul li .input .additional select { font-size: 1.25vw; }
  .paragraph { margin-bottom: 2.34375vw; }
  .paragraph p { padding: 0px 2.34375vw; margin-bottom: 1.17188vw; font-size: 1.25vw; }
  .paragraph p.small { font-size: 1.09375vw; }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  form .fieldList { margin-bottom: 2.34375vw; }
  form .fieldList ul li { margin-bottom: 1.5625vw; }
  form .fieldList ul li > label { font-size: 1.25vw; width: 18.9063vw; line-height: 3.125vw; }
  form .fieldList ul li > label.small { width: 8.20313vw; }
  form .fieldList ul li .input { font-size: 1.25vw; }
  form .fieldList ul li .input select, form .fieldList ul li .input input[type="text"], form .fieldList ul li .input input[type="number"], form .fieldList ul li .input textarea { border-radius: 0.39063vw; padding: 0px 0.78125vw; min-width: 19.5313vw; }
  form .fieldList ul li .input select, form .fieldList ul li .input input[type="text"], form .fieldList ul li .input input[type="number"] { line-height: 3.125vw; height: 3.125vw; }
  form .fieldList ul li .input .select::before, form .fieldList ul li .input .select::after { width: 2.03125vw; }
  form .fieldList ul li .input .select select { padding-right: 2.8125vw; }
  form .fieldList ul li .input .select::after { border-top-right-radius: 0.39063vw; border-bottom-right-radius: 0.39063vw; }
  form .fieldList ul li .input span { line-height: 3.125vw; }
  form .fieldList ul li .input a { font-size: 1.25vw; }
  form .fieldList ul li .input .additional { padding-left: 1.5625vw; }
  form .fieldList ul li .input .additional .note { font-size: 1.5625vw; }
  form .fieldList ul li .input .additional select { font-size: 1.25vw; }
  .paragraph { margin-bottom: 2.34375vw; }
  .paragraph p { padding: 0px 2.34375vw; margin-bottom: 1.17188vw; font-size: 1.25vw; }
  .paragraph p.small { font-size: 1.09375vw; }
}
@media only screen and (max-width: 640px) {
  form .fieldList { margin-bottom: 5vw; }
  form .fieldList ul li { margin-bottom: 5vw; }
  form .fieldList ul li > label { font-size: 3.7vw; width: 100%; line-height: 1.25em; margin-bottom: 2vw; }
  form .fieldList ul li > label.small { width: 100%; }
  form .fieldList ul li .input { font-size: 0vw; width: 100%; }
  form .fieldList ul li .input select, form .fieldList ul li .input input[type="text"], form .fieldList ul li .input input[type="number"], form .fieldList ul li .input textarea { border-radius: 1vw; padding: 0px 3vw; min-width: 0px; width: 100%; font-size: 3.7vw; }
  form .fieldList ul li .input select, form .fieldList ul li .input input[type="text"], form .fieldList ul li .input input[type="number"] { line-height: 11.11vw; height: 11.11vw; }
  form .fieldList ul li .input .select { width: 100%; }
  form .fieldList ul li .input .select::before, form .fieldList ul li .input .select::after { width: 6.67vw; }
  form .fieldList ul li .input .select select { padding-right: 10vw; }
  form .fieldList ul li .input .select::after { border-top-right-radius: 1vw; border-bottom-right-radius: 1vw; }
  form .fieldList ul li .input span { font-size: 3.7vw; }
  form .fieldList ul li .input a { font-size: 3.7vw; line-height: 1.25em; text-align: center; display: inline-block; margin-left: 0px; margin-top: 3vw; }
  form .fieldList ul li .input > * { margin-bottom: 0px; }
  form .fieldList ul li .input .additional { width: 100%; margin-top: 3vw; text-align: center; }
  form .fieldList ul li .input .additional .note { position: static; width: 15%; font-size: 5vw; }
  form .fieldList ul li .input .additional select { width: 85%; }
  form .fieldList ul li:last-child { position: static; }
  .paragraph { margin-bottom: 5vw; }
  .paragraph p { padding: 0px 3vw; margin-bottom: 2vw; font-size: 3.7vw; }
  .paragraph p.small { font-size: 2.96vw; }
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
.wrapper { transform-origin: 0% 0% 0px; opacity: 1; }
.frame { width: 100%; max-width: 1280px; margin: 0px auto; }
.heading { font-family: "DINMittelschriftStd",sans-serif; font-weight: 100; line-height: 1.25em; text-transform: uppercase; position: relative; text-align: center; margin-left: auto; margin-right: auto; }
.heading::after { content: " "; background-color: rgb(252, 175, 23); position: absolute; bottom: 0px; left: 50%; }
.heading.simple { margin-bottom: 0px ! important; }
.heading.simple::after { content: none; }
@media only screen and (min-width: 1280px) {
  .heading { font-size: 36px; padding: 0px 25px 15px 30px; margin-bottom: 15px; letter-spacing: 5px; }
  .heading::after { width: 200px; height: 4px; margin-left: -100px; }
  .heading.small { font-size: 30px; }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  .heading { font-size: 2.8125vw; padding: 0px 1.95313vw 1.17188vw 2.34375vw; margin-bottom: 1.17188vw; letter-spacing: 0.39063vw; }
  .heading::after { width: 15.625vw; height: 0.3125vw; margin-left: -7.8125vw; }
  .heading.small { font-size: 2.34375vw; }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  .heading { font-size: 2.8125vw; padding: 0px 1.95313vw 1.17188vw 2.34375vw; margin-bottom: 1.17188vw; letter-spacing: 0.39063vw; }
  .heading::after { width: 15.625vw; height: 0.3125vw; margin-left: -7.8125vw; }
  .heading.small { font-size: 2.34375vw; }
}
@media only screen and (max-width: 640px) {
  .heading { font-size: 5.18vw; padding: 0px 0px 3vw 0.5vw; margin-bottom: 2.5vw; letter-spacing: 0.5vw; }
  .heading::after { width: 140px; height: 3px; margin-left: -70px; }
}
header { width: 100%; z-index: 101; left: 0px; position: relative; }
header .front { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 2; transition-duration: 0.5s; }
header .front .frame { height: 100%; position: relative; }
header .front .frame #btn-menu-mobile { display: none; }
header .front .frame .netvigator { display: inline-block; position: absolute; height: 100%; top: 0px; }
header .front .frame .account { position: absolute; height: 100%; display: inline-block; top: 0px; }
header .front .frame .account > ul { height: 100%; position: relative; display: block; }
header .front .frame .account > ul > li { position: relative; top: 50%; transform: translate(0px, -50%); opacity: 1; }
header .front .frame .account > ul > li > a { display: block; width: 100%; height: 100%; }
header .front .frame .account > ul > li::after { content: " "; position: absolute; left: 50%; bottom: 0px; width: 0%; height: 5px; background-color: rgb(252, 175, 23); transition-duration: 0.3s; transform: translate(-50%, 0px); z-index: 1; }
header .front .frame .account > ul > li:first-child { margin-left: 0px; }
header .front .frame .account > ul::before { content: " "; position: absolute; left: 0px; top: 30%; height: 40%; width: 1px; background-color: rgb(102, 102, 102); }
header nav { position: relative; z-index: 1; }
header nav .mainMenu { position: fixed; z-index: 2; width: 100%; background-color: rgb(35, 35, 35); transition-duration: 0.5s; }
header nav .mainMenu > .frame { height: 100%; position: relative; text-align: right; font-size: 0px; }
header nav .mainMenu > .frame > ul { height: 100%; display: block; }
header nav .mainMenu > .frame > ul > li { height: 100%; position: relative; }
header nav .mainMenu > .frame > ul > li .category { color: rgb(255, 255, 255); display: block; height: 100%; }
header nav .mainMenu > .frame > ul > li .subMenu { position: fixed ! important; width: 100%; background-color: rgb(35, 35, 35); transition-duration: 0.5s; overflow: hidden; left: 0px; }
header nav .mainMenu > .frame > ul > li .subMenu .frame ul li { font-size: 0px; text-align: center; }
header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div { display: inline-block; }
header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div a { color: rgb(255, 255, 255); transition-duration: 0.3s; display: block; }
header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div a:hover { color: rgb(252, 175, 23); }
header nav .mainMenu > .frame > ul > li::after { content: " "; position: absolute; left: 50%; bottom: 0px; width: 0%; height: 5px; background-color: rgb(252, 175, 23); transition-duration: 0.5s; transform: translate(-50%, 0px); pointer-events: none; }
header nav .mainMenu > .frame > ul > li:first-child { margin-left: 0px ! important; }
header nav .mainMenu::after { content: " "; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 2px; background-color: rgb(252, 175, 23); pointer-events: none; z-index: 3; }
header nav .information { background-color: rgb(2, 2, 2); width: 100%; position: fixed; z-index: 1; top: 0px; left: 0px; transition-duration: 0.5s; }
header nav .information .frame { text-align: right; }
header nav .information .frame ul li { display: inline-block; color: rgb(255, 255, 255); opacity: 0.6; position: relative; }
header nav .information .frame ul li a, header nav .information .frame ul li input[type="text"] { display: block; height: 100%; color: rgb(255, 255, 255); box-sizing: border-box; position: relative; z-index: 2; }
header nav .information .frame ul li .icon { background-size: auto 100%; background-position: left center; position: absolute; z-index: 1; left: 0px; top: 0px; }
header nav .information .frame ul li:first-child { margin-left: 0px ! important; }
header nav .information .frame ul li.search form .input { position: relative; }
header nav .information .frame ul li.search form .input input[type="text"] { background-color: transparent; transition: all 0.5s ease 0s; }
header nav .information .frame ul li.search form .input input[type="text"]:-moz-placeholder { color: rgb(255, 255, 255); }
header nav .information .frame ul li.search form .input input[type="text"]::-moz-placeholder { color: rgb(255, 255, 255); }
header nav .information .frame ul li.search form .input::after { content: " "; position: absolute; bottom: 0px; left: 0px; width: 55%; height: 1px; background-color: rgb(255, 255, 255); transition: all 0.5s ease 0s; opacity: 0; }
header.lite .front { position: fixed; top: 0px ! important; }
header.lite nav .mainMenu { position: fixed; top: 0px ! important; }
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
  header { height: 114px; top: 0px; }
  header .front { top: 36px; }
  header .front .frame .netvigator { width: 225px; height: 78px; left: 65px; }
  header .front .frame .account { right: 65px; height: 78px; }
  header .front .frame .account > ul { margin-left: 36px; padding-left: 36px; height: 78px; }
  header .front .frame .account > ul > li { width: 46px; height: 78px; margin-left: 15px; }
  header nav { height: 114px; }
  header nav .mainMenu { height: 78px; top: 36px; }
  header nav .mainMenu > .frame { padding: 0px 65px; }
  header nav .mainMenu > .frame > ul { margin-right: 180px; }
  header nav .mainMenu > .frame > ul > li { padding: 0px 10px; margin-left: 16px; }
  header nav .mainMenu > .frame > ul > li .category { font-size: 20px; line-height: 78px; }
  header nav .mainMenu > .frame > ul > li .subMenu { top: 114px; height: 0px; display: block ! important; }
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div { height: 76px; padding: 0px 15px; }
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div a { font-size: 18px; line-height: 76px; height: 76px; }
  header nav .information { height: 36px; }
  header nav .information .frame { padding: 0px 65px; }
  header nav .information .frame ul li { height: 36px; font-size: 14px; line-height: 36px; margin-left: 25px; }
  header nav .information .frame ul li a, header nav .information .frame ul li input[type="text"] { padding-left: 36px; font-size: 14px; line-height: 36px; height: 36px; }
  header nav .information .frame ul li .icon { height: 36px; width: 36px; }
  header nav .information .frame ul li.search form .input input[type="text"] { width: 80px; }
  header nav .information .frame ul li.search form .input::after { margin-left: 36px; bottom: 5px; }
  header nav .information::before { height: 36px; }
  header.lite .front { position: fixed; top: 0px ! important; }
  header.lite nav .mainMenu { position: fixed; top: 0px ! important; }
  header.lite nav .mainMenu .frame > ul > li .subMenu { top: 78px; }
  header.lite nav .information { top: -36px; }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  header { height: 8.90625vw; top: 0vw; }
  header .front { top: 2.8125vw; }
  header .front .frame .netvigator { width: 17.5781vw; height: 6.09375vw; left: 5.07813vw; }
  header .front .frame .account { right: 5.07813vw; height: 6.09375vw; }
  header .front .frame .account > ul { margin-left: 2.8125vw; padding-left: 2.8125vw; height: 6.09375vw; }
  header .front .frame .account > ul > li { width: 3.59375vw; height: 6.09375vw; margin-left: 1.17188vw; }
  header nav { height: 8.90625vw; }
  header nav .mainMenu { height: 6.09375vw; top: 2.8125vw; }
  header nav .mainMenu > .frame { padding: 0px 5.07813vw; }
  header nav .mainMenu > .frame > ul { margin-right: 14.0625vw; }
  header nav .mainMenu > .frame > ul > li { padding: 0px 0.78125vw; margin-left: 1.25vw; }
  header nav .mainMenu > .frame > ul > li .category { font-size: 1.5625vw; line-height: 6.09375vw; }
  header nav .mainMenu > .frame > ul > li .subMenu { top: 8.90625vw; height: 0vw; display: block ! important; }
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div { height: 5.9375vw; padding: 0px 1.17188vw; }
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div a { font-size: 1.40625vw; line-height: 5.9375vw; height: 5.9375vw; }
  header nav .information { height: 2.8125vw; top: 0vw; }
  header nav .information .frame { padding: 0px 5.07813vw; }
  header nav .information .frame ul li { height: 2.8125vw; font-size: 1.09375vw; line-height: 2.8125vw; margin-left: 1.95313vw; }
  header nav .information .frame ul li a, header nav .information .frame ul li input[type="text"] { padding-left: 2.8125vw; font-size: 1.09375vw; line-height: 2.8125vw; height: 2.8125vw; }
  header nav .information .frame ul li .icon { height: 2.8125vw; width: 2.8125vw; }
  header nav .information .frame ul li.search form .input input[type="text"] { width: 6.25vw; }
  header nav .information .frame ul li.search form .input::after { margin-left: 2.8125vw; bottom: 0.39063vw; }
  header nav .information::before { height: 2.8125vw; }
  header.lite .front { position: fixed; top: 0vw ! important; }
  header.lite nav .mainMenu { position: fixed; top: 0vw ! important; }
  header.lite nav .mainMenu .frame > ul > li .subMenu { top: 6.09375vw; }
  header.lite nav .information { top: -2.8125vw; }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  header { height: 8.90625vw; top: 0vw; }
  header .front { top: 2.8125vw; }
  header .front .frame .netvigator { width: 17.5781vw; height: 6.09375vw; left: 5.07813vw; }
  header .front .frame .account { right: 5.07813vw; height: 6.09375vw; }
  header .front .frame .account > ul { margin-left: 2.8125vw; padding-left: 2.8125vw; height: 6.09375vw; }
  header .front .frame .account > ul > li { width: 3.59375vw; height: 6.09375vw; margin-left: 1.17188vw; }
  header nav { height: 8.90625vw; }
  header nav .mainMenu { height: 6.09375vw; top: 2.8125vw; }
  header nav .mainMenu > .frame { padding: 0px 5.07813vw; }
  header nav .mainMenu > .frame > ul { margin-right: 14.0625vw; }
  header nav .mainMenu > .frame > ul > li { padding: 0px 0.78125vw; margin-left: 1.25vw; }
  header nav .mainMenu > .frame > ul > li .category { font-size: 1.5625vw; line-height: 6.09375vw; }
  header nav .mainMenu > .frame > ul > li .subMenu { top: 8.90625vw; height: 0vw; display: block ! important; }
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div { height: 5.9375vw; padding: 0px 1.17188vw; }
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div a { font-size: 1.40625vw; line-height: 5.9375vw; height: 5.9375vw; }
  header nav .information { height: 2.8125vw; top: 0vw; }
  header nav .information .frame { padding: 0px 5.07813vw; }
  header nav .information .frame ul li { height: 2.8125vw; font-size: 1.09375vw; line-height: 2.8125vw; margin-left: 1.95313vw; }
  header nav .information .frame ul li a, header nav .information .frame ul li input[type="text"] { padding-left: 2.8125vw; font-size: 1.09375vw; line-height: 2.8125vw; height: 2.8125vw; }
  header nav .information .frame ul li .icon { height: 2.8125vw; width: 2.8125vw; }
  header nav .information .frame ul li.search form .input input[type="text"] { width: 6.25vw; }
  header nav .information .frame ul li.search form .input::after { margin-left: 2.8125vw; bottom: 0.39063vw; }
  header nav .information::before { height: 2.8125vw; }
  header.lite .front { position: fixed; top: 0vw ! important; }
  header.lite nav .mainMenu { position: fixed; top: 0vw ! important; }
  header.lite nav .mainMenu .frame > ul > li .subMenu { top: 6.09375vw; }
  header.lite nav .information { top: -2.8125vw; }
}
@media only screen and (max-width: 640px) {
  header { padding-top: 0px; height: 12.96vw; top: 0vw; position: fixed; }
  header .front { height: 12.96vw; background-color: rgb(31, 31, 31); position: static; z-index: 11; }
  header .front .frame #btn-menu-mobile { width: 6.96vw; height: 4.96vw; position: fixed; z-index: 13; left: 0px; top: 0px; margin: 4vw 3vw; cursor: pointer; display: block; }
  header .front .frame .netvigator { width: 33vw; height: 12.96vw; display: block; position: fixed; margin: 0px 0px 0px -16.5vw; left: 50%; z-index: 13; }
  header .front .frame .account { right: 0px; top: 0px; }
  header .front .frame .account > ul { margin-left: 0px; padding-left: 0px; position: relative; height: 12.96vw; z-index: 13; }
  header .front .frame .account > ul > li { width: 12.96vw; height: 12.96vw; margin-left: 0px; background-size: 73% auto; top: 0%; transform: none; position: relative; }
  header .front .frame .account > ul > li::after { content: none; }
  header .front .frame .account > ul::before { content: none; }
  header .front::after { content: " "; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 2px; background-color: rgb(252, 175, 23); pointer-events: none; z-index: 15; transition-duration: 0.575s; }
  header nav { position: fixed; height: 0%; width: 100%; background-color: rgb(35, 35, 35); overflow: hidden; transition-duration: 0.75s; top: 0px; z-index: 10; }
  header nav::before { content: " "; position: fixed; height: 25.92vw; display: block; width: 100%; background-color: rgb(31, 31, 31); z-index: 12; top: -12.96vw; }
  header nav .mainMenu { position: static; background-color: transparent; }
  header nav .mainMenu > .frame { padding: 12.96vw 8.33vw 0px; }
  header nav .mainMenu > .frame > ul { display: block; width: 100%; padding: 5vw 0px 3vw; }
  header nav .mainMenu > .frame > ul > li { padding: 0px; margin-left: 0px; display: block; text-align: left; width: 100%; }
  header nav .mainMenu > .frame > ul > li .category { font-size: 5.55vw; line-height: 14.8vw; position: relative; padding-right: 5vw; }
  header nav .mainMenu > .frame > ul > li .category.parent::before, header nav .mainMenu > .frame > ul > li .category.parent::after { content: " "; position: absolute; right: 2vw; border: 1.8vw solid transparent; top: 50%; transform: translateY(-25%); transition-duration: 1s; transition-property: transform; }
  header nav .mainMenu > .frame > ul > li .category.parent::before { z-index: 1; border-top-color: rgba(255, 255, 255, 0.75); }
  header nav .mainMenu > .frame > ul > li .category.parent::after { z-index: 2; border-top-color: rgb(35, 35, 35); margin-top: -3px; }
  header nav .mainMenu > .frame > ul > li .subMenu { position: relative ! important; transition-duration: 0s; overflow: hidden; margin-bottom: 0px; height: auto; display: none; }
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul { margin-bottom: 5vw; }
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div { height: 10vw; display: block; }
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div a { font-size: 4.44vw; line-height: 10vw; height: 10vw; text-align: left; padding-left: 5vw; }
  header nav .mainMenu > .frame > ul > li::after { width: 100%; height: 1px; background-color: rgb(102, 102, 102); }
  header nav .mainMenu::after { content: none; }
  header nav .information { height: auto; position: static; background-color: transparent; padding-bottom: 10vw; }
  header nav .information .frame { padding: 0px 8.33vw; }
  header nav .information .frame ul li { height: 11.11vw; font-size: 4.44vw; line-height: 11.11vw; margin-left: 0px; display: block; width: 100%; text-align: left; }
  header nav .information .frame ul li a { padding-left: 11.11vw; font-size: 4.44vw; line-height: 11.11vw; }
  header nav .information .frame ul li .icon { height: 11.11vw; width: 11.11vw; }
  header nav .information .frame ul li.search form .input { padding-left: 11.11vw; }
  header nav .information .frame ul li.search form .input input[type="text"] { width: 100%; font-size: 4.44vw; height: 11.11vw; line-height: 11.11vw; }
  header nav .information .frame ul li.search form .input::after { margin-left: 11.11vw; bottom: 1vw; }
  header nav .information::before { content: none; }
  header::after { z-index: 13; }
  header.lite nav .mainMenu { position: static; }
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
.sitemap { background-color: rgb(245, 245, 245); }
.sitemap .frame { font-size: 0px; position: relative; }
.sitemap .frame .col { display: inline-block; vertical-align: top; }
.sitemap .frame .col nav .name { line-height: 1.25em; }
.sitemap .frame .col nav .name a { color: rgb(0, 0, 0); }
.sitemap .frame .col nav .name a:hover { color: rgb(0, 0, 0); }
.sitemap .frame .col nav ul li a { line-height: 1.25em; color: rgb(153, 153, 153); display: block; transition-duration: 0.3s; }
.sitemap .frame .col nav ul li a:hover { color: rgb(0, 0, 0); }
.sitemap .frame .col nav:last-child { margin-bottom: 0px; }
.sitemap .frame .col:first-child { margin-left: 0px; }
.sitemap .frame .col.social { position: absolute; height: 80%; }
.sitemap .frame .col.social nav ul li { border-radius: 50%; }
.sitemap .frame .col.social nav ul li a { display: block; width: 100%; height: 100%; }
.sitemap .frame .col.social::before { content: " "; position: absolute; left: 0px; top: 0px; width: 1px; height: 100%; background-color: rgb(217, 217, 217); }
footer { background-color: rgb(255, 255, 255); }
footer .frame { position: relative; text-align: center; }
footer .frame nav ul li { position: relative; }
footer .frame nav ul li a { line-height: 1.25em; color: rgb(91, 91, 91); }
footer .frame nav ul li::before { content: " "; position: absolute; left: 0px; top: 0px; width: 1px; height: 100%; background-color: rgb(91, 91, 91); }
footer .frame nav ul li:first-child::before { content: none; }
footer .frame .copyright { line-height: 1.25em; color: rgb(91, 91, 91); }
footer .frame .hkt { position: absolute; }
footer .frame .pccw { position: absolute; }
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
  .sitemap .frame { padding: 28px 65px; }
  .sitemap .frame .col { margin-left: 50px; }
  .sitemap .frame .col nav { margin-bottom: 15px; }
  .sitemap .frame .col nav .name { font-size: 12px; margin-bottom: 5px; }
  .sitemap .frame .col nav ul { display: block ! important; }
  .sitemap .frame .col nav ul li a { font-size: 12px; margin-bottom: 5px; }
  .sitemap .frame .col.social { padding-left: 50px; right: 65px; top: 28px; }
  .sitemap .frame .col.social nav ul { padding-top: 15px; }
  .sitemap .frame .col.social nav ul li { width: 35px; height: 35px; margin-bottom: 15px; }
  .sitemap .frame .col.social nav ul li:nth-child(2n+2) { margin-left: 15px; }
  footer .frame { padding: 23px 0px 27px; }
  footer .frame nav { margin-bottom: 5px; }
  footer .frame nav ul li a { font-size: 11px; padding: 0px 5px 0px 6px; }
  footer .frame .copyright { font-size: 11px; }
  footer .frame .hkt { left: 65px; top: 19px; width: 193px; height: 40px; }
  footer .frame .pccw { right: 65px; top: 41px; width: 142px; height: 11px; }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  .sitemap .frame { padding: 2.1875vw 5.07813vw; }
  .sitemap .frame .col { margin-left: 3.90625vw; }
  .sitemap .frame .col nav { margin-bottom: 1.17188vw; }
  .footersep { margin-bottom: 1.17188vw; }
  .sitemap .frame .col nav .name { font-size: 0.9375vw; margin-bottom: 0.39063vw; }
  .sitemap .frame .col nav ul { display: block ! important; }
  .sitemap .frame .col nav ul li a { font-size: 0.9375vw; margin-bottom: 0.39063vw; }
  .sitemap .frame .col.social { padding-left: 3.90625vw; right: 5.07813vw; top: 2.1875vw; }
  .sitemap .frame .col.social nav ul { padding-top: 1.17188vw; }
  .sitemap .frame .col.social nav ul li { width: 2.73438vw; height: 2.73438vw; margin-bottom: 1.17188vw; }
  .sitemap .frame .col.social nav ul li:nth-child(2n+2) { margin-left: 1.17188vw; }
  footer .frame { padding: 1.79688vw 0px 2.10938vw; }
  footer .frame nav { margin-bottom: 0.39063vw; }
  footer .frame nav ul li a { font-size: 0.85938vw; padding: 0px 0.39063vw 0px 0.46875vw; }
  footer .frame .copyright { font-size: 0.85938vw; }
  footer .frame .hkt { left: 5.07813vw; top: 1.48438vw; width: 15.0781vw; height: 3.125vw; }
  footer .frame .pccw { right: 5.07813vw; top: 3.20313vw; width: 11.0938vw; height: 0.85938vw; }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  .sitemap .frame { padding: 2.1875vw 5.07813vw; }
  .sitemap .frame .col { margin-left: 3.90625vw; }
  .sitemap .frame .col nav { margin-bottom: 1.17188vw; }
  .footersep { margin-bottom: 1.17188vw; }
  .sitemap .frame .col nav .name { font-size: 0.9375vw; margin-bottom: 0.39063vw; }
  .sitemap .frame .col nav ul { display: block ! important; }
  .sitemap .frame .col nav ul li a { font-size: 0.9375vw; margin-bottom: 0.39063vw; }
  .sitemap .frame .col.social { padding-left: 3.90625vw; right: 5.07813vw; top: 2.1875vw; }
  .sitemap .frame .col.social nav ul { padding-top: 1.17188vw; }
  .sitemap .frame .col.social nav ul li { width: 2.73438vw; height: 2.73438vw; margin-bottom: 1.17188vw; }
  .sitemap .frame .col.social nav ul li:nth-child(2n+2) { margin-left: 1.17188vw; }
  footer .frame { padding: 1.79688vw 0px 2.10938vw; }
  footer .frame nav { margin-bottom: 0.39063vw; }
  footer .frame nav ul li a { font-size: 0.85938vw; padding: 0px 0.39063vw 0px 0.46875vw; }
  footer .frame .copyright { font-size: 0.85938vw; }
  footer .frame .hkt { left: 5.07813vw; top: 1.48438vw; width: 15.0781vw; height: 3.125vw; }
  footer .frame .pccw { right: 5.07813vw; top: 3.20313vw; width: 11.0938vw; height: 0.85938vw; }
}
@media only screen and (max-width: 640px) {
  .sitemap .frame { padding: 4vw 4vw 0px; }
  .sitemap .frame .col { margin-left: 0px; display: block; }
  .sitemap .frame .col nav { margin-bottom: 0px; border-bottom: 1px solid rgb(236, 236, 236); }
  .sitemap .frame .col nav .name { padding: 0px 5vw 0px 1vw; font-size: 3.33vw; line-height: 9.25vw; margin-bottom: 0px; font-weight: normal; }
  .sitemap .frame .col nav ul { display: none; padding-bottom: 5vw; }
  .sitemap .frame .col nav ul li { padding: 0px 5vw; }
  .sitemap .frame .col nav ul li a { font-size: 3vw; margin-bottom: 2vw; }
  .sitemap .frame .col nav.parent { position: relative; }
  .sitemap .frame .col nav.parent::after { content: "+"; font-size: 5vw; position: absolute; right: 1vw; top: 0.5vw; color: rgb(102, 102, 102); font-family: "Roboto-Thin"; text-align: center; width: 2.5vw; display: block; }
  .sitemap .frame .col.social { right: 0px; top: 0px; display: block; position: static; }
  .sitemap .frame .col.social nav { position: relative; border-bottom: medium none; }
  .sitemap .frame .col.social nav .name { font-size: 3vw; line-height: 12.6vw; color: rgb(153, 153, 153); }
  .sitemap .frame .col.social nav ul { display: block; height: inherit; position: absolute; top: 3vw; right: 2vw; }
  .sitemap .frame .col.social nav ul li { width: 6.48vw; height: 6.48vw; padding: 0px; margin-bottom: 0px; margin-left: 3vw; }
  .sitemap .frame .col.social nav ul li:nth-child(2n+2) { margin-left: 3vw; }
  .sitemap .frame .col.social::before { content: none; }
  footer .frame { padding: 5vw 0px 15vw; }
  footer .frame nav { margin-bottom: 0px; }
  footer .frame nav ul li { margin-bottom: 1vw; }
  footer .frame nav ul li a { font-size: 2vw; padding: 0px 1vw; }
  footer .frame .copyright { font-size: 2vw; }
  footer .frame .hkt { left: 4vw; top: 20vw; width: 31.11vw; height: 6.48vw; }
  footer .frame .pccw { right: 4vw; top: 23.5vw; width: 22.96vw; height: 1.85vw; }
  footer::after { content: " "; background-color: rgb(255, 255, 255); height: 15vw; width: 100%; display: block; }
}
#main { position: relative; z-index: 1; }
#main #visual { background-color: rgb(2, 2, 2); position: relative; }
#main #visual .base { position: absolute; width: 100%; bottom: 0px; left: 0px; z-index: 20; }
#main #visual .base .pageMenu { background-color: rgb(255, 255, 255); margin: 0px auto; position: absolute; z-index: 3; top: 0px; left: 50%; width: 100%; transform: translate(-50%, 0px); }
#main #visual .base .pageMenu .frame { position: relative; }
#main #visual .base .pageMenu .frame .name { position: absolute; left: 0px; top: 0px; font-family: "Roboto-Medium",sans-serif; line-height: 1.25em; }
#main #visual .base .pageMenu .frame .current { display: none; }
#main #visual .base .pageMenu .frame ul { text-align: right; }
#main #visual .base .pageMenu .frame ul li { position: relative; text-align: center; }
#main #visual .base .pageMenu .frame ul li a { display: block; transition-duration: 0.3s; color: rgb(0, 0, 0); }
#main #visual .base .pageMenu .frame ul li:first-child { margin-left: 0px; }
#main #visual .base .pageMenu .frame ul li.active::before { content: " "; position: absolute; top: 0px; left: 0px; height: 4px; background-color: rgb(252, 175, 23); width: 100%; }
#main #visual .base .pageMenu .frame ul li:hover a { color: rgb(252, 175, 23); }
#main #visual .base .pageMenu.pin { position: fixed; z-index: 100; margin: 0px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05); transition-property: box-shadow; max-width: none; width: 100%; }
#main #visual .base .pageMenu.pin::before { content: " "; position: absolute; background-color: rgb(255, 255, 255); width: 100%; height: 200%; bottom: 100%; left: 0px; }
#main #visual .infoBlock { margin-bottom: 0px; }
#main.smallPageTop #visual .infoBlock.fullWidth { min-height: 0px; }
#main.smallPageTop #visual .infoBlock.fullWidth .frame .content { padding-top: 0px; }
#main.smallPageTop #visual .infoBlock.fullWidth .frame .content .image, #main.smallPageTop #visual .infoBlock.fullWidth .frame .content .icon { display: none; }
#main.smallPageTop #visual .infoBlock.fullWidth .frame .content .desc { display: none; }
@media only screen and (min-width: 1280px) {
  #main {  }
  #main::before { height: 114px; }
  #main #visual .base { min-height: 60px; }
  #main #visual .base .pageMenu { height: 60px; max-width: 1150px; }
  #main #visual .base .pageMenu .frame { padding: 0px 45px; }
  #main #visual .base .pageMenu .frame .name { line-height: 60px; left: 45px; font-size: 20px; }
  #main #visual .base .pageMenu .frame ul li { margin-left: 30px; }
  #main #visual .base .pageMenu .frame ul li a { font-size: 18px; line-height: 60px; }
  #main #visual .base .pageMenu.pin { top: 78px; }
  #main #visual .base .pageMenu.pin .frame { padding: 0px 110px; }
  #main #visual .base .pageMenu.pin .frame .name { left: 110px; }
  #main #visual .infoBlock.fullWidth .frame { min-height: 480px; height: 480px; }
  #main #visual .infoBlock.fullWidth .frame .content { padding-top: 50px; padding-bottom: 110px; }
  #main.smallPageTop #visual .infoBlock.fullWidth .frame { min-height: 220px; height: 220px; }
  #main.smallPageTop #visual .infoBlock.fullWidth .frame .content { padding-bottom: 60px; }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  #main {  }
  #main::before { height: 8.90625vw; }
  #main #visual .base { min-height: 4.6875vw; }
  #main #visual .base .pageMenu { height: 4.6875vw; max-width: 89.8%; }
  #main #visual .base .pageMenu .frame { padding: 0px 3.51563vw; }
  #main #visual .base .pageMenu .frame .name { line-height: 4.6875vw; left: 3.51563vw; font-size: 1.5625vw; }
  #main #visual .base .pageMenu .frame ul li { margin-left: 2.34375vw; }
  #main #visual .base .pageMenu .frame ul li a { font-size: 1.40625vw; line-height: 4.6875vw; }
  #main #visual .base .pageMenu.pin { top: 6.09375vw; }
  #main #visual .base .pageMenu.pin .frame { padding: 0px 8.59375vw; }
  #main #visual .base .pageMenu.pin .frame .name { left: 8.59375vw; }
  #main #visual .infoBlock.fullWidth .frame { min-height: 37.5vw; height: 37.5vw; }
  #main #visual .infoBlock.fullWidth .frame .content { padding-top: 3.90625vw; padding-bottom: 8.59375vw; }
  #main.smallPageTop #visual .infoBlock.fullWidth .frame { min-height: 17.1875vw; height: 17.1875vw; }
  #main.smallPageTop #visual .infoBlock.fullWidth .frame .content { padding-bottom: 4.6875vw; }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  #main {  }
  #main::before { height: 8.90625vw; }
  #main #visual .base { min-height: 4.6875vw; }
  #main #visual .base .pageMenu { height: 4.6875vw; max-width: 89.8%; }
  #main #visual .base .pageMenu .frame { padding: 0px 3.51563vw; }
  #main #visual .base .pageMenu .frame .name { line-height: 4.6875vw; left: 3.51563vw; font-size: 1.5625vw; }
  #main #visual .base .pageMenu .frame ul li { margin-left: 2.34375vw; }
  #main #visual .base .pageMenu .frame ul li a { font-size: 1.40625vw; line-height: 4.6875vw; }
  #main #visual .base .pageMenu.pin { top: 6.09375vw; }
  #main #visual .base .pageMenu.pin .frame { padding: 0px 8.59375vw; }
  #main #visual .base .pageMenu.pin .frame .name { left: 8.59375vw; }
  #main #visual .infoBlock.fullWidth .frame { min-height: 37.5vw; height: 37.5vw; }
  #main #visual .infoBlock.fullWidth .frame .content { padding-top: 3.90625vw; padding-bottom: 8.59375vw; }
  #main.smallPageTop #visual .infoBlock.fullWidth .frame { min-height: 17.1875vw; height: 17.1875vw; }
  #main.smallPageTop #visual .infoBlock.fullWidth .frame .content { padding-bottom: 4.6875vw; }
}
@media only screen and (max-width: 640px) {
  #main {  }
  #main::before { height: 12.96vw; content: " "; display: block; width: 100%; background-color: rgb(2, 2, 2); }
  #main #visual { overflow: visible; }
  #main #visual .base { min-height: 12.96vw; position: relative; background-color: rgb(255, 255, 255); }
  #main #visual .base .pageMenu { padding: 0px; height: 12.96vw; max-width: 100vw; left: 0px; width: 100%; transform: translate(0px, 0px); background-size: 100% auto; background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(239, 239, 239)); cursor: pointer; z-index: 10; }
  #main #visual .base .pageMenu .frame .name { line-height: 12.96vw; padding: 0px 5vw; position: relative; z-index: 3; font-size: 3.7vw; }
  #main #visual .base .pageMenu .frame .name::before, #main #visual .base .pageMenu .frame .name::after { content: " "; position: absolute; right: 5vw; border: 1.8vw solid transparent; top: 50%; transform: translateY(-25%); transition-duration: 1s; transition-property: transform; }
  #main #visual .base .pageMenu .frame .name::before { z-index: 1; border-top-color: rgb(252, 175, 23); }
  #main #visual .base .pageMenu .frame .name::after { z-index: 2; border-top-color: rgb(248, 248, 248); margin-top: -4px; }
  #main #visual .base .pageMenu .frame .current { position: absolute; line-height: 12.96vw; font-size: 3.7vw; right: 11vw; top: 0px; display: inline-block; text-overflow: ellipsis; width: 63%; white-space: nowrap; overflow: hidden; text-align: right; }
  #main #visual .base .pageMenu .frame ul { position: absolute; left: 0px; top: 12.96vw; background-color: rgb(255, 255, 255); padding: 3vw 8.33vw; width: 100%; z-index: 2; box-shadow: 0px 1vw 1vw rgba(0, 0, 0, 0.15); display: none; box-sizing: border-box; }
  #main #visual .base .pageMenu .frame ul li { margin-left: 0px; display: block; text-align: left; border-bottom: 1px solid rgb(236, 236, 236); }
  #main #visual .base .pageMenu .frame ul li a { font-size: 4.44vw; line-height: 12.96vw; width: 100%; display: block; }
  #main #visual .base .pageMenu .frame ul li:last-child { border-bottom: medium none; }
  #main #visual .base .pageMenu .frame ul li.active a { color: rgb(170, 170, 170); }
  #main #visual .base .pageMenu .frame ul li.active::before { content: none; }
  #main #visual .base .pageMenu.pin { top: 12.96vw; }
  #main #visual .infoBlock.fullWidth .frame .content { padding-top: 10vw; padding-bottom: 10vw; }
  #main.smallPageTop #visual .infoBlock.fullWidth .frame { min-height: 23.14vw; height: 23.14vw; }
  #main.smallPageTop #visual .infoBlock.fullWidth .frame .content { padding-bottom: 0px; }
}
@media only screen and (max-width: 640px) and (orientation: landscape) {
  #main {  }
  #main #visual .base .pageMenu .frame .current { display: none; }
}
.segment { background-color: rgb(255, 255, 255); }
.segment .frame .btnGroup { text-align: center; }
.segment .frame > :last-child { margin-bottom: 0px ! important; }
.segment.gray { background-color: rgb(236, 236, 236); }
.segment.page { padding-top: 0px; }
.segment.page .frame .paper { background-color: rgb(255, 255, 255); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); }
.segment.page .frame .paper > :last-child { margin-bottom: 0px ! important; }
.segment.page .frame .paper.middle { text-align: center; }
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
  .segment { padding: 30px 0px; }
  .segment .frame .btnGroup { margin-bottom: 30px; }
  .segment.center > .frame { padding: 0px 65px; }
  .segment.page .frame .paper { padding: 25px 15px; }
  .segment.page .frame .paper .heading { margin-bottom: 30px; }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  .segment { padding: 2.34375vw 0px; }
  .segment .frame .btnGroup { margin-bottom: 2.34375vw; }
  .segment.center > .frame { padding: 0px 5.07813vw; }
  .segment.page .frame .paper { padding: 1.5625vw 1.17188vw; }
  .segment.page .frame .paper .heading { margin-bottom: 2.34375vw; }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  .segment { padding: 2.34375vw 0px; }
  .segment .frame .btnGroup { margin-bottom: 2.34375vw; }
  .segment.center > .frame { padding: 0px 5.07813vw; }
  .segment.page .frame .paper { padding: 1.5625vw 1.17188vw; }
  .segment.page .frame .paper .heading { margin-bottom: 2.34375vw; }
}
@media only screen and (max-width: 640px) {
  .segment { padding: 0px; }
  .segment .frame .btnGroup { padding: 5vw; margin-bottom: 5vw; }
  .segment.center > .frame { padding: 0px; }
  .segment.page { padding: 0px; }
  .segment.page .frame .paper { padding: 4vw; }
  .segment.page .frame .paper .heading { margin-bottom: 4vw; }
}
.plate { display: inline-block; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); text-align: left; }
@media only screen and (min-width: 1280px) {
  .plate { padding: 50px 80px; margin-bottom: 20px; }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  .plate { padding: 3.90625vw 6.25vw; margin-bottom: 1.5625vw; }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  .plate { padding: 3.90625vw 6.25vw; margin-bottom: 1.5625vw; }
}
@media only screen and (max-width: 640px) {
  .plate { padding: 5vw 3vw; margin-bottom: 5vw; }
  .plate .btnGroup { padding: 0px ! important; }
}
.btnGroup { font-size: 0px; }
.btnGroup .btn:first-child { margin-left: 0px ! important; }
.btnGroup:last-child { margin-bottom: 0px ! important; }
.btn { display: inline-block; color: rgb(255, 255, 255); font-family: "Roboto-Medium",sans-serif; text-align: center; white-space: nowrap; font-weight: 100; cursor: pointer; vertical-align: top; }
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
  .btnGroup .btn { margin-left: 14px; }
  .btn { padding: 0px 25px; line-height: 46px; font-size: 20px; border-radius: 5px; }
  .btn.large { min-width: 357px; }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  .btnGroup .btn { margin-left: 1.09375vw; }
  .btn { padding: 0px 1.95313vw; line-height: 3.59375vw; font-size: 1.5625vw; border-radius: 0.39063vw; }
  .btn.large { min-width: 27.8906vw; }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  .btnGroup .btn { margin-left: 1.09375vw; }
  .btn { padding: 0px 1.95313vw; line-height: 3.59375vw; font-size: 1.5625vw; border-radius: 0.39063vw; }
  .btn.large { min-width: 27.8906vw; }
}
@media only screen and (max-width: 640px) {
  .btn { padding: 0px 4.6vw; line-height: 8.52vw; font-size: 3.7vw; border-radius: 1vw; }
  .btn.large { min-width: 49%; }
}
.infoBlock { position: relative; overflow: hidden; font-size: 0px; vertical-align: middle; text-align: center; display: table; width: 100%; z-index: 11; }
.infoBlock::before { content: " "; position: absolute; width: 100%; height: 100%; opacity: 0.5; top: 0px; left: 0px; }
.infoBlock .content { text-align: center; vertical-align: middle; display: table-cell; position: relative; }
.infoBlock .content .heading { display: block; margin-left: auto; margin-right: auto; }
.infoBlock .content .image { display: inline-block; }
.infoBlock .content :last-child { margin-bottom: 0px ! important; }
.infoBlock:last-child { margin-bottom: 0px ! important; }
.infoBlock.dark::before { background-color: rgb(0, 0, 0); }
.infoBlock.dark .content .heading { color: rgb(255, 255, 255); }
.infoBlock.fullWidth { margin-left: 0px; margin-right: 0px; margin-bottom: 0px; display: block; min-height: 0px; height: auto; }
.infoBlock.fullWidth > .frame { display: table; }
.infoBlock.fullWidth > .frame .content .heading { padding-right: 0px; }
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
  .infoBlock { margin-bottom: 30px; min-height: 460px; height: 460px; }
  .infoBlock .content { padding-top: 50px; padding-bottom: 50px; }
  .infoBlock .content > .icon:first-child, .infoBlock .content > .logo:first-child, .infoBlock .content > .image:first-child { margin-bottom: 30px; }
  .infoBlock .content .desc { margin-bottom: 20px; }
  .infoBlock.fullWidth > .frame { min-height: 460px; height: 460px; }
  .infoBlock.fullWidth > .frame .content { padding-left: 65px; padding-right: 65px; }
  .infoBlock.fullWidth > .frame .content .heading { padding-left: 5px; }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  .infoBlock { margin-bottom: 2.34375vw; min-height: 35.9375vw; height: 35.9375vw; }
  .infoBlock .content { padding-top: 3.90625vw; padding-bottom: 3.90625vw; }
  .infoBlock .content > .icon:first-child, .infoBlock .content > .logo:first-child, .infoBlock .content > .image:first-child { margin-bottom: 2.34375vw; }
  .infoBlock .content .desc { margin-bottom: 1.5625vw; }
  .infoBlock.fullWidth > .frame { min-height: 35.9375vw; height: 35.9375vw; }
  .infoBlock.fullWidth > .frame .content { padding-left: 5.07813vw; padding-right: 5.07813vw; }
  .infoBlock.fullWidth > .frame .content .heading { padding-left: 0.39063vw; }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  .infoBlock { margin-bottom: 2.34375vw; min-height: 35.9375vw; height: 35.9375vw; }
  .infoBlock .content { padding-top: 3.90625vw; padding-bottom: 3.90625vw; }
  .infoBlock .content > .icon:first-child, .infoBlock .content > .logo:first-child, .infoBlock .content > .image:first-child { margin-bottom: 2.34375vw; }
  .infoBlock .content .desc { margin-bottom: 1.5625vw; }
  .infoBlock.fullWidth > .frame { min-height: 35.9375vw; height: 35.9375vw; }
  .infoBlock.fullWidth > .frame .content { padding-left: 5.07813vw; padding-right: 5.07813vw; }
  .infoBlock.fullWidth > .frame .content .heading { padding-left: 0.39063vw; }
}
@media only screen and (max-width: 640px) {
  .infoBlock { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; min-height: 80vw; height: 80vw; }
  .infoBlock .content { width: 100%; padding-top: 8vw; padding-bottom: 8vw; }
  .infoBlock .content > .icon:first-child, .infoBlock .content > .logo:first-child, .infoBlock .content > .image:first-child { margin-bottom: 4vw; }
  .infoBlock .content .desc { margin-bottom: 5vw; padding: 0px 6vw; width: 100%; margin-left: 0%; }
  .infoBlock.fullWidth { display: table; }
  .infoBlock.fullWidth > .frame { min-height: 80vw; height: 80vw; }
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
.services-email .infoBlock.emailService { background-repeat: no-repeat; background-size: 100% auto; background-image: url("using-laptopAndMobile5.jpg"); background-position: 50% 100%; }
.services-email .infoBlock.emailService .content .desc { width: 60%; margin: auto; }
.smallPageTop .infoBlock.emailService { background-position: 50% 60%; }
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
  .services-email .infoBlock.emailService .content .image.email-orange { width: 71px; height: 51px; }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  .services-email .infoBlock.emailService .content .image.email-orange { width: 5.54688vw; height: 3.98438vw; }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  .services-email .infoBlock.emailService .content .image.email-orange { width: 5.54688vw; height: 3.98438vw; }
}
@media only screen and (max-width: 640px) {
  .services-email .infoBlock.emailService { background-size: auto 100%; }
  .services-email .infoBlock.emailService .content .image.email-orange { width: 12.96vw; height: 9.25vw; }
  .services-email .infoBlock.emailService .content .desc { width: 100%; }
  #netvigatorEmailLogin .plate { background-image: none; background-color: rgb(255, 255, 255); }
  .smallPageTop .infoBlock.emailService { background-size: 150% auto; background-position: 50% 50%; }
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 1280px) and (max-width: 1e+7px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 640px) {
  .pace-activity { top: 5px ! important; right: 5px ! important; width: 10px ! important; height: 10px ! important; }
}
@media only screen and (max-width: 640px) {
  #btn-menu-mobile { transform: rotate(0deg); transition: all 0.5s ease-in-out 0s; }
  #btn-menu-mobile::before { content: " "; position: absolute; left: -3vw; top: -4vw; height: 12.96vw; width: 12.96vw; }
  #btn-menu-mobile span { display: block; position: absolute; height: 0.6vw; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 0px; opacity: 1; left: 0px; transform: rotate(0deg); transition: all 0.25s ease-in-out 0s; }
  #btn-menu-mobile span:nth-child(1) { top: 0px; }
  #btn-menu-mobile span:nth-child(2), #btn-menu-mobile span:nth-child(3) { top: 2vw; }
  #btn-menu-mobile span:nth-child(4) { top: 4vw; }
}
.hiddentext { display: none; }
.paragraph { font-size: 1.09375vw; }
@media only screen and (min-width: 320px) {
}
@media only screen and (min-width: 640px) {
}
@media only screen and (min-width: 1024px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
}
@media only screen and (min-width: 1280px) {
}
#searchbox { display: none ! important; }