@charset "UTF-8";
.remitems, .bbvlan, .livesmallblock{
	zoom:1;
}
.remitems:after, .bbvlan:after, .livesmallblock:after{
	content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;
}
/* line 5, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/*
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: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
*/

/* line 22, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 5, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
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: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 4, sass/partials/_reset.scss */
* {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  /*color: #000;*/
  outline: none;
}
/* line 53, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_selection.scss */
*::-moz-selection {
  color: #fff;
  background-color: #fcaf17;
}
/* line 53, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_selection.scss */
*::selection {
  color: #fff;
  background-color: #fcaf17;
}

/* line 5, sass/partials/_reset.scss */
html {
  height: 100%;
}

/* line 6, sass/partials/_reset.scss */
body {
  height: 100%;
  background-color: #020202;
}

/* line 7, sass/partials/_reset.scss */
img {
  border: 0;
  display: block;
}

/* line 8, sass/partials/_reset.scss */
a {
  color: #fcaf17;
  text-decoration: none;
  cursor: pointer;
}

/* line 9, sass/partials/_reset.scss */
a:hover {
  text-decoration: none;
}

/* line 10, sass/partials/_reset.scss */
b {
  color: inherit;
  font-weight: bold;
}

/* line 11, sass/partials/_reset.scss */

div, header, footer, main, nav, aside, a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: border;
  -o-background-clip: border-box;
  -webkit-background-clip: border;
  background-clip: border-box;
}

/* Content */
/* line 14, sass/partials/_reset.scss */
strong {
  font-weight: bold;
}

/* line 15, sass/partials/_reset.scss */
address {
  font-style: normal;
}

/* line 16, sass/partials/_reset.scss */
cite {
  font-style: normal;
}

/* line 17, sass/partials/_reset.scss */
q,
blockquote {
  quotes: none;
}

/* line 19, sass/partials/_reset.scss */
q:before,
q:after {
  content: '';
}

/* line 22, sass/partials/_reset.scss */
sup {
    font-size: 70%;
    /* vertical-align: top; */
    color: inherit;
    line-height: 15px;
}

/* Form Elements */
/* line 25, sass/partials/_reset.scss */
input, textarea, select, button {
  border: none;
}

/* line 26, sass/partials/_reset.scss */
select::-ms-expand {
  display: none;
}

/* font face */
@font-face {
  font-family: "Roboto-Thin";
  src: url('../fonts/Roboto/Roboto-Thin.eot?1493717070') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Thin.svg?1493717070') format('svg'), url('../fonts/Roboto/Roboto-Thin.ttf?1493717070') format('truetype'), url('../fonts/Roboto/Roboto-Thin.woff?1493717070') format('woff');
}
@font-face {
  font-family: "Roboto-Regular";
  src: url('../fonts/Roboto/Roboto-Regular.eot?1491894034') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Regular.svg?1491894036') format('svg'), url('../fonts/Roboto/Roboto-Regular.ttf?1491894034') format('truetype'), url('../fonts/Roboto/Roboto-Regular.woff?1491894036') format('woff');
}
@font-face {
  font-family: "Roboto-Medium";
  src: url('../fonts/Roboto/Roboto-Medium.eot?1491894134') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Medium.svg?1491894134') format('svg'), url('../fonts/Roboto/Roboto-Medium.ttf?1491894132') format('truetype'), url('../fonts/Roboto/Roboto-Medium.woff?1491894134') format('woff');
}
@font-face {
  font-family: "Roboto-Black";
  src: url('../fonts/Roboto/Roboto-Black.eot?1491894160') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Black.svg?1491894160') format('svg'), url('../fonts/Roboto/Roboto-Black.ttf?1491894160') format('truetype'), url('../fonts/Roboto/Roboto-Black.woff?1491894160') format('woff');
}

/* line 13, sass/partials/_typography.scss */
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;
  /*font-size: 100%;*/
  line-height: 1.5em;
  -webkit-font-smoothing: subpixel-antialiased;
  /*backface-visibility: hidden;*/
}

@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 21, sass/partials/_typography.scss */
  .reminder {
    font-size: 14px;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 25, sass/partials/_typography.scss */
  .reminder {
    font-size: 1.09375vw;
  }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 29, sass/partials/_typography.scss */
  .reminder {
    font-size: 1.09375vw;
  }
}
@media only screen and (max-width: 640px) {
  /* line 33, sass/partials/_typography.scss */
  .reminder {
    font-size: 3vw;
  }
}
/* graphic sources ==================================================================================== */
/* line 71, sass/partials/_images.scss */
.icon.arrow-stroke-white-left {
  background-image: url("../images/icon/arrow-stroke-white-left.svg");
  -moz-background-size: 60% 60%;
  -o-background-size: 60% 60%;
  -webkit-background-size: 60% 60%;
  background-size: 60% 60%;
}

/* line 71, sass/partials/_images.scss */
.icon.arrow-stroke-white-right {
  background-image: url("../images/icon/arrow-stroke-white-right.svg");
  -moz-background-size: 60% 60%;
  -o-background-size: 60% 60%;
  -webkit-background-size: 60% 60%;
  background-size: 60% 60%;
}

/* line 71, sass/partials/_images.scss */
.icon.arrow-stroke-white-down, form .fieldList ul li .input .select:before {
  background-image: url("../images/icon/arrow-stroke-white-down.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.arrow-stroke-white-up {
  background-image: url("../images/icon/arrow-stroke-white-up.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.arrow-stroke-gray-left {
  background-image: url("../images/icon/arrow-stroke-gray-left.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.arrow-stroke-gray-right {
  background-image: url("../images/icon/arrow-stroke-gray-right.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.chat-white {
  background-image: url("../images/icon/chat-white.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.earth {
  background-image: url("../images/icon/earth.png");
}

/* line 71, sass/partials/_images.scss */
.icon.info {
  background-image: url("../images/icon/info.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.mail {
  background-image: url("../images/icon/mail.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.phone-stroke {
  background-image: url("../images/icon/phone-stroke.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.search {
  background-image: url("../images/icon/search.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.speaker {
  background-image: url("../images/icon/speaker.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.user {
  background-image: url("../images/icon/user.png");
}

/* line 71, sass/partials/_images.scss */
.icon.user-circle {
  background-image: url("../images/icon/user-circle.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.wifi-blue {
  background-image: url("../images/icon/wifi-blue.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.facebook {
  background-image: url("../images/icon/facebook.svg");
  -moz-background-size: auto 60%;
  -o-background-size: auto 60%;
  -webkit-background-size: auto 60%;
  background-size: auto 60%;
  background-color: #999999;
}

/* line 71, sass/partials/_images.scss */
.icon.youtube {
  background-image: url("../images/icon/youtube.svg");
  -moz-background-size: 60% auto;
  -o-background-size: 60% auto;
  -webkit-background-size: 60% auto;
  background-size: 60% auto;
  background-color: #999999;
}

/* line 71, sass/partials/_images.scss */
.icon.broadband {
  background-image: url("../images/icon/broadband.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.speed {
  background-image: url("../images/icon/speed.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.imagine {
  background-image: url("../images/icon/imagine.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.availability {
  background-image: url("../images/icon/availability.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.availability-thin {
  background-image: url("../images/icon/availability-thin.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.appStore {
  background-image: url("../images/icon/appStore.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.googlePlay {
  background-image: url("../images/icon/googlePlay.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.share {
  background-image: url("../images/icon/share.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.phone-stroke {
  background-image: url("../images/icon/phone-stroke.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.gear {
  background-image: url("../images/icon/gear.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.gear-stroke {
  background-image: url("../images/icon/gear-stroke.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.logout {
  background-image: url("../images/icon/logout.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.tick-green, .table table tbody tr td.tick {
  background-image: url("../images/icon/tick-green.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.tick-orange {
  background-image: url("../images/icon/tick-orange.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.windows {
  background-image: url("../images/icon/windows.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.mac {
  background-image: url("../images/icon/mac.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.android {
  background-image: url("../images/icon/android.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.download-stroke {
  background-image: url("../images/icon/download-stroke.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.cross-stroke, .btn-close {
  background-image: url("../images/icon/cross-stroke.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.exclamation, form span.error:before, form .errorMsg:before {
  background-image: url("../images/icon/exclamation.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.secureConnection {
  background-image: url("../images/icon/secureConnection.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.customerService {
  background-image: url("../images/icon/customerService.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.globalLocation {
  background-image: url("../images/icon/globalLocation.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.log {
  background-image: url("../images/icon/log.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.pointer {
  background-image: url("../images/icon/pointer.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.unblock {
  background-image: url("../images/icon/unblock.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.money-stroke {
  background-image: url("../images/icon/money-stroke.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.light-green {
  background-image: url("../images/icon/light-green.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.light-yellow {
  background-image: url("../images/icon/light-yellow.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.light-red {
  background-image: url("../images/icon/light-red.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.plus-circle, .table .list > ul > li.collapsed .collapsedTrigger:before, .segment.collapsed .switch:before {
  background-image: url("../images/icon/plus-circle.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.minus-circle, .table .list > ul > li.collapsed.active .collapsedTrigger:before, .segment.collapsed.active .switch:before {
  background-image: url("../images/icon/minus-circle.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.earth-stroke {
  background-image: url("../images/icon/earth-stroke.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.laptop-stroke {
  background-image: url("../images/icon/laptop-stroke.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.router-stroke {
  background-image: url("../images/icon/router-stroke.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.paragraph-stroke {
  background-image: url("../images/icon/paragraph-stroke.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.tick-white, .connection .link:after {
  background-image: url("../images/icon/tick-white.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.shopping-stroke {
  background-image: url("../images/icon/shopping-stroke.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.marker-blue {
  background-image: url("../images/icon/marker-blue.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.house {
  background-image: url("../images/icon/house.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.star {
  background-image: url("../images/icon/star.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.play {
  background-image: url("../images/icon/play.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.search-gray, #securityCorner .table.securityReports tbody tr td.incident .icon.details, #termsAndConditions .table.termsDoc table tbody tr td.docName .icon.details {
  background-image: url("../images/icon/search-gray.svg");
}

/* line 71, sass/partials/_images.scss */
.icon.search-white, #securityCorner .table.securityReports tbody tr:first-child td .icon.details {
  background-image: url("../images/icon/search-white.svg");
}

/* line 81, sass/partials/_images.scss */
.icon {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 23, sass/partials/_base.scss */
.icon img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/* line 116, sass/partials/_images.scss */
.logo.fsecure {
  background-image: url("../images/logo/fsecure.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.fsecure-vertical {
  background-image: url("../images/logo/fsecure-vertical.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.fsecure-simple {
  background-image: url("../images/logo/fsecure-simple.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.fsecure-exclusive {
  background-image: url("../images/logo/fsecure-exclusive.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.freedome {
  background-image: url("../images/logo/freedome.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.freedome-white {
  background-image: url("../images/logo/freedome-white.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.freedome-simple {
  background-image: url("../images/logo/freedome-simple.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.netvigator {
  background-image: url("../images/logo/netvigator.png");
}

/* line 116, sass/partials/_images.scss */
.logo.netvigator-black {
  background-image: url("../images/logo/netvigator-black.png");
}

/* line 116, sass/partials/_images.scss */
.logo.netvigator-simple {
  background-image: url("../images/logo/netvigator-simple.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.uhubplus {
  background-image: url("../images/logo/uhubplus.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.hkt {
  background-image: url("../images/logo/hkt.png");
}

/* line 116, sass/partials/_images.scss */
.logo.hkt-simple {
  background-image: url("../images/logo/hkt-simple.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.pccw {
  background-image: url("../images/logo/pccw.png");
}

/* line 116, sass/partials/_images.scss */
.logo.eye {
  background-image: url("../images/logo/eye.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.csl-wifi {
  background-image: url("../images/logo/csl-wifi.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.snaap {
  background-image: url("../images/logo/snaap.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.gamer {
  background-image: url("../images/logo/gamer.png");
}

/* line 116, sass/partials/_images.scss */
.logo.gamer-simple {
  background-image: url("../images/logo/gamer-simple.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.ipv6 {
  background-image: url("../images/logo/ipv6.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.linksys {
  background-image: url("../images/logo/linksys.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.ipv6-white {
  background-image: url("../images/logo/ipv6-white.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.netgear {
  background-image: url("../images/logo/netgear.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.huawei {
  background-image: url("../images/logo/huawei.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.asus {
  background-image: url("../images/logo/asus.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.fiber-10g {
  background-image: url("../images/logo/fiber-10g.svg");
}

/* line 116, sass/partials/_images.scss */
.logo.multiUse {
  background-image: url("../images/logo/multiUse.svg");
}

/* line 119, sass/partials/_images.scss */
.logo {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 33, sass/partials/_base.scss */
.logo img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/* line 126, sass/partials/_images.scss */
.image {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

/* illustration */
/* line 209, sass/partials/_images.scss */
.image.award-avtest {
  background-image: url("../images/illustration/award-avtest.png");
}

/* line 209, sass/partials/_images.scss */
.image.ebankingProtect {
  background-image: url("../images/illustration/ebankingProtect.png");
}

/* line 209, sass/partials/_images.scss */
.image.digitalDevices {
  background-image: url("../images/illustration/digitalDevices.png");
}

/* line 209, sass/partials/_images.scss */
.image.cloud-remote {
  background-image: url("../images/illustration/cloud-remote.png");
}

/* line 209, sass/partials/_images.scss */
.image.fsecure-keycard {
  background-image: url("../images/illustration/fsecure-keycard.png");
}

/* line 209, sass/partials/_images.scss */
.image.fsecure-keycard-details {
  background-image: url("../images/illustration/fsecure-keycard-details.png");
}

/* line 209, sass/partials/_images.scss */
.image.fsecure-window {
  background-image: url("../images/illustration/fsecure-window.png");
}

/* line 209, sass/partials/_images.scss */
.image.mobile-lock {
  background-image: url("../images/illustration/mobile-lock.png");
}

/* line 209, sass/partials/_images.scss */
.image.virusScan {
  background-image: url("../images/illustration/virusScan.png");
}

/* line 209, sass/partials/_images.scss */
.image.freedome-laptop {
  background-image: url("../images/illustration/freedome-laptop.png");
}

/* line 209, sass/partials/_images.scss */
.image.freedome-mobile {
  background-image: url("../images/illustration/freedome-mobile.png");
}

/* line 209, sass/partials/_images.scss */
.image.freedome-laptopAndMobile {
  background-image: url("../images/illustration/freedome-laptopAndMobile.png");
}

/* line 209, sass/partials/_images.scss */
.image.user-lock {
  background-image: url("../images/illustration/user-lock.png");
}

/* line 209, sass/partials/_images.scss */
.image.wifi-protect {
  background-image: url("../images/illustration/wifi-protect.png");
}

/* line 209, sass/partials/_images.scss */
.image.window-lock {
  background-image: url("../images/illustration/window-lock.png");
}

/* line 209, sass/partials/_images.scss */
.image.barChart {
  background-image: url("../images/illustration/barChart.png");
}

/* line 209, sass/partials/_images.scss */
.image.chat {
  background-image: url("../images/illustration/chat.png");
}

/* line 209, sass/partials/_images.scss */
.image.gamer-shopping {
  background-image: url("../images/illustration/gamer-shopping.png");
}

/* line 209, sass/partials/_images.scss */
.image.streaming {
  background-image: url("../images/illustration/streaming.png");
}

/* line 209, sass/partials/_images.scss */
.image.cloudDownload {
  background-image: url("../images/illustration/cloudDownload.png");
}

/* line 209, sass/partials/_images.scss */
.image.computer {
  background-image: url("../images/illustration/computer.png");
}

/* line 209, sass/partials/_images.scss */
.image.app-netvigator {
  background-image: url("../images/illustration/app-netvigator.png");
}

/* line 209, sass/partials/_images.scss */
.image.app-pccw {
  background-image: url("../images/illustration/app-pccw.png");
}

/* line 209, sass/partials/_images.scss */
.image.app-isp {
  background-image: url("../images/illustration/app-isp.png");
}

/* line 209, sass/partials/_images.scss */
.image.server {
  background-image: url("../images/illustration/server.png");
}

/* line 209, sass/partials/_images.scss */
.image.arrow-2way-leftRight {
  background-image: url("../images/illustration/arrow-2way-leftRight.png");
}

/* line 209, sass/partials/_images.scss */
.image.arrow-2way-topBottom {
  background-image: url("../images/illustration/arrow-2way-topBottom.png");
}

/* line 209, sass/partials/_images.scss */
.image.arrow-2way-topRight {
  background-image: url("../images/illustration/arrow-2way-topRight.png");
}

/* line 209, sass/partials/_images.scss */
.image.arrow-2way-leftTop {
  background-image: url("../images/illustration/arrow-2way-leftTop.png");
}

/* line 209, sass/partials/_images.scss */
.image.email-protect {
  background-image: url("../images/illustration/email-protect.png");
}

/* line 209, sass/partials/_images.scss */
.image.mobile {
  background-image: url("../images/illustration/mobile.png");
}

/* line 209, sass/partials/_images.scss */
.image.email-digitalDevices {
  background-image: url("../images/illustration/email-digitalDevices.png");
}

/* line 209, sass/partials/_images.scss */
.image.email-exchange {
  background-image: url("../images/illustration/email-exchange.png");
}

/* line 209, sass/partials/_images.scss */
.image.email-noAd {
  background-image: url("../images/illustration/email-noAd.png");
}

/* line 209, sass/partials/_images.scss */
.image.email-orange {
  background-image: url("../images/illustration/email-orange.png");
}

/* line 209, sass/partials/_images.scss */
.image.email-unlimited {
  background-image: url("../images/illustration/email-unlimited.png");
}

/* line 209, sass/partials/_images.scss */
.image.laptop {
  background-image: url("../images/illustration/laptop.png");
}

/* line 209, sass/partials/_images.scss */
.image.tablet {
  background-image: url("../images/illustration/tablet.png");
}

/* line 209, sass/partials/_images.scss */
.image.digitalDevices-orange {
  background-image: url("../images/illustration/digitalDevices-orange.png");
}

/* line 209, sass/partials/_images.scss */
.image.laptop-mac {
  background-image: url("../images/illustration/laptop-mac.png");
}

/* line 209, sass/partials/_images.scss */
.image.laptop-windows {
  background-image: url("../images/illustration/laptop-windows.png");
}

/* line 209, sass/partials/_images.scss */
.image.map-marker {
  background-image: url("../images/illustration/map-marker.png");
}

/* line 209, sass/partials/_images.scss */
.image.map-world {
  background-image: url("../images/illustration/map-world.png");
}

/* line 209, sass/partials/_images.scss */
.image.nowtv-box {
  background-image: url("../images/illustration/nowtv-box.png");
}

/* line 209, sass/partials/_images.scss */
.image.puzzle {
  background-image: url("../images/illustration/puzzle.png");
}

/* line 209, sass/partials/_images.scss */
.image.cardBoard {
  background-image: url("../images/illustration/cardBoard.png");
}

/* line 209, sass/partials/_images.scss */
.image.digitalDevices-speed {
  background-image: url("../images/illustration/digitalDevices-speed.png");
}

/* line 209, sass/partials/_images.scss */
.image.gameController {
  background-image: url("../images/illustration/gameController.png");
}

/* line 209, sass/partials/_images.scss */
.image.desktop-4k {
  background-image: url("../images/illustration/desktop-4k.png");
}

/* line 209, sass/partials/_images.scss */
.image.speedTest10gApp {
  background-image: url("../images/illustration/speedTest10gApp.png");
}

/* line 209, sass/partials/_images.scss */
.image.champion {
  background-image: url("../images/illustration/champion.png");
}

/* line 209, sass/partials/_images.scss */
.image.cloud {
  background-image: url("../images/illustration/cloud.png");
}

/* line 209, sass/partials/_images.scss */
.image.digitalDevices-hongkong {
  background-image: url("../images/illustration/digitalDevices-hongkong.png");
}

/* line 209, sass/partials/_images.scss */
.image.gift {
  background-image: url("../images/illustration/gift.png");
}

/* line 209, sass/partials/_images.scss */
.image.wifi-dual {
  background-image: url("../images/illustration/wifi-dual.png");
}

/* line 209, sass/partials/_images.scss */
.image.wifi-acc {
  background-image: url("../images/illustration/wifi-acc.png");
}

/* line 209, sass/partials/_images.scss */
.image.wifi-5Ghz {
  background-image: url("../images/illustration/wifi-5Ghz.png");
}

/* line 209, sass/partials/_images.scss */
.image.wifi-24Ghz {
  background-image: url("../images/illustration/wifi-24Ghz.png");
}

/* line 209, sass/partials/_images.scss */
.image.wep-64or128bit {
  background-image: url("../images/illustration/wep-64or128bit.png");
}

/* line 209, sass/partials/_images.scss */
.image.digitalDevices-wifi {
  background-image: url("../images/illustration/digitalDevices-wifi.png");
}

/* line 209, sass/partials/_images.scss */
.image.desktop-gigabit {
  background-image: url("../images/illustration/desktop-gigabit.png");
}

/* line 209, sass/partials/_images.scss */
.image.wpa-502-1x {
  background-image: url("../images/illustration/wpa-502-1x.png");
}

/* line 209, sass/partials/_images.scss */
.image.wpa2-security {
  background-image: url("../images/illustration/wpa2-security.png");
}

/* line 209, sass/partials/_images.scss */
.image.wifi-protectedSetup {
  background-image: url("../images/illustration/wifi-protectedSetup.png");
}

/* line 209, sass/partials/_images.scss */
.image.parentalControls {
  background-image: url("../images/illustration/parentalControls.png");
}

/* line 209, sass/partials/_images.scss */
.image.nat {
  background-image: url("../images/illustration/nat.png");
}

/* line 209, sass/partials/_images.scss */
.image.gigabit {
  background-image: url("../images/illustration/gigabit.png");
}

/* line 209, sass/partials/_images.scss */
.image.vpn {
  background-image: url("../images/illustration/vpn.png");
}

/* line 209, sass/partials/_images.scss */
.image.spi {
  background-image: url("../images/illustration/spi.png");
}

/* line 209, sass/partials/_images.scss */
.image.wave {
  background-image: url("../images/illustration/wave.png");
}

/* line 209, sass/partials/_images.scss */
.image.gaming {
  background-image: url("../images/illustration/gaming.png");
}

/* line 209, sass/partials/_images.scss */
.image.homeOffice {
  background-image: url("../images/illustration/homeOffice.png");
}

/* line 209, sass/partials/_images.scss */
.image.entertainment {
  background-image: url("../images/illustration/entertainment.png");
}

/* line 209, sass/partials/_images.scss */
.image.smartHome {
  background-image: url("../images/illustration/smartHome.png");
}

/* line 214, sass/partials/_images.scss */
.banner {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

/* line 222, sass/partials/_images.scss */
.banner.breakup {
  background-image: url("../images/banner/breakup.jpg");
}

/* line 223, sass/partials/_images.scss */
body.mobile .banner.breakup {
  background-image: url("../images/banner/breakup-mobile.jpg");
}

/* line 222, sass/partials/_images.scss */
.banner.aaron {
  background-image: url("../images/banner/aaron.jpg");
}

/* line 223, sass/partials/_images.scss */
body.mobile .banner.aaron {
  background-image: url("../images/banner/aaron-mobile.jpg");
}

/* line 222, sass/partials/_images.scss */
.banner.fiber {
  background-image: url("../images/banner/fiber.jpg");
}

/* line 223, sass/partials/_images.scss */
body.mobile .banner.fiber {
  background-image: url("../images/banner/fiber-mobile.jpg");
}

/* line 222, sass/partials/_images.scss */
.banner.star {
  background-image: url("../images/banner/star.jpg");
}

/* line 223, sass/partials/_images.scss */
body.mobile .banner.star {
  background-image: url("../images/banner/star-mobile.jpg");
}

/* line 222, sass/partials/_images.scss */
.banner.breakup3 {
  background-image: url("../images/banner/breakup3.jpg");
}

/* line 223, sass/partials/_images.scss */
body.mobile .banner.breakup3 {
  background-image: url("../images/banner/breakup3-mobile.jpg");
}

/* graphic sources ==================================================================================== */
/* Tools */
/* line 4, sass/partials/_helper.scss */
body.lockScroll {
  overflow: hidden;
}

/* line 5, sass/partials/_helper.scss */
.hidden {
  display: block !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* line 6, sass/partials/_helper.scss */
.nobr {
  white-space: nowrap !important;
}

/* line 7, sass/partials/_helper.scss */
.wrap {
  white-space: normal !important;
}

/* line 8, sass/partials/_helper.scss */
.a-left {
  text-align: left !important;
}

/* line 9, sass/partials/_helper.scss */
.a-center {
  text-align: center !important;
}

/* line 10, sass/partials/_helper.scss */
.a-right {
  text-align: right !important;
}

/* line 11, sass/partials/_helper.scss */
.justify {
  text-align: justify;
  text-justify: inter-ideograph;
}

/* line 12, sass/partials/_helper.scss */
.clear {
  clear: both;
  height: 0;
  width: 0;
  overflow: hidden !important;
}

/* line 13, sass/partials/_helper.scss */
.f-left,
.left {
  float: left !important;
}

/* line 15, sass/partials/_helper.scss */
.f-right,
.right {
  float: right !important;
}

/* line 17, sass/partials/_helper.scss */
.f-none {
  float: none !important;
}

/* line 18, sass/partials/_helper.scss */
.f-fix {
  float: left;
  width: 100%;
}

/* line 19, sass/partials/_helper.scss */
.no-margin {
  margin: 0 !important;
}

/* line 20, sass/partials/_helper.scss */
.no-padding {
  padding: 0 !important;
}

/* line 21, sass/partials/_helper.scss */
.no-bg {
  background: none !important;
}

/* line 23, sass/partials/_helper.scss */
a.url {
  word-wrap: break-word;
  word-break: break-all;
  display: inline;
}

/* line 24, sass/partials/_helper.scss */
span.eye {
  font-size: 1.3em;
  line-height: 0.7em;
}

/* line 25, sass/partials/_helper.scss */
.highlight {
  color: #f59417;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

/* line 27, sass/partials/_helper.scss */
.osUnique {
  display: none;
}

/* line 28, sass/partials/_helper.scss */
.osUnique.active {
  display: block;
}

/* line 3, sass/partials/_color.scss */
.text {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  height: 100%;
}

/* line 4, sass/partials/_color.scss */
.red {
  color: #de432e;
}

/* line 5, sass/partials/_color.scss */
.gray {
  /*color: #666666;*/
}

/* line 6, sass/partials/_color.scss */
.black {
  color: #000000;
}

/* line 9, sass/partials/_color.scss */
.fill-orange {
  background-color: #ee8c1d;
  color: #fff;
}
/* line 56, sass/partials/_base.scss */
.fill-orange.arrow-top, .fill-orange.arrow-bottom, .fill-orange.arrow-left, .fill-orange.arrow-right {
  position: relative;
}
/* line 58, sass/partials/_base.scss */
.fill-orange.arrow-top:after, .fill-orange.arrow-bottom:after, .fill-orange.arrow-left:after, .fill-orange.arrow-right:after {
  content: ' ';
  position: absolute;
  border-width: 7px;
  border-color: transparent;
  border-style: solid;
}
/* line 61, sass/partials/_base.scss */
.fill-orange.arrow-top:after {
  bottom: 100%;
  left: 50%;
  margin-bottom: -1px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* line 64, sass/partials/_base.scss */
.fill-orange.arrow-bottom:after {
  top: 100%;
  left: 50%;
  margin-top: -1px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* line 67, sass/partials/_base.scss */
.fill-orange.arrow-left:after {
  right: 100%;
  top: 50%;
  margin-right: -1px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 70, sass/partials/_base.scss */
.fill-orange.arrow-right:after {
  left: 100%;
  top: 50%;
  margin-left: -1px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 74, sass/partials/_base.scss */
.fill-orange.arrow-top:after {
  border-bottom-color: #ee8c1d;
}
/* line 77, sass/partials/_base.scss */
.fill-orange.arrow-bottom:after {
  border-top-color: #ee8c1d;
}
/* line 80, sass/partials/_base.scss */
.fill-orange.arrow-left:after {
  border-right-color: #ee8c1d;
}
/* line 83, sass/partials/_base.scss */
.fill-orange.arrow-right:after {
  border-left-color: #ee8c1d;
}

/* line 10, sass/partials/_color.scss */
.fill-deepBlue {
  background-color: #546a79;
  color: #fff;
}
/* line 56, sass/partials/_base.scss */
.fill-deepBlue.arrow-top, .fill-deepBlue.arrow-bottom, .fill-deepBlue.arrow-left, .fill-deepBlue.arrow-right {
  position: relative;
}
/* line 58, sass/partials/_base.scss */
.fill-deepBlue.arrow-top:after, .fill-deepBlue.arrow-bottom:after, .fill-deepBlue.arrow-left:after, .fill-deepBlue.arrow-right:after {
  content: ' ';
  position: absolute;
  border-width: 7px;
  border-color: transparent;
  border-style: solid;
}
/* line 61, sass/partials/_base.scss */
.fill-deepBlue.arrow-top:after {
  bottom: 100%;
  left: 50%;
  margin-bottom: -1px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* line 64, sass/partials/_base.scss */
.fill-deepBlue.arrow-bottom:after {
  top: 100%;
  left: 50%;
  margin-top: -1px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* line 67, sass/partials/_base.scss */
.fill-deepBlue.arrow-left:after {
  right: 100%;
  top: 50%;
  margin-right: -1px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 70, sass/partials/_base.scss */
.fill-deepBlue.arrow-right:after {
  left: 100%;
  top: 50%;
  margin-left: -1px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 74, sass/partials/_base.scss */
.fill-deepBlue.arrow-top:after {
  border-bottom-color: #546a79;
}
/* line 77, sass/partials/_base.scss */
.fill-deepBlue.arrow-bottom:after {
  border-top-color: #546a79;
}
/* line 80, sass/partials/_base.scss */
.fill-deepBlue.arrow-left:after {
  border-right-color: #546a79;
}
/* line 83, sass/partials/_base.scss */
.fill-deepBlue.arrow-right:after {
  border-left-color: #546a79;
}

/* line 11, sass/partials/_color.scss */
.fill-gray {
  background-color: #999999;
  color: #fff;
}
/* line 56, sass/partials/_base.scss */
.fill-gray.arrow-top, .fill-gray.arrow-bottom, .fill-gray.arrow-left, .fill-gray.arrow-right {
  position: relative;
}
/* line 58, sass/partials/_base.scss */
.fill-gray.arrow-top:after, .fill-gray.arrow-bottom:after, .fill-gray.arrow-left:after, .fill-gray.arrow-right:after {
  content: ' ';
  position: absolute;
  border-width: 7px;
  border-color: transparent;
  border-style: solid;
}
/* line 61, sass/partials/_base.scss */
.fill-gray.arrow-top:after {
  bottom: 100%;
  left: 50%;
  margin-bottom: -1px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* line 64, sass/partials/_base.scss */
.fill-gray.arrow-bottom:after {
  top: 100%;
  left: 50%;
  margin-top: -1px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* line 67, sass/partials/_base.scss */
.fill-gray.arrow-left:after {
  right: 100%;
  top: 50%;
  margin-right: -1px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 70, sass/partials/_base.scss */
.fill-gray.arrow-right:after {
  left: 100%;
  top: 50%;
  margin-left: -1px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 74, sass/partials/_base.scss */
.fill-gray.arrow-top:after {
  border-bottom-color: #999999;
}
/* line 77, sass/partials/_base.scss */
.fill-gray.arrow-bottom:after {
  border-top-color: #999999;
}
/* line 80, sass/partials/_base.scss */
.fill-gray.arrow-left:after {
  border-right-color: #999999;
}
/* line 83, sass/partials/_base.scss */
.fill-gray.arrow-right:after {
  border-left-color: #999999;
}

/* style ==================================================================================== */
/* line 23, sass/partials/_color.scss */
.gradientWhite, #main #visual .base .shortCut .frame ul li, .plate, .card, .toggleSwitch .trough .button, .infoBlock, .customBlock .content .package ul li {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
  background-image: -moz-linear-gradient(top, #ffffff, #efefef);
  background-image: -webkit-linear-gradient(top, #ffffff, #efefef);
  background-image: linear-gradient(to bottom, #ffffff, #efefef);
}

/* line 26, sass/partials/_color.scss */
.gradientWhiteReverse, .toggleSwitch .trough .button:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
  background-image: -moz-linear-gradient(bottom, #ffffff, #efefef);
  background-image: -webkit-linear-gradient(bottom, #ffffff, #efefef);
  background-image: linear-gradient(to top, #ffffff, #efefef);
}

/* line 29, sass/partials/_color.scss */
.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-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YjBiNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk0OWNhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a8b0b6), color-stop(100%, #949ca2));
  background-image: -moz-linear-gradient(top, #a8b0b6, #949ca2);
  background-image: -webkit-linear-gradient(top, #a8b0b6, #949ca2);
  background-image: linear-gradient(to bottom, #a8b0b6, #949ca2);
}

/* line 32, sass/partials/_color.scss */
.gradientOrange, .window .head, .customBlock .content .package ul li:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkYjkxMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3OTUxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdb913), color-stop(100%, #f7951d));
  background-image: -moz-linear-gradient(top, #fdb913, #f7951d);
  background-image: -webkit-linear-gradient(top, #fdb913, #f7951d);
  background-image: linear-gradient(to bottom, #fdb913, #f7951d);
}

/* line 35, sass/partials/_color.scss */
.gradientLightBlue, .table .caption {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlN2FhMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM2NWM3ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5e7aa2), color-stop(100%, #365c7e));
  background-image: -moz-linear-gradient(top, #5e7aa2, #365c7e);
  background-image: -webkit-linear-gradient(top, #5e7aa2, #365c7e);
  background-image: linear-gradient(to bottom, #5e7aa2, #365c7e);
}

/* line 38, sass/partials/_color.scss */
.gradientBlue, #promotion .segment .frame .paper ul.slider.poster .action {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNmNhOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNDg5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(51,108,169,0.9)), color-stop(100%, rgba(0,72,147,0.9)));
  background-image: -moz-linear-gradient(top, rgba(51,108,169,0.9), rgba(0,72,147,0.9));
  background-image: -webkit-linear-gradient(top, rgba(51,108,169,0.9), rgba(0,72,147,0.9));
  background-image: linear-gradient(to bottom, rgba(51,108,169,0.9), rgba(0,72,147,0.9));
}

/* line 41, sass/partials/_color.scss */
.gradientBlacktoBlue, #home .infoBlock.cloudStorage:before, .services-uhubplus .infoBlock.cloudStorage:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDYzNGEyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTk3OWQyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(50%, #0634a2), color-stop(100%, #1979d2));
  background-image: -moz-linear-gradient(top, #000000, #0634a2, #1979d2);
  background-image: -webkit-linear-gradient(top, #000000, #0634a2, #1979d2);
  background-image: linear-gradient(to bottom, #000000, #0634a2, #1979d2);
}

/* line 45, sass/partials/_color.scss */
.grayMask, header .front .frame .account > ul > li > a {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIgc3RvcC1vcGFjaXR5PSIwLjYiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIgc3RvcC1vcGFjaXR5PSIwLjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzIzMjMiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(35, 35, 35, 0.6)), color-stop(70%, rgba(35, 35, 35, 0.6)), color-stop(100%, rgba(35, 35, 35, 0)));
  background-image: -moz-linear-gradient(top, rgba(35, 35, 35, 0.6) 0%, rgba(35, 35, 35, 0.6) 70%, rgba(35, 35, 35, 0));
  background-image: -webkit-linear-gradient(top, rgba(35, 35, 35, 0.6) 0%, rgba(35, 35, 35, 0.6) 70%, rgba(35, 35, 35, 0));
  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));
}

/* line 48, sass/partials/_color.scss */
.rainbow {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3MGIxOSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZTcwYjE5Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmODhhMjQiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y4OGEyNCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmVmNzM2Ii8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmZWY3MzYiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzg0YmQyMyIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjODRiZDIzIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiMwNjI2OGIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjI2OGIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e70b19), color-stop(20%, #e70b19), color-stop(20%, #f88a24), color-stop(40%, #f88a24), color-stop(40%, #fef736), color-stop(60%, #fef736), color-stop(60%, #84bd23), color-stop(80%, #84bd23), color-stop(80%, #06268b), color-stop(100%, #06268b));
  background-image: -moz-linear-gradient(top, #e70b19 0%, #e70b19 20%, #f88a24 20%, #f88a24 40%, #fef736 40%, #fef736 60%, #84bd23 60%, #84bd23 80%, #06268b 80%, #06268b);
  background-image: -webkit-linear-gradient(top, #e70b19 0%, #e70b19 20%, #f88a24 20%, #f88a24 40%, #fef736 40%, #fef736 60%, #84bd23 60%, #84bd23 80%, #06268b 80%, #06268b);
  background-image: linear-gradient(to bottom, #e70b19 0%, #e70b19 20%, #f88a24 20%, #f88a24 40%, #fef736 40%, #fef736 60%, #84bd23 60%, #84bd23 80%, #06268b 80%, #06268b);
}

/* line 62, sass/partials/_color.scss */
.lightYellow, .loadingBar {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2UwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmY2UwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmY2UwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 206, 0, 0)), color-stop(50%, #ffce00), color-stop(100%, rgba(255, 206, 0, 0)));
  background-image: -moz-linear-gradient(left, rgba(255, 206, 0, 0) 0%, #ffce00 50%, rgba(255, 206, 0, 0));
  background-image: -webkit-linear-gradient(left, rgba(255, 206, 0, 0) 0%, #ffce00 50%, rgba(255, 206, 0, 0));
  background-image: linear-gradient(to right, rgba(255, 206, 0, 0) 0%, #ffce00 50%, rgba(255, 206, 0, 0));
}

/* style ==================================================================================== */
/* keyframe ==================================================================================== */
@-moz-keyframes loadingBar {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 200%;
  }
}
@-webkit-keyframes loadingBar {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 200%;
  }
}
@keyframes loadingBar {
  0% {
    background-position-x: -100%;
  }
  100% {
    background-position-x: 200%;
  }
}
/* keyframe ==================================================================================== */
/* common ==================================================================================== */
/* ul */
/* line 7, sass/partials/_native.scss */
ul.sidelong {
  font-size: 0;
}
/* line 9, sass/partials/_native.scss */
ul.sidelong > li {
  display: inline-block;
  vertical-align: top;
}

/* table */
/* line 17, sass/partials/_native.scss */
.table .caption span {
  display: block;
}
/* line 18, sass/partials/_native.scss */
.table .caption span, .table .caption li {
  color: #FFF;
  font-family: 'Roboto-Medium', sans-serif;
}
/* line 20, sass/partials/_native.scss */
.table .caption ul li.platform {
  text-align: center;
  -moz-background-size: 0 0;
  -o-background-size: 0 0;
  -webkit-background-size: 0 0;
  background-size: 0 0;
}
/* line 23, sass/partials/_native.scss */
.table table {
  width: 100%;
  background-color: #ececec;
  border-collapse: collapse;
}
/* line 26, sass/partials/_native.scss */
.table table tr td {
  border: 1px #ececec solid;
  border-top: none;
  border-right: none;
  vertical-align: middle;
  background-color: #FFF;
}
/* line 29, sass/partials/_native.scss */
.table table tr td:first-child {
  border-left: none;
}
/* line 31, sass/partials/_native.scss */
.table table tr td:first-child:before {
  content: none;
}
/* line 34, sass/partials/_native.scss */
.table table thead {
  display: none;
}
/* line 37, sass/partials/_native.scss */
.table table thead tr td {
  color: #FFF;
  border-bottom: none;
  line-height: 1.25em;
}
/* line 39, sass/partials/_native.scss */
.table table thead tr td sup {
  font-size: inherit;
}
/* line 43, sass/partials/_native.scss */
.table table thead:first-child {
  display: table-header-group;
}
/* line 46, sass/partials/_native.scss */
.table table tbody tr td.separate {
  padding: 0;
}
/* line 49, sass/partials/_native.scss */
.table table tbody tr td.separate > ul > li {
  border-top: #fff 1px solid;
}
/* line 50, sass/partials/_native.scss */
.table table tbody tr td.separate > ul > li:first-child {
  border-top: none;
}
/* line 53, sass/partials/_native.scss */
.table table tbody tr td.tick {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -moz-background-size: 15% auto;
  -o-background-size: 15% auto;
  -webkit-background-size: 15% auto;
  background-size: 15% auto;
}
/* line 23, sass/partials/_base.scss */
.table table tbody tr td.tick img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* line 54, sass/partials/_native.scss */
.table table tbody tr td.platform {
  padding: 0 !important;
}
/* line 55, sass/partials/_native.scss */
.table table tbody tr td.plan {
  text-align: center;
}
/* line 57, sass/partials/_native.scss */
.table table tbody tr td.plan span {
  font-family: 'Roboto-Medium', sans-serif;
  line-height: 1.25em;
}
/* line 59, sass/partials/_native.scss */
.table table tbody tr td.storage {
  font-family: 'Roboto-Medium', sans-serif;
  text-align: center;
}
/* line 60, sass/partials/_native.scss */
.table table tbody tr td.monthlyRate {
  text-align: center;
}
/* line 62, sass/partials/_native.scss */
.table table tbody tr td.monthlyRate span {
  font-family: 'Roboto-Medium', sans-serif;
  color: #ec432e;
  white-space: nowrap;
}
/* line 64, sass/partials/_native.scss */
.table table tbody tr td.monthlyRate span:before {
  content: 'HK$';
}
/* line 65, sass/partials/_native.scss */
.table table tbody tr td.monthlyRate span:after {
  content: ' / month';
  color: #000;
}
/* line 69, sass/partials/_native.scss */
.table table tbody tr td.services > ul {
  list-style: disc outside;
  padding: 0.5em 0;
}
/* line 71, sass/partials/_native.scss */
.table table tbody tr td.services > ul > li {
  line-height: 1.25em;
  margin-bottom: 0.5em;
  margin-left: 1.5em;
}
/* line 72, sass/partials/_native.scss */
.table table tbody tr td.services > ul > li:last-child {
  margin-bottom: 0;
}
/* line 76, sass/partials/_native.scss */
.table table tbody tr td.number {
  text-align: center;
}
/* line 78, sass/partials/_native.scss */
.table table tbody tr td.number span {
  font-family: 'Roboto-Medium', sans-serif;
  white-space: nowrap;
}
/* line 82, sass/partials/_native.scss */
.table table tbody tr td.commitment {
  text-align: center;
}
/* line 86, sass/partials/_native.scss */
.table table.gray {
  background-color: transparent;
}
/* line 90, sass/partials/_native.scss */
.table table.gray tbody tr td {
  background-color: rgba(232, 232, 232, 0.9);
  text-align: left;
  border-left: none;
  border-bottom-color: #b9b9b9;
}
/* line 93, sass/partials/_native.scss */
.table table.gray tbody tr td:nth-child(2n+2) {
  background-color: rgba(219, 219, 219, 0.9);
}
/* line 96, sass/partials/_native.scss */
.table table.gray tbody tr td.item {
  font-family: 'Roboto-Medium', sans-serif;
}
/* line 100, sass/partials/_native.scss */
.table table.transparent {
  background-color: transparent;
}
/* line 103, sass/partials/_native.scss */
.table table.transparent tr td {
  background-color: transparent;
  border-color: #fff;
}
/* line 107, sass/partials/_native.scss */
.table table.transparent thead tr td {
  border: none;
}
/* line 112, sass/partials/_native.scss */
.table table.transparent tbody tr:last-child td {
  border-bottom: none;
}
/* line 117, sass/partials/_native.scss */
.table table.transparent tbody:last-child tr:last-child td {
  border-bottom: 1px #fff solid;
}
/* line 124, sass/partials/_native.scss */
.table table.firstHighlight tbody tr:first-child td {
  background-color: #e9627e;
  color: #fff;
}
/* line 130, sass/partials/_native.scss */
.table .list > ul > li {
  border-bottom: 1px #ECECEC solid;
}
/* line 132, sass/partials/_native.scss */
.table .list > ul > li .name {
  position: relative;
  font-family: 'Roboto-Medium', sans-serif;
}
/* line 134, sass/partials/_native.scss */
.table .list > ul > li.collapsed {
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 0;
  overflow: hidden;
}
/* line 136, sass/partials/_native.scss */
.table .list > ul > li.collapsed .collapsedTrigger {
  position: relative;
  cursor: pointer;
}
/* line 138, sass/partials/_native.scss */
.table .list > ul > li.collapsed .collapsedTrigger:before {
  content: ' ';
  background-color: #a8b0b6;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  color: #FFF;
  font-family: 'Roboto-Thin', sans-serif;
  font-weight: bold;
  display: block;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 50%;
}
/* line 23, sass/partials/_base.scss */
.table .list > ul > li.collapsed .collapsedTrigger:before img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* line 140, sass/partials/_native.scss */
.table .list > ul > li.collapsed .collapsedContent {
  display: none;
}
/* line 142, sass/partials/_native.scss */
.table .list > ul > li.collapsed .collapsedContent img {
  width: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
/* line 146, sass/partials/_native.scss */
.table .list > ul > li.collapsed.active {
  background-color: #EEEEF1;
}
/* line 149, sass/partials/_native.scss */
.table .list > ul > li.collapsed.active .collapsedTrigger:before {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 23, sass/partials/_base.scss */
.table .list > ul > li.collapsed.active .collapsedTrigger:before img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/* line 158, sass/partials/_native.scss */
.table.narrow table tr td.separate {
  padding: 0;
}

/* line 164, sass/partials/_native.scss */
.table.single table tr td {
  font-family: 'Roboto-Medium', sans-serif;
}
/* line 166, sass/partials/_native.scss */
.table.single table tr td a {
  color: #000;
}

/* line 174, sass/partials/_native.scss */
.table.multiChild table tr td.parent {
  border-right: 1px #ececec solid;
}

/* line 180, sass/partials/_native.scss */
.table.showThead table thead {
  display: table-header-group;
}

/* line 186, sass/partials/_native.scss */
.table.col-2 table tr td {
  width: 50%;
}

/* form */
/* line 197, sass/partials/_native.scss */
form .errorContainer {
  text-align: center;
}
/* line 199, sass/partials/_native.scss */
form .errorContainer .error {
  color: #e7627e !important;
}
/* line 202, sass/partials/_native.scss */
form select.error, form input[type=text].error, form input[type=number].error, form textarea.error {
  border-color: #e7627e;
  color: #e7627e;
}
/* line 204, sass/partials/_native.scss */
form span.error {
  color: #e7627e !important;
  vertical-align: top;
}
/* line 206, sass/partials/_native.scss */
form span.error:before {
  content: ' ';
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  vertical-align: top;
  -moz-background-size: auto 60%;
  -o-background-size: auto 60%;
  -webkit-background-size: auto 60%;
  background-size: auto 60%;
}
/* line 23, sass/partials/_base.scss */
form span.error:before img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* line 209, sass/partials/_native.scss */
form .errorMsg {
  background-color: #e7627e;
  color: #FFF;
  margin-bottom: 0;
  vertical-align: top;
  position: relative;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  height: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  overflow: hidden;
}
/* line 211, sass/partials/_native.scss */
form .errorMsg:before {
  content: ' ';
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -moz-background-size: auto 60%;
  -o-background-size: auto 60%;
  -webkit-background-size: auto 60%;
  background-size: auto 60%;
  vertical-align: top;
}
/* line 23, sass/partials/_base.scss */
form .errorMsg:before img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* line 213, sass/partials/_native.scss */
form .errorMsg.active {
  height: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 216, sass/partials/_native.scss */
form .fieldList ul li {
  font-size: 0;
  position: relative;
  vertical-align: top;
}
/* line 218, sass/partials/_native.scss */
form .fieldList ul li > label {
  display: inline-block;
  vertical-align: top;
}
/* line 219, sass/partials/_native.scss */
form .fieldList ul li .input {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
}

/* line 221, sass/partials/_native.scss */
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 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px #d4d4d4 solid;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
/* line 222, sass/partials/_native.scss */
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 {
  background-color: #f2f2f2;
}
/* line 223, sass/partials/_native.scss */
form .fieldList ul li .input .select {
  display: inline-block;
  position: relative;
}
/* line 225, sass/partials/_native.scss */
form .fieldList ul li .input .select:before, form .fieldList ul li .input .select:after {
  content: ' ';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  pointer-events: none;
}
/* line 226, sass/partials/_native.scss */
form .fieldList ul li .input .select:before {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -moz-background-size: 50% 50%;
  -o-background-size: 50% 50%;
  -webkit-background-size: 50% 50%;
  background-size: 50% 50%;
  z-index: 3;
}
/* line 23, sass/partials/_base.scss */
form .fieldList ul li .input .select:before img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* line 227, sass/partials/_native.scss */
form .fieldList ul li .input .select select {
  position: relative;
  z-index: 1;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  width: 100%;
}
/* line 230, sass/partials/_native.scss */
form .fieldList ul li .input .select:after {
  z-index: 2;
}
/* line 232, sass/partials/_native.scss */
form .fieldList ul li .input .radio {
  display: inline-block;
  vertical-align: middle;
}
/* line 234, sass/partials/_native.scss */
form .fieldList ul li .input .radio input[type=radio] {
  vertical-align: middle;
}
/* line 235, sass/partials/_native.scss */
form .fieldList ul li .input .radio span {
  vertical-align: middle;
}
/* line 238, sass/partials/_native.scss */
form .fieldList ul li .input .file label {
  cursor: pointer;
}
/* line 239, sass/partials/_native.scss */
form .fieldList ul li .input .file input[type=file] {
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 240, sass/partials/_native.scss */
form .fieldList ul li .input .file .path {
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 241, sass/partials/_native.scss */
form .fieldList ul li .input .file .path.active {
  cursor: pointer;
  max-width: 300px;
  position: relative;
  padding-right: 1em;
}
/* line 243, sass/partials/_native.scss */
form .fieldList ul li .input .file .path.active:after {
  content: ' ✖ ';
  color: #fcaf17;
  position: absolute;
  right: 0%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 246, sass/partials/_native.scss */
form .fieldList ul li .input span {
  display: inline-block;
}
/* line 248, sass/partials/_native.scss */
form .fieldList ul li .input .remark {
  color: #999999;
}
/* line 249, sass/partials/_native.scss */
form .fieldList ul li .input .additional {
  position: relative;
  display: inline-block;
  font-size: 0;
}
/* line 251, sass/partials/_native.scss */
form .fieldList ul li .input .additional .note {
  position: absolute;
  left: 0%;
  top: 0;
  text-align: center;
}
/* line 253, sass/partials/_native.scss */
form .fieldList ul li .input .additional a:before {
  content: '|';
  color: #d4d4d4;
  cursor: default;
  pointer-events: none;
  margin: 0 0.5em;
}
/* line 256, sass/partials/_native.scss */
form .fieldList ul li .input .additional a:first-child:before {
  content: none;
}
/* line 261, sass/partials/_native.scss */
form .fieldList ul li:last-child {
  margin-bottom: 0 !important;
}
/* line 264, sass/partials/_native.scss */
form .g-recaptcha {
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

/* line 272, sass/partials/_native.scss */
form.dark .fieldList ul li .input select, form.dark .fieldList ul li .input input[type=text], form.dark .fieldList ul li .input input[type=number], form.dark .fieldList ul li .input textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px #fff solid;
  background-color: #FFF;
}
/* line 274, sass/partials/_native.scss */
form.dark .fieldList ul li .input select.error, form.dark .fieldList ul li .input input[type=text].error, form.dark .fieldList ul li .input input[type=number].error, form.dark .fieldList ul li .input textarea.error {
  border-color: #e7627e;
  color: #e7627e;
}
/* line 276, sass/partials/_native.scss */
form.dark .fieldList ul li .input span {
  color: #FFF;
}
/* line 279, sass/partials/_native.scss */
form.dark .fieldList ul li:last-child {
  margin-bottom: 0 !important;
}

/* agreement */
/* line 288, sass/partials/_native.scss */
.agreement > ul > li {
  position: relative;
  line-height: 0;
}
/* line 290, sass/partials/_native.scss */
.agreement > ul > li input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
/* line 291, sass/partials/_native.scss */
.agreement > ul > li label {
  display: block;
}
/* line 293, sass/partials/_native.scss */
.agreement > ul > li:last-child {
  margin-bottom: 0;
}

/* line 298, sass/partials/_native.scss */
.terms .title {
  font-weight: bold;
}
/* line 299, sass/partials/_native.scss */
.terms > *:last-child {
  margin-bottom: 0 !important;
}

/* paragraph */
/* line 306, sass/partials/_native.scss */
.paragraph .title {
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: bold;
}
/* line 308, sass/partials/_native.scss */
.paragraph p.reminder {
  color: #666666;
}
/* line 309, sass/partials/_native.scss */
.paragraph p.center {
  text-align: center;
}
/* line 312, sass/partials/_native.scss */
.paragraph ol li > *, .paragraph ul li > * {
  margin-bottom: 0;
}
/* line 314, sass/partials/_native.scss */
.paragraph ol li:last-child, .paragraph ul li:last-child {
  margin-bottom: 0;
}
/* line 316, sass/partials/_native.scss */
.paragraph ol {
  list-style: decimal outside;
}
/* line 320, sass/partials/_native.scss */
.paragraph ul li {
  position: relative;
}
/* line 322, sass/partials/_native.scss */
.paragraph ul li .key {
  position: absolute;
  top: 0;
}
/* line 327, sass/partials/_native.scss */
.paragraph ul.bullet li {
  list-style-type: disc;
}
/* line 329, sass/partials/_native.scss */
.paragraph .col-2 {
  position: relative;
  font-size: 0;
}
/* line 331, sass/partials/_native.scss */
.paragraph .col-2:before {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #E5E5E5;
}
/* line 332, sass/partials/_native.scss */
.paragraph .col-2 .col {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
/* line 334, sass/partials/_native.scss */
.paragraph .col-2 .col .subheading {
  text-align: left;
}
/* line 335, sass/partials/_native.scss */
.paragraph .col-2 .col > *:last-child {
  margin-bottom: 0 !important;
}
/* line 340, sass/partials/_native.scss */
.paragraph > *:last-child {
  margin-bottom: 0 !important;
}

/* line 342, sass/partials/_native.scss */
.paragraph:last-child {
  margin-bottom: 0 !important;
}

/* line 344, sass/partials/_native.scss */
.paragraph.series {
  white-space: nowrap;
}
/* line 346, sass/partials/_native.scss */
.paragraph.series p {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
/* line 347, sass/partials/_native.scss */
.paragraph.series > ul {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}
/* line 349, sass/partials/_native.scss */
.paragraph.series > ul > li {
  vertical-align: middle;
}
/* line 351, sass/partials/_native.scss */
.paragraph.series > ul > li img {
  height: auto;
}
/* line 353, sass/partials/_native.scss */
.paragraph.series > ul > li:last-child {
  margin-top: 0;
}

/* line 363, sass/partials/_native.scss */
.series > ul > li:last-child {
  margin-right: 0;
}
/* line 366, sass/partials/_native.scss */
.series > ul.middle > li {
  vertical-align: middle;
}

/* line 371, sass/partials/_native.scss */
.dataList > ul {
  border-top: 1px #E8E8EB solid;
  border-bottom: 1px #E8E8EB solid;
}
/* line 373, sass/partials/_native.scss */
.dataList > ul > li {
  border-top: 1px #E8E8EB solid;
  font-size: 0;
}
/* line 375, sass/partials/_native.scss */
.dataList > ul > li .name, .dataList > ul > li .paragraph {
  display: inline-block;
  vertical-align: top;
}
/* line 376, sass/partials/_native.scss */
.dataList > ul > li .name {
  width: 45%;
  padding-right: 4%;
}
/* line 377, sass/partials/_native.scss */
.dataList > ul > li .paragraph {
  width: 55%;
}
/* line 379, sass/partials/_native.scss */
.dataList > ul > li .paragraph p {
  padding-left: 0;
  padding-right: 0;
}
/* line 382, sass/partials/_native.scss */
.dataList > ul > li:first-child {
  border-top: none;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* table */
  /* line 396, sass/partials/_native.scss */
  .table .caption span, .table .caption li {
    font-size: 20px;
    line-height: 51px;
  }
  /* line 397, sass/partials/_native.scss */
  .table .caption span {
    padding: 0 30px;
  }
  /* line 401, sass/partials/_native.scss */
  .table table tr td {
    padding: 0 30px;
  }
  /* line 406, sass/partials/_native.scss */
  .table table thead tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }
  /* line 411, sass/partials/_native.scss */
  .table table tbody tr td {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 16px;
  }
  /* line 414, sass/partials/_native.scss */
  .table table tbody tr td.separate > ul > li {
    padding: 10px 30px;
  }
  /* line 418, sass/partials/_native.scss */
  .table table tbody tr td.plan span {
    font-size: 24px;
  }
  /* line 419, sass/partials/_native.scss */
  .table table tbody tr td.plan span.big {
    font-size: 30px;
  }
  /* line 421, sass/partials/_native.scss */
  .table table tbody tr td.storage {
    font-size: 30px;
  }
  /* line 423, sass/partials/_native.scss */
  .table table tbody tr td.monthlyRate span {
    font-size: 30px;
  }
  /* line 426, sass/partials/_native.scss */
  .table table tbody tr td.monthlyRate span:after {
    font-size: 16px;
  }
  /* line 432, sass/partials/_native.scss */
  .table table tbody tr td.number span {
    font-size: 30px;
  }
  /* line 442, sass/partials/_native.scss */
  .table table.gray tbody tr td.item {
    font-size: 20px;
  }
  /* line 448, sass/partials/_native.scss */
  .table .list > ul > li {
    padding: 10px 30px;
  }
  /* line 450, sass/partials/_native.scss */
  .table .list > ul > li .name {
    padding: 20px 30px;
    font-size: 16px;
  }
  /* line 453, sass/partials/_native.scss */
  .table .list > ul > li.collapsed .collapsedTrigger {
    padding-right: 90px;
  }
  /* line 455, sass/partials/_native.scss */
  .table .list > ul > li.collapsed .collapsedTrigger:before {
    width: 24px;
    height: 24px;
    right: 30px;
    margin-top: -12px;
  }
  /* line 457, sass/partials/_native.scss */
  .table .list > ul > li.collapsed .collapsedContent {
    padding: 0 30px 25px 30px;
  }
  /* line 463, sass/partials/_native.scss */
  .table:not(:last-child) {
    margin-bottom: 30px;
  }

  /* line 469, sass/partials/_native.scss */
  .table.narrow table tbody tr td {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /* form */
  /* line 477, sass/partials/_native.scss */
  form p {
    font-size: 16px;
    margin-bottom: 20px;
  }
  /* line 478, sass/partials/_native.scss */
  form .errorContainer {
    margin-bottom: 30px;
    font-size: 16px;
  }
  /* line 479, sass/partials/_native.scss */
  form span.error {
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
  }
  /* line 481, sass/partials/_native.scss */
  form span.error:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  /* line 483, sass/partials/_native.scss */
  form .errorMsg {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 40px;
    padding: 0 10px;
    padding-left: 100px;
    font-size: 14px;
  }
  /* line 485, sass/partials/_native.scss */
  form .errorMsg:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  /* line 487, sass/partials/_native.scss */
  form .errorMsg.active {
    padding-left: 10px;
    margin-bottom: 30px;
  }
  /* line 488, sass/partials/_native.scss */
  form .fieldList {
    margin-bottom: 30px;
  }
  /* line 491, sass/partials/_native.scss */
  form .fieldList ul li {
    margin-bottom: 20px;
  }
  /* line 493, sass/partials/_native.scss */
  form .fieldList ul li > label {
    font-size: 16px;
    width: 242px;
    line-height: 40px;
  }
  /* line 494, sass/partials/_native.scss */
  form .fieldList ul li > label.small {
    width: 105px;
  }
  /* line 495, sass/partials/_native.scss */
  form .fieldList ul li .input {
    font-size: 16px;
  }
  /* line 497, sass/partials/_native.scss */
  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 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 10px;
    min-width: 250px;
  }
  /* line 499, sass/partials/_native.scss */
  form .fieldList ul li .input select.large, form .fieldList ul li .input input[type=text].large, form .fieldList ul li .input input[type=number].large, form .fieldList ul li .input textarea.large {
    width: 500px;
  }
  /* line 501, sass/partials/_native.scss */
  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;
  }
  /* line 502, sass/partials/_native.scss */
  form .fieldList ul li .input textarea {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* line 504, sass/partials/_native.scss */
  form .fieldList ul li .input .select:before, form .fieldList ul li .input .select:after {
    width: 26px;
  }
  /* line 506, sass/partials/_native.scss */
  form .fieldList ul li .input .select select {
    padding-right: 36px;
  }
  /* line 507, sass/partials/_native.scss */
  form .fieldList ul li .input .select:after {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  /* line 509, sass/partials/_native.scss */
  form .fieldList ul li .input .radio {
    margin-right: 60px;
  }
  /* line 511, sass/partials/_native.scss */
  form .fieldList ul li .input .radio input[type=radio] {
    width: 25px;
    height: 25px;
    margin-right: 5px;
  }
  /* line 513, sass/partials/_native.scss */
  form .fieldList ul li .input span {
    line-height: 40px;
  }
  /* line 514, sass/partials/_native.scss */
  form .fieldList ul li .input a {
    font-size: 16px;
  }
  /* line 515, sass/partials/_native.scss */
  form .fieldList ul li .input .remark {
    font-size: 14px;
    margin-top: 15px;
  }
  /* line 516, sass/partials/_native.scss */
  form .fieldList ul li .input .additional {
    padding-left: 20px;
  }
  /* line 518, sass/partials/_native.scss */
  form .fieldList ul li .input .additional .note {
    font-size: 20px;
  }
  /* line 519, sass/partials/_native.scss */
  form .fieldList ul li .input .additional select {
    font-size: 16px;
  }

  /* agreement */
  /* line 530, sass/partials/_native.scss */
  .agreement {
    margin-bottom: 30px;
  }
  /* line 533, sass/partials/_native.scss */
  .agreement > ul > li {
    margin-bottom: 10px;
  }
  /* line 535, sass/partials/_native.scss */
  .agreement > ul > li input[type=checkbox] {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
  /* line 536, sass/partials/_native.scss */
  .agreement > ul > li label {
    padding-left: 40px;
    font-size: 16px;
  }

  /* line 542, sass/partials/_native.scss */
  .terms .title {
    margin-bottom: 10px;
    font-size: 16px;
  }
  /* line 543, sass/partials/_native.scss */
  .terms p {
    margin-bottom: 15px;
  }

  /* paragraph */
  /* line 548, sass/partials/_native.scss */
  .paragraph {
    margin-bottom: 30px;
  }
  /* line 550, sass/partials/_native.scss */
  .paragraph .title {
    font-size: 14px;
    padding: 0 30px;
    margin-bottom: 5px;
  }
  /* line 551, sass/partials/_native.scss */
  .paragraph p {
    padding: 0 30px;
    margin-bottom: 15px;
    font-size: 16px;
  }
  /* line 552, sass/partials/_native.scss */
  .paragraph p.small {
    font-size: 14px;
  }
  /* line 553, sass/partials/_native.scss */
  .paragraph ol, .paragraph ul {
    padding-left: 50px;
    padding-right: 25px;
    margin-bottom: 15px;
  }
  /* line 555, sass/partials/_native.scss */
  .paragraph ol li, .paragraph ul li {
    margin-bottom: 5px;
    font-size: 14px;
  }
  /* line 557, sass/partials/_native.scss */
  .paragraph ol li p, .paragraph ul li p {
    padding-left: 0;
    font-size: 14px;
  }
  /* line 562, sass/partials/_native.scss */
  .paragraph ul li .key {
    left: -20px;
  }
  /* line 565, sass/partials/_native.scss */
  .paragraph .col-2 {
    margin-bottom: 35px;
    border-top: 20px transparent solid;
  }
  /* line 567, sass/partials/_native.scss */
  .paragraph .col-2 .col:first-child {
    padding-right: 30px;
  }
  /* line 568, sass/partials/_native.scss */
  .paragraph .col-2 .col:last-child {
    padding-left: 30px;
  }

  /* line 573, sass/partials/_native.scss */
  .paragraph.series > ul > li {
    margin-left: 30px;
    margin-right: 30px;
  }
  /* line 577, sass/partials/_native.scss */
  .paragraph.series > ul > li.linksys img {
    width: 133px;
  }
  /* line 580, sass/partials/_native.scss */
  .paragraph.series > ul > li.netgear img {
    width: 144px;
  }
  /* line 583, sass/partials/_native.scss */
  .paragraph.series > ul > li.huawei img {
    width: 153px;
  }
  /* line 586, sass/partials/_native.scss */
  .paragraph.series > ul > li.asus img {
    width: 103px;
  }

  /* line 593, sass/partials/_native.scss */
  .series > ul > li {
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  /* line 595, sass/partials/_native.scss */
  .series > ul > li span {
    font-size: 16px;
  }

  /* line 601, sass/partials/_native.scss */
  .dataList {
    margin-bottom: 25px;
  }
  /* line 603, sass/partials/_native.scss */
  .dataList > ul {
    margin: 0 30px;
  }
  /* line 605, sass/partials/_native.scss */
  .dataList > ul > li {
    padding: 15px 0;
  }
  /* line 607, sass/partials/_native.scss */
  .dataList > ul > li .name, .dataList > ul > li .paragraph {
    font-size: 16px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* table */
  /* line 624, sass/partials/_native.scss */
  .table .caption span, .table .caption li {
    font-size: 1.5625vw;
    line-height: 3.98438vw;
  }
  /* line 625, sass/partials/_native.scss */
  .table .caption span {
    padding: 0 2.34375vw;
  }
  /* line 629, sass/partials/_native.scss */
  .table table tr td {
    padding: 0 2.34375vw;
  }
  /* line 634, sass/partials/_native.scss */
  .table table thead tr td {
    padding-top: 0.78125vw;
    padding-bottom: 0.78125vw;
    font-size: 1.25vw;
  }
  /* line 639, sass/partials/_native.scss */
  .table table tbody tr td {
    padding-top: 1.95313vw;
    padding-bottom: 1.95313vw;
    font-size: 1.25vw;
  }
  /* line 642, sass/partials/_native.scss */
  .table table tbody tr td.separate > ul > li {
    padding: 0.78125vw 2.34375vw;
  }
  /* line 645, sass/partials/_native.scss */
  .table table tbody tr td.storage {
    font-size: 2.34375vw;
  }
  /* line 647, sass/partials/_native.scss */
  .table table tbody tr td.monthlyRate span {
    font-size: 2.34375vw;
  }
  /* line 650, sass/partials/_native.scss */
  .table table tbody tr td.monthlyRate span:after {
    font-size: 1.25vw;
  }
  /* line 653, sass/partials/_native.scss */
  .table table tbody tr td.services {
    font-size: 1.25vw;
  }
  /* line 656, sass/partials/_native.scss */
  .table table tbody tr td.number span {
    font-size: 2.34375vw;
  }
  /* line 666, sass/partials/_native.scss */
  .table table.gray tbody tr td.item {
    font-size: 1.5625vw;
  }
  /* line 672, sass/partials/_native.scss */
  .table .list > ul > li {
    padding: 0.78125vw 2.34375vw;
  }
  /* line 674, sass/partials/_native.scss */
  .table .list > ul > li .name {
    padding: 1.5625vw 2.34375vw;
    font-size: 1.25vw;
  }
  /* line 677, sass/partials/_native.scss */
  .table .list > ul > li.collapsed .collapsedTrigger {
    padding-right: 7.03125vw;
  }
  /* line 679, sass/partials/_native.scss */
  .table .list > ul > li.collapsed .collapsedTrigger:before {
    width: 1.875vw;
    height: 1.875vw;
    right: 2.34375vw;
    margin-top: -0.9375vw;
  }
  /* line 681, sass/partials/_native.scss */
  .table .list > ul > li.collapsed .collapsedContent {
    padding: 0 2.34375vw 1.95313vw 2.34375vw;
  }
  /* line 687, sass/partials/_native.scss */
  .table:not(:last-child) {
    margin-bottom: 2.34375vw;
  }

  /* line 693, sass/partials/_native.scss */
  .table.narrow table tbody tr td {
    padding-top: 1.17188vw;
    padding-bottom: 1.17188vw;
  }

  /* form */
  /* line 702, sass/partials/_native.scss */
  form p {
    font-size: 1.25vw;
    margin-bottom: 1.5625vw;
  }
  /* line 703, sass/partials/_native.scss */
  form .errorContainer {
    margin-bottom: 2.34375vw;
    font-size: 1.25vw;
  }
  /* line 704, sass/partials/_native.scss */
  form span.error {
    line-height: 3.125vw;
    padding: 0 0.78125vw;
    font-size: 1.25vw;
  }
  /* line 706, sass/partials/_native.scss */
  form span.error:before {
    width: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
  }
  /* line 708, sass/partials/_native.scss */
  form .errorMsg {
    -moz-border-radius: 0.39063vw;
    -webkit-border-radius: 0.39063vw;
    border-radius: 0.39063vw;
    line-height: 3.125vw;
    padding: 0 0.78125vw;
    padding-left: 7.8125vw;
    font-size: 1.09375vw;
  }
  /* line 710, sass/partials/_native.scss */
  form .errorMsg:before {
    width: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
  }
  /* line 712, sass/partials/_native.scss */
  form .errorMsg.active {
    padding-left: 0.78125vw;
    margin-bottom: 2.34375vw;
  }
  /* line 713, sass/partials/_native.scss */
  form .fieldList {
    margin-bottom: 2.34375vw;
  }
  /* line 716, sass/partials/_native.scss */
  form .fieldList ul li {
    margin-bottom: 1.5625vw;
  }
  /* line 718, sass/partials/_native.scss */
  form .fieldList ul li > label {
    font-size: 1.25vw;
    width: 18.90625vw;
    line-height: 3.125vw;
  }
  /* line 719, sass/partials/_native.scss */
  form .fieldList ul li > label.small {
    width: 8.20313vw;
  }
  /* line 720, sass/partials/_native.scss */
  form .fieldList ul li .input {
    font-size: 1.25vw;
  }
  /* line 722, sass/partials/_native.scss */
  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 {
    -moz-border-radius: 0.39063vw;
    -webkit-border-radius: 0.39063vw;
    border-radius: 0.39063vw;
    padding: 0 0.78125vw;
    min-width: 19.53125vw;
  }
  /* line 724, sass/partials/_native.scss */
  form .fieldList ul li .input select.large, form .fieldList ul li .input input[type=text].large, form .fieldList ul li .input input[type=number].large, form .fieldList ul li .input textarea.large {
    width: 39.0625vw;
  }
  /* line 726, sass/partials/_native.scss */
  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;
  }
  /* line 727, sass/partials/_native.scss */
  form .fieldList ul li .input textarea {
    padding-top: 0.78125vw;
    padding-bottom: 0.78125vw;
  }
  /* line 729, sass/partials/_native.scss */
  form .fieldList ul li .input .select:before, form .fieldList ul li .input .select:after {
    width: 2.03125vw;
  }
  /* line 731, sass/partials/_native.scss */
  form .fieldList ul li .input .select select {
    padding-right: 2.8125vw;
  }
  /* line 732, sass/partials/_native.scss */
  form .fieldList ul li .input .select:after {
    -moz-border-radius-topright: 0.39063vw;
    -webkit-border-top-right-radius: 0.39063vw;
    border-top-right-radius: 0.39063vw;
    -moz-border-radius-bottomright: 0.39063vw;
    -webkit-border-bottom-right-radius: 0.39063vw;
    border-bottom-right-radius: 0.39063vw;
  }
  /* line 734, sass/partials/_native.scss */
  form .fieldList ul li .input .radio {
    margin-right: 4.6875vw;
  }
  /* line 736, sass/partials/_native.scss */
  form .fieldList ul li .input .radio input[type=radio] {
    width: 1.95313vw;
    height: 1.95313vw;
    margin-right: 0.39063vw;
  }
  /* line 738, sass/partials/_native.scss */
  form .fieldList ul li .input span {
    line-height: 3.125vw;
  }
  /* line 739, sass/partials/_native.scss */
  form .fieldList ul li .input a {
    font-size: 1.25vw;
  }
  /* line 740, sass/partials/_native.scss */
  form .fieldList ul li .input .additional {
    padding-left: 1.5625vw;
  }
  /* line 742, sass/partials/_native.scss */
  form .fieldList ul li .input .additional .note {
    font-size: 1.5625vw;
  }
  /* line 743, sass/partials/_native.scss */
  form .fieldList ul li .input .additional select {
    font-size: 1.25vw;
  }
  /* line 751, sass/partials/_native.scss */
  form .g-recaptcha {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  /* agreement */
  /* line 756, sass/partials/_native.scss */
  .agreement {
    margin-bottom: 1.17188vw;
  }
  /* line 759, sass/partials/_native.scss */
  .agreement > ul > li {
    margin-bottom: 0.78125vw;
  }
  /* line 761, sass/partials/_native.scss */
  .agreement > ul > li input[type=checkbox] {
    width: 1.95313vw;
    height: 1.95313vw;
    line-height: 1.95313vw;
  }
  /* line 762, sass/partials/_native.scss */
  .agreement > ul > li label {
    padding-left: 3.125vw;
    font-size: 1.25vw;
  }

  /* line 768, sass/partials/_native.scss */
  .terms .title {
    margin-bottom: 0.78125vw;
    font-size: 1.25vw;
  }
  /* line 769, sass/partials/_native.scss */
  .terms p {
    margin-bottom: 1.17188vw;
  }

  /* paragraph */
  /* line 773, sass/partials/_native.scss */
  .paragraph {
    margin-bottom: 2.34375vw;
  }
  /* line 775, sass/partials/_native.scss */
  .paragraph .title {
    font-size: 1.09375vw;
    padding: 0 2.34375vw;
    margin-bottom: 0.39063vw;
  }
  /* line 776, sass/partials/_native.scss */
  .paragraph p {
    padding: 0 2.34375vw;
    margin-bottom: 1.17188vw;
    font-size: 1.25vw;
  }
  /* line 777, sass/partials/_native.scss */
  .paragraph p.small {
    font-size: 1.09375vw;
  }
  /* line 778, sass/partials/_native.scss */
  .paragraph ol, .paragraph ul {
    padding-left: 3.90625vw;
    padding-right: 1.95313vw;
    margin-bottom: 1.17188vw;
  }
  /* line 780, sass/partials/_native.scss */
  .paragraph ol li, .paragraph ul li {
    margin-bottom: 0.39063vw;
    font-size: 1.09375vw;
  }
  /* line 782, sass/partials/_native.scss */
  .paragraph ol li p, .paragraph ul li p {
    padding-left: 0;
    font-size: 1.09375vw;
  }
  /* line 787, sass/partials/_native.scss */
  .paragraph ul li .key {
    left: -1.5625vw;
  }
  /* line 790, sass/partials/_native.scss */
  .paragraph .col-2 {
    margin-bottom: 2.73438vw;
    border-top: 1.5625vw transparent solid;
  }
  /* line 792, sass/partials/_native.scss */
  .paragraph .col-2 .col:first-child {
    padding-right: 2.34375vw;
  }
  /* line 793, sass/partials/_native.scss */
  .paragraph .col-2 .col:last-child {
    padding-left: 2.34375vw;
  }

  /* line 798, sass/partials/_native.scss */
  .paragraph.series > ul > li {
    margin-left: 4.6875vw;
  }
  /* line 802, sass/partials/_native.scss */
  .paragraph.series > ul > li.linksys img {
    width: 10.39063vw;
  }
  /* line 805, sass/partials/_native.scss */
  .paragraph.series > ul > li.netgear img {
    width: 11.25vw;
  }
  /* line 808, sass/partials/_native.scss */
  .paragraph.series > ul > li.huawei img {
    width: 11.95313vw;
  }
  /* line 811, sass/partials/_native.scss */
  .paragraph.series > ul > li.asus img {
    width: 8.04688vw;
  }

  /* line 818, sass/partials/_native.scss */
  .series > ul > li {
    margin-right: 1.17188vw;
    margin-top: 1.17188vw;
    margin-bottom: 1.17188vw;
  }
  /* line 820, sass/partials/_native.scss */
  .series > ul > li span {
    font-size: 1.25vw;
  }

  /* line 826, sass/partials/_native.scss */
  .dataList {
    margin-bottom: 1.95313vw;
  }
  /* line 828, sass/partials/_native.scss */
  .dataList > ul {
    margin: 0 2.34375vw;
  }
  /* line 830, sass/partials/_native.scss */
  .dataList > ul > li {
    padding: 1.17188vw 0;
  }
  /* line 832, sass/partials/_native.scss */
  .dataList > ul > li .name, .dataList > ul > li .paragraph {
    font-size: 1.25vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* table */
  /* line 848, sass/partials/_native.scss */
  .table .caption span, .table .caption li {
    font-size: 1.5625vw;
    line-height: 3.98438vw;
  }
  /* line 849, sass/partials/_native.scss */
  .table .caption span {
    padding: 0 2.34375vw;
  }
  /* line 853, sass/partials/_native.scss */
  .table table tr td {
    padding: 0 2.34375vw;
  }
  /* line 858, sass/partials/_native.scss */
  .table table thead tr td {
    padding-top: 0.78125vw;
    padding-bottom: 0.78125vw;
    font-size: 1.25vw;
  }
  /* line 863, sass/partials/_native.scss */
  .table table tbody tr td {
    padding-top: 1.95313vw;
    padding-bottom: 1.95313vw;
    font-size: 1.25vw;
  }
  /* line 866, sass/partials/_native.scss */
  .table table tbody tr td.separate > ul > li {
    padding: 0.78125vw 2.34375vw;
  }
  /* line 869, sass/partials/_native.scss */
  .table table tbody tr td.storage {
    font-size: 2.34375vw;
  }
  /* line 871, sass/partials/_native.scss */
  .table table tbody tr td.monthlyRate span {
    font-size: 2.34375vw;
  }
  /* line 874, sass/partials/_native.scss */
  .table table tbody tr td.monthlyRate span:after {
    font-size: 1.25vw;
  }
  /* line 877, sass/partials/_native.scss */
  .table table tbody tr td.services {
    font-size: 1.25vw;
  }
  /* line 880, sass/partials/_native.scss */
  .table table tbody tr td.number span {
    font-size: 2.34375vw;
  }
  /* line 890, sass/partials/_native.scss */
  .table table.gray tbody tr td.item {
    font-size: 1.5625vw;
  }
  /* line 896, sass/partials/_native.scss */
  .table .list > ul > li {
    padding: 0.78125vw 2.34375vw;
  }
  /* line 898, sass/partials/_native.scss */
  .table .list > ul > li .name {
    padding: 1.5625vw 2.34375vw;
    font-size: 1.25vw;
  }
  /* line 901, sass/partials/_native.scss */
  .table .list > ul > li.collapsed .collapsedTrigger {
    padding-right: 7.03125vw;
  }
  /* line 903, sass/partials/_native.scss */
  .table .list > ul > li.collapsed .collapsedTrigger:before {
    width: 1.875vw;
    height: 1.875vw;
    right: 2.34375vw;
    margin-top: -0.9375vw;
  }
  /* line 905, sass/partials/_native.scss */
  .table .list > ul > li.collapsed .collapsedContent {
    padding: 0 2.34375vw 1.95313vw 2.34375vw;
  }
  /* line 911, sass/partials/_native.scss */
  .table:not(:last-child) {
    margin-bottom: 2.34375vw;
  }

  /* line 917, sass/partials/_native.scss */
  .table.narrow table tbody tr td {
    padding-top: 1.17188vw;
    padding-bottom: 1.17188vw;
  }

  /* form */
  /* line 926, sass/partials/_native.scss */
  form p {
    font-size: 1.25vw;
    margin-bottom: 1.5625vw;
  }
  /* line 927, sass/partials/_native.scss */
  form .errorContainer {
    margin-bottom: 2.34375vw;
    font-size: 1.25vw;
  }
  /* line 928, sass/partials/_native.scss */
  form span.error {
    line-height: 3.125vw;
    padding: 0 0.78125vw;
    font-size: 1.25vw;
  }
  /* line 930, sass/partials/_native.scss */
  form span.error:before {
    width: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
  }
  /* line 932, sass/partials/_native.scss */
  form .errorMsg {
    -moz-border-radius: 0.39063vw;
    -webkit-border-radius: 0.39063vw;
    border-radius: 0.39063vw;
    line-height: 3.125vw;
    padding: 0 0.78125vw;
    padding-left: 7.8125vw;
    font-size: 1.09375vw;
  }
  /* line 934, sass/partials/_native.scss */
  form .errorMsg:before {
    width: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
  }
  /* line 936, sass/partials/_native.scss */
  form .errorMsg.active {
    padding-left: 0.78125vw;
    margin-bottom: 2.34375vw;
  }
  /* line 937, sass/partials/_native.scss */
  form .fieldList {
    margin-bottom: 2.34375vw;
  }
  /* line 940, sass/partials/_native.scss */
  form .fieldList ul li {
    margin-bottom: 1.5625vw;
  }
  /* line 942, sass/partials/_native.scss */
  form .fieldList ul li > label {
    font-size: 1.25vw;
    width: 18.90625vw;
    line-height: 3.125vw;
  }
  /* line 943, sass/partials/_native.scss */
  form .fieldList ul li > label.small {
    width: 8.20313vw;
  }
  /* line 944, sass/partials/_native.scss */
  form .fieldList ul li .input {
    font-size: 1.25vw;
  }
  /* line 946, sass/partials/_native.scss */
  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 {
    -moz-border-radius: 0.39063vw;
    -webkit-border-radius: 0.39063vw;
    border-radius: 0.39063vw;
    padding: 0 0.78125vw;
    min-width: 19.53125vw;
  }
  /* line 948, sass/partials/_native.scss */
  form .fieldList ul li .input select.large, form .fieldList ul li .input input[type=text].large, form .fieldList ul li .input input[type=number].large, form .fieldList ul li .input textarea.large {
    width: 39.0625vw;
  }
  /* line 950, sass/partials/_native.scss */
  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;
  }
  /* line 951, sass/partials/_native.scss */
  form .fieldList ul li .input textarea {
    padding-top: 0.78125vw;
    padding-bottom: 0.78125vw;
  }
  /* line 953, sass/partials/_native.scss */
  form .fieldList ul li .input .select:before, form .fieldList ul li .input .select:after {
    width: 2.03125vw;
  }
  /* line 955, sass/partials/_native.scss */
  form .fieldList ul li .input .select select {
    padding-right: 2.8125vw;
  }
  /* line 956, sass/partials/_native.scss */
  form .fieldList ul li .input .select:after {
    -moz-border-radius-topright: 0.39063vw;
    -webkit-border-top-right-radius: 0.39063vw;
    border-top-right-radius: 0.39063vw;
    -moz-border-radius-bottomright: 0.39063vw;
    -webkit-border-bottom-right-radius: 0.39063vw;
    border-bottom-right-radius: 0.39063vw;
  }
  /* line 958, sass/partials/_native.scss */
  form .fieldList ul li .input .radio {
    margin-right: 4.6875vw;
  }
  /* line 960, sass/partials/_native.scss */
  form .fieldList ul li .input .radio input[type=radio] {
    width: 1.95313vw;
    height: 1.95313vw;
    margin-right: 0.39063vw;
  }
  /* line 962, sass/partials/_native.scss */
  form .fieldList ul li .input span {
    line-height: 3.125vw;
  }
  /* line 963, sass/partials/_native.scss */
  form .fieldList ul li .input a {
    font-size: 1.25vw;
  }
  /* line 964, sass/partials/_native.scss */
  form .fieldList ul li .input .additional {
    padding-left: 1.5625vw;
  }
  /* line 966, sass/partials/_native.scss */
  form .fieldList ul li .input .additional .note {
    font-size: 1.5625vw;
  }
  /* line 967, sass/partials/_native.scss */
  form .fieldList ul li .input .additional select {
    font-size: 1.25vw;
  }
  /* line 975, sass/partials/_native.scss */
  form .g-recaptcha {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  /* agreement */
  /* line 980, sass/partials/_native.scss */
  .agreement {
    margin-bottom: 1.17188vw;
  }
  /* line 983, sass/partials/_native.scss */
  .agreement > ul > li {
    margin-bottom: 0.78125vw;
  }
  /* line 985, sass/partials/_native.scss */
  .agreement > ul > li input[type=checkbox] {
    width: 1.95313vw;
    height: 1.95313vw;
    line-height: 1.95313vw;
  }
  /* line 986, sass/partials/_native.scss */
  .agreement > ul > li label {
    padding-left: 3.125vw;
    font-size: 1.25vw;
  }

  /* line 992, sass/partials/_native.scss */
  .terms .title {
    margin-bottom: 0.78125vw;
    font-size: 1.25vw;
  }
  /* line 993, sass/partials/_native.scss */
  .terms p {
    margin-bottom: 1.17188vw;
  }

  /* paragraph */
  /* line 997, sass/partials/_native.scss */
  .paragraph {
    margin-bottom: 2.34375vw;
  }
  /* line 999, sass/partials/_native.scss */
  .paragraph .title {
    font-size: 1.09375vw;
    padding: 0 2.34375vw;
    margin-bottom: 0.39063vw;
  }
  /* line 1000, sass/partials/_native.scss */
  .paragraph p {
    padding: 0 2.34375vw;
    margin-bottom: 1.17188vw;
    font-size: 1.25vw;
  }
  /* line 1001, sass/partials/_native.scss */
  .paragraph p.small {
    font-size: 1.09375vw;
  }
  /* line 1002, sass/partials/_native.scss */
  .paragraph ol, .paragraph ul {
    padding-left: 3.90625vw;
    padding-right: 1.95313vw;
    margin-bottom: 1.17188vw;
  }
  /* line 1004, sass/partials/_native.scss */
  .paragraph ol li, .paragraph ul li {
    margin-bottom: 0.39063vw;
    font-size: 1.09375vw;
  }
  /* line 1006, sass/partials/_native.scss */
  .paragraph ol li p, .paragraph ul li p {
    padding-left: 0;
    font-size: 1.09375vw;
  }
  /* line 1011, sass/partials/_native.scss */
  .paragraph ul li .key {
    left: -1.5625vw;
  }
  /* line 1014, sass/partials/_native.scss */
  .paragraph .col-2 {
    margin-bottom: 2.73438vw;
    border-top: 1.5625vw transparent solid;
  }
  /* line 1016, sass/partials/_native.scss */
  .paragraph .col-2 .col:first-child {
    padding-right: 2.34375vw;
  }
  /* line 1017, sass/partials/_native.scss */
  .paragraph .col-2 .col:last-child {
    padding-left: 2.34375vw;
  }

  /* line 1022, sass/partials/_native.scss */
  .paragraph.series > ul > li {
    margin-left: 4.6875vw;
  }
  /* line 1026, sass/partials/_native.scss */
  .paragraph.series > ul > li.linksys img {
    width: 10.39063vw;
  }
  /* line 1029, sass/partials/_native.scss */
  .paragraph.series > ul > li.netgear img {
    width: 11.25vw;
  }
  /* line 1032, sass/partials/_native.scss */
  .paragraph.series > ul > li.huawei img {
    width: 11.95313vw;
  }
  /* line 1035, sass/partials/_native.scss */
  .paragraph.series > ul > li.asus img {
    width: 8.04688vw;
  }

  /* line 1042, sass/partials/_native.scss */
  .series > ul > li {
    margin-right: 1.17188vw;
    margin-top: 1.17188vw;
    margin-bottom: 1.17188vw;
  }
  /* line 1044, sass/partials/_native.scss */
  .series > ul > li span {
    font-size: 1.25vw;
  }

  /* line 1050, sass/partials/_native.scss */
  .dataList {
    margin-bottom: 1.95313vw;
  }
  /* line 1052, sass/partials/_native.scss */
  .dataList > ul {
    margin: 0 2.34375vw;
  }
  /* line 1054, sass/partials/_native.scss */
  .dataList > ul > li {
    padding: 1.17188vw 0;
  }
  /* line 1056, sass/partials/_native.scss */
  .dataList > ul > li .name, .dataList > ul > li .paragraph {
    font-size: 1.25vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* table */
  /* line 1071, sass/partials/_native.scss */
  .table {
    border-bottom: 1px #ececec solid;
  }
  /* line 1073, sass/partials/_native.scss */
  .table .caption {
    text-align: left;
  }
  /* line 1075, sass/partials/_native.scss */
  .table .caption span, .table .caption li {
    font-size: 3.7vw;
    line-height: 9.44vw;
  }
  /* line 1076, sass/partials/_native.scss */
  .table .caption span {
    padding: 2vw 4vw;
    line-height: 1.25em;
  }
  /* line 1080, sass/partials/_native.scss */
  .table table tr td {
    padding: 0 4vw;
  }
  /* line 1082, sass/partials/_native.scss */
  .table table tr td.none {
    display: none !important;
  }
  /* line 1084, sass/partials/_native.scss */
  .table table thead {
    display: table-header-group !important;
  }
  /* line 1087, sass/partials/_native.scss */
  .table table thead tr td {
    /* height: 7.4vw; line-height: 7.4vw; */
    font-size: 3.33vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
  /* line 1092, sass/partials/_native.scss */
  .table table tbody tr td {
    padding-top: 4vw;
    padding-bottom: 4vw;
    font-size: 3.33vw;
  }
  /* line 1095, sass/partials/_native.scss */
  .table table tbody tr td.separate > ul > li {
    padding: 2vw 4vw;
  }
  /* line 1098, sass/partials/_native.scss */
  .table table tbody tr td.storage {
    font-size: 5.55vw;
  }
  /* line 1100, sass/partials/_native.scss */
  .table table tbody tr td.monthlyRate span {
    font-size: 5.55vw;
  }
  /* line 1103, sass/partials/_native.scss */
  .table table tbody tr td.monthlyRate span:after {
    font-size: 3.33vw;
  }
  /* line 1106, sass/partials/_native.scss */
  .table table tbody tr td.services {
    display: none;
  }
  /* line 1109, sass/partials/_native.scss */
  .table table tbody tr td.number span {
    font-size: 6vw;
  }
  /* line 1115, sass/partials/_native.scss */
  .table table.gray {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 1117, sass/partials/_native.scss */
  .table table.gray tbody {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 1119, sass/partials/_native.scss */
  .table table.gray tbody tr {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 1121, sass/partials/_native.scss */
  .table table.gray tbody tr td {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-bottom: none;
  }
  /* line 1122, sass/partials/_native.scss */
  .table table.gray tbody tr td.item {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YjBiNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk0OWNhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a8b0b6), color-stop(100%, #949ca2));
    background-image: -moz-linear-gradient(top, #a8b0b6, #949ca2);
    background-image: -webkit-linear-gradient(top, #a8b0b6, #949ca2);
    background-image: linear-gradient(to bottom, #a8b0b6, #949ca2);
    color: #FFF;
    font-size: 4.44vw;
  }
  /* line 1128, sass/partials/_native.scss */
  .table .list > ul > li {
    padding: 2vw 4vw;
  }
  /* line 1130, sass/partials/_native.scss */
  .table .list > ul > li .name {
    padding: 3vw 4vw;
    font-size: 3.7vw;
  }
  /* line 1133, sass/partials/_native.scss */
  .table .list > ul > li.collapsed .collapsedTrigger {
    padding-right: 12vw;
  }
  /* line 1135, sass/partials/_native.scss */
  .table .list > ul > li.collapsed .collapsedTrigger:before {
    width: 4.44vw;
    height: 4.44vw;
    top: 50%;
    right: 4vw;
    margin-top: -2.22vw;
  }
  /* line 1137, sass/partials/_native.scss */
  .table .list > ul > li.collapsed .collapsedContent {
    padding: 0 2vw 3vw 2vw;
  }
  /* line 1143, sass/partials/_native.scss */
  .table:not(:last-child) {
    margin-bottom: 5vw;
  }

  /* line 1146, sass/partials/_native.scss */
  .table.plan table {
    background-color: #ffffff;
  }
  /* line 1148, sass/partials/_native.scss */
  .table.plan table thead {
    display: table-header-group !important;
  }
  /* line 1150, sass/partials/_native.scss */
  .table.plan table thead tr {
    display: block;
    font-size: 0;
  }
  /* line 1152, sass/partials/_native.scss */
  .table.plan table thead tr td {
    /*display: inline-block;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    min-height: 8vw;
  }
  /* line 1157, sass/partials/_native.scss */
  .table.plan table tbody tr {
    display: block;
    font-size: 0;
  }
  /* line 1159, sass/partials/_native.scss */
  .table.plan table tbody tr td {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
  }

  /* line 1167, sass/partials/_native.scss */
  .table.narrow .caption ul li {
    font-size: 0;
  }
  /* line 1173, sass/partials/_native.scss */
  .table.narrow table tbody tr td {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  /* line 1181, sass/partials/_native.scss */
  .table.multiChild .caption ul li {
    font-size: 0;
  }
  /* line 1185, sass/partials/_native.scss */
  .table.multiChild table tr {
    display: block;
    font-size: 0;
    background-color: #FFF;
    border-bottom: 1px #ececec solid;
  }
  /* line 1187, sass/partials/_native.scss */
  .table.multiChild table tr td {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
  }
  /* line 1196, sass/partials/_native.scss */
  .table.multiChild table tbody tr td {
    padding-top: 2vw;
    padding-bottom: 2vw;
    display: inline-block;
  }
  /* line 1197, sass/partials/_native.scss */
  .table.multiChild table tbody tr td.parent {
    display: block;
    background-color: #f5f5f5;
    font-size: 4.44vw;
    border-bottom: 1px #ececec solid;
    position: relative;
  }
  /* line 1199, sass/partials/_native.scss */
  .table.multiChild table tbody tr td.parent a {
    position: absolute;
    font-size: 2.96vw;
    top: 2vw;
    right: 3vw;
  }

  /* line 1208, sass/partials/_native.scss */
  .table.col-2 table tr td {
    display: block;
    width: auto;
    border-left: none;
  }

  /* form */
  /* line 1217, sass/partials/_native.scss */
  form p {
    font-size: 3.7vw;
    margin-bottom: 5vw;
  }
  /* line 1218, sass/partials/_native.scss */
  form .errorContainer {
    margin-bottom: 3vw;
    font-size: 3.3vw;
  }
  /* line 1219, sass/partials/_native.scss */
  form span.error {
    line-height: 9.25vw;
    padding: 0;
    font-size: 3.3vw;
  }
  /* line 1221, sass/partials/_native.scss */
  form span.error:before {
    width: 9.25vw;
    height: 9.25vw;
    line-height: 9.25vw;
  }
  /* line 1223, sass/partials/_native.scss */
  form .errorMsg {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 9.25vw;
    padding: 0 1vw;
    padding-left: 10vw;
    font-size: 3.3vw;
  }
  /* line 1225, sass/partials/_native.scss */
  form .errorMsg:before {
    width: 9.25vw;
    height: 9.25vw;
    line-height: 9.25vw;
  }
  /* line 1227, sass/partials/_native.scss */
  form .errorMsg.active {
    padding-left: 1vw;
    margin-bottom: 3vw;
  }
  /* line 1228, sass/partials/_native.scss */
  form .fieldList {
    margin-bottom: 5vw;
  }
  /* line 1231, sass/partials/_native.scss */
  form .fieldList ul li {
    margin-bottom: 5vw;
  }
  /* line 1233, sass/partials/_native.scss */
  form .fieldList ul li > label {
    font-size: 3.7vw;
    width: 100%;
    line-height: 1.25em;
    margin-bottom: 2vw;
  }
  /* line 1234, sass/partials/_native.scss */
  form .fieldList ul li > label.small {
    width: 100%;
  }
  /* line 1235, sass/partials/_native.scss */
  form .fieldList ul li .input {
    font-size: 0vw;
    width: 100%;
  }
  /* line 1237, sass/partials/_native.scss */
  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 {
    -moz-border-radius: 1vw;
    -webkit-border-radius: 1vw;
    border-radius: 1vw;
    padding: 0 3vw;
    min-width: 0;
    width: 100%;
    font-size: 3.7vw;
  }
  /* line 1239, sass/partials/_native.scss */
  form .fieldList ul li .input select.large, form .fieldList ul li .input input[type=text].large, form .fieldList ul li .input input[type=number].large, form .fieldList ul li .input textarea.large {
    width: 100%;
  }
  /* line 1241, sass/partials/_native.scss */
  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] {
    line-height: 11.11vw;
    height: 11.11vw;
  }
  /* line 1242, sass/partials/_native.scss */
  form .fieldList ul li .input textarea {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
  /* line 1243, sass/partials/_native.scss */
  form .fieldList ul li .input .select {
    width: 100%;
  }
  /* line 1245, sass/partials/_native.scss */
  form .fieldList ul li .input .select:before, form .fieldList ul li .input .select:after {
    width: 6.67vw;
  }
  /* line 1247, sass/partials/_native.scss */
  form .fieldList ul li .input .select select {
    padding-right: 10vw;
  }
  /* line 1248, sass/partials/_native.scss */
  form .fieldList ul li .input .select:after {
    -moz-border-radius-topright: 1vw;
    -webkit-border-top-right-radius: 1vw;
    border-top-right-radius: 1vw;
    -moz-border-radius-bottomright: 1vw;
    -webkit-border-bottom-right-radius: 1vw;
    border-bottom-right-radius: 1vw;
  }
  /* line 1250, sass/partials/_native.scss */
  form .fieldList ul li .input .radio {
    margin-right: 60px;
  }
  /* line 1252, sass/partials/_native.scss */
  form .fieldList ul li .input .radio input[type=radio] {
    width: 25px;
    height: 25px;
    margin-right: 5px;
  }
  /* line 1254, sass/partials/_native.scss */
  form .fieldList ul li .input span {
    font-size: 3.7vw;
  }
  /* line 1255, sass/partials/_native.scss */
  form .fieldList ul li .input a {
    font-size: 3.7vw;
    line-height: 1.25em;
    text-align: center;
    display: inline-block;
    margin-left: 0;
    margin-top: 3vw;
  }
  /* line 1256, sass/partials/_native.scss */
  form .fieldList ul li .input > * {
    margin-bottom: 0;
  }
  /* line 1257, sass/partials/_native.scss */
  form .fieldList ul li .input .additional {
    width: 100%;
    margin-top: 3vw;
    text-align: center;
  }
  /* line 1259, sass/partials/_native.scss */
  form .fieldList ul li .input .additional .note {
    position: static;
    width: 15%;
    font-size: 5vw;
  }
  /* line 1260, sass/partials/_native.scss */
  form .fieldList ul li .input .additional select {
    width: 85%;
  }
  /* line 1265, sass/partials/_native.scss */
  form .fieldList ul li.captcha .input {
    text-align: center;
  }
  /* line 1268, sass/partials/_native.scss */
  form .fieldList ul li.control label {
    display: none;
  }
  /* line 1269, sass/partials/_native.scss */
  form .fieldList ul li.control .input {
    text-align: center;
  }
  /* line 1271, sass/partials/_native.scss */
  form .fieldList ul li:last-child {
    position: static;
  }
  /* line 1274, sass/partials/_native.scss */
  form .g-recaptcha {
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  /* line 1276, sass/partials/_native.scss */
  form .g-recaptcha > div {
    width: auto !important;
  }

  /* agreement */
  /* line 1282, sass/partials/_native.scss */
  .agreement {
    margin-bottom: 3vw;
  }
  /* line 1285, sass/partials/_native.scss */
  .agreement > ul > li {
    margin-bottom: 3vw;
  }
  /* line 1287, sass/partials/_native.scss */
  .agreement > ul > li input[type=checkbox] {
    width: 4.6vw;
    height: 4.6vw;
    line-height: 4.6vw;
  }
  /* line 1288, sass/partials/_native.scss */
  .agreement > ul > li label {
    padding-left: 7.4vw;
    font-size: 3.7vw;
  }

  /* line 1294, sass/partials/_native.scss */
  .terms .title {
    margin-bottom: 3vw;
    font-size: 2.96vw;
  }
  /* line 1295, sass/partials/_native.scss */
  .terms p {
    font-size: 2.96vw;
    margin-bottom: 3vw;
  }

  /* paragraph */
  /* line 1300, sass/partials/_native.scss */
  .paragraph {
    margin-bottom: 5vw;
  }
  /* line 1302, sass/partials/_native.scss */
  .paragraph .title {
    padding: 0 3vw;
    margin-bottom: 3vw;
    font-size: 2.96vw;
  }
  /* line 1303, sass/partials/_native.scss */
  .paragraph p {
    padding: 0 3vw;
    margin-bottom: 2vw;
    font-size: 3.7vw;
  }
  /* line 1304, sass/partials/_native.scss */
  .paragraph p.small {
    font-size: 2.96vw;
  }
  /* line 1305, sass/partials/_native.scss */
  .paragraph ol, .paragraph ul {
    padding-left: 7vw;
    padding-right: 3vw;
    margin-bottom: 5vw;
  }
  /* line 1307, sass/partials/_native.scss */
  .paragraph ol li, .paragraph ul li {
    margin-bottom: 3vw;
    font-size: 2.96vw;
  }
  /* line 1309, sass/partials/_native.scss */
  .paragraph ol li p, .paragraph ul li p {
    padding-left: 0;
    font-size: 2.96vw;
  }
  /* line 1314, sass/partials/_native.scss */
  .paragraph ul li .key {
    left: -3vw;
  }
  /* line 1317, sass/partials/_native.scss */
  .paragraph .col-2 {
    margin-bottom: 35px;
    border-top: 0vw transparent solid;
  }
  /* line 1319, sass/partials/_native.scss */
  .paragraph .col-2:before {
    content: none;
  }
  /* line 1320, sass/partials/_native.scss */
  .paragraph .col-2 .col {
    display: block;
    width: 100%;
    border-top: 1px #E7E7E7 solid;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  /* line 1323, sass/partials/_native.scss */
  .paragraph .col-2 .col:first-child {
    padding-right: 0;
    border-top: none;
  }
  /* line 1324, sass/partials/_native.scss */
  .paragraph .col-2 .col:last-child {
    padding-left: 0;
  }

  /* line 1327, sass/partials/_native.scss */
  .paragraph.series {
    white-space: normal;
  }
  /* line 1329, sass/partials/_native.scss */
  .paragraph.series > p:first-child {
    display: block;
    text-align: center;
    margin-bottom: 5vw;
  }
  /* line 1330, sass/partials/_native.scss */
  .paragraph.series > ul {
    padding: 0;
  }
  /* line 1332, sass/partials/_native.scss */
  .paragraph.series > ul > li {
    width: 50%;
    margin-right: 0;
    text-align: center;
  }
  /* line 1334, sass/partials/_native.scss */
  .paragraph.series > ul > li img {
    display: inline-block;
  }
  /* line 1337, sass/partials/_native.scss */
  .paragraph.series > ul > li.linksys img {
    width: 29vw;
  }
  /* line 1340, sass/partials/_native.scss */
  .paragraph.series > ul > li.netgear img {
    width: 31.29vw;
  }
  /* line 1343, sass/partials/_native.scss */
  .paragraph.series > ul > li.huawei img {
    width: 33.33vw;
  }
  /* line 1346, sass/partials/_native.scss */
  .paragraph.series > ul > li.asus img {
    width: 22.59vw;
  }

  /* line 1353, sass/partials/_native.scss */
  .series > ul > li {
    margin-right: 2vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }
  /* line 1355, sass/partials/_native.scss */
  .series > ul > li span {
    font-size: 3.3vw;
  }

  /* line 1361, sass/partials/_native.scss */
  .dataList {
    margin-bottom: 3vw;
  }
  /* line 1364, sass/partials/_native.scss */
  .dataList > ul > li {
    padding: 3vw 2vw;
  }
  /* line 1366, sass/partials/_native.scss */
  .dataList > ul > li .name, .dataList > ul > li .paragraph {
    font-size: 3.7vw;
  }
}
/* common ==================================================================================== */
/* grid */
/* line 9, sass/partials/_grid.scss */
.grid > ul > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  width: 33.33%;
  vertical-align: top;
}
/* line 11, sass/partials/_grid.scss */
.grid > ul > li img {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
/* line 12, sass/partials/_grid.scss */
.grid > ul > li .icon, .grid > ul > li .image {
  display: inline-block;
  text-align: center;
}
/* line 13, sass/partials/_grid.scss */
.grid > ul > li .name {
  font-family: 'Roboto-Medium', sans-serif;
}
/* line 17, sass/partials/_grid.scss */
.grid > ul > li > * {
  margin-bottom: 0;
}

/* line 23, sass/partials/_grid.scss */
.grid.gutter > ul > li {
  width: 31.33%;
  margin: 0 1% 3%;
}
/* line 26, sass/partials/_grid.scss */
.grid.gutter > ul > li:first-child {
  /*margin-left: 0;*/
}

/* line 32, sass/partials/_grid.scss */
.grid.item-2 > ul > li {
  width: 50%;
  margin-left: 0;
}
/* line 33, sass/partials/_grid.scss */
.grid.item-2 > ul > li:first-child {
  margin-left: 0;
}

/* line 38, sass/partials/_grid.scss */
.grid.item-2.gutter > ul > li {
  width: 49%;
  /*margin-left: 2%;*/
  margin-left: 0%;
}
/* line 39, sass/partials/_grid.scss */
.grid.item-2.gutter > ul > li:first-child {
  margin-left: 0;
}

/* line 45, sass/partials/_grid.scss */
.grid.item-4 > ul > li {
  width: 25%;
  margin-left: 0;
}
/* line 46, sass/partials/_grid.scss */
.grid.item-4 > ul > li:first-child {
  margin-left: 0;
}

/* line 51, sass/partials/_grid.scss */
.grid.item-4.gutter > ul > li {
  width: 24%;
  margin-left: 1.3333%;
}
/* line 52, sass/partials/_grid.scss */
.grid.item-4.gutter > ul > li:first-child {
  margin-left: 0;
}
/* line 53, sass/partials/_grid.scss */
.grid.item-4.gutter > ul > li:nth-child(4n+1) {
  margin-left: 0;
}

/* line 59, sass/partials/_grid.scss */
.grid:not(.item-2, .item-4) > ul > li:nth-child(3n+1) {
  margin-left: 0 !important;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* grid */
  /* line 70, sass/partials/_grid.scss */
  .grid > ul > li {
    margin-bottom: 50px;
  }
  /* line 72, sass/partials/_grid.scss */
  .grid > ul > li .icon {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
  }
  /* line 73, sass/partials/_grid.scss */
  .grid > ul > li .image {
    margin-bottom: 30px;
  }
  /* line 74, sass/partials/_grid.scss */
  .grid > ul > li .image.laptop-windows,
  .grid > ul > li .image.laptop-mac {
    width: 354px;
    height: 205px;
  }
  /* line 76, sass/partials/_grid.scss */
  .grid > ul > li .photo {
    margin-bottom: 15px;
  }
  /* line 77, sass/partials/_grid.scss */
  .grid > ul > li .name {
    font-size: 20px;
    margin-bottom: 15px;
  }
  /* line 79, sass/partials/_grid.scss */
  .grid > ul > li .desc p {
    font-size: 16px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* grid */
  /* line 97, sass/partials/_grid.scss */
  .grid > ul > li {
    margin-bottom: 3.90625vw;
  }
  /* line 99, sass/partials/_grid.scss */
  .grid > ul > li .icon {
    width: 6.25vw;
    height: 6.25vw;
    margin-bottom: 1.17188vw;
  }
  /* line 100, sass/partials/_grid.scss */
  .grid > ul > li .image {
    margin-bottom: 2.34375vw;
  }
  /* line 101, sass/partials/_grid.scss */
  .grid > ul > li .image.laptop-windows,
  .grid > ul > li .image.laptop-mac {
    width: 27.65625vw;
    height: 16.01563vw;
  }
  /* line 103, sass/partials/_grid.scss */
  .grid > ul > li .photo {
    margin-bottom: 1.17188vw;
  }
  /* line 104, sass/partials/_grid.scss */
  .grid > ul > li .name {
    font-size: 1.5625vw;
    margin-bottom: 1.17188vw;
  }
  /* line 106, sass/partials/_grid.scss */
  .grid > ul > li .desc p {
    font-size: 1.25vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* grid */
  /* line 124, sass/partials/_grid.scss */
  .grid > ul > li {
    margin-bottom: 3.90625vw;
  }
  /* line 126, sass/partials/_grid.scss */
  .grid > ul > li .icon {
    width: 6.25vw;
    height: 6.25vw;
    margin-bottom: 1.17188vw;
  }
  /* line 127, sass/partials/_grid.scss */
  .grid > ul > li .image {
    margin-bottom: 2.34375vw;
  }
  /* line 128, sass/partials/_grid.scss */
  .grid > ul > li .image.laptop-windows,
  .grid > ul > li .image.laptop-mac {
    width: 27.65625vw;
    height: 16.01563vw;
  }
  /* line 130, sass/partials/_grid.scss */
  .grid > ul > li .photo {
    margin-bottom: 1.17188vw;
  }
  /* line 131, sass/partials/_grid.scss */
  .grid > ul > li .name {
    font-size: 1.5625vw;
    margin-bottom: 1.17188vw;
  }
  /* line 133, sass/partials/_grid.scss */
  .grid > ul > li .desc p {
    font-size: 1.25vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* grid */
  /* line 148, sass/partials/_grid.scss */
  .grid {
    padding: 8.33vw 8.33vw;
  }
  /* line 151, sass/partials/_grid.scss */
  .grid > ul > li {
    margin-bottom: 5vw;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  /* line 153, sass/partials/_grid.scss */
  .grid > ul > li .icon {
    width: 18.51vw;
    height: 18.51vw;
    margin-bottom: 2vw;
  }
  /* line 154, sass/partials/_grid.scss */
  .grid > ul > li .image {
    margin-bottom: 5vw;
  }
  /* line 155, sass/partials/_grid.scss */
  .grid > ul > li .image.laptop-windows,
  .grid > ul > li .image.laptop-mac {
    width: 55.55vw;
    height: 32vw;
  }
  /* line 157, sass/partials/_grid.scss */
  .grid > ul > li .photo {
    margin-bottom: 3vw;
  }
  /* line 158, sass/partials/_grid.scss */
  .grid > ul > li .name {
    font-size: 3.7vw;
    margin-bottom: 2vw;
  }
  /* line 160, sass/partials/_grid.scss */
  .grid > ul > li .desc p {
    font-size: 3.7vw;
  }
  /* line 164, sass/partials/_grid.scss */
  .grid > ul > li:last-child {
    margin-bottom: 0 !important;
  }

  /* line 169, sass/partials/_grid.scss */
  .grid.gutter > ul > li {
    width: 100%;
  }

  /* line 174, sass/partials/_grid.scss */
  .grid.item-2 > ul > li {
    width: 100%;
  }

  /* line 179, sass/partials/_grid.scss */
  .grid.item-2.gutter > ul > li {
    width: 100%;
    margin-left: 0%;
  }
}
/* wrapper */
/* line 3, sass/partials/_core.scss */
.wrapper {
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 4, sass/partials/_core.scss */
.frame {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

/* Headings */
/* Headings */
/* line 15, sass/partials/_core.scss */
.heading {
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 100;
  line-height: 1.25em;
  text-transform: uppercase;
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
/* line 17, sass/partials/_core.scss */
.heading span {
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 100;
  line-height: 1.25em;
  text-transform: uppercase;
}
/* line 18, sass/partials/_core.scss */
.heading:after {
  content: ' ';
  background-color: #fcaf17;
  position: absolute;
  bottom: 0;
  left: 50%;
}

/* line 20, sass/partials/_core.scss */
.heading.simple {
  margin-bottom: 0 !important;
}
/* line 22, sass/partials/_core.scss */
.heading.simple:after {
  content: none;
}

/* line 24, sass/partials/_core.scss */
.subheading {
  font-weight: bold;
  line-height: 1.25em;
}

@media only screen and (min-width: 1280px) {
  /* wrapper */
  /* Headings */
  /* line 42, sass/partials/_core.scss */
  .heading {
    font-size: 36px;
    padding: 0 25px 15px 30px;
    margin-bottom: 15px;
    letter-spacing: 5px;
  }
  /* line 44, sass/partials/_core.scss */
  .heading:after {
    width: 200px;
    height: 4px;
    margin-left: -100px;
  }

  /* line 46, sass/partials/_core.scss */
  .heading.small {
    font-size: 30px;
  }

  /* line 48, sass/partials/_core.scss */
  .subheading {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* wrapper */
  /* Headings */
  /* line 69, sass/partials/_core.scss */
  .heading {
    font-size: 2.8125vw;
    padding: 0 1.95313vw 1.17188vw 2.34375vw;
    margin-bottom: 1.17188vw;
    letter-spacing: 0.39063vw;
  }
  /* line 72, sass/partials/_core.scss */
  .heading:after {
    width: 15.625vw;
    height: 0.3125vw;
    margin-left: -7.8125vw;
  }

  /* line 74, sass/partials/_core.scss */
  .heading.small {
    font-size: 2.34375vw;
  }

  /* line 76, sass/partials/_core.scss */
  .subheading {
    font-size: 1.5625vw;
    margin-bottom: 0.78125vw;
  }
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* wrapper */
  /* Headings */
  /* line 99, sass/partials/_core.scss */
  .heading {
    font-size: 2.8125vw;
    padding: 0 1.95313vw 1.17188vw 2.34375vw;
    margin-bottom: 1.17188vw;
    letter-spacing: 0.39063vw;
  }
  /* line 102, sass/partials/_core.scss */
  .heading:after {
    width: 15.625vw;
    height: 0.3125vw;
    margin-left: -7.8125vw;
  }

  /* line 104, sass/partials/_core.scss */
  .heading.small {
    font-size: 2.34375vw;
  }

  /* line 106, sass/partials/_core.scss */
  .subheading {
    font-size: 1.5625vw;
    margin-bottom: 0.78125vw;
  }
}
@media only screen and (max-width: 640px) {
  /* wrapper */
  /* Headings */
  /* line 127, sass/partials/_core.scss */
  .heading {
    font-size: 5.18vw;
    padding: 0 0 3vw 0.5vw;
    margin-bottom: 2.5vw;
    letter-spacing: 0.5vw;
  }
  /* line 129, sass/partials/_core.scss */
  .heading span {
    display: block;
  }
  /* line 130, sass/partials/_core.scss */
  .heading:after {
    width: 140px;
    height: 3px;
    margin-left: -70px;
  }

  /* line 132, sass/partials/_core.scss */
  .subheading {
    font-size: 3.7vw;
    margin-bottom: 1vw;
  }
}
/* common ==================================================================================== */
/* line 5, sass/partials/_header.scss */
header {
  width: 100%;
  z-index: 101;
  left: 0;
  position: relative;
}
/* line 7, sass/partials/_header.scss */
header .front {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
/* line 9, sass/partials/_header.scss */
header .front .frame {
  height: 100%;
  position: relative;
}
/* line 11, sass/partials/_header.scss */
header .front .frame #btn-menu-mobile {
  display: none;
}
/* line 12, sass/partials/_header.scss */
header .front .frame .netvigator {
  display: inline-block;
  position: absolute;
  height: 100%;
  top: 0px;
}
/* line 13, sass/partials/_header.scss */
header .front .frame .account {
  position: absolute;
  height: 100%;
  display: inline-block;
  top: 0px;
}
/* line 15, sass/partials/_header.scss */
header .front .frame .account > ul {
  height: 100%;
  position: relative;
  display: block;
}
/* line 17, sass/partials/_header.scss */
header .front .frame .account > ul > li {
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 19, sass/partials/_header.scss */
header .front .frame .account > ul > li > a {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 20, sass/partials/_header.scss */
/*header .front .frame .account > ul > li .subMenu {
  position: absolute;
  left: 50%;
  top: 0%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 2;
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  text-align: center;
  height: 0;
  -moz-transition-property: margin-top, opacity;
  -o-transition-property: margin-top, opacity;
  -webkit-transition-property: margin-top, opacity;
  transition-property: margin-top opacity;
  width: 100%;
  height: 100%;
}*/

/* line 22, sass/partials/_header.scss */
header .front .frame .account > ul > li .subMenu:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  border: transparent solid;
  border-bottom-color: #FFF;
  margin-bottom: -1px;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/* line 23, sass/partials/_header.scss */
header .front .frame .account > ul > li .subMenu .system {
  display: none;
}
/* line 24, sass/partials/_header.scss */
header .front .frame .account > ul > li .subMenu ul {
  background-color: #FFF;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  overflow: hidden;
  display: inline-block;
  height: 100%;
}
/* line 27, sass/partials/_header.scss */
header .front .frame .account > ul > li .subMenu ul li {
  border-bottom: 1px #eeeef1 solid;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 100%;
  height: 100%;
}
/* line 29, sass/partials/_header.scss */
header .front .frame .account > ul > li .subMenu ul li a {
  white-space: nowrap;
  display: block;
  vertical-align: top;
  text-align: left;
  color: #000;
  width: 100%;
  height: 100%;
}
/* line 31, sass/partials/_header.scss */
header .front .frame .account > ul > li .subMenu ul li a .icon {
  display: inline-block;
  vertical-align: top;
}
/* line 34, sass/partials/_header.scss */
header .front .frame .account > ul > li .subMenu ul li:first-child {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
/* line 35, sass/partials/_header.scss */
header .front .frame .account > ul > li .subMenu ul li:last-child {
  border-bottom: none;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* line 36, sass/partials/_header.scss */
header .front .frame .account > ul > li .subMenu ul li:hover {
  background-color: #eeeef1;
}
/* line 38, sass/partials/_header.scss */
header .front .frame .account > ul > li .subMenu ul li:hover a {
  color: #000;
}
/* line 42, sass/partials/_header.scss */
header .front .frame .account > ul > li:after {
  content: ' ';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0%;
  height: 5px;
  background-color: #fcaf17;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 1;
}
/* line 44, sass/partials/_header.scss */
header .front .frame .account > ul > li:first-child {
  margin-left: 0;
}
/* line 46, sass/partials/_header.scss */
header .front .frame .account > ul > li.hovered .subMenu {
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
/* line 48, sass/partials/_header.scss */
header .front .frame .account > ul > li.hovered .subMenu ul {
  height: 100%;
}
/* line 50, sass/partials/_header.scss */
header .front .frame .account > ul > li.hovered:after {
  width: 100%;
}
/* line 52, sass/partials/_header.scss */
header .front .frame .account > ul:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 30%;
  height: 40%;
  width: 1px;
  background-color: #666666;
}
/* line 57, sass/partials/_header.scss */
header nav {
  position: relative;
  z-index: 1;
}
/* line 59, sass/partials/_header.scss */
header nav .mainMenu {
  position: fixed;
  z-index: 2;
  width: 100%;
  background-color: #232323;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
/* line 61, sass/partials/_header.scss */
header nav .mainMenu > .frame {
  height: 100%;
  position: relative;
  text-align: right;
  font-size: 0;
}
/* line 63, sass/partials/_header.scss */
header nav .mainMenu > .frame > ul {
  height: 100%;
  display: block;
}
/* line 65, sass/partials/_header.scss */
header nav .mainMenu > .frame > ul > li {
  height: 100%;
  position: relative;
}
/* line 67, sass/partials/_header.scss */
header nav .mainMenu > .frame > ul > li .category {
  color: #FFF;
  display: block;
  height: 100%;
}
/* line 68, sass/partials/_header.scss */
header nav .mainMenu > .frame > ul > li .subMenu {
  position: fixed !important;
  width: 100%;
  background-color: #232323;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  overflow: hidden;
  left: 0;
}
/* line 72, sass/partials/_header.scss */
header nav .mainMenu > .frame > ul > li .subMenu .frame ul li {
  font-size: 0;
  text-align: center;
}
/* line 74, sass/partials/_header.scss */
header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div {
  display: inline-block;
}
/* line 76, sass/partials/_header.scss */
header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div a {
  color: #FFF;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  display: block;
}
/* line 77, sass/partials/_header.scss */
header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div a:hover {
  color: #fcaf17;
}
/* line 83, sass/partials/_header.scss */
header nav .mainMenu > .frame > ul > li:after {
  content: ' ';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0%;
  height: 5px;
  background-color: #fcaf17;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  pointer-events: none;
}
/* line 85, sass/partials/_header.scss */
header nav .mainMenu > .frame > ul > li:first-child {
  margin-left: 0 !important;
}
/* line 88, sass/partials/_header.scss */
header nav .mainMenu > .frame > ul > li.hovered:after {
  width: 100%;
}
/* line 92, sass/partials/_header.scss */
header nav .mainMenu:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fcaf17;
  pointer-events: none;
  z-index: 3;
}
/* line 94, sass/partials/_header.scss */
header nav .information {
  background-color: #020202;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0px;
  left: 0;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
/* line 96, sass/partials/_header.scss */
header nav .information .frame {
  text-align: right;
}
/* line 99, sass/partials/_header.scss */
header nav .information .frame ul li {
  display: inline-block;
  color: #999999;
  color: #FFFFFF;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  position: relative;
}
/* line 101, sass/partials/_header.scss */
header nav .information .frame ul li a, header nav .information .frame ul li input[type=text] {
  display: block;
  height: 100%;
  color: #FFFFFF;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
/* line 102, sass/partials/_header.scss */
header nav .information .frame ul li .icon {
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  background-position: left center;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
/* line 104, sass/partials/_header.scss */
header nav .information .frame ul li:first-child {
  margin-left: 0 !important;
}
/* line 107, sass/partials/_header.scss */
header nav .information .frame ul li.search form .input {
  position: relative;
}
/* line 109, sass/partials/_header.scss */
header nav .information .frame ul li.search form .input input[type=text] {
  background-color: transparent;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 61, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
header nav .information .frame ul li.search form .input input[type=text]:-moz-placeholder {
  color: #fff;
}
/* line 64, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
header nav .information .frame ul li.search form .input input[type=text]::-moz-placeholder {
  color: #fff;
}
/* line 67, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
header nav .information .frame ul li.search form .input input[type=text]:-ms-input-placeholder {
  color: #fff;
}
/* line 56, ../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
header nav .information .frame ul li.search form .input input[type=text]::-webkit-input-placeholder {
  color: #fff;
}
/* line 115, sass/partials/_header.scss */
header nav .information .frame ul li.search form .input:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 55%;
  height: 1px;
  background-color: #fff;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 119, sass/partials/_header.scss */
header nav .information .frame ul li.system {
  position: relative;
  /*display: none;*/
}
/* line 121, sass/partials/_header.scss */
header nav .information .frame ul li.system:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 30%;
  height: 40%;
  width: 1px;
  background-color: #aaaaaa;
}
/* line 123, sass/partials/_header.scss */
header nav .information .frame ul li.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 130, sass/partials/_header.scss */
header nav .information .frame ul li.search.active form .input:after {
  width: 82%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 140, sass/partials/_header.scss */
header.lite .front {
  position: fixed;
  top: 0 !important;
}
/* line 142, sass/partials/_header.scss */
header.lite nav .mainMenu {
  position: fixed;
  top: 0 !important;
}

/* line 150, sass/partials/_header.scss */
header.logined .front .frame .account > ul > li {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 152, sass/partials/_header.scss */
header.logined .front .frame .account > ul > li > a {
  background: transparent;
}
/* line 153, sass/partials/_header.scss */
header.logined .front .frame .account > ul > li .subMenu {
  top: 100%;
  width: auto;
  height: 0;
}
/* line 155, sass/partials/_header.scss */
header.logined .front .frame .account > ul > li .subMenu:before {
  content: ' ';
}
/* line 156, sass/partials/_header.scss */
header.logined .front .frame .account > ul > li .subMenu ul {
  height: 0%;
}
/* line 160, sass/partials/_header.scss */
header.logined .front .frame .account > ul > li.hovered .subMenu {
  height: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 170, sass/partials/_header.scss */
header.logined nav .information .frame ul li.system {
  display: inline-block;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 182, sass/partials/_header.scss */
  header {
    height: 114px;
    top: 0px;
  }
  /* line 184, sass/partials/_header.scss */
  header .front {
    top: 36px;
  }
  /* line 187, sass/partials/_header.scss */
  header .front .frame .netvigator {
    width: 225px;
    height: 78px;
    left: 65px;
  }
  /* line 188, sass/partials/_header.scss */
  header .front .frame .account {
    right: 65px;
    height: 78px;
  }
  /* line 190, sass/partials/_header.scss */
  header .front .frame .account > ul {
    margin-left: 36px;
    padding-left: 36px;
    height: 78px;
  }
  /* line 192, sass/partials/_header.scss */
  header .front .frame .account > ul > li {
    width: 46px;
    height: 78px;
    margin-left: 15px;
  }
  /* line 196, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu:before {
    border-width: 10px;
  }
  /* line 199, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu ul li a {
    font-size: 14px;
    line-height: 40px;
    padding: 0 18px 0 0;
  }
  /* line 201, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu ul li a .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  /* line 225, sass/partials/_header.scss */
  header nav {
    height: 114px;
  }
  /* line 227, sass/partials/_header.scss */
  header nav .mainMenu {
    height: 78px;
    top: 36px;
  }
  /* line 229, sass/partials/_header.scss */
  header nav .mainMenu > .frame {
    padding: 0 65px;
  }
  /* line 231, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul {
    margin-right: 180px;
  }
  /* line 233, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li {
    padding: 0 10px;
    margin-left: 16px;
  }
  /* line 235, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .category {
    font-size: 20px;
    line-height: 78px;
  }
  /* line 236, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .subMenu {
    top: 114px;
    height: 0px;
    display: block !important;
  }
  /* line 241, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div {
    height: 76px;
    padding: 0 15px;
  }
  /* line 243, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div a {
    font-size: 18px;
    line-height: 76px;
    height: 76px;
  }
  /* line 254, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li.hovered .subMenu {
    height: 76px;
  }
  /* line 260, sass/partials/_header.scss */
  header nav .information {
    height: 36px;
  }
  /* line 262, sass/partials/_header.scss */
  header nav .information .frame {
    padding: 0 65px;
  }
  /* line 265, sass/partials/_header.scss */
  header nav .information .frame ul li {
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    margin-left: 25px;
  }
  /* line 267, sass/partials/_header.scss */
  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;
  }
  /* line 268, sass/partials/_header.scss */
  header nav .information .frame ul li .icon {
    height: 36px;
    width: 36px;
  }
  /* line 274, sass/partials/_header.scss */
  header nav .information .frame ul li.search form .input input[type=text] {
    width: 80px;
  }
  /* line 278, sass/partials/_header.scss */
  header nav .information .frame ul li.search form .input:after {
    margin-left: 36px;
    bottom: 5px;
  }
  /* line 282, sass/partials/_header.scss */
  header nav .information .frame ul li.system {
    padding-left: 25px;
    margin-left: 25px;
  }
  /* line 288, sass/partials/_header.scss */
  header nav .information .frame ul li.search.active form input[type=text] {
    width: 200px;
  }
  /* line 293, sass/partials/_header.scss */
  header nav .information:before {
    height: 36px;
  }

  /* line 299, sass/partials/_header.scss */
  header.lite .front {
    position: fixed;
    top: 0px !important;
  }
  /* line 301, sass/partials/_header.scss */
  header.lite nav .mainMenu {
    position: fixed;
    top: 0px !important;
  }
  /* line 306, sass/partials/_header.scss */
  header.lite nav .mainMenu .frame > ul > li .subMenu {
    top: 78px;
  }
  /* line 311, sass/partials/_header.scss */
  header.lite nav .information {
    top: -36px;
  }

  /* line 323, sass/partials/_header.scss */
  header.logined .front .frame .account > ul > li.hovered .subMenu {
    margin-top: -7px;
    display: block !important;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 349, sass/partials/_header.scss */
  header {
    height: 8.90625vw;
    top: 0vw;
  }
  /* line 351, sass/partials/_header.scss */
  header .front {
    top: 2.8125vw;
  }
  /* line 354, sass/partials/_header.scss */
  header .front .frame .netvigator {
    width: 17.57813vw;
    height: 6.09375vw;
    left: 5.07813vw;
  }
  /* line 355, sass/partials/_header.scss */
  header .front .frame .account {
    right: 5.07813vw;
    height: 6.09375vw;
  }
  /* line 357, sass/partials/_header.scss */
  header .front .frame .account > ul {
    margin-left: 2.8125vw;
    padding-left: 2.8125vw;
    height: 6.09375vw;
  }
  /* line 359, sass/partials/_header.scss */
  header .front .frame .account > ul > li {
    width: 3.59375vw;
    height: 6.09375vw;
    margin-left: 1.17188vw;
  }
  /* line 363, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu:before {
    border-width: 0.78125vw;
  }
  /* line 366, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu ul li a {
    font-size: 1.09375vw;
    line-height: 3.125vw;
    padding: 0 1.40625vw 0 0;
  }
  /* line 368, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu ul li a .icon {
    width: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
  }
  /* line 392, sass/partials/_header.scss */
  header nav {
    height: 8.90625vw;
  }
  /* line 394, sass/partials/_header.scss */
  header nav .mainMenu {
    height: 6.09375vw;
    top: 2.8125vw;
  }
  /* line 396, sass/partials/_header.scss */
  header nav .mainMenu > .frame {
    padding: 0 5.07813vw;
  }
  /* line 398, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul {
    margin-right: 14.0625vw;
  }
  /* line 400, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li {
    padding: 0 0.78125vw;
    margin-left: 1.25vw;
  }
  /* line 402, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .category {
    font-size: 1.5625vw;
    line-height: 6.09375vw;
  }
  /* line 403, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .subMenu {
    top: 8.90625vw;
    height: 0vw;
    display: block !important;
  }
  /* line 408, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div {
    height: 5.9375vw;
    padding: 0 1.17188vw;
  }
  /* line 410, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div a {
    font-size: 1.40625vw;
    line-height: 5.9375vw;
    height: 5.9375vw;
  }
  /* line 421, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li.hovered .subMenu {
    height: 5.9375vw;
  }
  /* line 427, sass/partials/_header.scss */
  header nav .information {
    height: 2.8125vw;
    top: 0vw;
  }
  /* line 429, sass/partials/_header.scss */
  header nav .information .frame {
    padding: 0 5.07813vw;
  }
  /* line 432, sass/partials/_header.scss */
  header nav .information .frame ul li {
    height: 2.8125vw;
    font-size: 1.09375vw;
    line-height: 2.8125vw;
    margin-left: 1.95313vw;
  }
  /* line 434, sass/partials/_header.scss */
  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;
  }
  /* line 435, sass/partials/_header.scss */
  header nav .information .frame ul li .icon {
    height: 2.8125vw;
    width: 2.8125vw;
  }
  /* line 440, sass/partials/_header.scss */
  header nav .information .frame ul li.search form .input input[type=text] {
    width: 6.25vw;
  }
  /* line 444, sass/partials/_header.scss */
  header nav .information .frame ul li.search form .input:after {
    margin-left: 2.8125vw;
    bottom: 0.39063vw;
  }
  /* line 449, sass/partials/_header.scss */
  header nav .information .frame ul li.system {
    padding-left: 1.95313vw;
    margin-left: 1.95313vw;
  }
  /* line 455, sass/partials/_header.scss */
  header nav .information .frame ul li.search.active form input[type=text] {
    width: 15.625vw;
  }
  /* line 460, sass/partials/_header.scss */
  header nav .information:before {
    height: 2.8125vw;
  }

  /* line 466, sass/partials/_header.scss */
  header.lite .front {
    position: fixed;
    top: 0vw !important;
  }
  /* line 468, sass/partials/_header.scss */
  header.lite nav .mainMenu {
    position: fixed;
    top: 0vw !important;
  }
  /* line 473, sass/partials/_header.scss */
  header.lite nav .mainMenu .frame > ul > li .subMenu {
    top: 6.09375vw;
  }
  /* line 478, sass/partials/_header.scss */
  header.lite nav .information {
    top: -2.8125vw;
  }

  /* line 490, sass/partials/_header.scss */
  header.logined .front .frame .account > ul > li.hovered .subMenu {
    margin-top: -0.54688vw;
    display: block !important;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 517, sass/partials/_header.scss */
  header {
    height: 8.90625vw;
    top: 0vw;
  }
  /* line 519, sass/partials/_header.scss */
  header .front {
    top: 2.8125vw;
  }
  /* line 522, sass/partials/_header.scss */
  header .front .frame .netvigator {
    width: 17.57813vw;
    height: 6.09375vw;
    left: 5.07813vw;
  }
  /* line 523, sass/partials/_header.scss */
  header .front .frame .account {
    right: 5.07813vw;
    height: 6.09375vw;
  }
  /* line 525, sass/partials/_header.scss */
  header .front .frame .account > ul {
    margin-left: 2.8125vw;
    padding-left: 2.8125vw;
    height: 6.09375vw;
  }
  /* line 527, sass/partials/_header.scss */
  header .front .frame .account > ul > li {
    width: 3.59375vw;
    height: 6.09375vw;
    margin-left: 1.17188vw;
  }
  /* line 531, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu:before {
    border-width: 0.78125vw;
  }
  /* line 534, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu ul li a {
    font-size: 1.09375vw;
    line-height: 3.125vw;
    padding: 0 1.40625vw 0 0;
  }
  /* line 536, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu ul li a .icon {
    width: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
  }
  /* line 560, sass/partials/_header.scss */
  header nav {
    height: 8.90625vw;
  }
  /* line 562, sass/partials/_header.scss */
  header nav .mainMenu {
    height: 6.09375vw;
    top: 2.8125vw;
  }
  /* line 564, sass/partials/_header.scss */
  header nav .mainMenu > .frame {
    padding: 0 5.07813vw;
  }
  /* line 566, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul {
    margin-right: 14.0625vw;
  }
  /* line 568, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li {
    padding: 0 0.78125vw;
    margin-left: 1.25vw;
  }
  /* line 570, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .category {
    font-size: 1.5625vw;
    line-height: 6.09375vw;
  }
  /* line 571, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .subMenu {
    top: 8.90625vw;
    height: 0vw;
    display: block !important;
  }
  /* line 576, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div {
    height: 5.9375vw;
    padding: 0 1.17188vw;
  }
  /* line 578, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div a {
    font-size: 1.40625vw;
    line-height: 5.9375vw;
    height: 5.9375vw;
  }
  /* line 589, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li.hovered .subMenu {
    height: 5.9375vw;
  }
  /* line 595, sass/partials/_header.scss */
  header nav .information {
    height: 2.8125vw;
    top: 0vw;
  }
  /* line 597, sass/partials/_header.scss */
  header nav .information .frame {
    padding: 0 5.07813vw;
  }
  /* line 600, sass/partials/_header.scss */
  header nav .information .frame ul li {
    height: 2.8125vw;
    font-size: 1.09375vw;
    line-height: 2.8125vw;
    margin-left: 1.95313vw;
  }
  /* line 602, sass/partials/_header.scss */
  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;
  }
  /* line 603, sass/partials/_header.scss */
  header nav .information .frame ul li .icon {
    height: 2.8125vw;
    width: 2.8125vw;
  }
  /* line 608, sass/partials/_header.scss */
  header nav .information .frame ul li.search form .input input[type=text] {
    width: 6.25vw;
  }
  /* line 612, sass/partials/_header.scss */
  header nav .information .frame ul li.search form .input:after {
    margin-left: 2.8125vw;
    bottom: 0.39063vw;
  }
  /* line 617, sass/partials/_header.scss */
  header nav .information .frame ul li.system {
    padding-left: 1.95313vw;
    margin-left: 1.95313vw;
  }
  /* line 623, sass/partials/_header.scss */
  header nav .information .frame ul li.search.active form input[type=text] {
    width: 15.625vw;
  }
  /* line 628, sass/partials/_header.scss */
  header nav .information:before {
    height: 2.8125vw;
  }

  /* line 634, sass/partials/_header.scss */
  header.lite .front {
    position: fixed;
    top: 0vw !important;
  }
  /* line 636, sass/partials/_header.scss */
  header.lite nav .mainMenu {
    position: fixed;
    top: 0vw !important;
  }
  /* line 641, sass/partials/_header.scss */
  header.lite nav .mainMenu .frame > ul > li .subMenu {
    top: 6.09375vw;
  }
  /* line 646, sass/partials/_header.scss */
  header.lite nav .information {
    top: -2.8125vw;
  }

  /* line 658, sass/partials/_header.scss */
  header.logined .front .frame .account > ul > li.hovered .subMenu {
    margin-top: -0.54688vw;
    display: block !important;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 684, sass/partials/_header.scss */
  header {
    padding-top: 0;
    height: 12.96vw;
    top: 0vw;
    position: fixed;
  }
  /* line 686, sass/partials/_header.scss */
  header .front {
    height: 12.96vw;
    background-color: #1f1f1f;
    position: static;
    z-index: 11;
  }
  /* line 689, sass/partials/_header.scss */
  header .front .frame #btn-menu-mobile {
    width: 6.96vw;
    height: 4.96vw;
    position: fixed;
    z-index: 13;
    left: 0;
    top: 0;
    margin: 4vw 3vw;
    cursor: pointer;
    display: block;
  }
  /* line 691, sass/partials/_header.scss */
  header .front .frame .netvigator {
    width: 33vw;
    height: 12.96vw;
    display: block;
    position: fixed;
    margin: 0;
    left: 50%;
    margin-left: -16.5vw;
    z-index: 13;
  }
  /* line 692, sass/partials/_header.scss */
  header .front .frame .account {
    right: 0;
    top: 0;
  }
  /* line 694, sass/partials/_header.scss */
  header .front .frame .account > ul {
    margin-left: 0;
    padding-left: 0;
    position: relative;
    height: 12.96vw;
    z-index: 13;
  }
  /* line 696, sass/partials/_header.scss */
  header .front .frame .account > ul > li {
    width: 12.96vw;
    height: 12.96vw;
    margin-left: 0;
    -moz-background-size: 73% auto;
    -o-background-size: 73% auto;
    -webkit-background-size: 73% auto;
    background-size: 73% auto;
    top: 0%;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    position: relative;
  }
  /* line 699, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;*/
    -moz-transition-property: top;
    -o-transition-property: top;
    -webkit-transition-property: top;
    transition-property: top;
  }
  /* line 701, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu:before {
    border-width: 0;
  }
  /* line 702, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu .system {
    background-color: #999999;
    color: #fff;
    font-size: 4vw;
    padding: 2vw 8.33vw;
    text-align: left;
    display: none;
  }
  /* line 703, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu ul {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
  }
  /* line 705, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu ul li {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  /* line 707, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu ul li a {
    font-size: 4.44vw;
    line-height: 12.96vw;
    padding: 0;
  }
  /* line 709, sass/partials/_header.scss */
  header .front .frame .account > ul > li .subMenu ul li a .icon {
    width: 12.96vw;
    height: 12.96vw;
    line-height: 12.96vw;
  }
  /* line 719, sass/partials/_header.scss */
  header .front .frame .account > ul > li .mask {
    position: fixed;
    width: 100%;
    height: calc( 100% - 12.96vw );
    left: 0;
    top: 12.96vw;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 8;
    display: none;
    -webkit-tap-highlight-color: transparent;
  }
  /* line 720, sass/partials/_header.scss */
  header .front .frame .account > ul > li:after {
    content: none;
  }
  /* line 732, sass/partials/_header.scss */
  header .front .frame .account > ul:before {
    content: none;
  }
  /* line 736, sass/partials/_header.scss */
  header .front:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fcaf17;
    pointer-events: none;
    z-index: 15;
    -moz-transition-duration: 0.575s;
    -o-transition-duration: 0.575s;
    -webkit-transition-duration: 0.575s;
    transition-duration: 0.575s;
  }
  /* line 738, sass/partials/_header.scss */
  header nav {
    position: fixed;
    height: 0%;
    width: 100%;
    background-color: #232323;
    overflow: hidden;
    -moz-transition-duration: 0.75s;
    -o-transition-duration: 0.75s;
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
    top: 0;
    z-index: 10;
  }
  /* line 740, sass/partials/_header.scss */
  header nav:before {
    content: ' ';
    position: fixed;
    height: 25.92vw;
    display: block;
    width: 100%;
    background-color: #1f1f1f;
    z-index: 12;
    top: -12.96vw;
  }
  /* line 741, sass/partials/_header.scss */
  header nav .mainMenu {
    position: static;
    background-color: transparent;
  }
  /* line 743, sass/partials/_header.scss */
  header nav .mainMenu > .frame {
    padding: 12.96vw 8.33vw 0 8.33vw;
  }
  /* line 745, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul {
    display: block;
    width: 100%;
    padding: 5vw 0 3vw 0;
  }
  /* line 747, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li {
    padding: 0;
    margin-left: 0;
    display: block;
    text-align: left;
    width: 100%;
  }
  /* line 749, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .category {
    font-size: 5.55vw;
    line-height: 14.8vw;
    position: relative;
    padding-right: 5vw;
  }
  /* line 753, sass/partials/_header.scss */
  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 transparent solid;
    top: 50%;
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
  }
  /* line 754, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .category.parent:before {
    z-index: 1;
    border-top-color: rgba(255, 255, 255, 0.75);
  }
  /* line 755, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .category.parent:after {
    z-index: 2;
    border-top-color: #232323;
    margin-top: -3px;
  }
  /* line 757, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .subMenu {
    position: relative !important;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    overflow: hidden;
    margin-bottom: 0;
    height: auto;
    display: none;
  }
  /* line 760, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul {
    margin-bottom: 5vw;
  }
  /* line 763, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li .subMenu .frame ul li div {
    height: 10vw;
    display: block;
  }
  /* line 765, sass/partials/_header.scss */
  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;
  }
  /* line 772, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li:after {
    width: 100%;
    height: 1px;
    background-color: #666666;
  }
  /* line 776, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li.hovered .subMenu {
    height: auto;
  }
  /* line 781, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li.active .category:before, header nav .mainMenu > .frame > ul > li.active .category:after {
    -moz-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%);
    border-top-color: transparent;
  }
  /* line 782, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li.active .category:before {
    border-bottom-color: rgba(255, 255, 255, 0.75);
  }
  /* line 783, sass/partials/_header.scss */
  header nav .mainMenu > .frame > ul > li.active .category:after {
    border-bottom-color: #232323;
    margin-top: 3px;
  }
  /* line 789, sass/partials/_header.scss */
  header nav .mainMenu:after {
    content: none;
  }
  /* line 791, sass/partials/_header.scss */
  header nav .information {
    height: auto;
    position: static;
    background-color: transparent;
    padding-bottom: 10vw;
  }
  /* line 793, sass/partials/_header.scss */
  header nav .information .frame {
    padding: 0 8.33vw;
  }
  /* line 796, sass/partials/_header.scss */
  header nav .information .frame ul li {
    height: 11.11vw;
    font-size: 4.44vw;
    line-height: 11.11vw;
    margin-left: 0;
    display: block;
    width: 100%;
    text-align: left;
  }
  /* line 798, sass/partials/_header.scss */
  header nav .information .frame ul li a {
    padding-left: 11.11vw;
    font-size: 4.44vw;
    line-height: 11.11vw;
  }
  /* line 799, sass/partials/_header.scss */
  header nav .information .frame ul li .icon {
    height: 11.11vw;
    width: 11.11vw;
  }
  /* line 803, sass/partials/_header.scss */
  header nav .information .frame ul li.search form .input {
    padding-left: 11.11vw;
  }
  /* line 805, sass/partials/_header.scss */
  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;
  }
  /* line 809, sass/partials/_header.scss */
  header nav .information .frame ul li.search form .input:after {
    margin-left: 11.11vw;
    bottom: 1vw;
  }
  /* line 814, sass/partials/_header.scss */
  header nav .information .frame ul li.system {
    padding-left: 0;
    margin-left: 0;
    display: none;
  }
  /* line 820, sass/partials/_header.scss */
  header nav .information:before {
    content: none;
  }
  /* line 824, sass/partials/_header.scss */
  header:after {
    z-index: 13;
  }

  /* line 828, sass/partials/_header.scss */
  header.lite nav .mainMenu {
    position: static;
  }

  /* line 837, sass/partials/_header.scss */
  header.logined .front .frame .account > ul > li .subMenu {
    position: fixed;
    top: 12.96vw;
    height: auto;
    width: 100%;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  /* line 839, sass/partials/_header.scss */
  header.logined .front .frame .account > ul > li .subMenu ul {
    padding: 3vw 8.33vw;
    height: 100%;
  }
  /* line 841, sass/partials/_header.scss */
  header.logined .front .frame .account > ul > li .subMenu ul li {
    height: auto;
  }
  /* line 847, sass/partials/_header.scss */
  header.logined .front .frame .account > ul > li.hovered .subMenu .system {
    display: block;
  }
  /* line 858, sass/partials/_header.scss */
  header.logined nav .information .frame ul li.system {
    display: none;
  }

  /* line 866, sass/partials/_header.scss */
  header.open .front:after {
    width: 0%;
    -moz-transition-duration: 0.75s;
    -o-transition-duration: 0.75s;
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
  }
  /* line 868, sass/partials/_header.scss */
  header.open nav {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }


  form .fieldList ul li .input .input_error {
    padding: 0 0 0 40px;
  }

  form .fieldList ul li .input .row_password {
    display: initial;
  }

  form .fieldList ul li .input .row_password .password-container {
    width: 100%;
  }
}
/* common ==================================================================================== */
/* line 4, sass/partials/_floating.scss */
aside#floating {
  position: fixed;
  right: 0;
  z-index: 100;
}
/* line 8, sass/partials/_floating.scss */
aside#floating .tools ul li {
  position: relative;
  right: -100%;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 10, sass/partials/_floating.scss */
aside#floating .tools ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFF;
  position: relative;
  z-index: 2;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 11, sass/partials/_floating.scss */
aside#floating .tools ul li .icon {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-size: auto 60%;
  -o-background-size: auto 60%;
  -webkit-background-size: auto 60%;
  background-size: auto 60%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 13, sass/partials/_floating.scss */
aside#floating .tools ul li:last-child {
  margin-bottom: 0 !important;
}
/* line 15, sass/partials/_floating.scss */
aside#floating .tools ul li.cloneKeyBtn {
  display: none;
}
/* line 16, sass/partials/_floating.scss */
aside#floating .tools ul li:hover {
  right: 0%;
  margin-left: 0px;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 27, sass/partials/_floating.scss */
  aside#floating {
    top: 150px;
  }
  /* line 31, sass/partials/_floating.scss */
  aside#floating .tools ul li {
    height: 46px;
    line-height: 46px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    margin-left: -46px;
    margin-bottom: 5px;
  }
  /* line 33, sass/partials/_floating.scss */
  aside#floating .tools ul li a {
    padding: 0 8px 0 46px;
    line-height: 46px;
    font-size: 16px;
  }
  /* line 34, sass/partials/_floating.scss */
  aside#floating .tools ul li .icon {
    background-position: 8px center;
    width: 46px;
    height: 46px;
  }
  /* line 38, sass/partials/_floating.scss */
  aside#floating .tools ul li:hover {
    margin-left: 0px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 50, sass/partials/_floating.scss */
  aside#floating {
    top: 11.71875vw;
  }
  /* line 54, sass/partials/_floating.scss */
  aside#floating .tools ul li {
    height: 3.59375vw;
    line-height: 3.59375vw;
    -moz-border-radius-topleft: 0.78125vw;
    -webkit-border-top-left-radius: 0.78125vw;
    border-top-left-radius: 0.78125vw;
    -moz-border-radius-bottomleft: 0.78125vw;
    -webkit-border-bottom-left-radius: 0.78125vw;
    border-bottom-left-radius: 0.78125vw;
    -moz-box-shadow: 0 0 0.39063vw rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 0.39063vw rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0.39063vw rgba(0, 0, 0, 0.15);
    margin-left: -3.59375vw;
    margin-bottom: 0.39063vw;
  }
  /* line 56, sass/partials/_floating.scss */
  aside#floating .tools ul li a {
    padding: 0 0.625vw 0 3.59375vw;
    line-height: 3.59375vw;
    font-size: 1.25vw;
	
  }
  /* line 57, sass/partials/_floating.scss */
  aside#floating .tools ul li .icon {
    background-position: 0.625vw center;
    width: 3.59375vw;
    height: 3.59375vw;
  }
  /* line 61, sass/partials/_floating.scss */
  aside#floating .tools ul li:hover {
    margin-left: 0vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 74, sass/partials/_floating.scss */
  aside#floating {
    top: 11.71875vw;
  }
  /* line 78, sass/partials/_floating.scss */
  aside#floating .tools ul li {
    height: 3.59375vw;
    line-height: 3.59375vw;
    -moz-border-radius-topleft: 0.78125vw;
    -webkit-border-top-left-radius: 0.78125vw;
    border-top-left-radius: 0.78125vw;
    -moz-border-radius-bottomleft: 0.78125vw;
    -webkit-border-bottom-left-radius: 0.78125vw;
    border-bottom-left-radius: 0.78125vw;
    -moz-box-shadow: 0 0 0.39063vw rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 0.39063vw rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0.39063vw rgba(0, 0, 0, 0.15);
    margin-left: -3.59375vw;
    margin-bottom: 0.39063vw;
  }
  /* line 80, sass/partials/_floating.scss */
  aside#floating .tools ul li a {
    padding: 0 0.625vw 0 3.59375vw;
    line-height: 3.59375vw;
    font-size: 1.25vw;
  }
  /* line 81, sass/partials/_floating.scss */
  aside#floating .tools ul li .icon {
    background-position: 0.625vw center;
    width: 3.59375vw;
    height: 3.59375vw;
  }
  /* line 85, sass/partials/_floating.scss */
  aside#floating .tools ul li:hover {
    margin-left: 0vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 97, sass/partials/_floating.scss */
  aside#floating {
    top: auto;
    bottom: 0;
    width: 100%;
  }
  /* line 101, sass/partials/_floating.scss */
  aside#floating .tools ul li {
    height: 9.25vw;
    line-height: 9.25vw;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-box-shadow: 0 0 1vw rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 1vw rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1vw rgba(0, 0, 0, 0.15);
    margin-left: 0;
    margin-bottom: 0;
    right: 0;
    overflow: hidden;
  }
  /* line 103, sass/partials/_floating.scss */
  aside#floating .tools ul li a {
    line-height: 9.25vw;
    text-align: center;
    font-size: 4vw;
  }
  /* line 104, sass/partials/_floating.scss */
  aside#floating .tools ul li .icon {
    background-position: 40% center;
    width: 9.25vw;
    height: 9.25vw;
    left: 15%;
  }
  /* line 107, sass/partials/_floating.scss */
  aside#floating .tools ul li.liveChat {
    width: 50%;
	/*width: 40%;*/
  }
  /* line 109, sass/partials/_floating.scss */
  aside#floating .tools ul li.liveChat a {
    padding: 0 0 0 9.25vw;
  }
  /* line 111, sass/partials/_floating.scss */
  aside#floating .tools ul li.cloneKeyBtn {
    width: 50%;
	/*width: 60%;*/
    display: inline-block;
  }
  /* line 114, sass/partials/_floating.scss */
  aside#floating .tools ul li.cloneKeyBtn a .cut {
    display: none;
  }
  /* line 122, sass/partials/_floating.scss */
  aside#floating .tools.single ul li.liveChat {
    width: 100%;
  }
  /* line 124, sass/partials/_floating.scss */
  aside#floating .tools.single ul li.liveChat .icon {
    left: 36%;
  }
  /* line 126, sass/partials/_floating.scss */
  aside#floating .tools.single ul li.cloneKeyBtn {
    width: 0%;
  }
}
/* common ==================================================================================== */
/* line 5, sass/partials/_footer.scss */
.sitemap {
  background-color: #f5f5f5;
}
/* line 7, sass/partials/_footer.scss */
.sitemap .frame {
  font-size: 0;
  position: relative;
}
/* line 9, sass/partials/_footer.scss */
.sitemap .frame .col {
  display: inline-block;
  vertical-align: top;
}
/* line 12, sass/partials/_footer.scss */
.sitemap .frame .col nav .name {
  line-height: 1.25em;
}
/* line 14, sass/partials/_footer.scss */
.sitemap .frame .col nav .name a {
  color: #000;
}
/* line 15, sass/partials/_footer.scss */
.sitemap .frame .col nav .name a:hover {
  color: #000;
}
/* line 19, sass/partials/_footer.scss */
.sitemap .frame .col nav ul li a {
  line-height: 1.25em;
  color: #999999;
  display: block;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
/* line 20, sass/partials/_footer.scss */
.sitemap .frame .col nav ul li a:hover {
  color: #000;
}
/* line 24, sass/partials/_footer.scss */
.sitemap .frame .col nav:last-child {
  margin-bottom: 0;
}
/* line 28, sass/partials/_footer.scss */
.sitemap .frame .col:first-child {
  margin-left: 0;
}
/* line 29, sass/partials/_footer.scss */
.sitemap .frame .col.social {
  position: absolute;
  height: 80%;
}
/* line 33, sass/partials/_footer.scss */
.sitemap .frame .col.social nav ul li {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 35, sass/partials/_footer.scss */
.sitemap .frame .col.social nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 40, sass/partials/_footer.scss */
.sitemap .frame .col.social:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #d9d9d9;
}

/* line 44, sass/partials/_footer.scss */
footer {
  background-color: #FFF;
}
/* line 46, sass/partials/_footer.scss */
footer .frame {
  position: relative;
  text-align: center;
}
/* line 50, sass/partials/_footer.scss */
footer .frame nav ul li {
  position: relative;
}
/* line 52, sass/partials/_footer.scss */
footer .frame nav ul li a {
  line-height: 1.25em;
  color: #5b5b5b;
}
/* line 53, sass/partials/_footer.scss */
footer .frame nav ul li:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #5b5b5b;
}
/* line 56, sass/partials/_footer.scss */
footer .frame nav ul li:first-child:before {
  content: none;
}
/* line 58, sass/partials/_footer.scss */
footer .frame nav ul br {
  display: none;
}
/* line 61, sass/partials/_footer.scss */
footer .frame .copyright {
  line-height: 1.25em;
  color: #5b5b5b;
}
/* line 62, sass/partials/_footer.scss */
footer .frame .hkt {
  position: absolute;
}
/* line 63, sass/partials/_footer.scss */
footer .frame .pccw {
  position: absolute;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 73, sass/partials/_footer.scss */
  .sitemap .frame {
    padding: 28px 65px;
  }
  /* line 75, sass/partials/_footer.scss */
  .sitemap .frame .col {
    margin-left: 50px;
  }
  /* line 77, sass/partials/_footer.scss */
  .sitemap .frame .col nav {
    margin-bottom: 15px;
  }
  /* line 79, sass/partials/_footer.scss */
  .sitemap .frame .col nav .name {
    font-size: 12px;
    margin-bottom: 5px;
  }
  /* line 84, sass/partials/_footer.scss */
  .sitemap .frame .col nav ul {
    display: block !important;
  }
  /* line 87, sass/partials/_footer.scss */
  .sitemap .frame .col nav ul li a {
    font-size: 12px;
    margin-bottom: 5px;
  }
  /* line 95, sass/partials/_footer.scss */
  .sitemap .frame .col.social {
    padding-left: 50px;
    right: 65px;
    top: 28px;
  }
  /* line 98, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav ul {
    padding-top: 15px;
  }
  /* line 100, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav ul li {
    width: 35px;
    height: 35px;
    margin-bottom: 15px;
  }
  /* line 104, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav ul li:nth-child(2n+2) {
    margin-left: 15px;
  }

  /* line 112, sass/partials/_footer.scss */
  footer .frame {
    padding: 23px 0 27px 0;
  }
  /* line 114, sass/partials/_footer.scss */
  footer .frame nav {
    margin-bottom: 5px;
  }
  /* line 118, sass/partials/_footer.scss */
  footer .frame nav ul li a {
    font-size: 11px;
    padding: 0 5px 0 6px;
  }
  /* line 126, sass/partials/_footer.scss */
  footer .frame .copyright {
    font-size: 11px;
  }
  /* line 127, sass/partials/_footer.scss */
  footer .frame .hkt {
    left: 65px;
    top: 19px;
    width: 193px;
    height: 40px;
  }
  /* line 128, sass/partials/_footer.scss */
  footer .frame .pccw {
    right: 65px;
    top: 41px;
    width: 142px;
    height: 11px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 140, sass/partials/_footer.scss */
  .sitemap .frame {
    padding: 2.1875vw 5.07813vw;
  }
  /* line 142, sass/partials/_footer.scss */
  .sitemap .frame .col {
    margin-left: 3.90625vw;
  }
  /* line 144, sass/partials/_footer.scss */
  .sitemap .frame .col nav {
    margin-bottom: 1.17188vw;
  }
  .footersep{
	margin-bottom: 1.17188vw;
}
  /* line 146, sass/partials/_footer.scss */
  .sitemap .frame .col nav .name {
    font-size: 0.9375vw;
    margin-bottom: 0.39063vw;
  }
  /* line 151, sass/partials/_footer.scss */
  .sitemap .frame .col nav ul {
    display: block !important;
  }
  /* line 154, sass/partials/_footer.scss */
  .sitemap .frame .col nav ul li a {
    font-size: 0.9375vw;
    margin-bottom: 0.39063vw;
  }
  /* line 162, sass/partials/_footer.scss */
  .sitemap .frame .col.social {
    padding-left: 3.90625vw;
    right: 5.07813vw;
    top: 2.1875vw;
  }
  /* line 165, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav ul {
    padding-top: 1.17188vw;
  }
  /* line 167, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav ul li {
    width: 2.73438vw;
    height: 2.73438vw;
    margin-bottom: 1.17188vw;
  }
  /* line 171, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav ul li:nth-child(2n+2) {
    margin-left: 1.17188vw;
  }

  /* line 179, sass/partials/_footer.scss */
  footer .frame {
    padding: 1.79688vw 0 2.10938vw 0;
  }
  /* line 181, sass/partials/_footer.scss */
  footer .frame nav {
    margin-bottom: 0.39063vw;
  }
  /* line 185, sass/partials/_footer.scss */
  footer .frame nav ul li a {
    font-size: 0.85938vw;
    padding: 0 0.39063vw 0 0.46875vw;
  }
  /* line 193, sass/partials/_footer.scss */
  footer .frame .copyright {
    font-size: 0.85938vw;
  }
  /* line 194, sass/partials/_footer.scss */
  footer .frame .hkt {
    left: 5.07813vw;
    top: 1.48438vw;
    width: 15.07813vw;
    height: 3.125vw;
  }
  /* line 195, sass/partials/_footer.scss */
  footer .frame .pccw {
    right: 5.07813vw;
    top: 3.20313vw;
    width: 11.09375vw;
    height: 0.85938vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 208, sass/partials/_footer.scss */
  .sitemap .frame {
    padding: 2.1875vw 5.07813vw;
  }
  /* line 210, sass/partials/_footer.scss */
  .sitemap .frame .col {
    margin-left: 3.90625vw;
  }
  /* line 212, sass/partials/_footer.scss */
  .sitemap .frame .col nav {
    margin-bottom: 1.17188vw;
  }
  .footersep{
	margin-bottom: 1.17188vw;
}
  /* line 214, sass/partials/_footer.scss */
  .sitemap .frame .col nav .name {
    font-size: 0.9375vw;
    margin-bottom: 0.39063vw;
  }
  /* line 219, sass/partials/_footer.scss */
  .sitemap .frame .col nav ul {
    display: block !important;
  }
  /* line 222, sass/partials/_footer.scss */
  .sitemap .frame .col nav ul li a {
    font-size: 0.9375vw;
    margin-bottom: 0.39063vw;
  }
  /* line 230, sass/partials/_footer.scss */
  .sitemap .frame .col.social {
    padding-left: 3.90625vw;
    right: 5.07813vw;
    top: 2.1875vw;
  }
  /* line 233, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav ul {
    padding-top: 1.17188vw;
  }
  /* line 235, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav ul li {
    width: 2.73438vw;
    height: 2.73438vw;
    margin-bottom: 1.17188vw;
  }
  /* line 239, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav ul li:nth-child(2n+2) {
    margin-left: 1.17188vw;
  }

  /* line 247, sass/partials/_footer.scss */
  footer .frame {
    padding: 1.79688vw 0 2.10938vw 0;
  }
  /* line 249, sass/partials/_footer.scss */
  footer .frame nav {
    margin-bottom: 0.39063vw;
  }
  /* line 253, sass/partials/_footer.scss */
  footer .frame nav ul li a {
    font-size: 0.85938vw;
    padding: 0 0.39063vw 0 0.46875vw;
  }
  /* line 261, sass/partials/_footer.scss */
  footer .frame .copyright {
    font-size: 0.85938vw;
  }
  /* line 262, sass/partials/_footer.scss */
  footer .frame .hkt {
    left: 5.07813vw;
    top: 1.48438vw;
    width: 15.07813vw;
    height: 3.125vw;
  }
  /* line 263, sass/partials/_footer.scss */
  footer .frame .pccw {
    right: 5.07813vw;
    top: 3.20313vw;
    width: 11.09375vw;
    height: 0.85938vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 275, sass/partials/_footer.scss */
  .sitemap .frame {
    padding: 4vw 4vw 0 4vw;
  }
  /* line 277, sass/partials/_footer.scss */
  .sitemap .frame .col {
    margin-left: 0;
    display: block;
  }
  /* line 279, sass/partials/_footer.scss */
  .sitemap .frame .col nav {
    margin-bottom: 0;
    border-bottom: 1px #ececec solid;
  }
  /* line 281, sass/partials/_footer.scss */
  .sitemap .frame .col nav .name {
    padding: 0 5vw 0 1vw;
    font-size: 3.33vw;
    line-height: 9.25vw;
    margin-bottom: 0;
    font-weight: normal;
  }
  /* line 286, sass/partials/_footer.scss */
  .sitemap .frame .col nav ul {
    display: none;
    padding-bottom: 5vw;
  }
  /* line 288, sass/partials/_footer.scss */
  .sitemap .frame .col nav ul li {
    padding: 0 5vw 0 5vw;
  }
  /* line 290, sass/partials/_footer.scss */
  .sitemap .frame .col nav ul li a {
    font-size: 3vw;
    margin-bottom: 2vw;
  }
  /* line 296, sass/partials/_footer.scss */
  .sitemap .frame .col nav.parent {
    position: relative;
  }
  /* line 298, sass/partials/_footer.scss */
  .sitemap .frame .col nav.parent:after {
    content: '+';
    font-size: 5vw;
    position: absolute;
    right: 1vw;
    top: 0.5vw;
    color: #666666;
    font-family: 'Roboto-Thin';
    text-align: center;
    width: 2.5vw;
    display: block;
  }
  /* line 301, sass/partials/_footer.scss */
  .sitemap .frame .col nav.parent.active:after {
    content: '-';
    font-size: 5vw;
    font-weight: bold;
  }
  /* line 305, sass/partials/_footer.scss */
  .sitemap .frame .col.social {
    right: 0;
    top: 0;
    display: block;
    position: static;
  }
  /* line 307, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav {
    position: relative;
    border-bottom: none;
  }
  /* line 309, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav .name {
    font-size: 3vw;
    line-height: 12.6vw;
    color: #999999;
  }
  /* line 310, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav ul {
    display: block;
    height: inherit;
    position: absolute;
    top: 3vw;
    right: 2vw;
  }
  /* line 312, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav ul li {
    width: 6.48vw;
    height: 6.48vw;
    padding: 0;
    margin-bottom: 0;
    margin-left: 3vw;
  }
  /* line 316, sass/partials/_footer.scss */
  .sitemap .frame .col.social nav ul li:nth-child(2n+2) {
    margin-left: 3vw;
  }
  /* line 319, sass/partials/_footer.scss */
  .sitemap .frame .col.social:before {
    content: none;
  }

  /* line 324, sass/partials/_footer.scss */
  footer .frame {
    padding: 5vw 0 15vw 0;
  }
  /* line 326, sass/partials/_footer.scss */
  footer .frame nav {
    margin-bottom: 0;
  }
  /* line 329, sass/partials/_footer.scss */
  footer .frame nav ul li {
    margin-bottom: 1vw;
  }
  /* line 331, sass/partials/_footer.scss */
  footer .frame nav ul li a {
    font-size: 2vw;
    padding: 0 1vw 0 1vw;
  }
  /* line 340, sass/partials/_footer.scss */
  footer .frame nav ul br {
    display: inline-block;
  }
  /* line 343, sass/partials/_footer.scss */
  footer .frame .copyright {
    font-size: 2vw;
  }
  /* line 344, sass/partials/_footer.scss */
  footer .frame .hkt {
    left: 4vw;
    top: 20vw;
    width: 31.11vw;
    height: 6.48vw;
  }
  /* line 345, sass/partials/_footer.scss */
  footer .frame .pccw {
    right: 4vw;
    top: 23.5vw;
    width: 22.96vw;
    height: 1.85vw;
  }
  /* line 347, sass/partials/_footer.scss */
  footer:after {
    content: ' ';
    background-color: #FFF;
    height: 15vw;
    width: 100%;
    display: block;
  }
}
/* common ==================================================================================== */
/* line 4, sass/partials/_main.scss */
#main {
  position: relative;
  z-index: 1;
  /* visual */
}
/* line 7, sass/partials/_main.scss */
#main #visual {
  background-color: #020202;
  position: relative;
}
/* line 9, sass/partials/_main.scss */
#main #visual ul.slider {
  width: 100%;
}
/* line 11, sass/partials/_main.scss */
#main #visual ul.slider .slide {
  width: 100%;
  padding: 0;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
/* line 13, sass/partials/_main.scss */
#main #visual ul.slider .slide img {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 15, sass/partials/_main.scss */
#main #visual ul.slider .slick-arrow {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
/* line 18, sass/partials/_main.scss */
#main #visual ul.slider .slick-prev {
  left: 50%;
}
/* line 19, sass/partials/_main.scss */
#main #visual ul.slider .slick-next {
  right: 50%;
}
/* line 23, sass/partials/_main.scss */
#main #visual ul.slider .slick-dots li button:before {
  color: #FFF;
}
/* line 29, sass/partials/_main.scss */
#main #visual ul.slider:hover .slick-arrow {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 31, sass/partials/_main.scss */
#main #visual .base {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 20;
}
/* line 33, sass/partials/_main.scss */
#main #visual .base .shortCut {
  position: relative;
  z-index: 3;
}
/* line 35, sass/partials/_main.scss */
#main #visual .base .shortCut .frame {
  position: relative;
}
/* line 37, sass/partials/_main.scss */
#main #visual .base .shortCut .frame ul {
  width: 100%;
}
/* line 39, sass/partials/_main.scss */
#main #visual .base .shortCut .frame ul li {
  width: 24.625%;
  margin-left: 0.5%;
}
/* line 41, sass/partials/_main.scss */
#main #visual .base .shortCut .frame ul li a {
  display: block;
  width: 100%;
  text-align: center;
  -moz-background-size: auto 50%;
  -o-background-size: auto 50%;
  -webkit-background-size: auto 50%;
  background-size: auto 50%;
  background-position: center 25%;
  color: #000;
}
/* line 46, sass/partials/_main.scss */
#main #visual .base .shortCut .frame ul li a:hover {
  color: #000;
}
/* line 48, sass/partials/_main.scss */
#main #visual .base .shortCut .frame ul li:first-child {
  margin-left: 0;
}
/* line 52, sass/partials/_main.scss */
#main #visual .base .pageMenu {
  background-color: #FFF;
  margin: 0 auto 0 auto;
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 50%;
  width: 100%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/* line 54, sass/partials/_main.scss */
#main #visual .base .pageMenu .frame {
  position: relative;
}
/* line 56, sass/partials/_main.scss */
#main #visual .base .pageMenu .frame .name {
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'Roboto-Medium', sans-serif;
  line-height: 1.25em;
}
/* line 57, sass/partials/_main.scss */
#main #visual .base .pageMenu .frame .current {
  display: none;
}
/* line 58, sass/partials/_main.scss */
#main #visual .base .pageMenu .frame ul {
  text-align: right;
}
/* line 60, sass/partials/_main.scss */
#main #visual .base .pageMenu .frame ul li {
  position: relative;
  text-align: center;
}
/* line 62, sass/partials/_main.scss */
#main #visual .base .pageMenu .frame ul li a {
  display: block;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #000;
}
/* line 64, sass/partials/_main.scss */
#main #visual .base .pageMenu .frame ul li:first-child {
  margin-left: 0;
}
/* line 66, sass/partials/_main.scss */
#main #visual .base .pageMenu .frame ul li.active:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background-color: #fcaf17;
  width: 100%;
}
/* line 69, sass/partials/_main.scss */
#main #visual .base .pageMenu .frame ul li:hover a {
  color: #fcaf17;
}
/* line 74, sass/partials/_main.scss */
#main #visual .base .pageMenu.pin {
  position: fixed;
  z-index: 100;
  margin: 0;
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  max-width: none;
  width: 100%;
}
/* line 76, sass/partials/_main.scss */
#main #visual .base .pageMenu.pin:before {
  content: ' ';
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 200%;
  bottom: 100%;
  left: 0;
}
/* line 82, sass/partials/_main.scss */
#main #visual .base .pageMenu.trim .frame {
  padding: 0;
}
/* line 91, sass/partials/_main.scss */
#main #visual .base.mask:before {
  content: ' ';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 2;
}
/* line 94, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu {
  border-bottom: 1px #EBEBEB solid;
}
/* line 97, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame .name {
  display: none;
}
/* line 98, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav {
  border-left: 1px #EBEBEB solid;
  border-right: 1px #EBEBEB solid;
}
/* line 100, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav .slick-arrow {
  background-color: transparent;
  -moz-background-size: 25% auto;
  -o-background-size: 25% auto;
  -webkit-background-size: 25% auto;
  background-size: 25% auto;
  background-position: 50% 50%;
  height: 100%;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
/* line 102, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav .slick-arrow:before {
  content: ' ';
}
/* line 104, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav .slick-arrow.slick-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1;
}
/* line 105, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav .slick-prev {
  left: auto;
  right: 100%;
}
/* line 106, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav .slick-next {
  left: 100%;
  right: auto;
}
/* line 107, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav li.for {
  margin-left: 0;
  border-left: 1px #EBEBEB solid;
  cursor: pointer;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
/* line 109, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav li.for:before {
  content: none;
}
/* line 110, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav li.for a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 0;
}
/* line 112, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav li.for a:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/* line 113, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav li.for a span {
  display: inline-block;
  line-height: 1.25em;
  vertical-align: middle;
  width: 85%;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
/* line 118, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav li.for:after {
  content: ' ';
  position: absolute;
  height: 0px;
  width: 100%;
  background-color: #FCAF17;
  bottom: 0;
  left: 0;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
/* line 120, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav li.for:first-child {
  border-color: transparent;
}
/* line 123, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav li.active a:before {
  position: static;
  width: 0%;
}
/* line 126, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu .frame ul.forNav li.current {
  display: inline-block;
}
/* line 136, sass/partials/_main.scss */
#main #visual .base.slide .pageMenu.trim .frame ul.forNav .slick-arrow {
  display: none !important;
}
/* line 142, sass/partials/_main.scss */
#main #visual .infoBlock {
  margin-bottom: 0;
}

/* line 150, sass/partials/_main.scss */
#main.smallPageTop #visual .infoBlock.fullWidth {
  min-height: 0;
}
/* line 153, sass/partials/_main.scss */
#main.smallPageTop #visual .infoBlock.fullWidth .frame .content {
  padding-top: 0;
}
/* line 155, sass/partials/_main.scss */
#main.smallPageTop #visual .infoBlock.fullWidth .frame .content .image, #main.smallPageTop #visual .infoBlock.fullWidth .frame .content .icon {
  display: none;
}
/* line 156, sass/partials/_main.scss */
#main.smallPageTop #visual .infoBlock.fullWidth .frame .content .desc {
  display: none;
}

/* line 164, sass/partials/_main.scss */
#main.noPageMenu #visual .base {
  display: none;
}
/* line 171, sass/partials/_main.scss */
#main.noPageMenu #visual + .segment > .frame .paper {
  position: relative;
  z-index: 11;
}

/* line 177, sass/partials/_main.scss */
#main.noVisual #visual + .segment > .frame {
  margin-top: 0 !important;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) {
  /* line 188, sass/partials/_main.scss */
  #main {
    /* visual */
  }
  /* line 189, sass/partials/_main.scss */
  #main:before {
    height: 114px;
  }
  /* line 194, sass/partials/_main.scss */
  #main #visual ul.slider {
    height: 600px;
  }
  /* line 196, sass/partials/_main.scss */
  #main #visual ul.slider .slide {
    height: 600px;
    max-width: 1280px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  /* line 198, sass/partials/_main.scss */
  #main #visual ul.slider .slide.slick-center {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  /* line 202, sass/partials/_main.scss */
  #main #visual ul.slider .slick-prev {
    margin-left: -600px;
  }
  /* line 203, sass/partials/_main.scss */
  #main #visual ul.slider .slick-next {
    margin-right: -600px;
  }
  /* line 204, sass/partials/_main.scss */
  #main #visual ul.slider .slick-dots {
    bottom: 145px;
  }
  /* line 208, sass/partials/_main.scss */
  #main #visual .base {
    min-height: 60px;
  }
  /* line 210, sass/partials/_main.scss */
  #main #visual .base .shortCut {
    padding: 0 0 15px 0;
  }
  /* line 212, sass/partials/_main.scss */
  #main #visual .base .shortCut .frame {
    padding: 0 65px;
  }
  /* line 215, sass/partials/_main.scss */
  #main #visual .base .shortCut .frame ul li {
    height: 124px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
  /* line 217, sass/partials/_main.scss */
  #main #visual .base .shortCut .frame ul li a {
    font-size: 18px;
    padding-top: 70px;
    line-height: 54px;
  }
  /* line 228, sass/partials/_main.scss */
  #main #visual .base .pageMenu {
    height: 60px;
    max-width: 1150px;
  }
  /* line 230, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame {
    padding: 0 45px;
  }
  /* line 232, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame .name {
    line-height: 60px;
    left: 45px;
    font-size: 20px;
  }
  /* line 234, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame ul li {
    margin-left: 30px;
  }
  /* line 236, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame ul li a {
    font-size: 18px;
    line-height: 60px;
  }
  /* line 249, sass/partials/_main.scss */
  #main #visual .base .pageMenu.pin {
    top: 78px;
  }
  /* line 251, sass/partials/_main.scss */
  #main #visual .base .pageMenu.pin .frame {
    padding: 0 110px;
  }
  /* line 253, sass/partials/_main.scss */
  #main #visual .base .pageMenu.pin .frame .name {
    left: 110px;
  }
  /* line 258, sass/partials/_main.scss */
  #main #visual .base .pageMenu.trim.pin .frame {
    padding: 0 65px;
  }
  /* line 264, sass/partials/_main.scss */
  #main #visual .base.mask:before {
    height: 120px;
  }
  /* line 268, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu {
    height: 80px;
  }
  /* line 272, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-arrow {
    width: 45px;
  }
  /* line 275, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav li.for {
    width: 212px;
    height: 80px;
  }
  /* line 278, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav li.for a span {
    font-size: 16px;
  }
  /* line 283, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav li.current:after {
    height: 4px;
  }
  /* line 291, sass/partials/_main.scss */
  #main #visual .infoBlock.fullWidth .frame {
    min-height: 480px;
    height: 480px;
  }
  /* line 293, sass/partials/_main.scss */
  #main #visual .infoBlock.fullWidth .frame .content {
    padding-top: 50px;
    padding-bottom: 110px;
  }

  /* line 301, sass/partials/_main.scss */
  #main.smallPageTop #visual .infoBlock.fullWidth .frame {
    min-height: 220px;
    height: 220px;
  }
  /* line 303, sass/partials/_main.scss */
  #main.smallPageTop #visual .infoBlock.fullWidth .frame .content {
    padding-bottom: 60px;
  }

  /* line 310, sass/partials/_main.scss */
  #main.noPageMenu #visual + .segment > .frame {
    margin-top: -60px;
  }
  /* line 312, sass/partials/_main.scss */
  #main.noPageMenu #visual + .segment > .frame .paper:first-child {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 324, sass/partials/_main.scss */
  #main {
    /* visual */
  }
  /* line 325, sass/partials/_main.scss */
  #main:before {
    height: 8.90625vw;
  }
  /* line 330, sass/partials/_main.scss */
  #main #visual ul.slider {
    height: 46.875vw;
  }
  /* line 332, sass/partials/_main.scss */
  #main #visual ul.slider .slide {
    height: 46.875vw;
    max-width: 100vw;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  /* line 334, sass/partials/_main.scss */
  #main #visual ul.slider .slide.slick-center {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  /* line 338, sass/partials/_main.scss */
  #main #visual ul.slider .slick-prev {
    margin-left: -46.875vw;
  }
  /* line 339, sass/partials/_main.scss */
  #main #visual ul.slider .slick-next {
    margin-right: -46.875vw;
  }
  /* line 340, sass/partials/_main.scss */
  #main #visual ul.slider .slick-dots {
    bottom: 11.32813vw;
  }
  /* line 344, sass/partials/_main.scss */
  #main #visual .base {
    min-height: 4.6875vw;
  }
  /* line 346, sass/partials/_main.scss */
  #main #visual .base .shortCut {
    padding: 0 0 1.17188vw 0;
  }
  /* line 348, sass/partials/_main.scss */
  #main #visual .base .shortCut .frame {
    padding: 0 5.07813vw;
  }
  /* line 351, sass/partials/_main.scss */
  #main #visual .base .shortCut .frame ul li {
    height: 9.6875vw;
    -moz-box-shadow: 0 0 0.78125vw rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 0.78125vw rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0.78125vw rgba(0, 0, 0, 0.5);
  }
  /* line 353, sass/partials/_main.scss */
  #main #visual .base .shortCut .frame ul li a {
    font-size: 1.40625vw;
    padding-top: 5.46875vw;
    line-height: 4.21875vw;
  }
  /* line 364, sass/partials/_main.scss */
  #main #visual .base .pageMenu {
    height: 4.6875vw;
    max-width: 89.8%;
  }
  /* line 366, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame {
    padding: 0 3.51563vw;
  }
  /* line 368, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame .name {
    line-height: 4.6875vw;
    left: 3.51563vw;
    font-size: 1.5625vw;
  }
  /* line 370, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame ul li {
    margin-left: 2.34375vw;
  }
  /* line 372, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame ul li a {
    font-size: 1.40625vw;
    line-height: 4.6875vw;
  }
  /* line 385, sass/partials/_main.scss */
  #main #visual .base .pageMenu.pin {
    top: 6.09375vw;
  }
  /* line 387, sass/partials/_main.scss */
  #main #visual .base .pageMenu.pin .frame {
    padding: 0 8.59375vw;
  }
  /* line 389, sass/partials/_main.scss */
  #main #visual .base .pageMenu.pin .frame .name {
    left: 8.59375vw;
  }
  /* line 394, sass/partials/_main.scss */
  #main #visual .base .pageMenu.trim.pin .frame {
    padding: 0 5.07813vw;
  }
  /* line 400, sass/partials/_main.scss */
  #main #visual .base.mask:before {
    height: 9.375vw;
  }
  /* line 404, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu {
    height: 6.25vw;
  }
  /* line 408, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-arrow {
    width: 3.51563vw;
  }
  /* line 411, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav li.for {
    width: 16.5625vw;
    height: 6.25vw;
  }
  /* line 414, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav li.for a span {
    font-size: 1.25vw;
  }
  /* line 419, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav li.current:after {
    height: 0.3125vw;
  }
  /* line 427, sass/partials/_main.scss */
  #main #visual .infoBlock.fullWidth .frame {
    min-height: 37.5vw;
    height: 37.5vw;
  }
  /* line 429, sass/partials/_main.scss */
  #main #visual .infoBlock.fullWidth .frame .content {
    padding-top: 3.90625vw;
    padding-bottom: 8.59375vw;
  }

  /* line 437, sass/partials/_main.scss */
  #main.smallPageTop #visual .infoBlock.fullWidth .frame {
    min-height: 17.1875vw;
    height: 17.1875vw;
  }
  /* line 439, sass/partials/_main.scss */
  #main.smallPageTop #visual .infoBlock.fullWidth .frame .content {
    padding-bottom: 4.6875vw;
  }

  /* line 446, sass/partials/_main.scss */
  #main.noPageMenu #visual + .segment > .frame {
    margin-top: -4.6875vw;
  }
  /* line 448, sass/partials/_main.scss */
  #main.noPageMenu #visual + .segment > .frame .paper:first-child {
    padding-top: 3.51563vw;
    padding-bottom: 3.51563vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 461, sass/partials/_main.scss */
  #main {
    /* visual */
  }
  /* line 462, sass/partials/_main.scss */
  #main:before {
    height: 8.90625vw;
  }
  /* line 467, sass/partials/_main.scss */
  #main #visual ul.slider {
    height: 46.875vw;
  }
  /* line 469, sass/partials/_main.scss */
  #main #visual ul.slider .slide {
    height: 46.875vw;
    max-width: 100vw;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  /* line 471, sass/partials/_main.scss */
  #main #visual ul.slider .slide.slick-center {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  /* line 475, sass/partials/_main.scss */
  #main #visual ul.slider .slick-prev {
    margin-left: -46.875vw;
  }
  /* line 476, sass/partials/_main.scss */
  #main #visual ul.slider .slick-next {
    margin-right: -46.875vw;
  }
  /* line 477, sass/partials/_main.scss */
  #main #visual ul.slider .slick-dots {
    bottom: 11.32813vw;
  }
  /* line 481, sass/partials/_main.scss */
  #main #visual .base {
    min-height: 4.6875vw;
  }
  /* line 483, sass/partials/_main.scss */
  #main #visual .base .shortCut {
    padding: 0 0 1.17188vw 0;
  }
  /* line 485, sass/partials/_main.scss */
  #main #visual .base .shortCut .frame {
    padding: 0 5.07813vw;
  }
  /* line 488, sass/partials/_main.scss */
  #main #visual .base .shortCut .frame ul li {
    height: 9.6875vw;
    -moz-box-shadow: 0 0 0.78125vw rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 0.78125vw rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0.78125vw rgba(0, 0, 0, 0.5);
  }
  /* line 490, sass/partials/_main.scss */
  #main #visual .base .shortCut .frame ul li a {
    font-size: 1.40625vw;
    padding-top: 5.46875vw;
    line-height: 4.21875vw;
  }
  /* line 501, sass/partials/_main.scss */
  #main #visual .base .pageMenu {
    height: 4.6875vw;
    max-width: 89.8%;
  }
  /* line 503, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame {
    padding: 0 3.51563vw;
  }
  /* line 505, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame .name {
    line-height: 4.6875vw;
    left: 3.51563vw;
    font-size: 1.5625vw;
  }
  /* line 507, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame ul li {
    margin-left: 2.34375vw;
  }
  /* line 509, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame ul li a {
    font-size: 1.40625vw;
    line-height: 4.6875vw;
  }
  /* line 522, sass/partials/_main.scss */
  #main #visual .base .pageMenu.pin {
    top: 6.09375vw;
  }
  /* line 524, sass/partials/_main.scss */
  #main #visual .base .pageMenu.pin .frame {
    padding: 0 8.59375vw;
  }
  /* line 526, sass/partials/_main.scss */
  #main #visual .base .pageMenu.pin .frame .name {
    left: 8.59375vw;
  }
  /* line 531, sass/partials/_main.scss */
  #main #visual .base .pageMenu.trim.pin .frame {
    padding: 0 5.07813vw;
  }
  /* line 537, sass/partials/_main.scss */
  #main #visual .base.mask:before {
    height: 9.375vw;
  }
  /* line 541, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu {
    height: 6.25vw;
  }
  /* line 545, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-arrow {
    width: 3.51563vw;
  }
  /* line 548, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav li.for {
    width: 16.5625vw;
    height: 6.25vw;
  }
  /* line 551, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav li.for a span {
    font-size: 1.25vw;
  }
  /* line 556, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav li.current:after {
    height: 0.3125vw;
  }
  /* line 564, sass/partials/_main.scss */
  #main #visual .infoBlock.fullWidth .frame {
    min-height: 37.5vw;
    height: 37.5vw;
  }
  /* line 566, sass/partials/_main.scss */
  #main #visual .infoBlock.fullWidth .frame .content {
    padding-top: 3.90625vw;
    padding-bottom: 8.59375vw;
  }

  /* line 574, sass/partials/_main.scss */
  #main.smallPageTop #visual .infoBlock.fullWidth .frame {
    min-height: 17.1875vw;
    height: 17.1875vw;
  }
  /* line 576, sass/partials/_main.scss */
  #main.smallPageTop #visual .infoBlock.fullWidth .frame .content {
    padding-bottom: 4.6875vw;
  }

  /* line 583, sass/partials/_main.scss */
  #main.noPageMenu #visual + .segment > .frame {
    margin-top: -4.6875vw;
  }
  /* line 585, sass/partials/_main.scss */
  #main.noPageMenu #visual + .segment > .frame .paper:first-child {
    padding-top: 3.51563vw;
    padding-bottom: 3.51563vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 597, sass/partials/_main.scss */
  #main {
    /* visual */
  }
  /* line 598, sass/partials/_main.scss */
  #main:before {
    height: 12.96vw;
    content: ' ';
    display: block;
    width: 100%;
    background-color: #020202;
  }
  /* line 602, sass/partials/_main.scss */
  #main #visual {
    overflow: visible;
  }
  /* line 604, sass/partials/_main.scss */
  #main #visual ul.slider {
    /*height: 98.77vw;*/
	height: 97.77vw;
  }
  /* line 606, sass/partials/_main.scss */
  #main #visual ul.slider .slide {
    height: 98.77vw;
    max-width: 100vw;
  }
  /* line 607, sass/partials/_main.scss */
  #main #visual ul.slider .slick-arrow {
    width: 6vw;
    height: 12vw;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  /* line 608, sass/partials/_main.scss */
  #main #visual ul.slider .slick-prev {
    margin-left: 0;
    left: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-topright: 1vw;
    -webkit-border-top-right-radius: 1vw;
    border-top-right-radius: 1vw;
    -moz-border-radius-bottomright: 1vw;
    -webkit-border-bottom-right-radius: 1vw;
    border-bottom-right-radius: 1vw;
  }
  /* line 609, sass/partials/_main.scss */
  #main #visual ul.slider .slick-next {
    margin-right: 0;
    right: 0;
    -moz-border-radius-topleft: 1vw;
    -webkit-border-top-left-radius: 1vw;
    border-top-left-radius: 1vw;
    -moz-border-radius-bottomleft: 1vw;
    -webkit-border-bottom-left-radius: 1vw;
    border-bottom-left-radius: 1vw;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* line 612, sass/partials/_main.scss */
  #main #visual .base {
    min-height: 12.96vw;
    position: relative;
    background-color: #FFF;
  }
  /* line 614, sass/partials/_main.scss */
  #main #visual .base .shortCut {
    padding: 0;
  }
  /* line 616, sass/partials/_main.scss */
  #main #visual .base .shortCut .frame {
    padding: 0;
  }
  /* line 619, sass/partials/_main.scss */
  #main #visual .base .shortCut .frame ul li {
    height: 25.55vw;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    width: 50%;
    margin-left: 0;
  }
  /* line 621, sass/partials/_main.scss */
  #main #visual .base .shortCut .frame ul li a {
    font-size: 3.7vw;
    padding-top: 13.55vw;
    line-height: 12vw;
    background-position: center 35%;
  }
  /* line 632, sass/partials/_main.scss */
  #main #visual .base .pageMenu {
    padding: 0;
    height: 12.96vw;
    max-width: 100vw;
    left: 0;
    width: 100%;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
    background-image: -moz-linear-gradient(top, #ffffff, #efefef);
    background-image: -webkit-linear-gradient(top, #ffffff, #efefef);
    background-image: linear-gradient(to bottom, #ffffff, #efefef);
    cursor: pointer;
    z-index: 10;
  }
  /* line 635, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame .name {
    line-height: 12.96vw;
    padding: 0 5vw;
    position: relative;
    z-index: 3;
    font-size: 3.7vw;
  }
  /* line 637, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame .name .cut {
    display: none;
  }
  /* line 638, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame .name:before, #main #visual .base .pageMenu .frame .name:after {
    content: ' ';
    position: absolute;
    right: 5vw;
    border: 1.8vw transparent solid;
    top: 50%;
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
  }
  /* line 639, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame .name:before {
    z-index: 1;
    border-top-color: #fcaf17;
  }
  /* line 640, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame .name:after {
    z-index: 2;
    border-top-color: #f8f8f8;
    margin-top: -4px;
  }
  /* line 642, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame .name.small {
    font-size: 3.3vw;
  }
  /* line 643, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame .current {
    position: absolute;
    line-height: 12.96vw;
    font-size: 3.7vw;
    right: 11vw;
    top: 0;
    display: inline-block;
    text-overflow: ellipsis;
    width: 63%;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
	/*max-width: 50%;*/
  }
  /* line 644, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame ul {
    position: absolute;
    left: 0;
    top: 12.96vw;
    z-index: 2;
    background-color: #FFF;
    padding: 3vw 8.33vw;
    width: 100%;
    z-index: 2;
    -moz-box-shadow: 0 1vw 1vw rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1vw 1vw rgba(0, 0, 0, 0.15);
    box-shadow: 0 1vw 1vw rgba(0, 0, 0, 0.15);
    display: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 646, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame ul li {
    margin-left: 0;
    display: block;
    text-align: left;
    border-bottom: 1px #ececec solid;
  }
  /* line 648, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame ul li a {
    font-size: 4.44vw;
    line-height: 12.96vw;
    width: 100%;
    display: block;
  }
  /* line 652, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame ul li:last-child {
    border-bottom: none;
  }
  /* line 654, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame ul li.active a {
    color: #aaaaaa;
  }
  /* line 655, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame ul li.active:before {
    content: none;
  }
  /* line 663, sass/partials/_main.scss */
  #main #visual .base .pageMenu.pin {
    top: 12.96vw;
  }
  /* line 671, sass/partials/_main.scss */
  #main #visual .base .pageMenu.trim.pin .frame {
    padding: 0;
  }
  /* line 677, sass/partials/_main.scss */
  #main #visual .base .pageMenu.active .name:before, #main #visual .base .pageMenu.active .name:after {
    -moz-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%);
    border-top-color: transparent;
  }
  /* line 678, sass/partials/_main.scss */
  #main #visual .base .pageMenu.active .name:before {
    border-bottom-color: #fcaf17;
  }
  /* line 679, sass/partials/_main.scss */
  #main #visual .base .pageMenu.active .name:after {
    border-bottom-color: #f6f6f6;
    margin-top: 4px;
  }
  /* line 684, sass/partials/_main.scss */
  #main #visual .base.mask:before {
    height: 120px;
  }
  /* line 690, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame .name {
    display: block;
  }
  /* line 691, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav {
    border: none;
  }
  /* line 693, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .current {
    position: static;
  }
  /* line 694, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-list {
    height: auto !important;
  }
  /* line 696, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-list .slick-track {
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    width: 100% !important;
  }
  /* line 698, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-list .slick-track li.for {
    width: 100% !important;
    height: auto;
    /*padding-top: 5vw;
    padding-bottom: 5vw;*/
	padding-top: 10px;
    padding-bottom: 10px;
    border-left: none;
    float: none !important;
  }
  /* line 700, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-list .slick-track li.for a {
    line-height: 1em;
  }
  /* line 702, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-list .slick-track li.for a span {
    width: 100%;
    font-size: 4.44vw;
    line-height: 1.25em;
    text-align: left;
	float: left;
  }
  /* line 706, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-list .slick-track li.for:first-child {
    border-color: #EBEBEB;
  }
  /* line 708, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-list .slick-track li.active a {
    color: #000;
  }
  /* line 709, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-list .slick-track li.active:before {
    content: none;
  }
  /* line 711, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-list .slick-track li.current {
    line-height: 1.25em;
  }
  /* line 713, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-list .slick-track li.current a {
    color: #aaaaaa;
  }
  /* line 714, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-list .slick-track li.current:after {
    content: none;
  }
  /* line 718, sass/partials/_main.scss */
  #main #visual .base.slide .pageMenu .frame ul.forNav .slick-arrow {
    display: none;
  }
  /* line 729, sass/partials/_main.scss */
  #main #visual .infoBlock.fullWidth .frame .content {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  /* line 737, sass/partials/_main.scss */
  #main.smallPageTop #visual .infoBlock.fullWidth .frame {
    min-height: 23.14vw;
    height: 23.14vw;
  }
  /* line 739, sass/partials/_main.scss */
  #main.smallPageTop #visual .infoBlock.fullWidth .frame .content {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 640px) and (orientation: landscape) {
  /* line 755, sass/partials/_main.scss */
  #main {
    /* visual */
  }
  /* line 761, sass/partials/_main.scss */
  #main #visual .base .pageMenu .frame .current {
    display: none;
  }
}
/* common ==================================================================================== */
/* segment */
/* line 6, sass/partials/_segment.scss */
.segment {
  background-color: #FFF;
}
/* line 9, sass/partials/_segment.scss */
.segment .frame .btnGroup {
  text-align: center;
}
/* line 10, sass/partials/_segment.scss */
.segment .frame > *:last-child {
  margin-bottom: 0 !important;
}

/* line 13, sass/partials/_segment.scss */
.segment.gray {
  background-color: #ececec;
}
.segment.graybg {
  background-color: #ececec;
}
/* line 15, sass/partials/_segment.scss */
.segment.page {
  padding-top: 0;
}
/* line 18, sass/partials/_segment.scss */
.segment.page .frame .paper {
  background-color: #FFF;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
/* line 21, sass/partials/_segment.scss */
.segment.page .frame .paper > *:last-child {
  margin-bottom: 0 !important;
}
/* line 23, sass/partials/_segment.scss */
.segment.page .frame .paper.middle {
  text-align: center;
}

/* line 29, sass/partials/_segment.scss */
.segment.article .frame .content .subheading {
  text-align: center;
}
/* line 34, sass/partials/_segment.scss */
.segment.article .frame .content > *:last-child {
  margin-bottom: 0 !important;
}

/* line 39, sass/partials/_segment.scss */
.segment.general .frame {
  text-align: center;
}
/* line 45, sass/partials/_segment.scss */
.segment.general .frame .download ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 47, sass/partials/_segment.scss */
.segment.general .frame .download ul li:first-child {
  margin-left: 0 !important;
}

/* line 54, sass/partials/_segment.scss */
.segment.collapsed {
  position: relative;
  z-index: 2;
  text-align: center;
  background-color: transparent;
}
/* line 56, sass/partials/_segment.scss */
.segment.collapsed .title {
  font-family: 'Roboto-Medium', sans-serif;
}
/* line 57, sass/partials/_segment.scss */
.segment.collapsed .switch {
  background-color: #a8b0b6;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 59, sass/partials/_segment.scss */
.segment.collapsed .switch:before {
  content: ' ';
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  color: #FFF;
  font-family: 'Roboto-Thin', sans-serif;
  font-weight: bold;
  display: block;
  margin: 0 auto;
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
}
/* line 23, sass/partials/_base.scss */
.segment.collapsed .switch:before img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* line 61, sass/partials/_segment.scss */
.segment.collapsed .collapsedContent {
  display: none;
}

/* line 65, sass/partials/_segment.scss */
.segment.collapsed.active .switch:before {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 23, sass/partials/_base.scss */
.segment.collapsed.active .switch:before img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* segment */
  /* line 76, sass/partials/_segment.scss */
  .segment {
    padding: 30px 0;
  }
  /* line 79, sass/partials/_segment.scss */
  .segment .frame .btnGroup {
    margin-bottom: 30px;
  }

  /* line 84, sass/partials/_segment.scss */
  .segment.center > .frame {
    padding: 0 65px;
  }

  /* line 88, sass/partials/_segment.scss */
  .segment.page .frame .paper {
    padding: 25px 15px;
  }
  /* line 90, sass/partials/_segment.scss */
  .segment.page .frame .paper .heading {
    margin-bottom: 30px;
  }

  /* line 97, sass/partials/_segment.scss */
  .segment.article .frame .content .subheading {
    margin-bottom: 20px;
  }
  /* line 98, sass/partials/_segment.scss */
  .segment.article .frame .content .desc {
    margin-bottom: 30px;
    font-size: 16px;
  }
  /* line 100, sass/partials/_segment.scss */
  .segment.article .frame .content .desc p:not(:last-child) {
    margin-bottom: 15px;
  }

  /* line 110, sass/partials/_segment.scss */
  .segment.general .frame p {
    font-size: 16px;
    margin-bottom: 20px;
  }
  /* line 112, sass/partials/_segment.scss */
  .segment.general .frame .download ul {
    margin-bottom: 10px;
  }
  /* line 114, sass/partials/_segment.scss */
  .segment.general .frame .download ul li {
    width: 174px;
    height: 50px;
    margin-left: 12px;
  }

  /* line 126, sass/partials/_segment.scss */
  .segment.collapsed .title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  /* line 127, sass/partials/_segment.scss */
  .segment.collapsed .switch {
    width: 24px;
    height: 24px;
  }

  /* line 133, sass/partials/_segment.scss */
  .segment.collapsed.active .switch {
    margin-bottom: 25px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 147, sass/partials/_segment.scss */
  .segment {
    padding: 2.34375vw 0;
  }
  /* line 150, sass/partials/_segment.scss */
  .segment .frame .btnGroup {
    margin-bottom: 2.34375vw;
  }

  /* line 155, sass/partials/_segment.scss */
  .segment.center > .frame {
    padding: 0 5.07813vw;
  }

  /* line 159, sass/partials/_segment.scss */
  .segment.page .frame .paper {
    padding: 1.5625vw 1.17188vw;
  }
  /* line 161, sass/partials/_segment.scss */
  .segment.page .frame .paper .heading {
    margin-bottom: 2.34375vw;
  }

  /* line 168, sass/partials/_segment.scss */
  .segment.article .frame .content .subheading {
    margin-bottom: 1.5625vw;
  }
  /* line 169, sass/partials/_segment.scss */
  .segment.article .frame .content .desc {
    margin-bottom: 2.34375vw;
    font-size: 1.25vw;
  }
  /* line 171, sass/partials/_segment.scss */
  .segment.article .frame .content .desc p:not(:last-child) {
    margin-bottom: 1.17188vw;
  }

  /* line 181, sass/partials/_segment.scss */
  .segment.general .frame p {
    font-size: 1.25vw;
    margin-bottom: 1.5625vw;
  }
  /* line 183, sass/partials/_segment.scss */
  .segment.general .frame .download ul {
    margin-bottom: 0.78125vw;
  }
  /* line 185, sass/partials/_segment.scss */
  .segment.general .frame .download ul li {
    width: 13.59375vw;
    height: 3.90625vw;
    margin-left: 0.9375vw;
  }

  /* line 198, sass/partials/_segment.scss */
  .segment.collapsed .title {
    font-size: 1.5625vw;
    margin-bottom: 0.78125vw;
  }
  /* line 199, sass/partials/_segment.scss */
  .segment.collapsed .switch {
    width: 1.875vw;
    height: 1.875vw;
    margin-bottom: 1.95313vw;
  }

  /* line 205, sass/partials/_segment.scss */
  .segment.collapsed.active .switch {
    margin-bottom: 1.95313vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 220, sass/partials/_segment.scss */
  .segment {
    padding: 2.34375vw 0;
  }
  /* line 223, sass/partials/_segment.scss */
  .segment .frame .btnGroup {
    margin-bottom: 2.34375vw;
  }

  /* line 228, sass/partials/_segment.scss */
  .segment.center > .frame {
    padding: 0 5.07813vw;
  }

  /* line 232, sass/partials/_segment.scss */
  .segment.page .frame .paper {
    padding: 1.5625vw 1.17188vw;
  }
  /* line 234, sass/partials/_segment.scss */
  .segment.page .frame .paper .heading {
    margin-bottom: 2.34375vw;
  }

  /* line 241, sass/partials/_segment.scss */
  .segment.article .frame .content .subheading {
    margin-bottom: 1.5625vw;
  }
  /* line 242, sass/partials/_segment.scss */
  .segment.article .frame .content .desc {
    margin-bottom: 2.34375vw;
    font-size: 1.25vw;
  }
  /* line 244, sass/partials/_segment.scss */
  .segment.article .frame .content .desc p:not(:last-child) {
    margin-bottom: 1.17188vw;
  }

  /* line 254, sass/partials/_segment.scss */
  .segment.general .frame p {
    font-size: 1.25vw;
    margin-bottom: 1.5625vw;
  }
  /* line 256, sass/partials/_segment.scss */
  .segment.general .frame .download ul {
    margin-bottom: 0.78125vw;
  }
  /* line 258, sass/partials/_segment.scss */
  .segment.general .frame .download ul li {
    width: 13.59375vw;
    height: 3.90625vw;
    margin-left: 0.9375vw;
  }

  /* line 270, sass/partials/_segment.scss */
  .segment.collapsed .title {
    font-size: 1.5625vw;
    margin-bottom: 0.78125vw;
  }
  /* line 271, sass/partials/_segment.scss */
  .segment.collapsed .switch {
    width: 1.875vw;
    height: 1.875vw;
    margin-bottom: 1.95313vw;
  }

  /* line 277, sass/partials/_segment.scss */
  .segment.collapsed.active .switch {
    margin-bottom: 1.95313vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* segment */
  /* line 291, sass/partials/_segment.scss */
  .segment {
    padding: 0;
  }
  /* line 294, sass/partials/_segment.scss */
  .segment .frame .btnGroup {
    padding: 5vw 5vw;
    margin-bottom: 5vw;
  }

  /* line 299, sass/partials/_segment.scss */
  .segment.center > .frame {
    padding: 0;
  }

  /* line 301, sass/partials/_segment.scss */
  .segment.page {
    padding: 0;
  }
  /* line 304, sass/partials/_segment.scss */
  .segment.page .frame .paper {
    padding: 4vw 4vw;
  }
  /* line 306, sass/partials/_segment.scss */
  .segment.page .frame .paper .heading {
    margin-bottom: 4vw;
  }

  /* line 311, sass/partials/_segment.scss */
  .segment.article .frame {
    padding: 6vw 4vw;
  }
  /* line 313, sass/partials/_segment.scss */
  .segment.article .frame .subheading {
    margin-bottom: 4vw;
  }
  /* line 314, sass/partials/_segment.scss */
  .segment.article .frame .desc {
    margin-bottom: 5vw;
  }
  /* line 316, sass/partials/_segment.scss */
  .segment.article .frame .desc p:not(:last-child) {
    margin-bottom: 3vw;
  }
  /* line 319, sass/partials/_segment.scss */
  .segment.article .frame .btnGroup {
    padding: 0;
  }

  /* line 322, sass/partials/_segment.scss */
  .segment.general {
    padding: 5vw;
  }
  /* line 326, sass/partials/_segment.scss */
  .segment.general .frame p {
    font-size: 3.33vw;
    margin-bottom: 4vw;
  }
  /* line 328, sass/partials/_segment.scss */
  .segment.general .frame .download ul {
    margin-bottom: 2vw;
  }
  /* line 330, sass/partials/_segment.scss */
  .segment.general .frame .download ul li {
    width: 32.22vw;
    height: 9.26vw;
    margin-left: 2.22vw;
  }

  /* line 341, sass/partials/_segment.scss */
  .segment.collapsed .title {
    font-size: 4vw;
    margin-bottom: 0;
  }
  /* line 342, sass/partials/_segment.scss */
  .segment.collapsed .switch {
    width: 4.44vw;
    height: 4.44vw;
  }
  /* line 346, sass/partials/_segment.scss */
  .segment.collapsed .collapsedContent {
    padding: 0 5vw;
  }

  /* line 349, sass/partials/_segment.scss */
  .segment.collapsed.active .switch {
    margin-bottom: 5vw;
  }
}
/* common ==================================================================================== */
/* line 9, sass/partials/_container.scss */
.alert {
  padding: 1em 1.3em;
  border: #fbae17 solid;
}
/* line 11, sass/partials/_container.scss */
.alert span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  line-height: 1.25em;
  font-size: inherit;
}
/* line 12, sass/partials/_container.scss */
.alert .icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  margin-right: 1em;
}
/* line 13, sass/partials/_container.scss */
.alert .icon.tick-white, .alert .connection .link:after, .connection .alert .link:after {
  -moz-background-size: auto 45%;
  -o-background-size: auto 45%;
  -webkit-background-size: auto 45%;
  background-size: auto 45%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #8cc63f;
}

/* plate */
/* line 18, sass/partials/_container.scss */
.plate {
  display: inline-block;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  text-align: left;
}
/* line 21, sass/partials/_container.scss */
.plate .tagline .emphasis {
  color: #de432e;
  font-family: 'Roboto-Medium', sans-serif;
}

/* line 26, sass/partials/_container.scss */
.plate.btn {
  width: 100%;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px #E8E8EB solid;
  color: #000;
  text-align: center;
}

/* notificationContainer */
/* line 30, sass/partials/_container.scss */
.notificationContainer {
  position: relative;
  z-index: 2;
  background-color: #fff;
}
/* line 32, sass/partials/_container.scss */
.notificationContainer .notification {
  background-color: #a3abb1;
  color: #FFF;
  font-size: 0;
}
/* line 34, sass/partials/_container.scss */
.notificationContainer .notification .label, .notificationContainer .notification .content {
  color: inherit;
  display: inline-block;
}
/* line 35, sass/partials/_container.scss */
.notificationContainer .notification .label {
  text-align: left;
  width: 30%;
}
/* line 36, sass/partials/_container.scss */
.notificationContainer .notification .content {
  text-align: right;
  width: 70%;
}

/* card */
/* line 45, sass/partials/_container.scss */
.card {
  text-align: center;
  position: relative;
}
/* line 47, sass/partials/_container.scss */
.card p {
  color: #000;
  text-align: left;
}
/* line 48, sass/partials/_container.scss */
.card .remark {
  color: #999999;
  text-align: left;
}
/* line 50, sass/partials/_container.scss */
.card .remark span {
  font-weight: normal;
  color: #000;
}
/* line 52, sass/partials/_container.scss */
.card .logo, .card .image {
  display: block;
  margin: 0 auto;
}
/* line 54, sass/partials/_container.scss */
.card > *:last-child {
  margin-bottom: 0 !important;
}

/* window */
/* line 62, sass/partials/_container.scss */
.window .head {
  color: #FFF;
  font-family: 'Roboto-Medium', sans-serif;
}
/* line 63, sass/partials/_container.scss */
.window .body {
  border: 1px #ececec solid;
  border-top: none;
  text-align: center;
  font-size: 0;
}
/* line 65, sass/partials/_container.scss */
.window .body .iconList {
  font-size: 0;
  text-align: center;
}
/* line 67, sass/partials/_container.scss */
.window .body .iconList .logo {
  display: inline-block;
  position: relative;
}
/* line 72, sass/partials/_container.scss */
.window .body .emphasis {
  font-family: 'Roboto-Medium', sans-serif;
  line-height: 1em;
  width: 100%;
}
/* line 73, sass/partials/_container.scss */
.window .body p {
  min-height: 3em;
}
/* line 75, sass/partials/_container.scss */
.window .body p span {
  display: block;
}

/* line 82, sass/partials/_container.scss */
.windowList ul li {
  width: 49.5%;
  margin-left: 1%;
}
/* line 85, sass/partials/_container.scss */
.windowList ul li:first-child {
  margin-left: 0 !important;
}

/* systemMsg */
/* line 92, sass/partials/_container.scss */
.systemMsg {
  text-align: center;
}
/* line 94, sass/partials/_container.scss */
.systemMsg .icon {
  display: inline-block;
}
/* line 95, sass/partials/_container.scss */
.systemMsg .title {
  color: #faad17;
  font-family: 'Roboto-Medium', sans-serif;
  text-transform: uppercase;
}
/* line 98, sass/partials/_container.scss */
.systemMsg > *:last-child {
  margin-bottom: 0 !important;
}

/* line 101, sass/partials/_container.scss */
.systemMsg.success .icon.tick-orange {
  border: 1px #faad17 solid;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-background-size: auto 40%;
  -o-background-size: auto 40%;
  -webkit-background-size: auto 40%;
  background-size: auto 40%;
}

/* scene */
/* line 110, sass/partials/_container.scss */
.scene {
  position: relative;
  width: 100%;
  height: 100%;
}
/* line 112, sass/partials/_container.scss */
.scene .props {
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 113, sass/partials/_container.scss */
.scene .props.center {
  left: 50%;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) {
  /* alert */
  /* line 124, sass/partials/_container.scss */
  .alert {
    border-width: 2px;
    font-size: 20px;
    margin-bottom: 25px;
  }

  /* plate */
  /* line 130, sass/partials/_container.scss */
  .plate {
    padding: 50px 80px;
    margin-bottom: 20px;
  }
  /* line 132, sass/partials/_container.scss */
  .plate .tagline {
    font-size: 20px;
  }
  /* line 134, sass/partials/_container.scss */
  .plate .tagline .emphasis {
    font-size: 30px;
  }
  /* line 136, sass/partials/_container.scss */
  .plate p {
    font-size: 16px;
    margin-bottom: 15px;
  }

  /* line 138, sass/partials/_container.scss */
  .plate.narrow {
    padding: 20px 30px;
  }

  /* line 141, sass/partials/_container.scss */
  .plate.btn {
    font-size: 18px;
    padding: 25px 40px;
  }

  /* line 143, sass/partials/_container.scss */
  .plate.btn.bullet .icon.marker-blue {
    width: 28px;
  }
  /* line 144, sass/partials/_container.scss */
  .plate.btn.bullet .logo.hkt-simple {
    width: 74px;
  }

  /* notificationContainer */
  /* line 149, sass/partials/_container.scss */
  .notificationContainer {
    padding: 10px 15px;
  }
  /* line 151, sass/partials/_container.scss */
  .notificationContainer .notification {
    padding: 10px 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  /* line 153, sass/partials/_container.scss */
  .notificationContainer .notification .label {
    font-size: 16px;
  }
  /* line 154, sass/partials/_container.scss */
  .notificationContainer .notification .content {
    font-size: 16px;
  }

  /* card */
  /* line 160, sass/partials/_container.scss */
  .card {
    padding: 28px;
    min-height: 300px;
  }
  /* line 162, sass/partials/_container.scss */
  .card p {
    font-size: 16px;
    margin-bottom: 15px;
  }
  /* line 163, sass/partials/_container.scss */
  .card .remark {
    font-size: 14px;
    margin-bottom: 15px;
  }
  /* line 167, sass/partials/_container.scss */
  .card .logo, .card .image {
    margin-bottom: 15px;
  }
  /* line 168, sass/partials/_container.scss */
  .card .btn {
    margin-bottom: 15px;
  }

  /* window */
  /* line 176, sass/partials/_container.scss */
  .window .head {
    height: 51px;
    line-height: 51px;
    padding: 0 30px;
    font-size: 20px;
  }
  /* line 177, sass/partials/_container.scss */
  .window .body {
    padding: 30px;
  }
  /* line 179, sass/partials/_container.scss */
  .window .body .iconList {
    min-height: 60px;
    margin-bottom: 20px;
  }
  /* line 181, sass/partials/_container.scss */
  .window .body .iconList .logo {
    margin: 0 15px;
  }
  /* line 182, sass/partials/_container.scss */
  .window .body .iconList .uhubplus {
    height: 60px;
    width: 91px;
    left: 6px;
  }
  /* line 183, sass/partials/_container.scss */
  .window .body .iconList .netvigator-black {
    width: 184px;
    height: 43px;
    margin-top: 8px;
  }
  /* line 184, sass/partials/_container.scss */
  .window .body .iconList .eye {
    width: 78px;
    height: 43px;
    margin-top: 8px;
  }
  /* line 186, sass/partials/_container.scss */
  .window .body .emphasis {
    font-size: 40px;
    margin-bottom: 5px;
  }
  /* line 187, sass/partials/_container.scss */
  .window .body p {
    font-size: 16px;
    margin-bottom: 20px;
  }
  /* line 191, sass/partials/_container.scss */
  .window .body .btn {
    min-width: 153px;
  }

  /* line 194, sass/partials/_container.scss */
  .windowList {
    margin-bottom: 15px;
  }

  /* systemMsg */
  /* line 206, sass/partials/_container.scss */
  .systemMsg .icon {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
  }
  /* line 207, sass/partials/_container.scss */
  .systemMsg .title {
    font-size: 30px;
    letter-spacing: 5px;
    margin-bottom: 20px;
  }
  /* line 208, sass/partials/_container.scss */
  .systemMsg p {
    margin-bottom: 15px;
    font-size: 16px;
  }
  /* line 209, sass/partials/_container.scss */
  .systemMsg .btnGroup {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* alert */
  /* line 228, sass/partials/_container.scss */
  .alert {
    border-width: 0.15625vw;
    font-size: 1.5625vw;
    margin-bottom: 1.95313vw;
  }

  /* plate */
  /* line 233, sass/partials/_container.scss */
  .plate {
    padding: 3.90625vw 6.25vw;
    margin-bottom: 1.5625vw;
  }
  /* line 235, sass/partials/_container.scss */
  .plate .tagline {
    font-size: 1.5625vw;
  }
  /* line 237, sass/partials/_container.scss */
  .plate .tagline .emphasis {
    font-size: 2.34375vw;
  }
  /* line 239, sass/partials/_container.scss */
  .plate p {
    font-size: 1.25vw;
    margin-bottom: 1.17188vw;
  }

  /* line 241, sass/partials/_container.scss */
  .plate.narrow {
    padding: 1.5625vw 2.34375vw;
  }

  /* line 244, sass/partials/_container.scss */
  .plate.btn {
    font-size: 1.40625vw;
    padding: 1.95313vw 3.125vw;
  }

  /* line 246, sass/partials/_container.scss */
  .plate.btn.bullet .icon.marker-blue {
    width: 2.1875vw;
  }
  /* line 247, sass/partials/_container.scss */
  .plate.btn.bullet .logo.hkt-simple {
    width: 5.78125vw;
  }

  /* notificationContainer */
  /* line 252, sass/partials/_container.scss */
  .notificationContainer {
    padding: 0.78125vw 1.17188vw;
  }
  /* line 254, sass/partials/_container.scss */
  .notificationContainer .notification {
    padding: 0.78125vw 1.95313vw;
    -moz-border-radius: 0.39063vw;
    -webkit-border-radius: 0.39063vw;
    border-radius: 0.39063vw;
    margin: 0 1.17188vw;
  }
  /* line 256, sass/partials/_container.scss */
  .notificationContainer .notification .label {
    font-size: 1.25vw;
  }
  /* line 257, sass/partials/_container.scss */
  .notificationContainer .notification .content {
    font-size: 1.25vw;
  }

  /* card */
  /* line 263, sass/partials/_container.scss */
  .card {
    padding: 2.1875vw;
    min-height: 23.4375vw;
  }
  /* line 265, sass/partials/_container.scss */
  .card p {
    font-size: 1.25vw;
    margin-bottom: 1.17188vw;
  }
  /* line 266, sass/partials/_container.scss */
  .card .remark {
    font-size: 1.09375vw;
    margin-bottom: 1.17188vw;
  }
  /* line 270, sass/partials/_container.scss */
  .card .logo, .card .image {
    margin-bottom: 1.17188vw;
  }
  /* line 271, sass/partials/_container.scss */
  .card .btn {
    margin-bottom: 1.17188vw;
  }

  /* window */
  /* line 278, sass/partials/_container.scss */
  .window .head {
    height: 3.98438vw;
    line-height: 3.98438vw;
    padding: 0 2.34375vw;
    font-size: 1.5625vw;
  }
  /* line 279, sass/partials/_container.scss */
  .window .body {
    padding: 1.95313vw;
  }
  /* line 281, sass/partials/_container.scss */
  .window .body .iconList {
    min-height: 4.6875vw;
    margin-bottom: 1.5625vw;
  }
  /* line 283, sass/partials/_container.scss */
  .window .body .iconList .logo {
    margin: 0 1.17188vw;
  }
  /* line 284, sass/partials/_container.scss */
  .window .body .iconList .uhubplus {
    height: 4.6875vw;
    width: 7.10938vw;
    left: 0.46875vw;
  }
  /* line 285, sass/partials/_container.scss */
  .window .body .iconList .netvigator-black {
    width: 14.375vw;
    height: 3.35938vw;
    margin-top: 0.625vw;
  }
  /* line 286, sass/partials/_container.scss */
  .window .body .iconList .eye {
    width: 6.09375vw;
    height: 3.35938vw;
    margin-top: 0.625vw;
  }
  /* line 288, sass/partials/_container.scss */
  .window .body .emphasis {
    font-size: 3.125vw;
    margin-bottom: 0.39063vw;
  }
  /* line 289, sass/partials/_container.scss */
  .window .body p {
    font-size: 1.25vw;
    margin-bottom: 1.5625vw;
  }
  /* line 293, sass/partials/_container.scss */
  .window .body .btn {
    min-width: 11.95313vw;
  }

  /* line 296, sass/partials/_container.scss */
  .windowList {
    margin-bottom: 1.17188vw;
  }

  /* systemMsg */
  /* line 307, sass/partials/_container.scss */
  .systemMsg .icon {
    width: 7.8125vw;
    height: 7.8125vw;
    margin-bottom: 1.5625vw;
  }
  /* line 308, sass/partials/_container.scss */
  .systemMsg .title {
    font-size: 2.34375vw;
    letter-spacing: 0.39063vw;
    margin-bottom: 1.5625vw;
  }
  /* line 309, sass/partials/_container.scss */
  .systemMsg p {
    margin-bottom: 1.17188vw;
    font-size: 1.25vw;
  }
  /* line 310, sass/partials/_container.scss */
  .systemMsg .btnGroup {
    padding-top: 1.17188vw;
    padding-bottom: 1.17188vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* alert */
  /* line 327, sass/partials/_container.scss */
  .alert {
    border-width: 0.15625vw;
    font-size: 1.5625vw;
    margin-bottom: 1.95313vw;
  }

  /* plate */
  /* line 332, sass/partials/_container.scss */
  .plate {
    padding: 3.90625vw 6.25vw;
    margin-bottom: 1.5625vw;
  }
  /* line 334, sass/partials/_container.scss */
  .plate .tagline {
    font-size: 1.5625vw;
  }
  /* line 336, sass/partials/_container.scss */
  .plate .tagline .emphasis {
    font-size: 2.34375vw;
  }
  /* line 338, sass/partials/_container.scss */
  .plate p {
    font-size: 1.25vw;
    margin-bottom: 1.17188vw;
  }

  /* line 340, sass/partials/_container.scss */
  .plate.narrow {
    padding: 1.5625vw 2.34375vw;
  }

  /* line 343, sass/partials/_container.scss */
  .plate.btn {
    font-size: 1.40625vw;
    padding: 1.95313vw 3.125vw;
  }

  /* line 345, sass/partials/_container.scss */
  .plate.btn.bullet .icon.marker-blue {
    width: 2.1875vw;
  }
  /* line 346, sass/partials/_container.scss */
  .plate.btn.bullet .logo.hkt-simple {
    width: 5.78125vw;
  }

  /* notificationContainer */
  /* line 351, sass/partials/_container.scss */
  .notificationContainer {
    padding: 0.78125vw 1.17188vw;
  }
  /* line 353, sass/partials/_container.scss */
  .notificationContainer .notification {
    padding: 0.78125vw 1.95313vw;
    -moz-border-radius: 0.39063vw;
    -webkit-border-radius: 0.39063vw;
    border-radius: 0.39063vw;
    margin: 0 1.17188vw;
  }
  /* line 355, sass/partials/_container.scss */
  .notificationContainer .notification .label {
    font-size: 1.25vw;
  }
  /* line 356, sass/partials/_container.scss */
  .notificationContainer .notification .content {
    font-size: 1.25vw;
  }

  /* card */
  /* line 362, sass/partials/_container.scss */
  .card {
    padding: 2.1875vw;
    min-height: 23.4375vw;
  }
  /* line 364, sass/partials/_container.scss */
  .card p {
    font-size: 1.25vw;
    margin-bottom: 1.17188vw;
  }
  /* line 365, sass/partials/_container.scss */
  .card .remark {
    font-size: 1.09375vw;
    margin-bottom: 1.17188vw;
  }
  /* line 369, sass/partials/_container.scss */
  .card .logo, .card .image {
    margin-bottom: 1.17188vw;
  }
  /* line 370, sass/partials/_container.scss */
  .card .btn {
    margin-bottom: 1.17188vw;
  }

  /* window */
  /* line 377, sass/partials/_container.scss */
  .window .head {
    height: 3.98438vw;
    line-height: 3.98438vw;
    padding: 0 2.34375vw;
    font-size: 1.5625vw;
  }
  /* line 378, sass/partials/_container.scss */
  .window .body {
    padding: 1.95313vw;
  }
  /* line 380, sass/partials/_container.scss */
  .window .body .iconList {
    min-height: 4.6875vw;
    margin-bottom: 1.5625vw;
  }
  /* line 382, sass/partials/_container.scss */
  .window .body .iconList .logo {
    margin: 0 1.17188vw;
  }
  /* line 383, sass/partials/_container.scss */
  .window .body .iconList .uhubplus {
    height: 4.6875vw;
    width: 7.10938vw;
    left: 0.46875vw;
  }
  /* line 384, sass/partials/_container.scss */
  .window .body .iconList .netvigator-black {
    width: 14.375vw;
    height: 3.35938vw;
    margin-top: 0.625vw;
  }
  /* line 385, sass/partials/_container.scss */
  .window .body .iconList .eye {
    width: 6.09375vw;
    height: 3.35938vw;
    margin-top: 0.625vw;
  }
  /* line 387, sass/partials/_container.scss */
  .window .body .emphasis {
    font-size: 3.125vw;
    margin-bottom: 0.39063vw;
  }
  /* line 388, sass/partials/_container.scss */
  .window .body p {
    font-size: 1.25vw;
    margin-bottom: 1.5625vw;
  }
  /* line 392, sass/partials/_container.scss */
  .window .body .btn {
    min-width: 11.95313vw;
  }

  /* line 395, sass/partials/_container.scss */
  .windowList {
    margin-bottom: 1.17188vw;
  }

  /* systemMsg */
  /* line 406, sass/partials/_container.scss */
  .systemMsg .icon {
    width: 7.8125vw;
    height: 7.8125vw;
    margin-bottom: 1.5625vw;
  }
  /* line 407, sass/partials/_container.scss */
  .systemMsg .title {
    font-size: 2.34375vw;
    letter-spacing: 0.39063vw;
    margin-bottom: 1.5625vw;
  }
  /* line 408, sass/partials/_container.scss */
  .systemMsg p {
    margin-bottom: 1.17188vw;
    font-size: 1.25vw;
  }
  /* line 409, sass/partials/_container.scss */
  .systemMsg .btnGroup {
    padding-top: 1.17188vw;
    padding-bottom: 1.17188vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* alert */
  /* line 427, sass/partials/_container.scss */
  .alert {
    position: relative;
    border-width: 0.5vw;
    font-size: 3.7vw;
    margin-bottom: 5vw;
  }
  /* line 429, sass/partials/_container.scss */
  .alert .icon {
    position: absolute;
    top: 50%;
    left: 1em;
    margin-top: -0.75em;
  }
  /* line 430, sass/partials/_container.scss */
  .alert span {
    display: block;
    text-align: center;
  }

  /* plate */
  /* line 434, sass/partials/_container.scss */
  .plate {
    padding: 5vw 3vw;
    margin-bottom: 5vw;
  }
  /* line 436, sass/partials/_container.scss */
  .plate .tagline {
    font-size: 5vw;
    margin-bottom: 3vw;
  }
  /* line 438, sass/partials/_container.scss */
  .plate .tagline .emphasis {
    font-size: 6vw;
  }
  /* line 440, sass/partials/_container.scss */
  .plate p {
    font-size: 3.7vw;
    margin-bottom: 3vw;
  }
  /* line 441, sass/partials/_container.scss */
  .plate .btnGroup {
    padding: 0 !important;
  }

  /* line 443, sass/partials/_container.scss */
  .plate.narrow {
    padding: 20px 30px;
  }

  /* line 446, sass/partials/_container.scss */
  .plate.btn {
    font-size: 3.7vw;
    padding: 8vw 10vw;
  }

  /* line 448, sass/partials/_container.scss */
  .plate.btn.bullet .icon.marker-blue {
    width: 6vw;
  }
  /* line 449, sass/partials/_container.scss */
  .plate.btn.bullet .logo.hkt-simple {
    width: 18vw;
  }

  /* notificationContainer */
  /* line 454, sass/partials/_container.scss */
  .notificationContainer {
    padding: 3vw;
  }
  /* line 456, sass/partials/_container.scss */
  .notificationContainer .notification {
    padding: 3vw 5vw;
    -moz-border-radius: 1vw;
    -webkit-border-radius: 1vw;
    border-radius: 1vw;
    margin: 0;
  }
  /* line 458, sass/partials/_container.scss */
  .notificationContainer .notification .label, .notificationContainer .notification .content {
    display: block;
    width: 100%;
    text-align: center;
  }
  /* line 459, sass/partials/_container.scss */
  .notificationContainer .notification .label {
    font-size: 3.3vw;
  }
  /* line 460, sass/partials/_container.scss */
  .notificationContainer .notification .content {
    font-size: 3.7vw;
  }

  /* card */
  /* line 466, sass/partials/_container.scss */
  .card {
    padding: 6vw 5vw;
    min-height: 0;
  }
  /* line 468, sass/partials/_container.scss */
  .card p {
    font-size: 3.7vw;
    margin-bottom: 3vw;
  }
  /* line 469, sass/partials/_container.scss */
  .card .remark {
    font-size: 3.33vw;
    margin-bottom: 3vw;
  }
  /* line 473, sass/partials/_container.scss */
  .card .logo, .card .image {
    margin-bottom: 3vw;
  }
  /* line 474, sass/partials/_container.scss */
  .card .btn {
    margin-bottom: 3vw;
    width: 100%;
  }

  /* window */
  /* line 482, sass/partials/_container.scss */
  .window .head {
    height: 9.44vw;
    line-height: 9.44vw;
    padding: 0 4vw;
    font-size: 3.7vw;
  }
  /* line 483, sass/partials/_container.scss */
  .window .body {
    padding: 5.55vw;
  }
  /* line 485, sass/partials/_container.scss */
  .window .body .iconList {
    min-height: 11.11vw;
    margin-bottom: 3.7vw;
  }
  /* line 487, sass/partials/_container.scss */
  .window .body .iconList .logo {
    margin: 0 3vw;
  }
  /* line 488, sass/partials/_container.scss */
  .window .body .iconList .uhubplus {
    height: 11.11vw;
    width: 16.85vw;
    left: 1vw;
  }
  /* line 489, sass/partials/_container.scss */
  .window .body .iconList .netvigator-black {
    width: 34vw;
    height: 7.96vw;
    margin-top: 1.48vw;
  }
  /* line 490, sass/partials/_container.scss */
  .window .body .iconList .eye {
    width: 14.44vw;
    height: 7.96vw;
    margin-top: 1.48vw;
  }
  /* line 492, sass/partials/_container.scss */
  .window .body .emphasis {
    font-size: 7.4vw;
    margin-bottom: 1vw;
  }
  /* line 493, sass/partials/_container.scss */
  .window .body p {
    font-size: 3.33vw;
    margin-bottom: 3.7vw;
    min-height: 0;
  }
  /* line 495, sass/partials/_container.scss */
  .window .body p br {
    display: none;
  }
  /* line 496, sass/partials/_container.scss */
  .window .body p span {
    display: inline;
  }
  /* line 498, sass/partials/_container.scss */
  .window .body .btn {
    min-width: 28.33vw;
  }

  /* line 502, sass/partials/_container.scss */
  .windowList {
    margin-bottom: 3vw;
  }
  /* line 505, sass/partials/_container.scss */
  .windowList ul li {
    display: block;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-bottom: 3vw;
  }
  /* line 507, sass/partials/_container.scss */
  .windowList ul li:last-child {
    margin-bottom: 0;
  }

  /* systemMsg */
  /* line 514, sass/partials/_container.scss */
  .systemMsg .icon {
    width: 18.51vw;
    height: 18.51vw;
    margin-bottom: 3vw;
  }
  /* line 515, sass/partials/_container.scss */
  .systemMsg .title {
    font-size: 5.55vw;
    letter-spacing: 1vw;
    margin-bottom: 5vw;
  }
  /* line 516, sass/partials/_container.scss */
  .systemMsg p {
    margin-bottom: 2vw;
    font-size: 3.7vw;
  }
  /* line 517, sass/partials/_container.scss */
  .systemMsg .btnGroup {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}
/* btn */
/* line 4, sass/partials/_element.scss */
.btnGroup {
  font-size: 0;
}
/* line 6, sass/partials/_element.scss */
.btnGroup .btn:first-child {
  margin-left: 0 !important;
}

/* line 8, sass/partials/_element.scss */
.btnGroup:last-child {
  margin-bottom: 0 !important;
}

/* line 9, sass/partials/_element.scss */
.btn {
  display: inline-block;
  color: #FFF;
  font-family: 'Roboto-Medium', sans-serif;
  text-align: center;
  white-space: nowrap;
  font-weight: 100;
  cursor: pointer;
  vertical-align: top;
}
/* line 12, sass/partials/_element.scss */
.btn .cut {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-family: inherit;
}
/* line 13, sass/partials/_element.scss */
.btn span {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-family: inherit;
}

/* line 17, sass/partials/_element.scss */
.btn.full {
  width: 100%;
  display: block;
}

/* line 19, sass/partials/_element.scss */
.btn.bullet .icon, .btn.bullet .logo {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0 !important;
}

/* line 21, sass/partials/_element.scss */
.btn-rounded, .greytabs .greytab > ul > li, .filterList .filter > ul > li {
  display: inline-block;
  color: #FFF;
  text-align: center;
}

/* line 24, sass/partials/_element.scss */
.btn-close {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -moz-background-size: 40%;
  -o-background-size: 40%;
  -webkit-background-size: 40%;
  background-size: 40%;
  cursor: pointer;
  z-index: 10;
}
/* line 23, sass/partials/_base.scss */
.btn-close img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/* ribbon */
/* line 30, sass/partials/_element.scss */
.ribbon {
  background-color: #e5432e;
  position: relative;
  color: #FFF;
  display: inline-block;
}
/* line 32, sass/partials/_element.scss */
.ribbon:before, .ribbon:after {
  content: ' ';
  position: absolute;
  top: 0;
  border: #e5432e solid;
  -moz-transform: scale(0.51, 1);
  -ms-transform: scale(0.51, 1);
  -webkit-transform: scale(0.51, 1);
  transform: scale(0.51, 1);
}
/* line 33, sass/partials/_element.scss */
.ribbon:before {
  right: 100%;
  border-left-color: transparent;
}
/* line 34, sass/partials/_element.scss */
.ribbon:after {
  left: 100%;
  border-right-color: transparent;
}

/* ping */
/* line 39, sass/partials/_element.scss */
.ping {
  text-align: left;
  display: inline-block;
}
/* line 41, sass/partials/_element.scss */
.ping .location {
  font-size: inherit;
  white-space: nowrap;
}
/* line 42, sass/partials/_element.scss */
.ping .time {
  font-size: inherit;
}

/* line 47, sass/partials/_element.scss */
.ping:nth-child(2n+2) {
  margin-left: 40px;
}

/* connection */
/* line 51, sass/partials/_element.scss */
.connection {
  width: 100%;
  text-align: center;
  font-size: 0;
}
/* line 53, sass/partials/_element.scss */
.connection .access {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
/* line 55, sass/partials/_element.scss */
.connection .access .icon {
  position: relative;
  z-index: 3;
  background-color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
  -moz-background-size: auto 40%;
  -o-background-size: auto 40%;
  -webkit-background-size: auto 40%;
  background-size: auto 40%;
}
/* line 58, sass/partials/_element.scss */
.connection .access:before, .connection .access:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  background-color: #e6e6e6;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 0%;
  left: 0%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 59, sass/partials/_element.scss */
.connection .access:before {
  z-index: 2;
  background-color: #88c23f;
  width: 0%;
  height: 0%;
}
/* line 60, sass/partials/_element.scss */
.connection .access:after {
  z-index: 1;
  background-color: #e6e6e6;
  width: 100%;
  height: 100%;
}
/* line 63, sass/partials/_element.scss */
.connection .access.active:before {
  width: 100%;
  height: 100%;
}
/* line 64, sass/partials/_element.scss */
.connection .access.active:after {
  background-color: #eda017;
}
/* line 66, sass/partials/_element.scss */
.connection .link {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
/* line 68, sass/partials/_element.scss */
.connection .link span {
  display: inline-block;
  background-color: #e6e6e6;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 69, sass/partials/_element.scss */
.connection .link:after {
  content: ' ';
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -moz-background-size: 50% auto;
  -o-background-size: 50% auto;
  -webkit-background-size: 50% auto;
  background-size: 50% auto;
  background-color: #88c23f;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.43, 1.32, 0.79, 1.36);
  -o-transition-timing-function: cubic-bezier(0.43, 1.32, 0.79, 1.36);
  -webkit-transition-timing-function: cubic-bezier(0.43, 1.32, 0.79, 1.36);
  transition-timing-function: cubic-bezier(0.43, 1.32, 0.79, 1.36);
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
}
/* line 23, sass/partials/_base.scss */
.connection .link:after img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* line 72, sass/partials/_element.scss */
.connection .link.active span {
  background-color: #88c23f !important;
}

/* divider */
/* line 79, sass/partials/_element.scss */
.divider.rainbow {
  height: 25px;
}

/* loadingBar */
/* line 83, sass/partials/_element.scss */
.loadingBar {
  background-color: #f5a24a;
  -moz-background-size: 50% auto;
  -o-background-size: 50% auto;
  -webkit-background-size: 50% auto;
  background-size: 50% auto;
  background-repeat: repeat-y;
  animation: loadingBar 1s infinite;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

/* toggleSwitch */
/* line 88, sass/partials/_element.scss */
.toggleSwitch {
  text-align: center;
}
/* line 90, sass/partials/_element.scss */
.toggleSwitch .trough {
  position: relative;
  display: inline-block;
  background-color: #9d9fa1;
  cursor: pointer;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 92, sass/partials/_element.scss */
.toggleSwitch .trough .button {
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 94, sass/partials/_element.scss */
.toggleSwitch .trough .button:before {
  content: ' ';
  display: block;
  margin: 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 96, sass/partials/_element.scss */
.toggleSwitch .trough:before, .toggleSwitch .trough:after {
  position: absolute;
  text-transform: uppercase;
}
/* line 99, sass/partials/_element.scss */
.toggleSwitch .trough:before {
  content: 'off';
  right: 100%;
}
/* line 100, sass/partials/_element.scss */
.toggleSwitch .trough:after {
  content: 'on';
  left: 100%;
}

/* line 104, sass/partials/_element.scss */
.toggleSwitch.on .trough {
  background-color: #88c23f;
}

/* map */
/* line 113, sass/partials/_element.scss */
.map {
  display: block;
  margin: 0 auto;
}
/* line 115, sass/partials/_element.scss */
.map .markers {
  position: relative;
  width: 100%;
  height: 100%;
}
/* line 117, sass/partials/_element.scss */
.map .markers .marker {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/illustration/map-marker.png");
  font-size: 0;
  z-index: 3;
}
/* line 119, sass/partials/_element.scss */
.map .markers .marker span {
  position: absolute;
  display: block;
  bottom: 100%;
  left: 50%;
  text-align: center;
}
/* line 120, sass/partials/_element.scss */
.map .markers .marker span.bottom {
  bottom: auto;
  top: 100%;
}
/* line 123, sass/partials/_element.scss */
.map .markers .marker.origin {
  z-index: 1;
}
/* line 125, sass/partials/_element.scss */
.map .markers .marker.origin:before {
  content: ' ';
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/illustration/map-marker.png");
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}
/* line 126, sass/partials/_element.scss */
.map .markers .marker.origin .line {
  position: absolute;
  width: 1px;
  background-color: #FAAD17;
  bottom: 50%;
  left: 50%;
  z-index: 1;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}

/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.hongkong {
  left: 77.4%;
  top: 49.55%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.hongkong {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.canada {
  left: 15.7%;
  top: 27.58%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.canada {
  -moz-transform: rotate(280.1deg);
  -ms-transform: rotate(280.1deg);
  -webkit-transform: rotate(280.1deg);
  transform: rotate(280.1deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.usa {
  left: 18%;
  top: 37.87%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.usa {
  -moz-transform: rotate(275.6deg);
  -ms-transform: rotate(275.6deg);
  -webkit-transform: rotate(275.6deg);
  transform: rotate(275.6deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.mexico {
  left: 16.9%;
  top: 49.55%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.mexico {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.southAmerica {
  left: 29.2%;
  top: 71.71%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.southAmerica {
  -moz-transform: rotate(257.2deg);
  -ms-transform: rotate(257.2deg);
  -webkit-transform: rotate(257.2deg);
  transform: rotate(257.2deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.europe {
  left: 48.2%;
  top: 34%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.europe {
  -moz-transform: rotate(285deg);
  -ms-transform: rotate(285deg);
  -webkit-transform: rotate(285deg);
  transform: rotate(285deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.middleEast {
  left: 59.5%;
  top: 49.55%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.middleEast {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.africa {
  left: 53.8%;
  top: 63.85%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.africa {
  -moz-transform: rotate(253.3deg);
  -ms-transform: rotate(253.3deg);
  -webkit-transform: rotate(253.3deg);
  transform: rotate(253.3deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.russia {
  left: 69.6%;
  top: 22.36%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.russia {
  -moz-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.china {
  left: 74%;
  top: 35.25%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.china {
  -moz-transform: rotate(335.2deg);
  -ms-transform: rotate(335.2deg);
  -webkit-transform: rotate(335.2deg);
  transform: rotate(335.2deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.seAsia {
  left: 72.9%;
  top: 49.55%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.seAsia {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.singapore {
  left: 75.2%;
  top: 65%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.singapore {
  -moz-transform: rotate(196deg);
  -ms-transform: rotate(196deg);
  -webkit-transform: rotate(196deg);
  transform: rotate(196deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.australia {
  left: 81.9%;
  top: 78.16%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.australia {
  -moz-transform: rotate(162.3deg);
  -ms-transform: rotate(162.3deg);
  -webkit-transform: rotate(162.3deg);
  transform: rotate(162.3deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.korea {
  left: 81.9%;
  top: 41.7%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.korea {
  -moz-transform: rotate(49deg);
  -ms-transform: rotate(49deg);
  -webkit-transform: rotate(49deg);
  transform: rotate(49deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.japan {
  left: 85.2%;
  top: 40.49%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.japan {
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
/* line 150, sass/partials/_element.scss */
.map.map-world .markers .marker.taiwan {
  left: 81.9%;
  top: 47.13%;
}
/* line 154, sass/partials/_element.scss */
.map.map-world .markers .marker.origin .line.taiwan {
  -moz-transform: rotate(74.5deg);
  -ms-transform: rotate(74.5deg);
  -webkit-transform: rotate(74.5deg);
  transform: rotate(74.5deg);
}

/* ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* btn */
  /* line 174, sass/partials/_element.scss */
  .btnGroup .btn {
    margin-left: 14px;
  }

  /* line 176, sass/partials/_element.scss */
  .btn {
    padding: 0 25px;
    line-height: 46px;
    font-size: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  /* line 180, sass/partials/_element.scss */
  .btn.small {
    padding: 0 15px;
  }

  /* line 181, sass/partials/_element.scss */
  .btn.large {
    min-width: 357px;
  }

  /* line 183, sass/partials/_element.scss */
  .btn.bullet .icon, .btn.bullet .logo {
    width: 30px;
    height: 46px;
    margin-right: 10px;
  }

  /* line 185, sass/partials/_element.scss */
  .btn-rounded, .greytabs .greytab > ul > li, .filterList .filter > ul > li {
    padding: 0 25px;
    line-height: 30px;
    font-size: 16px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }

  /* ribbon */
  /* line 191, sass/partials/_element.scss */
  .ribbon {
    line-height: 22px;
    padding: 0 20px;
    font-size: 14px;
  }
  /* line 193, sass/partials/_element.scss */
  .ribbon:before, .ribbon:after {
    border-width: 11px;
  }
  /* line 194, sass/partials/_element.scss */
  .ribbon:before {
    margin-right: -11px;
  }
  /* line 195, sass/partials/_element.scss */
  .ribbon:after {
    margin-left: -11px;
  }

  /* ping */
  /* line 200, sass/partials/_element.scss */
  .ping {
    font-size: 16px;
  }
  /* line 204, sass/partials/_element.scss */
  .ping .time span {
    font-size: 20px;
  }

  /* line 207, sass/partials/_element.scss */
  .ping:nth-child(2n+2) {
    margin-left: 40px;
  }

  /* connection */
  /* line 211, sass/partials/_element.scss */
  .connection {
    margin-bottom: 32px;
  }
  /* line 213, sass/partials/_element.scss */
  .connection .access {
    padding: 4px;
  }
  /* line 215, sass/partials/_element.scss */
  .connection .access .icon {
    border: 4px rgba(230, 230, 230, 0) solid;
    width: 138px;
    height: 138px;
  }
  /* line 219, sass/partials/_element.scss */
  .connection .link {
    margin: 0 6px;
  }
  /* line 221, sass/partials/_element.scss */
  .connection .link span {
    width: 8px;
    height: 8px;
    margin: 0 9px;
  }
  /* line 224, sass/partials/_element.scss */
  .connection .link.active:after {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
  }

  /* loadingBar */
  /* line 232, sass/partials/_element.scss */
  .loadingBar {
    height: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  /* toggleSwitch */
  /* line 237, sass/partials/_element.scss */
  .toggleSwitch {
    margin-bottom: 30px;
  }
  /* line 239, sass/partials/_element.scss */
  .toggleSwitch .trough {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    width: 126px;
    height: 60px;
  }
  /* line 241, sass/partials/_element.scss */
  .toggleSwitch .trough .button {
    width: 50px;
    height: 50px;
    top: 5px;
    left: 5px;
  }
  /* line 243, sass/partials/_element.scss */
  .toggleSwitch .trough .button:before {
    width: 27px;
    height: 27px;
    margin-top: 12px;
  }
  /* line 245, sass/partials/_element.scss */
  .toggleSwitch .trough:before, .toggleSwitch .trough:after {
    font-size: 16px;
    top: 20px;
  }
  /* line 248, sass/partials/_element.scss */
  .toggleSwitch .trough:before {
    margin-right: 20px;
  }
  /* line 249, sass/partials/_element.scss */
  .toggleSwitch .trough:after {
    margin-left: 20px;
  }

  /* line 254, sass/partials/_element.scss */
  .toggleSwitch.on .trough .button {
    left: 71px;
  }

  /* map */
  /* line 262, sass/partials/_element.scss */
  .map {
    margin-bottom: 25px;
  }
  /* line 265, sass/partials/_element.scss */
  .map .markers .marker {
    width: 12.95px;
    height: 11.22px;
  }
  /* line 267, sass/partials/_element.scss */
  .map .markers .marker span {
    width: 120px;
    font-size: 16px;
    margin-left: -60px;
  }

  /* line 271, sass/partials/_element.scss */
  .map.map-world {
    width: 1000px;
    height: 496.4px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.hongkong {
    height: 0;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.canada {
    height: 627px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.usa {
    height: 598px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.mexico {
    height: 600px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.southAmerica {
    height: 500px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.europe {
    height: 300px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.middleEast {
    height: 178px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.africa {
    height: 245px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.russia {
    height: 156px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.china {
    height: 78px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.seAsia {
    height: 44px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.singapore {
    height: 80px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.australia {
    height: 147px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.korea {
    height: 60px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.japan {
    height: 91px;
  }
  /* line 294, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.taiwan {
    height: 48px;
  }
}
/* ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* btn */
  /* line 314, sass/partials/_element.scss */
  .btnGroup .btn {
    margin-left: 1.09375vw;
  }

  /* line 316, sass/partials/_element.scss */
  .btn {
    padding: 0 1.95313vw;
    line-height: 3.59375vw;
    font-size: 1.5625vw;
    -moz-border-radius: 0.39063vw;
    -webkit-border-radius: 0.39063vw;
    border-radius: 0.39063vw;
  }

  /* line 319, sass/partials/_element.scss */
  .btn.small {
    padding: 0 1.17188vw;
  }

  /* line 320, sass/partials/_element.scss */
  .btn.large {
    min-width: 27.89063vw;
  }

  /* line 322, sass/partials/_element.scss */
  .btn.bullet .icon, .btn.bullet .logo {
    width: 2.34375vw;
    height: 3.59375vw;
    margin-right: 0.78125vw;
  }

  /* line 324, sass/partials/_element.scss */
  .btn-rounded, .greytabs .greytab > ul > li, .filterList .filter > ul > li {
    padding: 0 1.95313vw;
    line-height: 2.34375vw;
    font-size: 1.25vw;
    -moz-border-radius: 1.17188vw;
    -webkit-border-radius: 1.17188vw;
    border-radius: 1.17188vw;
  }

  /* ribbon */
  /* line 330, sass/partials/_element.scss */
  .ribbon {
    line-height: 1.71875vw;
    padding: 0 1.5625vw;
    font-size: 1.09375vw;
  }
  /* line 332, sass/partials/_element.scss */
  .ribbon:before, .ribbon:after {
    border-width: 0.85938vw;
  }
  /* line 333, sass/partials/_element.scss */
  .ribbon:before {
    margin-right: -0.85938vw;
  }
  /* line 334, sass/partials/_element.scss */
  .ribbon:after {
    margin-left: -0.85938vw;
  }

  /* ping */
  /* line 339, sass/partials/_element.scss */
  .ping {
    font-size: 1.25vw;
  }
  /* line 343, sass/partials/_element.scss */
  .ping .time span {
    font-size: 1.5625vw;
  }

  /* line 346, sass/partials/_element.scss */
  .ping:nth-child(2n+2) {
    margin-left: 3.125vw;
  }

  /* connection */
  /* line 350, sass/partials/_element.scss */
  .connection {
    margin-bottom: 2.5vw;
  }
  /* line 352, sass/partials/_element.scss */
  .connection .access {
    padding: 0.3125vw;
  }
  /* line 354, sass/partials/_element.scss */
  .connection .access .icon {
    border: 0.3125vw rgba(230, 230, 230, 0) solid;
    width: 10.78125vw;
    height: 10.78125vw;
  }
  /* line 358, sass/partials/_element.scss */
  .connection .link {
    margin: 0 0.46875vw;
  }
  /* line 360, sass/partials/_element.scss */
  .connection .link span {
    width: 0.625vw;
    height: 0.625vw;
    margin: 0 0.70313vw;
  }
  /* line 363, sass/partials/_element.scss */
  .connection .link.active:after {
    width: 3.125vw;
    height: 3.125vw;
    margin-left: -1.5625vw;
    margin-top: -1.5625vw;
  }

  /* loadingBar */
  /* line 369, sass/partials/_element.scss */
  .loadingBar {
    height: 0.78125vw;
    -moz-border-radius: 0.39063vw;
    -webkit-border-radius: 0.39063vw;
    border-radius: 0.39063vw;
  }

  /* toggleSwitch */
  /* line 375, sass/partials/_element.scss */
  .toggleSwitch {
    margin-bottom: 2.34375vw;
  }
  /* line 377, sass/partials/_element.scss */
  .toggleSwitch .trough {
    -moz-border-radius: 2.34375vw;
    -webkit-border-radius: 2.34375vw;
    border-radius: 2.34375vw;
    width: 9.84375vw;
    height: 4.6875vw;
  }
  /* line 379, sass/partials/_element.scss */
  .toggleSwitch .trough .button {
    width: 3.90625vw;
    height: 3.90625vw;
    top: 0.39063vw;
    left: 0.39063vw;
  }
  /* line 381, sass/partials/_element.scss */
  .toggleSwitch .trough .button:before {
    width: 2.10938vw;
    height: 2.10938vw;
    margin-top: 0.9375vw;
  }
  /* line 383, sass/partials/_element.scss */
  .toggleSwitch .trough:before, .toggleSwitch .trough:after {
    font-size: 1.25vw;
    top: 1.5625vw;
  }
  /* line 386, sass/partials/_element.scss */
  .toggleSwitch .trough:before {
    margin-right: 1.5625vw;
  }
  /* line 387, sass/partials/_element.scss */
  .toggleSwitch .trough:after {
    margin-left: 1.5625vw;
  }

  /* line 392, sass/partials/_element.scss */
  .toggleSwitch.on .trough .button {
    left: 5.54688vw;
  }

  /* map */
  /* line 402, sass/partials/_element.scss */
  .map {
    margin-bottom: 1.95313vw;
  }
  /* line 405, sass/partials/_element.scss */
  .map .markers .marker {
    width: 1.01172vw;
    height: 0.87656vw;
  }
  /* line 407, sass/partials/_element.scss */
  .map .markers .marker span {
    width: 9.375vw;
    font-size: 1.25vw;
    margin-left: -4.6875vw;
  }

  /* line 411, sass/partials/_element.scss */
  .map.map-world {
    width: 78.125vw;
    height: 38.78125vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.hongkong {
    height: 0;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.canada {
    height: 48.98438vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.usa {
    height: 46.71875vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.mexico {
    height: 46.875vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.southAmerica {
    height: 39.0625vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.europe {
    height: 23.4375vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.middleEast {
    height: 13.90625vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.africa {
    height: 19.14063vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.russia {
    height: 12.1875vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.china {
    height: 6.09375vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.seAsia {
    height: 3.4375vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.singapore {
    height: 6.25vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.australia {
    height: 11.48438vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.korea {
    height: 4.6875vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.japan {
    height: 7.10938vw;
  }
  /* line 434, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.taiwan {
    height: 3.75vw;
  }
}
/* ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* btn */
  /* line 453, sass/partials/_element.scss */
  .btnGroup .btn {
    margin-left: 1.09375vw;
  }

  /* line 455, sass/partials/_element.scss */
  .btn {
    padding: 0 1.95313vw;
    line-height: 3.59375vw;
    font-size: 1.5625vw;
    -moz-border-radius: 0.39063vw;
    -webkit-border-radius: 0.39063vw;
    border-radius: 0.39063vw;
  }

  /* line 458, sass/partials/_element.scss */
  .btn.small {
    padding: 0 1.17188vw;
  }

  /* line 459, sass/partials/_element.scss */
  .btn.large {
    min-width: 27.89063vw;
  }

  /* line 461, sass/partials/_element.scss */
  .btn.bullet .icon, .btn.bullet .logo {
    width: 2.34375vw;
    height: 3.59375vw;
    margin-right: 0.78125vw;
  }

  /* line 463, sass/partials/_element.scss */
  .btn-rounded, .greytabs .greytab > ul > li, .filterList .filter > ul > li {
    padding: 0 1.95313vw;
    line-height: 2.34375vw;
    font-size: 1.25vw;
    -moz-border-radius: 1.17188vw;
    -webkit-border-radius: 1.17188vw;
    border-radius: 1.17188vw;
  }

  /* ribbon */
  /* line 469, sass/partials/_element.scss */
  .ribbon {
    line-height: 1.71875vw;
    padding: 0 1.5625vw;
    font-size: 1.09375vw;
  }
  /* line 471, sass/partials/_element.scss */
  .ribbon:before, .ribbon:after {
    border-width: 0.85938vw;
  }
  /* line 472, sass/partials/_element.scss */
  .ribbon:before {
    margin-right: -0.85938vw;
  }
  /* line 473, sass/partials/_element.scss */
  .ribbon:after {
    margin-left: -0.85938vw;
  }

  /* ping */
  /* line 478, sass/partials/_element.scss */
  .ping {
    font-size: 1.25vw;
  }
  /* line 482, sass/partials/_element.scss */
  .ping .time span {
    font-size: 1.5625vw;
  }

  /* line 485, sass/partials/_element.scss */
  .ping:nth-child(2n+2) {
    margin-left: 3.125vw;
  }

  /* connection */
  /* line 489, sass/partials/_element.scss */
  .connection {
    margin-bottom: 2.5vw;
  }
  /* line 491, sass/partials/_element.scss */
  .connection .access {
    padding: 0.3125vw;
  }
  /* line 493, sass/partials/_element.scss */
  .connection .access .icon {
    border: 0.3125vw rgba(230, 230, 230, 0) solid;
    width: 10.78125vw;
    height: 10.78125vw;
  }
  /* line 497, sass/partials/_element.scss */
  .connection .link {
    margin: 0 0.46875vw;
  }
  /* line 499, sass/partials/_element.scss */
  .connection .link span {
    width: 0.625vw;
    height: 0.625vw;
    margin: 0 0.70313vw;
  }
  /* line 502, sass/partials/_element.scss */
  .connection .link.active:after {
    width: 3.125vw;
    height: 3.125vw;
    margin-left: -1.5625vw;
    margin-top: -1.5625vw;
  }

  /* loadingBar */
  /* line 508, sass/partials/_element.scss */
  .loadingBar {
    height: 0.78125vw;
    -moz-border-radius: 0.39063vw;
    -webkit-border-radius: 0.39063vw;
    border-radius: 0.39063vw;
  }

  /* toggleSwitch */
  /* line 514, sass/partials/_element.scss */
  .toggleSwitch {
    margin-bottom: 2.34375vw;
  }
  /* line 516, sass/partials/_element.scss */
  .toggleSwitch .trough {
    -moz-border-radius: 2.34375vw;
    -webkit-border-radius: 2.34375vw;
    border-radius: 2.34375vw;
    width: 9.84375vw;
    height: 4.6875vw;
  }
  /* line 518, sass/partials/_element.scss */
  .toggleSwitch .trough .button {
    width: 3.90625vw;
    height: 3.90625vw;
    top: 0.39063vw;
    left: 0.39063vw;
  }
  /* line 520, sass/partials/_element.scss */
  .toggleSwitch .trough .button:before {
    width: 2.10938vw;
    height: 2.10938vw;
    margin-top: 0.9375vw;
  }
  /* line 522, sass/partials/_element.scss */
  .toggleSwitch .trough:before, .toggleSwitch .trough:after {
    font-size: 1.25vw;
    top: 1.5625vw;
  }
  /* line 525, sass/partials/_element.scss */
  .toggleSwitch .trough:before {
    margin-right: 1.5625vw;
  }
  /* line 526, sass/partials/_element.scss */
  .toggleSwitch .trough:after {
    margin-left: 1.5625vw;
  }

  /* line 531, sass/partials/_element.scss */
  .toggleSwitch.on .trough .button {
    left: 5.54688vw;
  }

  /* map */
  /* line 539, sass/partials/_element.scss */
  .map {
    margin-bottom: 1.95313vw;
  }
  /* line 542, sass/partials/_element.scss */
  .map .markers .marker {
    width: 1.01172vw;
    height: 0.87656vw;
  }
  /* line 544, sass/partials/_element.scss */
  .map .markers .marker span {
    width: 9.375vw;
    font-size: 1.25vw;
    margin-left: -4.6875vw;
  }

  /* line 548, sass/partials/_element.scss */
  .map.map-world {
    width: 78.125vw;
    height: 38.78125vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.hongkong {
    height: 0;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.canada {
    height: 48.98438vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.usa {
    height: 46.71875vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.mexico {
    height: 46.875vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.southAmerica {
    height: 39.0625vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.europe {
    height: 23.4375vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.middleEast {
    height: 13.90625vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.africa {
    height: 19.14063vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.russia {
    height: 12.1875vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.china {
    height: 6.09375vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.seAsia {
    height: 3.4375vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.singapore {
    height: 6.25vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.australia {
    height: 11.48438vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.korea {
    height: 4.6875vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.japan {
    height: 7.10938vw;
  }
  /* line 571, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.taiwan {
    height: 3.75vw;
  }
}
/* ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* btn */
  /* line 592, sass/partials/_element.scss */
  .btn {
    padding: 0 4.6vw;
    line-height: 8.52vw;
    font-size: 3.7vw;
    -moz-border-radius: 1vw;
    -webkit-border-radius: 1vw;
    border-radius: 1vw;
  }

  /* line 595, sass/partials/_element.scss */
  .btn.small {
    padding: 0 2vw;
  }

  /* line 596, sass/partials/_element.scss */
  .btn.large {
    min-width: 49%;
  }

  /* line 598, sass/partials/_element.scss */
  .btn.bullet .icon, .btn.bullet .logo {
    width: 5.55vw;
    height: 8.52vw;
    margin-right: 2vw;
  }

  /* line 600, sass/partials/_element.scss */
  .btn-rounded, .greytabs .greytab > ul > li, .filterList .filter > ul > li {
    padding: 0 4.6vw;
    line-height: 7vw;
    font-size: 3.7vw;
    -moz-border-radius: 3.5vw;
    -webkit-border-radius: 3.5vw;
    border-radius: 3.5vw;
  }

  /* ribbon */
  /* line 606, sass/partials/_element.scss */
  .ribbon {
    line-height: 4vw;
    padding: 0 4vw;
    font-size: 2.6vw;
  }
  /* line 608, sass/partials/_element.scss */
  .ribbon:before, .ribbon:after {
    border-width: 2vw;
  }
  /* line 609, sass/partials/_element.scss */
  .ribbon:before {
    margin-right: -2vw;
  }
  /* line 610, sass/partials/_element.scss */
  .ribbon:after {
    margin-left: -2vw;
  }

  /* ping */
  /* line 615, sass/partials/_element.scss */
  .ping {
    font-size: 3.7vw;
    margin-top: 3vw;
  }
  /* line 618, sass/partials/_element.scss */
  .ping .time {
    font-size: 4.44vw;
  }
  /* line 620, sass/partials/_element.scss */
  .ping .time span {
    font-size: inherit;
  }

  /* line 623, sass/partials/_element.scss */
  .ping:first-child {
    margin-top: 0;
  }

  /* line 624, sass/partials/_element.scss */
  .ping:nth-child(2n+2) {
    margin-left: 0;
  }

  /* connection */
  /* line 628, sass/partials/_element.scss */
  .connection {
    margin-bottom: 5vw;
    padding-top: 3vw;
  }
  /* line 630, sass/partials/_element.scss */
  .connection .access {
    padding: 0.55vw;
  }
  /* line 632, sass/partials/_element.scss */
  .connection .access .icon {
    border: 0.55vw rgba(230, 230, 230, 0) solid;
    width: 22.22vw;
    height: 22.22vw;
  }
  /* line 636, sass/partials/_element.scss */
  .connection .link {
    margin: 0 0.5vw;
  }
  /* line 638, sass/partials/_element.scss */
  .connection .link span {
    width: 1.24vw;
    height: 1.24vw;
    margin: 0 0.64vw;
  }
  /* line 639, sass/partials/_element.scss */
  .connection .link span:nth-child(4),
  .connection .link span:nth-child(5),
  .connection .link span:nth-child(6),
  .connection .link span:nth-child(7),
  .connection .link span:nth-child(8) {
    display: none;
  }
  /* line 646, sass/partials/_element.scss */
  .connection .link.active:after {
    width: 6.8vw;
    height: 6.8vw;
    margin-left: -3.4vw;
    margin-top: -3.4vw;
  }

  /* loadingBar */
  /* line 652, sass/partials/_element.scss */
  .loadingBar {
    height: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  /* toggleSwitch */
  /* line 658, sass/partials/_element.scss */
  .toggleSwitch {
    margin-bottom: 5vw;
  }
  /* line 660, sass/partials/_element.scss */
  .toggleSwitch .trough {
    -moz-border-radius: 9.37vw;
    -webkit-border-radius: 9.37vw;
    border-radius: 9.37vw;
    width: 39.37vw;
    height: 18.75vw;
  }
  /* line 662, sass/partials/_element.scss */
  .toggleSwitch .trough .button {
    width: 15.62vw;
    height: 15.62vw;
    top: 1.56vw;
    left: 1.56vw;
  }
  /* line 664, sass/partials/_element.scss */
  .toggleSwitch .trough .button:before {
    width: 8.43vw;
    height: 8.43vw;
    margin-top: 3.75vw;
  }
  /* line 666, sass/partials/_element.scss */
  .toggleSwitch .trough:before, .toggleSwitch .trough:after {
    font-size: 5vw;
    top: 6.25vw;
  }
  /* line 669, sass/partials/_element.scss */
  .toggleSwitch .trough:before {
    margin-right: 6.25vw;
  }
  /* line 670, sass/partials/_element.scss */
  .toggleSwitch .trough:after {
    margin-left: 6.25vw;
  }

  /* line 675, sass/partials/_element.scss */
  .toggleSwitch.on .trough .button {
    left: 22.18vw;
  }

  /* map */
  /* line 683, sass/partials/_element.scss */
  .map {
    margin-bottom: 5vw;
  }
  /* line 686, sass/partials/_element.scss */
  .map .markers .marker {
    width: 1.188vw;
    height: 1.03vw;
  }
  /* line 688, sass/partials/_element.scss */
  .map .markers .marker span {
    width: 22.22vw;
    font-size: 3.3vw;
    margin-left: -11.11vw;
    z-index: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  /* line 689, sass/partials/_element.scss */
  .map .markers .marker span:hover {
    z-index: 3;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  /* line 693, sass/partials/_element.scss */
  .map.map-world {
    width: 92vw;
    height: 45.66vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.hongkong {
    height: 0;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.canada {
    height: 57.68vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.usa {
    height: 55vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.mexico {
    height: 55.2vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.southAmerica {
    height: 46vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.europe {
    height: 27.6vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.middleEast {
    height: 16.37vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.africa {
    height: 22.54vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.russia {
    height: 14.35vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.china {
    height: 7.176vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.seAsia {
    height: 4.04vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.singapore {
    height: 7.36vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.australia {
    height: 13.5vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.korea {
    height: 5.52vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.japan {
    height: 8.37vw;
  }
  /* line 716, sass/partials/_element.scss */
  .map.map-world .markers .marker.origin .line.taiwan {
    height: 4.41vw;
  }
}
/* common ==================================================================================== */
/* infoblock */
/* line 7, sass/partials/_infoBlock.scss */
.infoBlock {
  position: relative;
  overflow: hidden;
  font-size: 0;
  vertical-align: middle;
  text-align: center;
  display: table;
  width: 100%;
  z-index: 11;
}
/* line 9, sass/partials/_infoBlock.scss */
.infoBlock:before {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  /*z-index: 1;*/
  top: 0;
  left: 0;
}
/* line 10, sass/partials/_infoBlock.scss */
.infoBlock .content {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  /*z-index: 10;*/
}
/* line 12, sass/partials/_infoBlock.scss */
.infoBlock .content > .icon, .infoBlock .content > .logo {
  display: inline-block;
}
/* line 13, sass/partials/_infoBlock.scss */
.infoBlock .content .heading {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 14, sass/partials/_infoBlock.scss */
.solidReputation .desc, .varietyServices .desc {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;
}
/* line 17, sass/partials/_infoBlock.scss */
.infoBlock .content .desc p {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
/* line 21, sass/partials/_infoBlock.scss */
.infoBlock .content .desc p.reminder {
  color: #666666;
}
/* line 29, sass/partials/_infoBlock.scss */
.infoBlock .content .image {
  display: inline-block;
}
/* line 33, sass/partials/_infoBlock.scss */
.infoBlock .content *:last-child {
  margin-bottom: 0 !important;
}
/* line 35, sass/partials/_infoBlock.scss */
.infoBlock .graphic {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}
/* line 37, sass/partials/_infoBlock.scss */
.infoBlock .graphic img {
  width: 100%;
  height: auto;
}

/* line 40, sass/partials/_infoBlock.scss */
.infoBlock:last-child {
  margin-bottom: 0 !important;
}

/* line 42, sass/partials/_infoBlock.scss */
.infoBlock.dark:before {
  background-color: #000;
}
/* line 44, sass/partials/_infoBlock.scss */
.infoBlock.dark .content .heading {
  color: #FFF;
}
/* line 46, sass/partials/_infoBlock.scss */
.infoBlock.dark .content .desc .subheading {
  color: #FFF;
}
/* line 47, sass/partials/_infoBlock.scss */
.infoBlock.dark .content .desc p {
  color: #FFF;
}
/* line 49, sass/partials/_infoBlock.scss */
.infoBlock.dark .content .desc p span {
  color: #FFF;
}
/* line 51, sass/partials/_infoBlock.scss */
.infoBlock.dark .content .desc p.reminder {
  color: #CCCCCC;
}

/* line 57, sass/partials/_infoBlock.scss */
.infoBlock.fullWidth {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  display: block;
  min-height: 0;
  height: auto;
}
/* line 59, sass/partials/_infoBlock.scss */
.infoBlock.fullWidth > .frame {
  display: table;
}
/* line 62, sass/partials/_infoBlock.scss */
.infoBlock.fullWidth > .frame .content .heading {
  padding-right: 0;
}

/* line 69, sass/partials/_infoBlock.scss */
.infoBlockList ul li {
  width: 49%;
}
/* line 71, sass/partials/_infoBlock.scss */
.infoBlockList ul li .infoBlock {
  margin: 0;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
/* line 74, sass/partials/_infoBlock.scss */
.infoBlockList ul li .infoBlock .content .heading {
  padding-left: 0;
  padding-right: 0;
}
/* line 78, sass/partials/_infoBlock.scss */
.infoBlockList ul li:nth-child(2n+2) {
  margin-left: 2%;
}
/* line 79, sass/partials/_infoBlock.scss */
.infoBlockList ul li:nth-last-of-type(1), .infoBlockList ul li:nth-last-of-type(2) {
  margin-bottom: 0 !important;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* infoblock */
  /* line 90, sass/partials/_infoBlock.scss */
  .infoBlock {
    margin-bottom: 30px;
    min-height: 460px;
    height: 460px;
  }
  /* line 93, sass/partials/_infoBlock.scss */
  .infoBlock .content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /* line 96, sass/partials/_infoBlock.scss */
  .infoBlock .content > .icon:first-child, .infoBlock .content > .logo:first-child, .infoBlock .content > .image:first-child {
    margin-bottom: 30px;
  }
  /* line 99, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc {
    margin-bottom: 20px;
  }
  .gameServer .content .desc {
    margin: 0 auto 20px;
  }
  /* line 102, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc p {
    margin-bottom: 10px;
    font-size: 16px;
  }
  /* line 106, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc p.reminder {
    font-size: 14px;
  }
  /* line 114, sass/partials/_infoBlock.scss */
  .infoBlock .content .addition p {
    font-size: 16px;
    margin-bottom: 10px;
  }

  /* line 134, sass/partials/_infoBlock.scss */
  .infoBlock.fullWidth > .frame {
    min-height: 460px;
    height: 460px;
  }
  /* line 136, sass/partials/_infoBlock.scss */
  .infoBlock.fullWidth > .frame .content {
    padding-left: 65px;
    padding-right: 65px;
  }
  /* line 138, sass/partials/_infoBlock.scss */
  .infoBlock.fullWidth > .frame .content .heading {
    padding-left: 5px;
  }

  /* line 147, sass/partials/_infoBlock.scss */
  .infoBlockList {
    margin-bottom: 30px;
  }
  /* line 150, sass/partials/_infoBlock.scss */
  .infoBlockList ul li {
    margin-bottom: 20px;
  }
  /* line 155, sass/partials/_infoBlock.scss */
  .infoBlockList ul li .infoBlock .content .desc p {
    width: 480px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* infoblock */
  /* line 176, sass/partials/_infoBlock.scss */
  .infoBlock {
    margin-bottom: 2.34375vw;
    min-height: 35.9375vw;
    height: 35.9375vw;
  }
  /* line 179, sass/partials/_infoBlock.scss */
  .infoBlock .content {
    padding-top: 3.90625vw;
    padding-bottom: 3.90625vw;
  }
  /* line 182, sass/partials/_infoBlock.scss */
  .infoBlock .content > .icon:first-child, .infoBlock .content > .logo:first-child, .infoBlock .content > .image:first-child {
    margin-bottom: 2.34375vw;
  }
  /* line 185, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc {
    margin-bottom: 1.5625vw;
  }
  /* line 188, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc p {
    margin-bottom: 0.78125vw;
    font-size: 1.25vw;
  }
  /* line 192, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc p.reminder {
    font-size: 1.09375vw;
  }
  /* line 200, sass/partials/_infoBlock.scss */
  .infoBlock .content .addition p {
    font-size: 1.25vw;
    margin-bottom: 0.78125vw;
  }

  /* line 220, sass/partials/_infoBlock.scss */
  .infoBlock.fullWidth > .frame {
    min-height: 35.9375vw;
    height: 35.9375vw;
  }
  /* line 222, sass/partials/_infoBlock.scss */
  .infoBlock.fullWidth > .frame .content {
    padding-left: 5.07813vw;
    padding-right: 5.07813vw;
  }
  /* line 224, sass/partials/_infoBlock.scss */
  .infoBlock.fullWidth > .frame .content .heading {
    padding-left: 0.39063vw;
  }

  /* line 232, sass/partials/_infoBlock.scss */
  .infoBlockList {
    margin-bottom: 2.34375vw;
  }
  /* line 235, sass/partials/_infoBlock.scss */
  .infoBlockList ul li {
    margin-bottom: 1.5625vw;
  }
  /* line 240, sass/partials/_infoBlock.scss */
  .infoBlockList ul li .infoBlock .content .desc p {
    width: 35.15625vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* infoblock */
  /* line 258, sass/partials/_infoBlock.scss */
  .infoBlock {
    margin-bottom: 2.34375vw;
    min-height: 35.9375vw;
    height: 35.9375vw;
  }
  /* line 261, sass/partials/_infoBlock.scss */
  .infoBlock .content {
    padding-top: 3.90625vw;
    padding-bottom: 3.90625vw;
  }
  /* line 264, sass/partials/_infoBlock.scss */
  .infoBlock .content > .icon:first-child, .infoBlock .content > .logo:first-child, .infoBlock .content > .image:first-child {
    margin-bottom: 2.34375vw;
  }
  /* line 267, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc {
    margin-bottom: 1.5625vw;
  }
  /* line 270, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc p {
    margin-bottom: 0.78125vw;
    font-size: 1.25vw;
  }
  /* line 274, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc p.reminder {
    font-size: 1.09375vw;
  }
  /* line 282, sass/partials/_infoBlock.scss */
  .infoBlock .content .addition p {
    font-size: 1.25vw;
    margin-bottom: 0.78125vw;
  }

  /* line 302, sass/partials/_infoBlock.scss */
  .infoBlock.fullWidth > .frame {
    min-height: 35.9375vw;
    height: 35.9375vw;
  }
  /* line 304, sass/partials/_infoBlock.scss */
  .infoBlock.fullWidth > .frame .content {
    padding-left: 5.07813vw;
    padding-right: 5.07813vw;
  }
  /* line 306, sass/partials/_infoBlock.scss */
  .infoBlock.fullWidth > .frame .content .heading {
    padding-left: 0.39063vw;
  }

  /* line 314, sass/partials/_infoBlock.scss */
  .infoBlockList {
    margin-bottom: 2.34375vw;
  }
  /* line 317, sass/partials/_infoBlock.scss */
  .infoBlockList ul li {
    margin-bottom: 1.5625vw;
  }
  /* line 322, sass/partials/_infoBlock.scss */
  .infoBlockList ul li .infoBlock .content .desc p {
    width: 35.15625vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* infoblock */
  /* line 341, sass/partials/_infoBlock.scss */
  .infoBlock {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    min-height: 80vw;
    height: 80vw;
  }
  /* line 344, sass/partials/_infoBlock.scss */
  .infoBlock .content {
    width: 100%;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
  /* line 347, sass/partials/_infoBlock.scss */
  .infoBlock .content > .icon:first-child, .infoBlock .content > .logo:first-child, .infoBlock .content > .image:first-child {
    margin-bottom: 4vw;
  }
  /* line 350, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc {
    margin-bottom: 5vw;
    padding: 0 6vw;
    width: 100%;
    margin-left: 0%;
  }
  .solidReputation .desc, .varietyServices .desc {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
  /* line 352, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc .subheading {
    padding-top: 2vw;
  }
  /* line 353, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc p {
    font-size: 3.7vw;
    width: 100%;
    margin-bottom: 1vw;
  }
  /* line 355, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc p br {
    /*display: none;*/
  }
  /* line 356, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc p span {
    display: inline;
  }
  .super_relate {
		position: relative;
		display: inline-block!important;
		max-width: 30px;
		min-width: 20px;
	}
	
  /* line 358, sass/partials/_infoBlock.scss */
  .infoBlock .content .desc p.reminder {
    font-size: 3.2vw;
  }
  /* line 366, sass/partials/_infoBlock.scss */
  .infoBlock .content .addition p {
    font-size: 3.7vw;
    margin-bottom: 3vw;
  }

  /* line 385, sass/partials/_infoBlock.scss */
  .infoBlock.fullWidth {
    display: table;
  }
  /* line 387, sass/partials/_infoBlock.scss */
  .infoBlock.fullWidth > .frame {
    min-height: 80vw;
    height: 80vw;
  }

  /* line 393, sass/partials/_infoBlock.scss */
  .infoBlockList {
    margin-bottom: 0;
  }
  /* line 396, sass/partials/_infoBlock.scss */
  .infoBlockList ul li {
    width: 100%;
    margin-left: 0 !important;
  }
}
/* common ==================================================================================== */
/* customBlock */
/* line 7, sass/partials/_customBlock.scss */
.customBlock {
  position: relative;
  text-align: center;
}
/* line 9, sass/partials/_customBlock.scss */
.customBlock .content {
  position: relative;
  z-index: 2;
}
/* line 12, sass/partials/_customBlock.scss */
.customBlock .content > .title {
  font-family: 'Roboto-Medium', sans-serif;
  line-height: 1.25em;
  display: block;
  text-align: center;
}
/* line 13, sass/partials/_customBlock.scss */
.customBlock .content > p {
  text-align: left;
}
/* line 14, sass/partials/_customBlock.scss */
.customBlock .content > .image {
  margin: 0 auto;
}
/* line 17, sass/partials/_customBlock.scss */
.customBlock .content .package ul li {
  text-align: center;
  width: 32.66%;
  margin-left: 1%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
/* line 19, sass/partials/_customBlock.scss */
.customBlock .content .package ul li:before {
  content: '+';
  font-family: 'Roboto-Medium', sans-serif;
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
  left: -6%;
  top: 50%;
}
/* line 20, sass/partials/_customBlock.scss */
.customBlock .content .package ul li .name {
  line-height: 1.25em;
  font-family: 'Roboto-Medium', sans-serif;
}
/* line 21, sass/partials/_customBlock.scss */
.customBlock .content .package ul li p {
  color: #000;
  text-align: center;
}
/* line 22, sass/partials/_customBlock.scss */
.customBlock .content .package ul li .logo, .customBlock .content .package ul li .icon {
  display: inline-block;
}
/* line 27, sass/partials/_customBlock.scss */
.customBlock .content .package ul li:first-child {
  margin-left: 0 !important;
}
/* line 29, sass/partials/_customBlock.scss */
.customBlock .content .package ul li:first-child:before {
  content: none;
}
/* line 35, sass/partials/_customBlock.scss */
.customBlock .content .package.item-2 ul li {
  width: 49.5%;
  margin-left: 1%;
}
/* line 37, sass/partials/_customBlock.scss */
.customBlock .content .package.item-2 ul li:before {
  left: -3.9%;
}
/* line 42, sass/partials/_customBlock.scss */
.customBlock .content .offer .monthlyRate {
  text-align: center;
}
/* line 44, sass/partials/_customBlock.scss */
.customBlock .content .offer .monthlyRate span {
  font-family: 'Roboto-Medium', sans-serif;
  color: #fff;
  white-space: nowrap;
  line-height: 0;
}
/* line 46, sass/partials/_customBlock.scss */
.customBlock .content .offer .monthlyRate span:before {
  content: 'HK$';
  color: #fff;
}
/* line 47, sass/partials/_customBlock.scss */
.customBlock .content .offer .monthlyRate span:after {
  content: ' / month';
  color: #fff;
}
/* line 50, sass/partials/_customBlock.scss */
.customBlock .content .offer .commitment {
  color: #fff;
}
/* line 52, sass/partials/_customBlock.scss */
.customBlock .content .offer .commitment span {
  color: #fff;
}
/* line 56, sass/partials/_customBlock.scss */
.customBlock .content .paragraph {
  padding: 0;
  text-align: left;
}
/* line 58, sass/partials/_customBlock.scss */
.customBlock .content .paragraph > .title {
  padding: 0;
}
/* line 63, sass/partials/_customBlock.scss */
.customBlock .content > *:last-child {
  margin-bottom: 0 !important;
}
/* line 65, sass/partials/_customBlock.scss */
.customBlock .content.extend {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  color: #FFF;
  position: relative;
  display: none;
}
/* line 67, sass/partials/_customBlock.scss */
.customBlock .content.extend .btn-close {
  color: #FFF;
}
/* line 70, sass/partials/_customBlock.scss */
.customBlock .content.extend form {
  text-align: left;
}
/* line 73, sass/partials/_customBlock.scss */
.customBlock .content.extend form .graphic img {
  width: 100%;
}
/* line 75, sass/partials/_customBlock.scss */
.customBlock .content.extend form label {
  color: #FFF;
}
/* line 77, sass/partials/_customBlock.scss */
.customBlock .content.extend p {
  color: #FFF;
}

/* line 82, sass/partials/_customBlock.scss */
.customBlock.dark .content {
  overflow: hidden;
}
/* line 84, sass/partials/_customBlock.scss */
.customBlock.dark .content .heading {
  color: #FFF;
}
/* line 85, sass/partials/_customBlock.scss */
.customBlock.dark .content > .title {
  color: #FFF;
}
/* line 86, sass/partials/_customBlock.scss */
.customBlock.dark .content > p {
  color: #FFF;
}
/* line 88, sass/partials/_customBlock.scss */
.customBlock.dark .content .paragraph > .title {
  color: #FFF;
}
/* line 90, sass/partials/_customBlock.scss */
.customBlock.dark .content .paragraph ul li, .customBlock.dark .content .paragraph ol li {
  color: #FFF;
}
/* line 94, sass/partials/_customBlock.scss */
.customBlock.dark:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* customBlock */
  /* line 106, sass/partials/_customBlock.scss */
  .customBlock .content {
    padding: 40px 45px;
  }
  /* line 108, sass/partials/_customBlock.scss */
  .customBlock .content .heading {
    font-size: 30px;
    margin-bottom: 30px;
  }
  /* line 109, sass/partials/_customBlock.scss */
  .customBlock .content > .title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  /* line 110, sass/partials/_customBlock.scss */
  .customBlock .content > p {
    margin-bottom: 30px;
    font-size: 16px;
  }
  /* line 111, sass/partials/_customBlock.scss */
  .customBlock .content .package {
    margin-bottom: 36px;
  }
  /* line 114, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li {
    padding: 25px 10px 20px 10px;
  }
  /* line 116, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li:before {
    font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
  }
  /* line 117, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .name {
    font-size: 30px;
    margin-bottom: 5px;
  }
  /* line 118, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .name.small {
    font-size: 20px;
  }
  /* line 119, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li p {
    font-size: 16px;
    margin-bottom: 15px;
  }
  /* line 121, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .uhubplus {
    width: 90px;
    height: 60px;
    margin-left: 10px;
  }
  /* line 122, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .csl-wifi {
    width: 112px;
    height: 46px;
  }
  /* line 123, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .wifi-blue {
    width: 45px;
    height: 32px;
  }
  /* line 124, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .freedome {
    width: 219px;
    height: 30px;
  }
  /* line 125, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .fsecure {
    width: 315px;
    height: 40px;
  }
  /* line 132, sass/partials/_customBlock.scss */
  .customBlock .content .offer {
    margin-bottom: 20px;
  }
  /* line 135, sass/partials/_customBlock.scss */
  .customBlock .content .offer .monthlyRate span {
    font-size: 40px;
  }
  /* line 138, sass/partials/_customBlock.scss */
  .customBlock .content .offer .monthlyRate span:after {
    font-size: 18px;
  }
  /* line 141, sass/partials/_customBlock.scss */
  .customBlock .content .offer .commitment {
    font-size: 18px;
  }
  /* line 146, sass/partials/_customBlock.scss */
  .customBlock .content .paragraph ul, .customBlock .content .paragraph ol {
    padding-left: 15px;
  }
  /* line 153, sass/partials/_customBlock.scss */
  .customBlock .content.extend .btn-close {
    width: 68px;
    height: 68px;
  }
  /* line 162, sass/partials/_customBlock.scss */
  .customBlock .content.extend p {
    font-size: 16px;
  }
  /* line 163, sass/partials/_customBlock.scss */
  .customBlock .content.extend p:not(:last-child) {
    margin-bottom: 20px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* customBlock */
  /* line 185, sass/partials/_customBlock.scss */
  .customBlock .content {
    padding: 3.125vw 3.51563vw;
  }
  /* line 187, sass/partials/_customBlock.scss */
  .customBlock .content > .title {
    font-size: 2.34375vw;
    margin-bottom: 1.5625vw;
  }
  /* line 188, sass/partials/_customBlock.scss */
  .customBlock .content > p {
    margin-bottom: 2.34375vw;
    font-size: 1.25vw;
  }
  /* line 189, sass/partials/_customBlock.scss */
  .customBlock .content .package {
    margin-bottom: 2.8125vw;
  }
  /* line 192, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li {
    padding: 1.95313vw 0.78125vw 1.5625vw 0.78125vw;
  }
  /* line 194, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li:before {
    font-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    line-height: 2.34375vw;
    margin-top: -1.17188vw;
  }
  /* line 195, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .name {
    font-size: 2.34375vw;
    margin-bottom: 0.39063vw;
  }
  /* line 196, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .name.small {
    font-size: 1.5625vw;
  }
  /* line 197, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li p {
    font-size: 1.25vw;
    margin-bottom: 1.17188vw;
  }
  /* line 199, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .uhubplus {
    width: 7.03125vw;
    height: 4.6875vw;
    margin-left: 0.78125vw;
  }
  /* line 200, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .csl-wifi {
    width: 8.75vw;
    height: 3.59375vw;
  }
  /* line 201, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .wifi-blue {
    width: 3.51563vw;
    height: 2.5vw;
  }
  /* line 202, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .freedome {
    width: 17.10938vw;
    height: 2.34375vw;
  }
  /* line 203, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .fsecure {
    width: 24.60938vw;
    height: 3.125vw;
  }
  /* line 210, sass/partials/_customBlock.scss */
  .customBlock .content .offer {
    margin-bottom: 1.5625vw;
  }
  /* line 213, sass/partials/_customBlock.scss */
  .customBlock .content .offer .monthlyRate span {
    font-size: 3.125vw;
  }
  /* line 216, sass/partials/_customBlock.scss */
  .customBlock .content .offer .monthlyRate span:after {
    font-size: 1.40625vw;
  }
  /* line 219, sass/partials/_customBlock.scss */
  .customBlock .content .offer .commitment {
    font-size: 1.40625vw;
  }
  /* line 224, sass/partials/_customBlock.scss */
  .customBlock .content .paragraph ul, .customBlock .content .paragraph ol {
    padding-left: 1.17188vw;
  }
  /* line 231, sass/partials/_customBlock.scss */
  .customBlock .content.extend .btn-close {
    width: 5.3125vw;
    height: 5.3125vw;
  }
  /* line 240, sass/partials/_customBlock.scss */
  .customBlock .content.extend p {
    font-size: 1.25vw;
  }
  /* line 241, sass/partials/_customBlock.scss */
  .customBlock .content.extend p:not(:last-child) {
    margin-bottom: 1.5625vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* customBlock */
  /* line 262, sass/partials/_customBlock.scss */
  .customBlock .content {
    padding: 3.125vw 3.51563vw;
  }
  /* line 264, sass/partials/_customBlock.scss */
  .customBlock .content > .title {
    font-size: 2.34375vw;
    margin-bottom: 1.5625vw;
  }
  /* line 265, sass/partials/_customBlock.scss */
  .customBlock .content > p {
    margin-bottom: 2.34375vw;
    font-size: 1.25vw;
  }
  /* line 266, sass/partials/_customBlock.scss */
  .customBlock .content .package {
    margin-bottom: 2.8125vw;
  }
  /* line 269, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li {
    padding: 1.95313vw 0.78125vw 1.5625vw 0.78125vw;
  }
  /* line 271, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li:before {
    font-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    line-height: 2.34375vw;
    margin-top: -1.17188vw;
  }
  /* line 272, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .name {
    font-size: 2.34375vw;
    margin-bottom: 0.39063vw;
  }
  /* line 273, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .name.small {
    font-size: 1.5625vw;
  }
  /* line 274, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li p {
    font-size: 1.25vw;
    margin-bottom: 1.17188vw;
  }
  /* line 276, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .uhubplus {
    width: 7.03125vw;
    height: 4.6875vw;
    margin-left: 0.78125vw;
  }
  /* line 277, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .csl-wifi {
    width: 8.75vw;
    height: 3.59375vw;
  }
  /* line 278, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .wifi-blue {
    width: 3.51563vw;
    height: 2.5vw;
  }
  /* line 279, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .freedome {
    width: 17.10938vw;
    height: 2.34375vw;
  }
  /* line 280, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .fsecure {
    width: 24.60938vw;
    height: 3.125vw;
  }
  /* line 287, sass/partials/_customBlock.scss */
  .customBlock .content .offer {
    margin-bottom: 1.5625vw;
  }
  /* line 290, sass/partials/_customBlock.scss */
  .customBlock .content .offer .monthlyRate span {
    font-size: 3.125vw;
  }
  /* line 293, sass/partials/_customBlock.scss */
  .customBlock .content .offer .monthlyRate span:after {
    font-size: 1.40625vw;
  }
  /* line 296, sass/partials/_customBlock.scss */
  .customBlock .content .offer .commitment {
    font-size: 1.40625vw;
  }
  /* line 301, sass/partials/_customBlock.scss */
  .customBlock .content .paragraph ul, .customBlock .content .paragraph ol {
    padding-left: 1.17188vw;
  }
  /* line 308, sass/partials/_customBlock.scss */
  .customBlock .content.extend .btn-close {
    width: 5.3125vw;
    height: 5.3125vw;
  }
  /* line 317, sass/partials/_customBlock.scss */
  .customBlock .content.extend p {
    font-size: 1.25vw;
  }
  /* line 318, sass/partials/_customBlock.scss */
  .customBlock .content.extend p:not(:last-child) {
    margin-bottom: 1.5625vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* customBlock */
  /* line 339, sass/partials/_customBlock.scss */
  .customBlock .content {
    padding: 5vw 5vw;
  }
  /* line 341, sass/partials/_customBlock.scss */
  .customBlock .content > .title {
    font-size: 4.81vw;
    margin-bottom: 2vw;
  }
  /* line 342, sass/partials/_customBlock.scss */
  .customBlock .content > p {
    margin-bottom: 5vw;
    font-size: 3.7vw;
  }
  /* line 343, sass/partials/_customBlock.scss */
  .customBlock .content .package {
    margin-bottom: 4.26vw;
    padding: 0 6.11vw;
  }
  /* line 346, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li {
    padding: 5vw 2vw 5vw 2vw;
    display: block;
    margin-left: 0 !important;
    width: 100% !important;
    margin-bottom: 3vw;
  }
  /* line 348, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li:before {
    font-size: 5.55vw;
    width: 5.55vw;
    height: 5.55vw;
    line-height: 5.55vw;
    left: 50% !important;
    top: -12.5%;
    margin-left: -2.775vw;
    margin-top: 0;
  }
  /* line 349, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .name {
    font-size: 5.55vw;
    margin-bottom: 0;
  }
  /* line 350, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .name.small {
    font-size: 4.8vw;
  }
  /* line 351, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li p {
    font-size: 3.7vw;
    margin-bottom: 2vw;
  }
  /* line 353, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .uhubplus {
    width: 16.66vw;
    height: 11.11vw;
    margin-left: 1.8vw;
  }
  /* line 354, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .csl-wifi {
    width: 20.74vw;
    height: 8.51vw;
  }
  /* line 355, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .wifi-blue {
    width: 8.33vw;
    height: 5.91vw;
  }
  /* line 356, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .freedome {
    width: 40.55vw;
    height: 5.55vw;
  }
  /* line 357, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li .fsecure {
    width: 58.14vw;
    height: 7.4vw;
  }
  /* line 362, sass/partials/_customBlock.scss */
  .customBlock .content .package ul li:last-child {
    margin-bottom: 0;
  }
  /* line 373, sass/partials/_customBlock.scss */
  .customBlock .content .offer {
    margin-bottom: 3vw;
    display: block !important;
  }
  /* line 375, sass/partials/_customBlock.scss */
  .customBlock .content .offer .monthlyRate {
    text-align: center !important;
  }
  /* line 377, sass/partials/_customBlock.scss */
  .customBlock .content .offer .monthlyRate span {
    font-size: 7.4vw;
  }
  /* line 380, sass/partials/_customBlock.scss */
  .customBlock .content .offer .monthlyRate span:after {
    font-size: 3.3vw;
  }
  /* line 383, sass/partials/_customBlock.scss */
  .customBlock .content .offer .commitment {
    font-size: 3.3vw;
  }
  /* line 385, sass/partials/_customBlock.scss */
  .customBlock .content .btnGroup {
    display: block !important;
  }
  /* line 391, sass/partials/_customBlock.scss */
  .customBlock .content.extend .btn-close {
    width: 15.55vw;
    height: 15.55vw;
  }
  /* line 400, sass/partials/_customBlock.scss */
  .customBlock .content.extend p {
    font-size: 3.7vw;
  }
  /* line 401, sass/partials/_customBlock.scss */
  .customBlock .content.extend p:not(:last-child) {
    margin-bottom: 5vw;
  }
}
/* common ==================================================================================== */
/* slider */
/* line 7, sass/modules/_slider.scss */
ul.slider {
  display: block;
  margin: 0 auto;
}
/* line 9, sass/modules/_slider.scss */
ul.slider .slide {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
/* line 11, sass/modules/_slider.scss */
ul.slider .slide img {
  width: 100%;
  height: auto;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
/* line 12, sass/modules/_slider.scss */
ul.slider .slide > *:last-child {
  margin-bottom: 0 !important;
}
/* line 14, sass/modules/_slider.scss */
ul.slider .slick-arrow {
  background-color: rgba(0, 0, 0, 0.2);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 10;
  top: 40%;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
/* line 16, sass/modules/_slider.scss */
ul.slider .slick-arrow:before {
  content: ' ';
}
/* line 18, sass/modules/_slider.scss */
ul.slider .slick-prev {
  left: 0%;
}
/* line 19, sass/modules/_slider.scss */
ul.slider .slick-next {
  right: 0%;
}
/* line 20, sass/modules/_slider.scss */
ul.slider .slick-dots {
  position: static;
}
/* line 22, sass/modules/_slider.scss */
ul.slider .slick-dots li {
  margin: 0;
}
/* line 24, sass/modules/_slider.scss */
ul.slider .slick-dots li button {
  padding: 0;
}
/* line 26, sass/modules/_slider.scss */
ul.slider .slick-dots li button:before {
  color: #e5e5e5;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  width: 100%;
  height: 100%;
  line-height: 1em;
}
/* line 31, sass/modules/_slider.scss */
ul.slider .slick-dots li.slick-active button:before {
  color: #fcaf17;
}

/* line 39, sass/modules/_slider.scss */
ul.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

/* line 43, sass/modules/_slider.scss */
ul.slider.byNav .slide img {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) {
  /* slider */
  /* line 54, sass/modules/_slider.scss */
  ul.slider {
    width: 750px;
  }
  /* line 56, sass/modules/_slider.scss */
  ul.slider .slide {
    width: 750px;
    padding: 0 35px;
  }
  /* line 58, sass/modules/_slider.scss */
  ul.slider .slide img {
    margin-bottom: 20px;
  }
  /* line 59, sass/modules/_slider.scss */
  ul.slider .slide p {
    margin-bottom: 20px;
    font-size: 14px;
  }
  /* line 63, sass/modules/_slider.scss */
  ul.slider .slick-arrow {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 35px;
    height: 70px;
  }
  /* line 67, sass/modules/_slider.scss */
  ul.slider .slick-prev {
    margin-left: -35px;
  }
  /* line 68, sass/modules/_slider.scss */
  ul.slider .slick-next {
    margin-right: -35px;
  }
  /* line 69, sass/modules/_slider.scss */
  ul.slider .slick-dots {
    margin-top: 20px;
  }
  /* line 71, sass/modules/_slider.scss */
  ul.slider .slick-dots li {
    width: 20px;
    height: 20px;
  }
  /* line 73, sass/modules/_slider.scss */
  ul.slider .slick-dots li button {
    width: 20px;
    height: 20px;
  }
  /* line 75, sass/modules/_slider.scss */
  ul.slider .slick-dots li button:before {
    font-size: 8px;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* slider */
  /* line 98, sass/modules/_slider.scss */
  ul.slider {
    width: 58.59375vw;
  }
  /* line 100, sass/modules/_slider.scss */
  ul.slider .slide {
    width: 58.59375vw;
    padding: 0 2.73438vw;
  }
  /* line 102, sass/modules/_slider.scss */
  ul.slider .slide img {
    margin-bottom: 1.5625vw;
  }
  /* line 103, sass/modules/_slider.scss */
  ul.slider .slide p {
    margin-bottom: 1.5625vw;
    font-size: 1.09375vw;
  }
  /* line 107, sass/modules/_slider.scss */
  ul.slider .slick-arrow {
    -moz-border-radius: 0.39063vw;
    -webkit-border-radius: 0.39063vw;
    border-radius: 0.39063vw;
    width: 2.73438vw;
    height: 5.46875vw;
  }
  /* line 111, sass/modules/_slider.scss */
  ul.slider .slick-prev {
    margin-left: -2.73438vw;
  }
  /* line 112, sass/modules/_slider.scss */
  ul.slider .slick-next {
    margin-right: -2.73438vw;
  }
  /* line 113, sass/modules/_slider.scss */
  ul.slider .slick-dots {
    margin-top: 1.5625vw;
  }
  /* line 115, sass/modules/_slider.scss */
  ul.slider .slick-dots li {
    width: 1.5625vw;
    height: 1.5625vw;
  }
  /* line 117, sass/modules/_slider.scss */
  ul.slider .slick-dots li button {
    width: 1.5625vw;
    height: 1.5625vw;
  }
  /* line 119, sass/modules/_slider.scss */
  ul.slider .slick-dots li button:before {
    font-size: 0.625vw;
    width: 1.5625vw;
    height: 1.5625vw;
    line-height: 1.5625vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* slider */
  /* line 144, sass/modules/_slider.scss */
  ul.slider {
    width: 58.59375vw;
  }
  /* line 146, sass/modules/_slider.scss */
  ul.slider .slide {
    width: 58.59375vw;
    padding: 0 2.73438vw;
  }
  /* line 148, sass/modules/_slider.scss */
  ul.slider .slide img {
    margin-bottom: 1.5625vw;
  }
  /* line 149, sass/modules/_slider.scss */
  ul.slider .slide p {
    margin-bottom: 1.5625vw;
    font-size: 1.09375vw;
  }
  /* line 153, sass/modules/_slider.scss */
  ul.slider .slick-arrow {
    -moz-border-radius: 0.39063vw;
    -webkit-border-radius: 0.39063vw;
    border-radius: 0.39063vw;
    width: 2.73438vw;
    height: 5.46875vw;
  }
  /* line 157, sass/modules/_slider.scss */
  ul.slider .slick-prev {
    margin-left: -2.73438vw;
  }
  /* line 158, sass/modules/_slider.scss */
  ul.slider .slick-next {
    margin-right: -2.73438vw;
  }
  /* line 159, sass/modules/_slider.scss */
  ul.slider .slick-dots {
    margin-top: 1.5625vw;
  }
  /* line 161, sass/modules/_slider.scss */
  ul.slider .slick-dots li {
    width: 1.5625vw;
    height: 1.5625vw;
  }
  /* line 163, sass/modules/_slider.scss */
  ul.slider .slick-dots li button {
    width: 1.5625vw;
    height: 1.5625vw;
  }
  /* line 165, sass/modules/_slider.scss */
  ul.slider .slick-dots li button:before {
    font-size: 0.625vw;
    width: 1.5625vw;
    height: 1.5625vw;
    line-height: 1.5625vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* slider */
  /* line 188, sass/modules/_slider.scss */
  ul.slider {
    width: 100%;
  }
  /* line 190, sass/modules/_slider.scss */
  ul.slider .slide {
    width: 90vw;
    padding: 0 4vw;
    max-width: 100vw;
  }
  /* line 192, sass/modules/_slider.scss */
  ul.slider .slide img {
    margin-bottom: 3vw;
  }
  /* line 193, sass/modules/_slider.scss */
  ul.slider .slide p {
    font-size: 3.7vw;
    margin-bottom: 3vw;
  }
  /* line 195, sass/modules/_slider.scss */
  ul.slider .slick-arrow {
    width: 4.5vw;
    height: 9vw;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    left: auto;
    top: 50%;
    -moz-border-radius: 1vw;
    -webkit-border-radius: 1vw;
    border-radius: 1vw;
  }
  /* line 199, sass/modules/_slider.scss */
  ul.slider .slick-prev {
    margin-left: -2.75vw;
  }
  /* line 200, sass/modules/_slider.scss */
  ul.slider .slick-next {
    margin-right: -2.75vw;
  }
  /* line 201, sass/modules/_slider.scss */
  ul.slider .slick-dots {
    margin-top: 3vw;
  }
}
/* common ==================================================================================== */
/* procedure */
/* line 6, sass/modules/_procedure.scss */
.procedure {
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
/* line 8, sass/modules/_procedure.scss */
.procedure .stepContainer {
  position: relative;
  overflow: hidden;
}
/* line 10, sass/modules/_procedure.scss */
.procedure .stepContainer .step {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 1;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
/* line 12, sass/modules/_procedure.scss */
.procedure .stepContainer .step > *:last-child {
  margin-bottom: 0;
}
/* line 14, sass/modules/_procedure.scss */
.procedure .stepContainer .step.current {
  position: relative;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 2;
  left: 0% !important;
}
/* line 16, sass/modules/_procedure.scss */
.procedure .progress {
  background-color: #fff;
}
/* line 18, sass/modules/_procedure.scss */
.procedure .progress ul {
  text-align: center;
}
/* line 20, sass/modules/_procedure.scss */
.procedure .progress ul li {
  background-color: #e5e5e5;
  overflow: hidden;
  vertical-align: bottom;
}
/* line 22, sass/modules/_procedure.scss */
.procedure .progress ul li .checkpoint {
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 0%;
}
/* line 25, sass/modules/_procedure.scss */
.procedure .progress ul li.done .checkpoint {
  background-color: #fcaf17;
  width: 100%;
}

/* line 31, sass/modules/_procedure.scss */
.procedure.dark .notificationContainer {
  background-color: transparent;
}
/* line 32, sass/modules/_procedure.scss */
.procedure.dark .progress {
  background-color: transparent;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* procedure */
  /* line 48, sass/modules/_procedure.scss */
  .procedure .progress {
    padding: 0 25px 30px 25px;
  }
  /* line 51, sass/modules/_procedure.scss */
  .procedure .progress ul li {
    margin: 0 2px;
    width: 60px;
  }
  /* line 53, sass/modules/_procedure.scss */
  .procedure .progress ul li .checkpoint {
    height: 2px;
  }
  /* line 56, sass/modules/_procedure.scss */
  .procedure .progress ul li.done .checkpoint {
    height: 4px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* procedure */
  /* line 82, sass/modules/_procedure.scss */
  .procedure .progress {
    padding: 0 1.95313vw 2.34375vw 1.95313vw;
  }
  /* line 85, sass/modules/_procedure.scss */
  .procedure .progress ul li {
    margin: 0 0.15625vw;
    width: 4.6875vw;
  }
  /* line 87, sass/modules/_procedure.scss */
  .procedure .progress ul li .checkpoint {
    height: 0.15625vw;
  }
  /* line 90, sass/modules/_procedure.scss */
  .procedure .progress ul li.done .checkpoint {
    height: 0.3125vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* procedure */
  /* line 114, sass/modules/_procedure.scss */
  .procedure .progress {
    padding: 0 1.95313vw 2.34375vw 1.95313vw;
  }
  /* line 117, sass/modules/_procedure.scss */
  .procedure .progress ul li {
    margin: 0 0.15625vw;
    width: 4.6875vw;
  }
  /* line 119, sass/modules/_procedure.scss */
  .procedure .progress ul li .checkpoint {
    height: 0.15625vw;
  }
  /* line 122, sass/modules/_procedure.scss */
  .procedure .progress ul li.done .checkpoint {
    height: 0.3125vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* procedure */
  /* line 145, sass/modules/_procedure.scss */
  .procedure .progress {
    padding: 0 5vw 5vw 5vw;
  }
  /* line 148, sass/modules/_procedure.scss */
  .procedure .progress ul li {
    margin: 0 0.5vw;
    width: 10vw;
  }
  /* line 150, sass/modules/_procedure.scss */
  .procedure .progress ul li .checkpoint {
    height: 0.5vw;
  }
  /* line 153, sass/modules/_procedure.scss */
  .procedure .progress ul li.done .checkpoint {
    height: 1vw;
  }
}
/* common ==================================================================================== */
/* hook */
/* line 7, sass/modules/_hook.scss */
.hook {
  position: relative;
}
/* line 9, sass/modules/_hook.scss */
.hook:after {
  content: ' ';
  position: static;
  display: inline-block;
  border: transparent solid;
  border-bottom-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 12, sass/modules/_hook.scss */
.hook.extend:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 15, sass/modules/_hook.scss */
.hook.dim:after {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  border-width: 0 !important;
  margin-top: 0 !important;
}

/* line 17, sass/modules/_hook.scss */
.hookList {
  position: relative;
  z-index: 2;
}
/* line 20, sass/modules/_hook.scss */
.hookList > ul > li {
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible;
}
/* line 22, sass/modules/_hook.scss */
.hookList > ul > li .content.extend {
  position: relative;
  width: 200%;
}
/* line 25, sass/modules/_hook.scss */
.hookList > ul > li:nth-child(2n+1) .hook {
  margin-left: 8%;
  margin-right: 2%;
}
/* line 26, sass/modules/_hook.scss */
.hookList > ul > li:nth-child(2n+1) .content.extend {
  left: 0%;
}
/* line 29, sass/modules/_hook.scss */
.hookList > ul > li:nth-child(2n+2) .hook {
  margin-left: 2%;
  margin-right: 8%;
}
/* line 30, sass/modules/_hook.scss */
.hookList > ul > li:nth-child(2n+2) .content.extend {
  left: -100%;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* hook */
  /* line 43, sass/modules/_hook.scss */
  .hook:after {
    border-width: 35px;
    margin-top: -30px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* hook */
  /* line 69, sass/modules/_hook.scss */
  .hook:after {
    border-width: 2.73438vw;
    margin-top: -2.34375vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* hook */
  /* line 94, sass/modules/_hook.scss */
  .hook:after {
    border-width: 2.73438vw;
    margin-top: -2.34375vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* hook */
  /* line 120, sass/modules/_hook.scss */
  .hook > .btnGroup {
    padding: 0 !important;
  }

  /* line 124, sass/modules/_hook.scss */
  .hook.extend:after {
    border-width: 5.5vw;
    margin-top: -5vw;
  }

  /* line 131, sass/modules/_hook.scss */
  .hookList > ul > li {
    display: block;
    width: 100%;
    padding-bottom: 5vw;
  }
  /* line 133, sass/modules/_hook.scss */
  .hookList > ul > li > .btnGroup {
    padding: 0 !important;
  }
  /* line 134, sass/modules/_hook.scss */
  .hookList > ul > li .content.extend {
    width: 100%;
    left: 0 !important;
  }
  /* line 137, sass/modules/_hook.scss */
  .hookList > ul > li:nth-child(2n+1) .hook {
    margin-left: 5%;
    margin-right: 5%;
  }
  /* line 140, sass/modules/_hook.scss */
  .hookList > ul > li:nth-child(2n+2) .hook {
    margin-left: 5%;
    margin-right: 5%;
  }
}
/* common ==================================================================================== */
/* tabs */
/* line 6, sass/modules/_tabs.scss */
.tabs {
  text-align: center;
}
/* line 8, sass/modules/_tabs.scss */
.tabs .tab {
  display: table;
  width: 100%;
}
/* line 10, sass/modules/_tabs.scss */
.tabs .tab > ul {
  display: table-row;
  width: 100%;
}
/* line 12, sass/modules/_tabs.scss */
.tabs .tab > ul > li {
  display: table-cell;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  border: 1px #ebebeb solid;
  border-right: none;
  border-top: none;
  position: relative;
}
/* line 14, sass/modules/_tabs.scss */
.tabs .tab > ul > li .icon {
  display: block;
  margin: 0 auto;
}
/* line 15, sass/modules/_tabs.scss */
.tabs .tab > ul > li .icon.router-stroke {
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
/* line 16, sass/modules/_tabs.scss */
.tabs .tab > ul > li span {
  font-family: 'Roboto-Medium', sans-serif;
  vertical-align: middle;
}
/* line 17, sass/modules/_tabs.scss */
.tabs .tab > ul > li:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #f2a517;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 19, sass/modules/_tabs.scss */
.tabs .tab > ul > li:first-child {
  border-left: none;
}
/* line 21, sass/modules/_tabs.scss */
.tabs .tab > ul > li.active:after {
  height: 4px;
}
/* line 26, sass/modules/_tabs.scss */
.tabs .tab-content > ul {
  position: relative;
  overflow: hidden;
}
/* line 28, sass/modules/_tabs.scss */
.tabs .tab-content > ul > li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: 1;
  position: absolute;
  top: 20px;
  left: 0;
}
/* line 32, sass/modules/_tabs.scss */
.tabs .tab-content > ul > li .customBlock .content > p {
  text-align: center;
}
/* line 36, sass/modules/_tabs.scss */
.tabs .tab-content > ul > li.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  z-index: 2;
  position: relative;
  top: 0;
}
/* line 38, sass/modules/_tabs.scss */
.tabs .tab-content .grid {
  padding-top: 60px;
}

/* line 44, sass/modules/_tabs.scss */
.tabs.item-2 .tab > ul > li {
  width: 50%;
}

/* line 51, sass/modules/_tabs.scss */
.tabs.item-3 .tab > ul > li {
  width: 33.3%;
}

/* line 57, sass/modules/_tabs.scss */
.greytabs .greytab {
  display: table;
  width: 100%;
}
/* line 59, sass/modules/_tabs.scss */
.greytabs .greytab > ul {
  border-top: 1px #ECECEC solid;
  border-bottom: 1px #ececec solid;
  padding: 10px;
}
/* line 63, sass/modules/_tabs.scss */
.greytabs .greytab > ul > li {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-size: 100% 0%;
  -o-background-size: 100% 0%;
  -webkit-background-size: 100% 0%;
  background-size: 100% 0%;
  background-repeat: no-repeat;
  background-position: center center;
  color: #000;
  vertical-align: middle;
  cursor: pointer;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -moz-transition-property: color, background-size, background-color;
  -o-transition-property: color, background-size, background-color;
  -webkit-transition-property: color, background-size, background-color;
  transition-property: color, background-size, background-color;
}
/* line 67, sass/modules/_tabs.scss */
.greytabs .greytab > ul > li:first-child {
  margin-left: 0 !important;
}
/* line 68, sass/modules/_tabs.scss */
.greytabs .greytab > ul > li:hover {
  background-color: #f1f1f1;
}
/* line 69, sass/modules/_tabs.scss */
.greytabs .greytab > ul > li.active {
  color: #fff;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  background-color: #f1f1f1;
}
/* line 71, sass/modules/_tabs.scss */
.greytabs .greytab > ul > li.active span {
  color: #FFFFFF;
}
/* line 76, sass/modules/_tabs.scss */
.greytabs .greytab-content {
  position: relative;
  overflow: hidden;
}
/* line 78, sass/modules/_tabs.scss */
.greytabs .greytab-content > ul {
  text-align: left;
  padding: 1px;
}
/* line 80, sass/modules/_tabs.scss */
.greytabs .greytab-content > ul > li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: 1;
  position: absolute;
  top: 20px;
  left: 0;
}
/* line 83, sass/modules/_tabs.scss */
.greytabs .greytab-content > ul > li .product {
  text-align: center;
  font-size: 0;
}
/* line 85, sass/modules/_tabs.scss */
.greytabs .greytab-content > ul > li .product img {
  width: 100%;
}
/* line 87, sass/modules/_tabs.scss */
.greytabs .greytab-content > ul > li .product .model {
  white-space: nowrap;
}
/* line 91, sass/modules/_tabs.scss */
.greytabs .greytab-content > ul > li .action a {
  display: inline-block;
  -moz-background-size: 50% auto;
  -o-background-size: 50% auto;
  -webkit-background-size: 50% auto;
  background-size: 50% auto;
  background-color: #a2aab0;
  vertical-align: top;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 94, sass/modules/_tabs.scss */
.greytabs .greytab-content > ul > li.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  z-index: 2;
  position: relative;
  top: 0;
  width: 100%;
}

/* line 102, sass/modules/_tabs.scss */
.greytabs.item-5 .greytab > ul > li {
  width: 18%;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* tabs */
  /* line 116, sass/modules/_tabs.scss */
  .tabs .tab > ul > li {
    padding: 25px 30px;
    font-size: 16px;
  }
  /* line 118, sass/modules/_tabs.scss */
  .tabs .tab > ul > li .icon {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* tabs */
  /* line 139, sass/modules/_tabs.scss */
  .tabs .tab > ul > li {
    padding: 1.95313vw 2.34375vw;
    font-size: 1.25vw;
  }
  /* line 141, sass/modules/_tabs.scss */
  .tabs .tab > ul > li .icon {
    width: 4.6875vw;
    height: 4.6875vw;
    margin-bottom: 1.17188vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* tabs */
  /* line 161, sass/modules/_tabs.scss */
  .tabs .tab > ul > li {
    padding: 1.95313vw 2.34375vw;
    font-size: 1.25vw;
  }
  /* line 163, sass/modules/_tabs.scss */
  .tabs .tab > ul > li .icon {
    width: 4.6875vw;
    height: 4.6875vw;
    margin-bottom: 1.17188vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* tabs */
  /* line 183, sass/modules/_tabs.scss */
  .tabs .tab > ul > li {
    padding: 3vw 0;
  }
  /* line 185, sass/modules/_tabs.scss */
  .tabs .tab > ul > li span {
    font-size: 4vw;
  }
  /* line 186, sass/modules/_tabs.scss */
  .tabs .tab > ul > li .icon {
    width: 11.11vw;
    height: 11.11vw;
    margin-bottom: 1vw;
  }

  /* line 193, sass/modules/_tabs.scss */
  .tabs.plenty .tab {
    display: block;
  }
  /* line 195, sass/modules/_tabs.scss */
  .tabs.plenty .tab > ul {
    display: block;
    font-size: 0;
  }
  /* line 197, sass/modules/_tabs.scss */
  .tabs.plenty .tab > ul > li {
    display: inline-block;
    width: 50%;
    height: 15.18vw;
    padding: 0;
    font-size: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 199, sass/modules/_tabs.scss */
  .tabs.plenty .tab > ul > li:before {
    content: ' ';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  /* line 200, sass/modules/_tabs.scss */
  .tabs.plenty .tab > ul > li span {
    display: inline-block;
    font-size: 3.7vw;
  }
  /* line 201, sass/modules/_tabs.scss */
  .tabs.plenty .tab > ul > li:after {
    content: none;
  }
  /* line 203, sass/modules/_tabs.scss */
  .tabs.plenty .tab > ul > li:nth-child(2n+1) {
    border-left: none;
  }
  /* line 204, sass/modules/_tabs.scss */
  .tabs.plenty .tab > ul > li.active {
    background-color: #fcaf17;
  }
  /* line 206, sass/modules/_tabs.scss */
  .tabs.plenty .tab > ul > li.active span {
    color: #FFF;
  }
  /* line 212, sass/modules/_tabs.scss */
  .tabs.plenty > .paragraph:last-child {
    padding-bottom: 5vw;
  }
  /* line 214, sass/modules/_tabs.scss */
  .tabs.plenty > .paragraph:last-child .btnGroup {
    padding: 0;
  }
  /* line 216, sass/modules/_tabs.scss */
  .tabs.plenty > .paragraph:last-child p a {
    /*display: block;*/
	display: inline-block;
  }
}
/* common ==================================================================================== */
/* filterList */
/* line 10, sass/modules/_filterList.scss */
.filterList .filter > ul > li {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-size: 100% 0%;
  -o-background-size: 100% 0%;
  -webkit-background-size: 100% 0%;
  background-size: 100% 0%;
  background-repeat: no-repeat;
  background-position: center center;
  color: #000;
  vertical-align: middle;
  cursor: pointer;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -moz-transition-property: color, background-size, background-color;
  -o-transition-property: color, background-size, background-color;
  -webkit-transition-property: color, background-size, background-color;
  transition-property: color, background-size, background-color;
}
/* line 13, sass/modules/_filterList.scss */
.filterList .filter > ul > li:first-child {
  margin-left: 0 !important;
}
/* line 14, sass/modules/_filterList.scss */
.filterList .filter > ul > li:hover {
  background-color: #f1f1f1;
}
/* line 15, sass/modules/_filterList.scss */
.filterList .filter > ul > li.active {
  color: #fff;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  background-color: #f1f1f1;
}
/* line 21, sass/modules/_filterList.scss */
.filterList .list > ul {
  text-align: left;
  padding: 1px;
}
/* line 23, sass/modules/_filterList.scss */
.filterList .list > ul > li {
  -moz-box-shadow: 0 0 1px #c9c9c9;
  -webkit-box-shadow: 0 0 1px #c9c9c9;
  box-shadow: 0 0 1px #c9c9c9;
  width: 25%;
}
/* line 25, sass/modules/_filterList.scss */
.filterList .list > ul > li .product {
  text-align: center;
  font-size: 0;
}
/* line 27, sass/modules/_filterList.scss */
.filterList .list > ul > li .product img {
  width: 100%;
}
/* line 29, sass/modules/_filterList.scss */
.filterList .list > ul > li .product .model {
  white-space: nowrap;
}
/* line 33, sass/modules/_filterList.scss */
.filterList .list > ul > li .action a {
  display: inline-block;
  -moz-background-size: 50% auto;
  -o-background-size: 50% auto;
  -webkit-background-size: 50% auto;
  background-size: 50% auto;
  background-color: #a2aab0;
  vertical-align: top;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 36, sass/modules/_filterList.scss */
.filterList .list > ul > li.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* filterList */
  /* line 50, sass/modules/_filterList.scss */
  .filterList {
    margin-bottom: 30px;
  }
  /* line 53, sass/modules/_filterList.scss */
  .filterList .filter > ul {
    padding: 18px 0;
  }
  /* line 55, sass/modules/_filterList.scss */
  .filterList .filter > ul > li {
    font-size: 16px;
    margin-left: 25px;
    min-width: 189px;
  }
  /* line 63, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product {
    padding: 11px 40px 24px 40px;
  }
  /* line 65, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product img {
    margin-bottom: 12px;
  }
  /* line 66, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product .brand {
    font-size: 16px;
  }
  /* line 67, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product .model {
    font-size: 16px;
    margin-bottom: 20px;
  }
  /* line 69, sass/modules/_filterList.scss */
  .filterList .list > ul > li .action {
    height: 40px;
  }
  /* line 71, sass/modules/_filterList.scss */
  .filterList .list > ul > li .action a {
    width: 40px;
    height: 40px;
    margin: 0 6px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* filterList */
  /* line 87, sass/modules/_filterList.scss */
  .filterList {
    margin-bottom: 2.34375vw;
  }
  /* line 90, sass/modules/_filterList.scss */
  .filterList .filter > ul {
    padding: 1.40625vw 0;
  }
  /* line 92, sass/modules/_filterList.scss */
  .filterList .filter > ul > li {
    font-size: 1.25vw;
    margin-left: 1.95313vw;
    min-width: 14.76563vw;
  }
  /* line 100, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product {
    padding: 0.85938vw 3.125vw 1.875vw 3.125vw;
  }
  /* line 102, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product img {
    margin-bottom: 0.9375vw;
  }
  /* line 103, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product .brand {
    font-size: 1.25vw;
  }
  /* line 104, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product .model {
    font-size: 1.25vw;
    margin-bottom: 1.5625vw;
  }
  /* line 106, sass/modules/_filterList.scss */
  .filterList .list > ul > li .action {
    height: 3.125vw;
  }
  /* line 108, sass/modules/_filterList.scss */
  .filterList .list > ul > li .action a {
    width: 3.125vw;
    height: 3.125vw;
    margin: 0 0.46875vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* filterList */
  /* line 125, sass/modules/_filterList.scss */
  .filterList {
    margin-bottom: 2.34375vw;
  }
  /* line 128, sass/modules/_filterList.scss */
  .filterList .filter > ul {
    padding: 1.40625vw 0;
  }
  /* line 130, sass/modules/_filterList.scss */
  .filterList .filter > ul > li {
    font-size: 1.25vw;
    margin-left: 1.95313vw;
    min-width: 14.76563vw;
  }
  /* line 138, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product {
    padding: 0.85938vw 3.125vw 1.875vw 3.125vw;
  }
  /* line 140, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product img {
    margin-bottom: 0.9375vw;
  }
  /* line 141, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product .brand {
    font-size: 1.25vw;
  }
  /* line 142, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product .model {
    font-size: 1.25vw;
    margin-bottom: 1.5625vw;
  }
  /* line 144, sass/modules/_filterList.scss */
  .filterList .list > ul > li .action {
    height: 3.125vw;
  }
  /* line 146, sass/modules/_filterList.scss */
  .filterList .list > ul > li .action a {
    width: 3.125vw;
    height: 3.125vw;
    margin: 0 0.46875vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* filterList */
  /* line 164, sass/modules/_filterList.scss */
  .filterList .filter > ul {
    padding: 3vw 0;
  }
  /* line 166, sass/modules/_filterList.scss */
  .filterList .filter > ul > li {
    height: 0;
    overflow: hidden;
    font-size: 3.7vw;
    line-height: 9.25vw;
    width: 100%;
    -moz-border-radius: 4.625vw;
    -webkit-border-radius: 4.625vw;
    border-radius: 4.625vw;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  /* line 169, sass/modules/_filterList.scss */
  .filterList .filter > ul > li.active {
    height: 9.25vw;
  }
  /* line 171, sass/modules/_filterList.scss */
  .filterList .filter > ul > li.active:after {
    content: ' ';
    background-image: url("../images/icon/arrow-stroke-white-down.svg");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: 50% 50%;
    -o-background-size: 50% 50%;
    -webkit-background-size: 50% 50%;
    background-size: 50% 50%;
    width: 9.25vw;
    height: 9.25vw;
    display: inline-block;
    vertical-align: middle;
  }
  /* line 177, sass/modules/_filterList.scss */
  .filterList .filter.active > ul > li {
    height: 9.25vw;
  }
  /* line 181, sass/modules/_filterList.scss */
  .filterList .list > ul {
    border-top: 1px #e6e6e6 solid;
  }
  /* line 183, sass/modules/_filterList.scss */
  .filterList .list > ul > li {
    display: block;
    width: 100%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px #e6e6e6 solid;
  }
  /* line 185, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product {
    padding: 5.55vw 0 5.55vw 37vw;
    text-align: left;
    position: relative;
  }
  /* line 187, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product .photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 31.4vw;
  }
  /* line 191, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product .brand {
    font-size: 3.7vw;
  }
  /* line 192, sass/modules/_filterList.scss */
  .filterList .list > ul > li .product .model {
    font-size: 3.7vw;
    margin-bottom: 3vw;
  }
  /* line 194, sass/modules/_filterList.scss */
  .filterList .list > ul > li .action {
    height: 8.14vw;
  }
  /* line 196, sass/modules/_filterList.scss */
  .filterList .list > ul > li .action a {
    width: 8.14vw;
    height: 8.14vw;
    margin: 0 2vw;
  }
  /* line 197, sass/modules/_filterList.scss */
  .filterList .list > ul > li .action a:first-child {
    margin-left: 0;
  }
}
/* common ==================================================================================== */
/* shoppingCart */
/* line 8, sass/modules/_shoppingCart.scss */
.shoppingCart .item {
  border: 1px solid;
}
/* line 9, sass/modules/_shoppingCart.scss */
.shoppingCart .product {
  border-color: #f6a917;
  position: relative;
}
/* line 11, sass/modules/_shoppingCart.scss */
.shoppingCart .product .icon, .shoppingCart .product .logo {
  position: absolute;
}
/* line 14, sass/modules/_shoppingCart.scss */
.shoppingCart .product .details .name {
  font-family: 'Roboto-Medium', sans-serif;
}
/* line 16, sass/modules/_shoppingCart.scss */
.shoppingCart .product .offer {
  position: absolute;
}
/* line 18, sass/modules/_shoppingCart.scss */
.shoppingCart .product .offer .monthlyRate {
  text-align: right;
}
/* line 20, sass/modules/_shoppingCart.scss */
.shoppingCart .product .offer .monthlyRate span {
  font-family: 'Roboto-Medium', sans-serif;
  color: #ec432e;
  white-space: nowrap;
  line-height: 1em;
}
/* line 22, sass/modules/_shoppingCart.scss */
.shoppingCart .product .offer .monthlyRate span:before {
  content: 'HK$';
}
/* line 23, sass/modules/_shoppingCart.scss */
.shoppingCart .product .offer .monthlyRate span:after {
  content: ' / month';
  color: #000;
}
/* line 29, sass/modules/_shoppingCart.scss */
.shoppingCart .terms {
  border-color: #e7e7e7;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* shoppingCart */
  /* line 42, sass/modules/_shoppingCart.scss */
  .shoppingCart .item {
    margin-bottom: 15px;
    padding: 20px 29px;
  }
  /* line 44, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .icon, .shoppingCart .product .logo {
    left: 29px;
    top: 20px;
    width: 80px;
    height: 80px;
  }
  /* line 45, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .details {
    padding: 10px 240px 10px 95px;
  }
  /* line 47, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .details .number {
    font-size: 16px;
  }
  /* line 48, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .details .name {
    font-size: 26px;
  }
  /* line 50, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer {
    right: 29px;
    top: 30px;
  }
  /* line 53, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer .monthlyRate span {
    font-size: 30px;
  }
  /* line 56, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer .monthlyRate span:after {
    font-size: 18px;
  }
  /* line 59, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer .commitment {
    font-size: 18px;
  }
  /* line 63, sass/modules/_shoppingCart.scss */
  .shoppingCart .terms p {
    font-size: 14px;
  }
  /* line 65, sass/modules/_shoppingCart.scss */
  .shoppingCart .agreement {
    padding: 15px 30px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* shoppingCart */
  /* line 78, sass/modules/_shoppingCart.scss */
  .shoppingCart .item {
    margin-bottom: 1.17188vw;
    padding: 1.5625vw 2.26563vw;
  }
  /* line 80, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .icon, .shoppingCart .product .logo {
    left: 2.26563vw;
    top: 1.5625vw;
    width: 6.25vw;
    height: 6.25vw;
  }
  /* line 81, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .details {
    padding: 0.78125vw 18.75vw 0.78125vw 7.42188vw;
  }
  /* line 83, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .details .number {
    font-size: 1.25vw;
  }
  /* line 84, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .details .name {
    font-size: 2.03125vw;
  }
  /* line 86, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer {
    right: 2.26563vw;
    top: 2.34375vw;
  }
  /* line 89, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer .monthlyRate span {
    font-size: 2.34375vw;
  }
  /* line 92, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer .monthlyRate span:after {
    font-size: 1.40625vw;
  }
  /* line 95, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer .commitment {
    font-size: 1.40625vw;
  }
  /* line 99, sass/modules/_shoppingCart.scss */
  .shoppingCart .terms p {
    font-size: 1.09375vw;
  }
  /* line 101, sass/modules/_shoppingCart.scss */
  .shoppingCart .agreement {
    padding: 1.17188vw 2.34375vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* shoppingCart */
  /* line 113, sass/modules/_shoppingCart.scss */
  .shoppingCart .item {
    margin-bottom: 1.17188vw;
    padding: 1.5625vw 2.26563vw;
  }
  /* line 115, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .icon, .shoppingCart .product .logo {
    left: 2.26563vw;
    top: 1.5625vw;
    width: 6.25vw;
    height: 6.25vw;
  }
  /* line 116, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .details {
    padding: 0.78125vw 18.75vw 0.78125vw 7.42188vw;
  }
  /* line 118, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .details .number {
    font-size: 1.25vw;
  }
  /* line 119, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .details .name {
    font-size: 2.03125vw;
  }
  /* line 121, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer {
    right: 2.26563vw;
    top: 2.34375vw;
  }
  /* line 124, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer .monthlyRate span {
    font-size: 2.34375vw;
  }
  /* line 127, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer .monthlyRate span:after {
    font-size: 1.40625vw;
  }
  /* line 130, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer .commitment {
    font-size: 1.40625vw;
  }
  /* line 134, sass/modules/_shoppingCart.scss */
  .shoppingCart .terms p {
    font-size: 1.09375vw;
  }
  /* line 136, sass/modules/_shoppingCart.scss */
  .shoppingCart .agreement {
    padding: 1.17188vw 2.34375vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* shoppingCart */
  /* line 148, sass/modules/_shoppingCart.scss */
  .shoppingCart .item {
    margin-bottom: 3vw;
    padding: 3vw 5vw;
  }
  /* line 150, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .icon, .shoppingCart .product .logo {
    left: 5vw;
    top: 3vw;
    width: 11.11vw;
    height: 11.11vw;
  }
  /* line 151, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .details {
    padding: 0 0 3vw 15vw;
  }
  /* line 153, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .details .number {
    font-size: 3.3vw;
  }
  /* line 154, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .details .name {
    font-size: 3.7vw;
  }
  /* line 156, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer {
    position: static;
    padding: 0 0 0 15vw;
  }
  /* line 158, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer .monthlyRate {
    text-align: left;
  }
  /* line 160, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer .monthlyRate span {
    font-size: 5.55vw;
  }
  /* line 163, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer .monthlyRate span:after {
    font-size: 3.3vw;
  }
  /* line 166, sass/modules/_shoppingCart.scss */
  .shoppingCart .product .offer .commitment {
    font-size: 3.3vw;
  }
  /* line 172, sass/modules/_shoppingCart.scss */
  .shoppingCart .agreement {
    padding: 3vw 5vw;
  }
}
/* common ==================================================================================== */
/* popup */
/* line 6, sass/modules/_popup.scss */
.popupContainer {
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 0;
  width: 0%;
  height: 0%;
  -moz-transition: 0s;
  -o-transition: 0s;
  -webkit-transition: 0s;
  transition: 0s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}
/* line 8, sass/modules/_popup.scss */
.popupContainer:before {
  content: ' ';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
/* line 9, sass/modules/_popup.scss */
.popupContainer .mask {
  width: 100%;
  height: 150%;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
/* line 12, sass/modules/_popup.scss */
.popupContainer .popup {
  background-color: #FFF;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  top: -20px;
}
/* line 14, sass/modules/_popup.scss */
.popupContainer .popup .btn-close {
  top: 2px;
}
/* line 15, sass/modules/_popup.scss */
.popupContainer .popup .head {
  font-family: 'Roboto-Medium', sans-serif;
  background-color: #232323;
  color: #FFF;
  text-align: center;
}
/* line 16, sass/modules/_popup.scss */
.popupContainer .popup .head:before {
  content: ' ';
  height: 2px;
  background-color: #f7aa17;
  display: block;
  width: 100%;
}
/* line 19, sass/modules/_popup.scss */
.popupContainer .popup .body {
  text-align: left;
}
/* line 22, sass/modules/_popup.scss */
.popupContainer .popup .body .btnGroup {
  text-align: center;
}
/* line 25, sass/modules/_popup.scss */
.popupContainer .popup.active {
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  top: 0;
}

/* line 27, sass/modules/_popup.scss */
.popupContainer.active {
  z-index: 1000;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 100%;
  height: 100%;
}
/* line 29, sass/modules/_popup.scss */
.popupContainer.active .mask {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 30, sass/modules/_popup.scss */
.popupContainer.active .popup {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* popup */
  /* line 44, sass/modules/_popup.scss */
  .popupContainer .popup .btn-close {
    width: 58px;
    height: 58px;
  }
  /* line 45, sass/modules/_popup.scss */
  .popupContainer .popup .head {
    font-size: 20px;
    line-height: 58px;
  }
  /* line 49, sass/modules/_popup.scss */
  .popupContainer .popup .body {
    padding: 30px 40px;
  }
  /* line 51, sass/modules/_popup.scss */
  .popupContainer .popup .body p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* popupContainer */
  /* line 73, sass/modules/_popup.scss */
  .popupContainer .popup .btn-close {
    width: 4.53125vw;
    height: 4.53125vw;
  }
  /* line 74, sass/modules/_popup.scss */
  .popupContainer .popup .head {
    font-size: 1.5625vw;
    line-height: 4.53125vw;
  }
  /* line 78, sass/modules/_popup.scss */
  .popupContainer .popup .body {
    padding: 2.34375vw 3.125vw;
  }
  /* line 80, sass/modules/_popup.scss */
  .popupContainer .popup .body p {
    font-size: 1.25vw;
    margin-bottom: 1.5625vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* popupContainer */
  /* line 103, sass/modules/_popup.scss */
  .popupContainer .popup .btn-close {
    width: 4.53125vw;
    height: 4.53125vw;
  }
  /* line 104, sass/modules/_popup.scss */
  .popupContainer .popup .head {
    font-size: 1.5625vw;
    line-height: 4.53125vw;
  }
  /* line 108, sass/modules/_popup.scss */
  .popupContainer .popup .body {
    padding: 2.34375vw 3.125vw;
  }
  /* line 110, sass/modules/_popup.scss */
  .popupContainer .popup .body p {
    font-size: 1.25vw;
    margin-bottom: 1.5625vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* popup */
  /* line 133, sass/modules/_popup.scss */
  .popupContainer .popup {
    margin: 0 4vw;
  }
  /* line 135, sass/modules/_popup.scss */
  .popupContainer .popup .btn-close {
    width: 10.74vw;
    height: 10.74vw;
  }
  /* line 136, sass/modules/_popup.scss */
  .popupContainer .popup .head {
    font-size: 3.7vw;
    line-height: 10.74vw;
  }
  /* line 140, sass/modules/_popup.scss */
  .popupContainer .popup .body {
    padding: 5vw 4vw;
  }
  /* line 142, sass/modules/_popup.scss */
  .popupContainer .popup .body p {
    font-size: 3.7vw;
    margin-bottom: 5vw;
  }
}
/* common ==================================================================================== */
/* line 5, sass/page/_home.scss */
#home {
  /* infoBlock */
}
/* line 11, sass/page/_home.scss */
#home .infoBlock.homeWireless {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-laptopAndTablet.jpg");
  -moz-background-size: 115% auto;
  -o-background-size: 115% auto;
  -webkit-background-size: 115% auto;
  background-size: 115% auto;
}
/* line 17, sass/page/_home.scss */
#home .infoBlock.cloudStorage {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/sky.jpg");
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 33, sass/page/_home.scss */
  #home .infoBlock.homeBroadband .content {
    padding-right: 500px;
  }
  /* line 34, sass/page/_home.scss */
  #home .infoBlock.homeBroadband .graphic {
    width: 900px;
    margin-top: 33px;
    margin-left: 525px;
  }
  /* line 38, sass/page/_home.scss */
  #home .infoBlock.homeWireless .content .wifi-blue {
    width: 70px;
    height: 50px;
    margin-bottom: 10px;
  }
  /* line 43, sass/page/_home.scss */
  #home .infoBlock.cloudStorage .content .uhubplus {
    width: 197px;
    height: 130px;
    margin-right: -20px;
    margin-bottom: 15px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 57, sass/page/_home.scss */
  #home .infoBlock.homeBroadband .content {
    padding-right: 39.0625vw;
  }
  /* line 58, sass/page/_home.scss */
  #home .infoBlock.homeBroadband .graphic {
    width: 70.3125vw;
    margin-top: 2.57813vw;
    margin-left: 41.01563vw;
  }
  /* line 62, sass/page/_home.scss */
  #home .infoBlock.homeWireless .content .wifi-blue {
    width: 5.46875vw;
    height: 3.90625vw;
    margin-bottom: 0.78125vw;
  }
  /* line 67, sass/page/_home.scss */
  #home .infoBlock.cloudStorage .content .uhubplus {
    width: 15.39063vw;
    height: 10.15625vw;
    margin-right: -1.5625vw;
    margin-bottom: 1.17188vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 82, sass/page/_home.scss */
  #home .infoBlock.homeBroadband .content {
    padding-right: 39.0625vw;
  }
  /* line 83, sass/page/_home.scss */
  #home .infoBlock.homeBroadband .graphic {
    width: 70.3125vw;
    margin-top: 2.57813vw;
    margin-left: 41.01563vw;
  }
  /* line 87, sass/page/_home.scss */
  #home .infoBlock.homeWireless .content .wifi-blue {
    width: 5.46875vw;
    height: 3.90625vw;
    margin-bottom: 0.78125vw;
  }
  /* line 92, sass/page/_home.scss */
  #home .infoBlock.cloudStorage .content .uhubplus {
    width: 15.39063vw;
    height: 10.15625vw;
    margin-right: -1.5625vw;
    margin-bottom: 1.17188vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 104, sass/page/_home.scss */
  #home {
    /* infoBlock */
  }
  /* line 107, sass/page/_home.scss */
  #home .infoBlock.homeBroadband .content {
    padding-bottom: 38vw;
  }
  /* line 108, sass/page/_home.scss */
  #home .infoBlock.homeBroadband .graphic {
    top: auto;
    bottom: -31vw;
    width: 86vw;
    margin-left: 2vw;
  }
  /* line 110, sass/page/_home.scss */
  #home .infoBlock.homeWireless {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  /* line 113, sass/page/_home.scss */
  #home .infoBlock.homeWireless .content .wifi-blue {
    width: 11.11vw;
    height: 7.96vw;
    margin-bottom: 3vw;
  }
  /* line 116, sass/page/_home.scss */
  #home .infoBlock.cloudStorage {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  /* line 119, sass/page/_home.scss */
  #home .infoBlock.cloudStorage .content .uhubplus {
    width: 27.77vw;
    height: 18.52vw;
    margin-right: -4vw;
    margin-bottom: 3vw;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_aboutus.scss */
.aboutus .infoBlock.aboutNetvigator {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/hongkong-night.jpg");
  background-position: 50% 73%;
}

/* line 11, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage {
  background-image: none;
  background-color: #fff;
}
/* line 13, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .content {
  top: 0;
}
/* line 15, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .content .desc {
	width: 75%;
	margin: auto;
}
/* line 17, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .graphic.device {
  top: auto;
  bottom: 0;
  z-index: 2;
}
/* line 18, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .graphic.map {
  top: auto;
  bottom: 0;
  z-index: 1;
}
/* line 21, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category .table {
  position: relative;
}
/* line 25, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category .table table tr td {
  width: 15%;
  text-align: center;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
/* line 26, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category .table table tr td.goal {
  width: 40%;
  text-align: left;
}
/* line 27, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category .table table tr td.lastYear {
  display: table-cell;
}
/* line 28, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category .table table tr td.thisYear {
  display: none;
}
/* line 32, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category .table table thead tr td {
  font-family: 'Roboto-Medium', sans-serif;
}
/* line 36, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category .table .btn-toggle {
  position: absolute;
}
/* line 38, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category .table .btn-toggle span {
  color: inherit;
}
/* line 39, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category .table .btn-toggle span.prev {
  display: none;
}
/* line 40, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category .table .btn-toggle span.next {
  display: inline-block;
}
/* line 43, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category .paragraph {
  width: 83%;
}
/* line 45, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category .paragraph p {
  text-align: left;
}
/* line 53, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category.thisYear .table table tr td.lastYear {
  display: none;
}
/* line 54, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category.thisYear .table table tr td.thisYear {
  display: table-cell;
}
/* line 58, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category.thisYear .table .btn-toggle span.prev {
  display: inline-block;
}
/* line 59, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category.thisYear .table .btn-toggle span.next {
  display: none;
}
/* line 63, sass/page/_aboutus.scss */
#aboutus .infoBlock.bestCoverage .segment.collapsed .category:last-child {
  margin-bottom: 0;
}
/* line 66, sass/page/_aboutus.scss */
#aboutus .infoBlock.reliableService {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-laptopAndMobile6.jpg");
  -moz-background-size: 161% auto;
  -o-background-size: 161% auto;
  -webkit-background-size: 161% auto;
  background-size: 161% auto;
  background-position: 9% 57%;
  margin-bottom: 0;
}
/* line 69, sass/page/_aboutus.scss */
#aboutus .infoBlock.solidReputation {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/fiber-speed2.jpg");
  -moz-background-size: auto 168%;
  -o-background-size: auto 168%;
  -webkit-background-size: auto 168%;
  background-size: auto 168%;
  background-position: 0% 0%;
  margin-bottom: 0;
}

/* line 74, sass/page/_aboutus.scss */
#contactus .customBlock.contactEnquiry {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/desk-viewTop3.jpg");
  background-position: 50% 7%;
  border-top: 1px #ECECEC solid;
}
/* line 76, sass/page/_aboutus.scss */
#contactus .customBlock.contactEnquiry .content {
  text-align: left;
}
/* line 82, sass/page/_aboutus.scss */
#contactus .grid.serviceLocation > ul > li {
  margin-bottom: 0;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 95, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .content {
    padding-bottom: 200px;
  }
  /* line 98, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .graphic.device {
    width: 379px;
    margin-bottom: -42px;
  }
  /* line 99, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .graphic.map {
    margin-bottom: -539px;
  }
  /* line 100, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed, #aboutus .infoBlock.solidReputation .segment.collapsed{
    padding-left: 25px;
    padding-right: 25px;
  }
  /* line 102, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category {
    margin-bottom: 25px;
  }
  /* line 108, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table table thead tr td {
    font-size: 20px;
  }
  /* line 112, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table .btn-toggle {
    bottom: -50px;
    right: 30px;
  }
  /* line 114, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table .btn-toggle span {
    font-size: 16px;
  }
  /* line 121, sass/page/_aboutus.scss */
  #aboutus .infoBlock.reliableService .content {
    padding-left: 60px;
    padding-right: 400px;
  }
  /* line 124, sass/page/_aboutus.scss */
  #aboutus .infoBlock.reliableService .content .desc p {
    width: 650px;
  }
  /* line 130, sass/page/_aboutus.scss */
  #aboutus .infoBlock.solidReputation .content .image.champion {
    width: 78px;
    height: 70px;
  }
  /* line 134, sass/page/_aboutus.scss */
  #aboutus .infoBlock.varietyServices .content {
    padding-bottom: 163px;
  }
  /* line 135, sass/page/_aboutus.scss */
  #aboutus .infoBlock.varietyServices .graphic {
    width: 609px;
    margin-top: 223px;
  }

  /* line 139, sass/page/_aboutus.scss */
  #contactus .grid.serviceLocation {
    margin: 0 30px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 155, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .content {
    padding-bottom: 15.625vw;
  }
  /* line 158, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .graphic.device {
    width: 29.60938vw;
    margin-bottom: -3.28125vw;
  }
  /* line 159, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .graphic.map {
    margin-bottom: -42.10938vw;
  }
  /* line 160, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed, #aboutus .infoBlock.solidReputation .segment.collapsed {
    padding-left: 1.95313vw;
    padding-right: 1.95313vw;
  }
  /* line 162, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category {
    margin-bottom: 1.95313vw;
  }
  /* line 168, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table table thead tr td {
    font-size: 1.5625vw;
  }
  /* line 172, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table .btn-toggle {
    bottom: -3.90625vw;
    right: 2.34375vw;
  }
  /* line 174, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table .btn-toggle span {
    font-size: 1.25vw;
  }
  /* line 181, sass/page/_aboutus.scss */
  #aboutus .infoBlock.reliableService .content {
    padding-left: 4.6875vw;
    padding-right: 31.25vw;
  }
  /* line 184, sass/page/_aboutus.scss */
  #aboutus .infoBlock.reliableService .content .desc p {
    width: 50.78125vw;
  }
  /* line 190, sass/page/_aboutus.scss */
  #aboutus .infoBlock.solidReputation .content .image.champion {
    width: 6.09375vw;
    height: 5.46875vw;
  }
  /* line 194, sass/page/_aboutus.scss */
  #aboutus .infoBlock.varietyServices .content {
    padding-bottom: 12.73438vw;
  }
  /* line 195, sass/page/_aboutus.scss */
  #aboutus .infoBlock.varietyServices .graphic {
    width: 47.57813vw;
    margin-top: 17.42188vw;
  }

  /* line 199, sass/page/_aboutus.scss */
  #contactus .grid.serviceLocation {
    margin: 0 2.34375vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 216, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .content {
    padding-bottom: 15.625vw;
  }
  /* line 219, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .graphic.device {
    width: 29.60938vw;
    margin-bottom: -3.28125vw;
  }
  /* line 220, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .graphic.map {
    margin-bottom: -42.10938vw;
  }
  /* line 221, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed, #aboutus .infoBlock.solidReputation .segment.collapsed {
    padding-left: 1.95313vw;
    padding-right: 1.95313vw;
  }
  /* line 223, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category {
    margin-bottom: 1.95313vw;
  }
  /* line 229, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table table thead tr td {
    font-size: 1.5625vw;
  }
  /* line 233, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table .btn-toggle {
    bottom: -3.90625vw;
    right: 2.34375vw;
  }
  /* line 235, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table .btn-toggle span {
    font-size: 1.25vw;
  }
  /* line 242, sass/page/_aboutus.scss */
  #aboutus .infoBlock.reliableService .content {
    padding-left: 4.6875vw;
    padding-right: 31.25vw;
  }
  /* line 245, sass/page/_aboutus.scss */
  #aboutus .infoBlock.reliableService .content .desc p {
    width: 50.78125vw;
  }
  /* line 251, sass/page/_aboutus.scss */
  #aboutus .infoBlock.solidReputation .content .image.champion {
    width: 6.09375vw;
    height: 5.46875vw;
  }
  /* line 255, sass/page/_aboutus.scss */
  #aboutus .infoBlock.varietyServices .content {
    padding-bottom: 12.73438vw;
  }
  /* line 256, sass/page/_aboutus.scss */
  #aboutus .infoBlock.varietyServices .graphic {
    width: 47.57813vw;
    margin-top: 17.42188vw;
  }

  /* line 260, sass/page/_aboutus.scss */
  #contactus .grid.serviceLocation {
    margin: 0 2.34375vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 276, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .content {
    padding-bottom: 42vw;
  }
  /* line 278, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .content .heading {
    width: 100%;
  }
  /* line 279, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .content .desc {
    width: 100%;
	max-width: 100%;
  }
  /* line 281, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .graphic.device {
    width: 70.18vw;
    margin-bottom: -8vw;
  }
  /* line 282, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .graphic.map {
    width: 177vw;
    height: 87.7vw;
    margin-bottom: -91vw;
  }
  /* line 284, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category {
    margin-bottom: 8vw;
  }
  /* line 286, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .caption {
    text-align: center;
  }
  /* line 287, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table {
    border-bottom: none;
    margin-bottom: 3vw;
  }
  /* line 289, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table table {
    margin-bottom: 3vw;
  }
  /* line 293, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table table thead tr td {
    font-size: 3.3vw;
    padding: 0;
  }
  /* line 294, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table table thead tr td.goal {
    display: none;
  }
  /* line 299, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table table tbody tr td.goal {
    width: 100%;
  }
  /* line 303, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table .btn-toggle {
    position: static;
  }
  /* line 305, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .table .btn-toggle span {
    font-size: 3.7vw;
  }
  /* line 308, sass/page/_aboutus.scss */
  #aboutus .infoBlock.bestCoverage .segment.collapsed .category .paragraph {
    width: 100%;
  }
  /* line 312, sass/page/_aboutus.scss */
  #aboutus .infoBlock.reliableService {
    -moz-background-size: auto 120%;
    -o-background-size: auto 120%;
    -webkit-background-size: auto 120%;
    background-size: auto 120%;
    background-position: 51% 63%;
  }
  /* line 315, sass/page/_aboutus.scss */
  #aboutus .paper {
    padding: 0;
    background-color: #ECECEC;
  }
  /* line 318, sass/page/_aboutus.scss */
  #aboutus .infoBlock.solidReputation .content .image.champion {
    width: 14.4vw;
    height: 12.96vw;
  }
  /* line 321, sass/page/_aboutus.scss */
  #aboutus .infoBlock.varietyServices {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /* line 323, sass/page/_aboutus.scss */
  #aboutus .infoBlock.varietyServices .content {
    padding-bottom: 40vw;
  }
  /* line 324, sass/page/_aboutus.scss */
  #aboutus .infoBlock.varietyServices .graphic {
    width: 114.8vw;
    margin-top: 46vw;
  }

  /* line 328, sass/page/_aboutus.scss */
  #contactus .grid.serviceLocation {
    padding: 0;
  }
  /* line 331, sass/page/_aboutus.scss */
  #contactus .grid.serviceLocation ul li {
    margin-bottom: 3vw;
  }
  /* line 334, sass/page/_aboutus.scss */
  #contactus .customBlock.contactEnquiry {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: 42% 50%;
  }
  /* line 337, sass/page/_aboutus.scss */
  #contactus .customBlock.contactEnquiry .content > p {
    width: 65%;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_news.scss */
.pageNews .infoBlock.newsTop {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/desk-withGlasses.jpg");
  background-position: 50% 66%;
}
/* line 10, sass/page/_news.scss */
.pageNews #main .newsList {
  border-top: 1px #ECECEC solid;
  border-bottom: 1px #ECECEC solid;
}
/* line 12, sass/page/_news.scss */
.pageNews #main .newsList .news {
  border-top: 1px #ECECEC solid;
}
/* line 13, sass/page/_news.scss */
.pageNews #main .newsList .news:first-child {
  border: none;
}
/* line 15, sass/page/_news.scss */
.pageNews #main .news {
  font-size: 0;
}
/* line 17, sass/page/_news.scss */
.pageNews #main .news .graphic {
  display: inline-block;
  width: 27%;
  max-width: 300px;
  vertical-align: top;
}
/* line 19, sass/page/_news.scss */
.pageNews #main .news .graphic img {
  width: 100%;
}
/* line 21, sass/page/_news.scss */
.pageNews #main .news .content {
  display: inline-block;
  width: 70%;
  margin-left: 3%;
  vertical-align: top;
}
/* line 23, sass/page/_news.scss */
.pageNews #main .news .content .subheading {
  text-align: left !important;
}
/* line 26, sass/page/_news.scss */
.pageNews #main .news .content .desc ul {
  list-style: disc outside;
}
/* line 30, sass/page/_news.scss */
.pageNews #main .news .content .desc > *:last-child {
  margin-bottom: 0;
}
/* line 33, sass/page/_news.scss */
.pageNews #main .news .content .btnGroup {
  position: relative;
}
/* line 35, sass/page/_news.scss */
.pageNews #main .news .content .btnGroup .date {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 44, sass/page/_news.scss */
#News .news .content .btnGroup {
  text-align: right;
}

/* line 49, sass/page/_news.scss */
#News-details .date {
  display: block;
  text-align: center;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 61, sass/page/_news.scss */
  .pageNews #main .news {
    padding: 25px 30px;
  }
  /* line 65, sass/page/_news.scss */
  .pageNews #main .news .content .desc ul {
    margin-bottom: 25px;
  }
  /* line 67, sass/page/_news.scss */
  .pageNews #main .news .content .desc ul li {
    margin-bottom: 5px;
    margin-left: 30px;
  }
  /* line 70, sass/page/_news.scss */
  .pageNews #main .news .content .date {
    font-size: 16px;
    line-height: 30px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 87, sass/page/_news.scss */
  .pageNews #main .news {
    padding: 1.95313vw 2.34375vw;
  }
  /* line 91, sass/page/_news.scss */
  .pageNews #main .news .content .desc ul {
    margin-bottom: 1.95313vw;
  }
  /* line 93, sass/page/_news.scss */
  .pageNews #main .news .content .desc ul li {
    margin-bottom: 0.39063vw;
    margin-left: 2.34375vw;
  }
  /* line 96, sass/page/_news.scss */
  .pageNews #main .news .content .date {
    font-size: 1.25vw;
    line-height: 2.34375vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 115, sass/page/_news.scss */
  .pageNews #main .news {
    padding: 1.95313vw 2.34375vw;
  }
  /* line 119, sass/page/_news.scss */
  .pageNews #main .news .content .desc ul {
    margin-bottom: 1.95313vw;
  }
  /* line 121, sass/page/_news.scss */
  .pageNews #main .news .content .desc ul li {
    margin-bottom: 0.39063vw;
    margin-left: 2.34375vw;
  }
  /* line 124, sass/page/_news.scss */
  .pageNews #main .news .content .date {
    font-size: 1.25vw;
    line-height: 2.34375vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 142, sass/page/_news.scss */
  .pageNews .segment.article .frame {
    padding: 0;
  }
  /* line 147, sass/page/_news.scss */
  .pageNews #main .news {
    padding: 5vw 3vw;
  }
  /* line 149, sass/page/_news.scss */
  .pageNews #main .news .graphic {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 5vw;
  }
  /* line 152, sass/page/_news.scss */
  .pageNews #main .news .content {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  /* line 156, sass/page/_news.scss */
  .pageNews #main .news .content .desc p {
    font-size: 3.7vw;
  }
  /* line 157, sass/page/_news.scss */
  .pageNews #main .news .content .desc ul {
    margin-bottom: 5vw;
  }
  /* line 159, sass/page/_news.scss */
  .pageNews #main .news .content .desc ul li {
    margin-bottom: 2vw;
    margin-left: 5vw;
    font-size: 3.7vw;
  }
  /* line 162, sass/page/_news.scss */
  .pageNews #main .news .content .date {
    font-size: 3.3vw;
    line-height: 7vw;
  }

  /* line 170, sass/page/_news.scss */
  #News .news .content .subheading {
    font-size: 4vw;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_promotion.scss */
.promotion .infoBlock.promotionTop {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/fiber-firework.jpg");
  background-position: 50% 73%;
}

/* line 16, sass/page/_promotion.scss */
#promotion .segment .frame .paper ul.slider.poster .slide img {
  margin-bottom: 0;
}
/* line 19, sass/page/_promotion.scss */
#promotion .segment .frame .paper ul.slider.poster .slide .terms p {
  text-align: left;
  color: #666666;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
}
/* line 22, sass/page/_promotion.scss */
#promotion .segment .frame .paper ul.slider.poster .action {
  margin: 0 auto;
  font-size: 0;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 24, sass/page/_promotion.scss */
#promotion .segment .frame .paper ul.slider.poster .action .desc {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 50%;
}
/* line 26, sass/page/_promotion.scss */
#promotion .segment .frame .paper ul.slider.poster .action .desc p {
  font-family: 'Roboto-Medium', sans-serif;
  color: #fff;
  margin-bottom: 0;
}
/* line 28, sass/page/_promotion.scss */
#promotion .segment .frame .paper ul.slider.poster .action .desc p b {
  line-height: 1.25em;
}
/* line 31, sass/page/_promotion.scss */
#promotion .segment .frame .paper ul.slider.poster .action .btnGroup {
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  width: 50%;
}
/* line 33, sass/page/_promotion.scss */
#promotion .segment .frame .paper ul.slider.poster .action.hide {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 35, sass/page/_promotion.scss */
#promotion .segment .frame .paper ul.slider.poster .actionBase {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 37, sass/page/_promotion.scss */
#promotion .segment .frame .paper ul.slider.poster .actionBase ul {
  width: 100%;
}
/* line 39, sass/page/_promotion.scss */
#promotion .segment .frame .paper ul.slider.poster .actionBase ul li {
  position: relative;
  width: 0%;
  margin-bottom: 0;
  z-index: 2;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  overflow: hidden;
  vertical-align: bottom;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  bottom: 0;
  -moz-transition-property: opacity, bottom, width;
  -o-transition-property: opacity, bottom, width;
  -webkit-transition-property: opacity, bottom, width;
  transition-property: opacity, bottom, width;
}
/* line 42, sass/page/_promotion.scss */
#promotion .segment .frame .paper ul.slider.poster .actionBase ul li.current {
  z-index: 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  width: 100%;
  bottom: 0px;
}
/* line 45, sass/page/_promotion.scss */
#promotion .segment .frame .paper ul.slider.poster .actionBase ul li.current.hide {
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 67, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster {
    width: 970px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* line 69, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide {
    width: 970px;
  }
  /* line 71, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide img {
    margin-bottom: 0;
  }
  /* line 73, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide .terms {
    padding-top: 20px;
  }
  /* line 75, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide .terms p {
    font-size: 12px;
  }
  /* line 78, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action {
    padding: 15px 25px;
    width: 900px;
  }
  /* line 81, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action .desc p {
    font-size: 20px;
  }
  /* line 83, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action .desc p b {
    font-size: 28px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 107, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster {
    width: 75.78125vw;
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw;
  }
  /* line 109, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide {
    width: 75.78125vw;
  }
  /* line 111, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide img {
    margin-bottom: 0;
  }
  /* line 113, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide .terms {
    padding-top: 1.5625vw;
  }
  /* line 115, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide .terms p {
    font-size: 0.9375vw;
  }
  /* line 118, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action {
    padding: 1.17188vw 1.95313vw;
    width: 70.3125vw;
  }
  /* line 121, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action .desc p {
    font-size: 1.5625vw;
  }
  /* line 123, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action .desc p b {
    font-size: 2.1875vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 147, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster {
    width: 75.78125vw;
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw;
  }
  /* line 149, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide {
    width: 75.78125vw;
  }
  /* line 151, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide img {
    margin-bottom: 0;
  }
  /* line 153, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide .terms {
    padding-top: 1.5625vw;
  }
  /* line 155, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide .terms p {
    font-size: 0.9375vw;
  }
  /* line 158, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action {
    padding: 1.17188vw 1.95313vw;
    width: 70.3125vw;
  }
  /* line 161, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action .desc p {
    font-size: 1.5625vw;
  }
  /* line 163, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action .desc p b {
    font-size: 2.1875vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 186, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster {
    width: 100%;
  }
  /* line 188, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .heading {
    display: none;
  }
  /* line 189, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide {
    width: 100%;
    padding: 0;
  }
  /* line 191, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide img {
    margin-bottom: 0;
  }
  /* line 193, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide .terms {
    padding-top: 3vw;
  }
  /* line 195, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .slide .terms p {
    font-size: 3.3vw;
  }
  /* line 198, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action {
    padding: 3vw 5vw;
  }
  /* line 200, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action .desc {
    display: block;
    width: 100%;
    text-align: center;
  }
  /* line 202, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action .desc p {
    font-size: 3.7vw;
  }
  /* line 204, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action .desc p b {
    font-size: 5.1vw;
  }
  /* line 207, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action .btnGroup {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
  /* line 209, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .action.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  /* line 210, sass/page/_promotion.scss */
  #promotion .segment .frame .paper ul.slider.poster .actionBase {
    display: none;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_fiberHome.scss */
.broadband-fiberHome .infoBlock.homeBroadband {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-device-together-viewTop.jpg");
  -moz-background-size: 120% auto;
  -o-background-size: 120% auto;
  -webkit-background-size: 120% auto;
  background-size: 120% auto;
  background-position: 100% 60%;
}

/* line 16, sass/page/_fiberHome.scss */
#fiberHome .infoBlock.broadbandOverview .content .icon.wifi-blue {
  display: block;
  margin: 0 auto;
}
/* line 20, sass/page/_fiberHome.scss */
#fiberHome .infoBlock.impeccableServices {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-mobile-together2.jpg");
  background-position: 100% 0%;
}
/* line 26, sass/page/_fiberHome.scss */
#fiberHome .infoBlock.ultraFast {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/fiber.jpg");
}
/* line 29, sass/page/_fiberHome.scss */
#fiberHome .infoBlock.customerService {
  background-image: none;
  background-color: #fff;
}
/* line 32, sass/page/_fiberHome.scss */
#fiberHome .infoBlock.customerService .content .image.headphone {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/headphone.png");
}
/* line 35, sass/page/_fiberHome.scss */
#fiberHome .infoBlock.homeEntertainment {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/galaxy2.jpg");
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-position: 0% 0%;
}
/* line 48, sass/page/_fiberHome.scss */
#fiberHome .segment.article .frame .content .desc .paragraph .col-2 .col .subheading {
  text-align: left;
}
/* line 51, sass/page/_fiberHome.scss */
#fiberHome .segment.article .frame .content .desc .paragraph p {
  padding: 0;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 66, sass/page/_fiberHome.scss */
  .broadband-fiberHome .infoBlock.homeBroadband .content .logo.netvigator-simple {
    width: 80px;
    height: 80px;
  }

  /* line 72, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.broadbandOverview .content {
    padding-right: 565px;
  }
  /* line 74, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.broadbandOverview .content .icon.wifi-blue {
    margin-bottom: 20px;
    width: 60px;
    height: 43px;
  }
  /* line 76, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.broadbandOverview .graphic {
    width: 950px;
    margin-top: 46px;
    margin-left: 555px;
  }
  /* line 79, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.impeccableServices .content {
    padding-left: 210px;
    padding-right: 210px;
  }
  /* line 81, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.impeccableServices .content .image.puzzle {
    width: 107px;
    height: 75px;
  }
  /* line 86, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.customerService .content {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  /* line 88, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.customerService .content .image.headphone {
    width: 99px;
    height: 151px;
  }
  /* line 92, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.homeEntertainment .content {
    padding-left: 565px;
  }
  /* line 95, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.homeEntertainment .graphic.tv {
    width: 568px;
    margin-left: -380px;
  }
  /* line 96, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.homeEntertainment .graphic.mouse {
    width: 139px;
    margin-left: 646px;
    margin-top: 146px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 109, sass/page/_fiberHome.scss */
  .broadband-fiberHome .infoBlock.homeBroadband .content .logo.netvigator-simple {
    width: 6.25vw;
    height: 6.25vw;
  }

  /* line 115, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.broadbandOverview .content {
    padding-right: 44.14063vw;
  }
  /* line 117, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.broadbandOverview .content .icon.wifi-blue {
    margin-bottom: 1.5625vw;
    width: 4.6875vw;
    height: 3.35938vw;
  }
  /* line 119, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.broadbandOverview .graphic {
    width: 74.21875vw;
    margin-top: 3.59375vw;
    margin-left: 43.35938vw;
  }
  /* line 122, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.impeccableServices .content {
    padding-left: 16.40625vw;
    padding-right: 16.40625vw;
  }
  /* line 124, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.impeccableServices .content .image.puzzle {
    width: 8.35938vw;
    height: 5.85938vw;
  }
  /* line 129, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.customerService .content {
    padding-top: 3.125vw;
    padding-bottom: 2.34375vw;
  }
  /* line 131, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.customerService .content .image.headphone {
    width: 7.73438vw;
    height: 11.79688vw;
  }
  /* line 135, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.homeEntertainment .content {
    padding-left: 44.14063vw;
  }
  /* line 138, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.homeEntertainment .graphic.tv {
    width: 44.375vw;
    margin-left: -29.6875vw;
  }
  /* line 139, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.homeEntertainment .graphic.mouse {
    width: 10.85938vw;
    margin-left: 50.46875vw;
    margin-top: 11.40625vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 154, sass/page/_fiberHome.scss */
  .broadband-fiberHome .infoBlock.homeBroadband .content .logo.netvigator-simple {
    width: 6.25vw;
    height: 6.25vw;
  }

  /* line 160, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.broadbandOverview .content {
    padding-right: 44.14063vw;
  }
  /* line 162, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.broadbandOverview .content .icon.wifi-blue {
    margin-bottom: 1.5625vw;
    width: 4.6875vw;
    height: 3.35938vw;
  }
  /* line 164, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.broadbandOverview .graphic {
    width: 74.21875vw;
    margin-top: 3.59375vw;
    margin-left: 43.35938vw;
  }
  /* line 167, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.impeccableServices .content {
    padding-left: 16.40625vw;
    padding-right: 16.40625vw;
  }
  /* line 169, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.impeccableServices .content .image.puzzle {
    width: 8.35938vw;
    height: 5.85938vw;
  }
  /* line 174, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.customerService .content {
    padding-top: 3.125vw;
    padding-bottom: 2.34375vw;
  }
  /* line 176, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.customerService .content .image.headphone {
    width: 7.73438vw;
    height: 11.79688vw;
  }
  /* line 180, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.homeEntertainment .content {
    padding-left: 44.14063vw;
  }
  /* line 183, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.homeEntertainment .graphic.tv {
    width: 44.375vw;
    margin-left: -29.6875vw;
  }
  /* line 184, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.homeEntertainment .graphic.mouse {
    width: 10.85938vw;
    margin-left: 50.46875vw;
    margin-top: 11.40625vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 195, sass/page/_fiberHome.scss */
  .broadband-fiberHome .infoBlock.homeBroadband {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: 48% 60%;
  }
  /* line 198, sass/page/_fiberHome.scss */
  .broadband-fiberHome .infoBlock.homeBroadband .content .logo.netvigator-simple {
    width: 14.81vw;
    height: 14.81vw;
  }

  /* line 204, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.broadbandOverview .content {
    padding-bottom: 43vw;
  }
  /* line 206, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.broadbandOverview .content .icon.wifi-blue {
    margin-bottom: 3vw;
    width: 11.11vw;
    height: 7.96vw;
  }
  /* line 207, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.broadbandOverview .content .btn-rounded, #fiberHome .infoBlock.broadbandOverview .content .greytabs .greytab > ul > li, .greytabs #fiberHome .infoBlock.broadbandOverview .content .greytab > ul > li, #fiberHome .infoBlock.broadbandOverview .content .filterList .filter > ul > li, .filterList #fiberHome .infoBlock.broadbandOverview .content .filter > ul > li {
    line-height: 5vw;
    padding: 2vw 15vw;
    border-radius: 7vw;
  }
  /* line 209, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.broadbandOverview .graphic {
    top: auto;
    bottom: -33vw;
    width: 90vw;
  }
  /* line 211, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.impeccableServices {
    -moz-background-size: auto 122%;
    -o-background-size: auto 122%;
    -webkit-background-size: auto 122%;
    background-size: auto 122%;
    background-position: 48% 0%;
  }
  /* line 214, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.impeccableServices .content .image.puzzle {
    width: 17vw;
    height: 12vw;
  }
  /* line 220, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.customerService .content .image.headphone {
    width: 14.81vw;
    height: 22.4vw;
  }
  /* line 223, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.homeEntertainment {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: 48% 60%;
  }
  /* line 225, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.homeEntertainment .content {
    padding-bottom: 55vw;
  }
  /* line 226, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.homeEntertainment .graphic.tv {
    top: auto;
    bottom: -13vw;
    width: 69.25vw;
    margin-left: -8vw;
  }
  /* line 227, sass/page/_fiberHome.scss */
  #fiberHome .infoBlock.homeEntertainment .graphic.mouse {
    top: auto;
    bottom: 6vw;
    width: 19.62vw;
    margin-left: 33vw;
  }
}
/* common ==================================================================================== */
/* line 7, sass/page/_fiber10gHome.scss */
.broadband-fiber10gHome .infoBlock.fiber10gHome {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/fiber-speed.jpg");
  -moz-background-size: 120% auto;
  -o-background-size: 120% auto;
  -webkit-background-size: 120% auto;
  background-size: 120% auto;
  background-position: 100% 60%;
}
/* line 9, sass/page/_fiber10gHome.scss */
.broadband-fiber10gHome .infoBlock.fiber10gHome:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}

/* line 22, sass/page/_fiber10gHome.scss */
#fiber10gHome .infoBlock.gamingExperience {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/galaxy3.jpg");
  background-position: 50% 76%;
}
/* line 24, sass/page/_fiber10gHome.scss */
#fiber10gHome .infoBlock.gamingExperience:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}
/* line 29, sass/page/_fiber10gHome.scss */
#fiber10gHome .infoBlock.virtualReality {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-cardBoard.jpg");
  -moz-background-size: 150% auto;
  -o-background-size: 150% auto;
  -webkit-background-size: 150% auto;
  background-size: 150% auto;
  background-position: 63% 100%;
}
/* line 36, sass/page/_fiber10gHome.scss */
#fiber10gHome .infoBlock.video4k {
  background-image: none;
  background-color: #fff;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 80, sass/page/_fiber10gHome.scss */
  .broadband-fiber10gHome .infoBlock.fiber10gHome .content .logo.fiber-10g {
    width: 250px;
    height: 76px;
  }

  /* line 86, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.broadbandOverview .content {
    padding-right: 365px;
  }
  /* line 89, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.broadbandOverview .graphic {
    width: 632px;
    margin-left: 615px;
  }
  /* line 92, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.gamingExperience .content {
    padding-left: 565px;
  }
  /* line 94, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.gamingExperience .content .image.gameController {
    width: 90px;
    height: 55px;
  }
  /* line 99, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.virtualReality .content .image.cardBoard {
    width: 70px;
    height: 41px;
  }
  /* line 101, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.virtualReality .graphic {
    width: 208px;
  }
  /* line 104, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.video4k .content {
    padding-top: 30px;
    padding-bottom: 187px;
  }
  /* line 107, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.video4k .graphic {
    width: 208px;
    margin-top: 153px;
  }
  /* line 113, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.mac .grid ul li:nth-child(1) .desc {
    margin-bottom: 104px;
  }
  /* line 116, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.mac .grid ul li:nth-child(3) .desc {
    margin-bottom: 53px;
  }
  /* line 125, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.windows .grid ul li:nth-child(1) .desc {
    margin-bottom: 73px;
  }
  /* line 128, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.windows .grid ul li:nth-child(2) .desc {
    margin-bottom: 118px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 146, sass/page/_fiber10gHome.scss */
  .broadband-fiber10gHome .infoBlock.fiber10gHome .content .logo.fiber-10g {
    width: 19.53125vw;
    height: 5.9375vw;
  }

  /* line 152, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.broadbandOverview .content {
    padding-right: 28.51563vw;
  }
  /* line 155, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.broadbandOverview .graphic {
    width: 49.375vw;
    margin-left: 48.04688vw;
  }
  /* line 158, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.gamingExperience .content {
    padding-left: 44.14063vw;
  }
  /* line 160, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.gamingExperience .content .image.gameController {
    width: 7.03125vw;
    height: 4.29688vw;
  }
  /* line 165, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.virtualReality .content .image.cardBoard {
    width: 5.46875vw;
    height: 3.20313vw;
  }
  /* line 167, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.virtualReality .graphic {
    width: 16.25vw;
  }
  /* line 170, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.video4k .content {
    padding-top: 2.34375vw;
    padding-bottom: 14.60938vw;
  }
  /* line 173, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.video4k .graphic {
    width: 16.25vw;
    margin-top: 11.95313vw;
  }
  /* line 179, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.mac .grid ul li:nth-child(1) .desc {
    margin-bottom: 8.125vw;
  }
  /* line 182, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.mac .grid ul li:nth-child(3) .desc {
    margin-bottom: 4.14063vw;
  }
  /* line 191, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.windows .grid ul li:nth-child(1) .desc {
    margin-bottom: 5.70313vw;
  }
  /* line 194, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.windows .grid ul li:nth-child(2) .desc {
    margin-bottom: 9.21875vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 213, sass/page/_fiber10gHome.scss */
  .broadband-fiber10gHome .infoBlock.fiber10gHome .content .logo.fiber-10g {
    width: 19.53125vw;
    height: 5.9375vw;
  }

  /* line 219, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.broadbandOverview .content {
    padding-right: 28.51563vw;
  }
  /* line 222, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.broadbandOverview .graphic {
    width: 49.375vw;
    margin-left: 48.04688vw;
  }
  /* line 225, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.gamingExperience .content {
    padding-left: 44.14063vw;
  }
  /* line 227, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.gamingExperience .content .image.gameController {
    width: 7.03125vw;
    height: 4.29688vw;
  }
  /* line 232, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.virtualReality .content .image.cardBoard {
    width: 5.46875vw;
    height: 3.20313vw;
  }
  /* line 234, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.virtualReality .graphic {
    width: 16.25vw;
  }
  /* line 237, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.video4k .content {
    padding-top: 2.34375vw;
    padding-bottom: 14.60938vw;
  }
  /* line 240, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.video4k .graphic {
    width: 16.25vw;
    margin-top: 11.95313vw;
  }
  /* line 246, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.mac .grid ul li:nth-child(1) .desc {
    margin-bottom: 8.125vw;
  }
  /* line 249, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.mac .grid ul li:nth-child(3) .desc {
    margin-bottom: 4.14063vw;
  }
  /* line 258, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.windows .grid ul li:nth-child(1) .desc {
    margin-bottom: 5.70313vw;
  }
  /* line 261, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.windows .grid ul li:nth-child(2) .desc {
    margin-bottom: 9.21875vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 279, sass/page/_fiber10gHome.scss */
  .broadband-fiber10gHome .infoBlock.fiber10gHome .content .logo.fiber-10g {
    width: 42.4vw;
    height: 12.96vw;
  }

  /* line 285, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.broadbandOverview .content {
    padding-bottom: 60vw;
  }
  /* line 286, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.broadbandOverview .graphic {
    top: auto;
    bottom: -16vw;
    width: 74vw;
  }
  /* line 288, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.gamingExperience {
    -moz-background-size: auto 180%;
    -o-background-size: auto 180%;
    -webkit-background-size: auto 180%;
    background-size: auto 180%;
    background-position: 50% 23%;
  }
  /* line 291, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.gamingExperience .content .image.gameController {
    width: 16.66vw;
    height: 10.18vw;
  }
  /* line 297, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.virtualReality .content .heading br {
    display: none;
  }
  /* line 299, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.virtualReality .content .image.cardBoard {
    width: 12.96vw;
    height: 7.59vw;
  }
  /* line 301, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.virtualReality .graphic {
    width: 208px;
  }
  /* line 304, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.video4k .content {
    padding-bottom: 45vw;
  }
  /* line 307, sass/page/_fiber10gHome.scss */
  #fiber10gHome .infoBlock.video4k .graphic {
    top: auto;
    bottom: -22vw;
    width: 50.37vw;
  }
  /* line 313, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.mac .grid ul li:nth-child(1) .desc {
    margin-bottom: 104px;
  }
  /* line 316, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.mac .grid ul li:nth-child(3) .desc {
    margin-bottom: 53px;
  }
  /* line 325, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.windows .grid ul li:nth-child(1) .desc {
    margin-bottom: 73px;
  }
  /* line 328, sass/page/_fiber10gHome.scss */
  #fiber10gHome .type.windows .grid ul li:nth-child(2) .desc {
    margin-bottom: 118px;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_multiUse4x1000m.scss */
.broadband-multiUse4x1000m .image.gaming {
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
/* line 7, sass/page/_multiUse4x1000m.scss */
.broadband-multiUse4x1000m .image.homeOffice {
  -moz-background-size: auto 90%;
  -o-background-size: auto 90%;
  -webkit-background-size: auto 90%;
  background-size: auto 90%;
}
/* line 8, sass/page/_multiUse4x1000m.scss */
.broadband-multiUse4x1000m .image.entertainment {
  -moz-background-size: auto 85%;
  -o-background-size: auto 85%;
  -webkit-background-size: auto 85%;
  background-size: auto 85%;
}
/* line 9, sass/page/_multiUse4x1000m.scss */
.broadband-multiUse4x1000m .image.smartHome {
  -moz-background-size: auto 95%;
  -o-background-size: auto 95%;
  -webkit-background-size: auto 95%;
  background-size: auto 95%;
}
/* line 10, sass/page/_multiUse4x1000m.scss */
.broadband-multiUse4x1000m .infoBlock.multiUse4x1000m {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-device-together-viewTop2.jpg");
  background-position: center 80%;
}

/* line 20, sass/page/_multiUse4x1000m.scss */
#multiUse4x1000m .infoBlock.multiUse4x1000mOverview .content .desc {
  text-align: left;
}
/* line 23, sass/page/_multiUse4x1000m.scss */
#multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul {
  position: absolute;
  top: 10%;
}
/* line 25, sass/page/_multiUse4x1000m.scss */
#multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul li {
  text-align: center;
}
/* line 29, sass/page/_multiUse4x1000m.scss */
#multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic:after {
  content: ' ';
  position: absolute;
  display: block;
  /*background-color: #41596e;*/
  width: 100vw;
  bottom: 0px;
  left: 99.5%;
  height: 1.8%;
  margin: 0 0 20px 0;
}
/* line 32, sass/page/_multiUse4x1000m.scss */
#multiUse4x1000m .infoBlock.homeOffice {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-laptop-onFloor.jpg");
  -moz-background-size: auto 110%;
  -o-background-size: auto 110%;
  -webkit-background-size: auto 110%;
  background-size: auto 110%;
  background-position: 50% 70%;
}
/* line 38, sass/page/_multiUse4x1000m.scss */
#multiUse4x1000m .infoBlock.streamingEntertainment {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/remote-tv.jpg");
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
/* line 44, sass/page/_multiUse4x1000m.scss */
#multiUse4x1000m .infoBlock.onlineGaming {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/playing-online-game.jpg");
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
/* line 50, sass/page/_multiUse4x1000m.scss */
#multiUse4x1000m .infoBlock.smartHomes {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/home.jpg");
  -moz-background-size: auto 104%;
  -o-background-size: auto 104%;
  -webkit-background-size: auto 104%;
  background-size: auto 104%;
  background-position: 100% 100%;
}

/* line 62, sass/page/_multiUse4x1000m.scss */
#multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.plan {
  width: 20%;
  font-weight: bold;
}
/* line 65, sass/page/_multiUse4x1000m.scss */
#multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.monthlyRate span:after {
  content: ' / month up';
  display: block;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 83, sass/page/_multiUse4x1000m.scss */
  .broadband-multiUse4x1000m .infoBlock.multiUse4x1000m .content .logo.multiUse {
    width: 120px;
    height: 120px;
  }
  /* line 84, sass/page/_multiUse4x1000m.scss */
  .broadband-multiUse4x1000m .infoBlock.multiUse4x1000m .content .logo.netvigator-simple {
    width: 80px;
    height: 80px;
  }

  /* line 90, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .content {
    padding-right: 625px;
  }
  /* line 93, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic {
    width: 568px;
    margin-left: 350px;
  }
  /* line 95, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul {
    left: 8px;
  }
  /* line 97, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul li {
    width: 124px;
    font-size: 16px;
  }
  /* line 99, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul li .image {
    height: 63px;
    margin-bottom: 10px;
  }
  /* line 106, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.homeOffice .content .image.homeOffice {
    width: 70px;
    height: 70px;
  }
  /* line 111, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.streamingEntertainment .content .image.entertainment {
    width: 76px;
    height: 70px;
  }
  /* line 116, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.onlineGaming .content .image.gaming {
    width: 70px;
    height: 70px;
  }
  /* line 121, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.smartHomes .content .image.smartHome {
    width: 70px;
    height: 70px;
  }

  /* line 130, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.plan {
    font-size: 18px;
  }
  /* line 134, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.services .series .logo {
    width: 46px;
    height: 46px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 153, sass/page/_multiUse4x1000m.scss */
  .broadband-multiUse4x1000m .infoBlock.multiUse4x1000m .content .logo.multiUse {
    width: 9.375vw;
    height: 9.375vw;
  }
  /* line 154, sass/page/_multiUse4x1000m.scss */
  .broadband-multiUse4x1000m .infoBlock.multiUse4x1000m .content .logo.netvigator-simple {
    width: 6.25vw;
    height: 6.25vw;
  }

  /* line 160, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .content {
    padding-right: 48.82813vw;
  }
  /* line 163, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic {
    width: 44.375vw;
    margin-left: 27.34375vw;
  }
  /* line 165, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul {
    left: 0.625vw;
  }
  /* line 167, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul li {
    width: 9.6875vw;
    font-size: 1.25vw;
  }
  /* line 169, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul li .image {
    height: 4.92188vw;
    margin-bottom: 0.78125vw;
  }
  /* line 176, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.homeOffice .content .image.homeOffice {
    width: 5.46875vw;
    height: 5.46875vw;
  }
  /* line 181, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.streamingEntertainment .content .image.entertainment {
    width: 6.46875vw;
    height: 5.46875vw;
  }
  /* line 186, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.onlineGaming .content .image.gaming {
    width: 5.46875vw;
    height: 5.46875vw;
  }
  /* line 191, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.smartHomes .content .image.smartHome {
    width: 5.46875vw;
    height: 5.46875vw;
  }

  /* line 200, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.plan {
    font-size: 1.40625vw;
  }
  /* line 204, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.services .series .logo {
    width: 3.59375vw;
    height: 3.59375vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 222, sass/page/_multiUse4x1000m.scss */
  .broadband-multiUse4x1000m .infoBlock.multiUse4x1000m .content .logo.multiUse {
    width: 9.375vw;
    height: 9.375vw;
  }
  /* line 223, sass/page/_multiUse4x1000m.scss */
  .broadband-multiUse4x1000m .infoBlock.multiUse4x1000m .content .logo.netvigator-simple {
    width: 6.25vw;
    height: 6.25vw;
  }

  /* line 229, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .content {
    padding-right: 48.82813vw;
  }
  /* line 232, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic {
    width: 44.375vw;
    margin-left: 27.34375vw;
  }
  /* line 234, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul {
    left: 0.625vw;
  }
  /* line 236, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul li {
    width: 9.6875vw;
    font-size: 1.25vw;
  }
  /* line 238, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul li .image {
    height: 4.92188vw;
    margin-bottom: 0.78125vw;
  }
  /* line 245, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.homeOffice .content .image.homeOffice {
    width: 5.46875vw;
    height: 5.46875vw;
  }
  /* line 250, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.streamingEntertainment .content .image.entertainment {
    width: 5.46875vw;
    height: 5.46875vw;
  }
  /* line 255, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.onlineGaming .content .image.gaming {
    width: 5.46875vw;
    height: 5.46875vw;
  }
  /* line 260, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.smartHomes .content .image.smartHome {
    width: 5.46875vw;
    height: 5.46875vw;
  }

  /* line 269, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.plan {
    font-size: 1.40625vw;
  }
  /* line 273, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.services .series .logo {
    width: 3.59375vw;
    height: 3.59375vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 290, sass/page/_multiUse4x1000m.scss */
  .broadband-multiUse4x1000m .infoBlock.multiUse4x1000m {
    -moz-background-size: auto 113%;
    -o-background-size: auto 113%;
    -webkit-background-size: auto 113%;
    background-size: auto 113%;
    background-position: 27% 100%;
  }
  /* line 293, sass/page/_multiUse4x1000m.scss */
  .broadband-multiUse4x1000m .infoBlock.multiUse4x1000m .content .logo.multiUse {
    width: 16.6vw;
    height: 16.6vw;
  }
  /* line 294, sass/page/_multiUse4x1000m.scss */
  .broadband-multiUse4x1000m .infoBlock.multiUse4x1000m .content .logo.netvigator-simple {
    width: 14.81vw;
    height: 14.81vw;
  }
  /* line 295, sass/page/_multiUse4x1000m.scss */
  .broadband-multiUse4x1000m .infoBlock.multiUse4x1000m .content .heading {
    width: 80%;
  }

  /* line 301, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .content {
    padding-bottom: 60vw;
  }
  /* line 304, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic {
    width: 88.33vw;
    top: auto;
    left: 54%;
    bottom: -20vw;
	padding: 0 0 20px 0;
  }
  /* line 306, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul {
    left: 2vw;
  }
  /* line 308, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul li {
    width: 19vw;
    font-size: 2.7vw;
  }
  /* line 310, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.multiUse4x1000mOverview .graphic ul li .image {
    height: 9.4vw;
    margin-bottom: 2vw;
  }
  /* line 315, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .segment.differentUses {
    padding-top: 5vw;
  }
  /* line 320, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.homeOffice .content .image.homeOffice {
    width: 12.96vw;
    height: 12.96vw;
  }
  /* line 325, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.streamingEntertainment .content .image.entertainment {
    width: 13.96vw;
    height: 12.96vw;
  }
  /* line 330, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.onlineGaming .content .image.gaming {
    width: 12.96vw;
    height: 12.96vw;
  }
  /* line 335, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m .infoBlock.smartHomes .content .image.smartHome {
    width: 12.96vw;
    height: 12.96vw;
  }

  /* line 344, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table thead tr td.plan {
    width: 29%;
  }
  /* line 345, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table thead tr td.monthlyRate {
    width: 39%;
  }
  /* line 346, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table thead tr td.commitment {
    width: 32%;
  }
  /* line 347, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table thead tr td.services {
    display: none;
  }
  /* line 348, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table thead tr td.action {
    display: none;
  }
  /* line 353, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.plan {
    width: 29%;
    border: none;
  }
  /* line 355, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.plan span.big {
    font-size: 3.7vw;
  }
  /* line 357, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.monthlyRate {
    width: 39%;
    border-bottom: none;
    border-right: 1px #ececec solid;
  }
  /* line 358, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.commitment {
    width: 32%;
    border: none;
  }
  /* line 359, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.services {
    width: 57%;
    border: none;
  }
  /* line 362, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.services .series .logo {
    width: 8.51vw;
    height: 8.51vw;
  }
  /* line 365, sass/page/_multiUse4x1000m.scss */
  #multiUse4x1000m-subscription .table.multiUse4x1000mPlan table tbody tr td.action {
    width: 43%;
    border: none;
  }
}
/* common ==================================================================================== */
/* line 5, sass/page/_cslWifi.scss */
.services-cslWifi .infoBlock.wirelessBroadband {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/shopping.jpg");
  background-position: 50% 71%;
}

/* line 15, sass/page/_cslWifi.scss */
#cslWifi .infoBlock.cslWifiOverview .content .desc {
  text-align: left;
}

/* line 25, sass/page/_cslWifi.scss */
#cslWifi-subscription .table.cslWifiPlan table thead tr td.plan {
  width: 35%;
}
/* line 26, sass/page/_cslWifi.scss */
#cslWifi-subscription .table.cslWifiPlan table thead tr td.monthlyRate {
  width: 20%;
}
/* line 27, sass/page/_cslWifi.scss */
#cslWifi-subscription .table.cslWifiPlan table thead tr td.commitment {
  width: 15%;
}
/* line 33, sass/page/_cslWifi.scss */
#cslWifi-subscription .table.cslWifiPlan table tbody tr td.plan {
  text-align: left;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 52, sass/page/_cslWifi.scss */
  .services-cslWifi .infoBlock.wirelessBroadband .content .logo.csl-wifi {
    width: 187px;
    height: 76px;
  }

  /* line 58, sass/page/_cslWifi.scss */
  #cslWifi .infoBlock.cslWifiOverview .content {
    padding-left: 625px;
  }
  /* line 61, sass/page/_cslWifi.scss */
  #cslWifi .infoBlock.cslWifiOverview .graphic {
    width: 526px;
    margin-left: -320px;
  }

  /* line 70, sass/page/_cslWifi.scss */
  #cslWifi-subscription .table.cslWifiPlan table tbody tr td.plan span {
    font-size: 20px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 88, sass/page/_cslWifi.scss */
  .services-cslWifi .infoBlock.wirelessBroadband .content .logo.csl-wifi {
    width: 14.60938vw;
    height: 5.9375vw;
  }

  /* line 94, sass/page/_cslWifi.scss */
  #cslWifi .infoBlock.cslWifiOverview .content {
    padding-left: 48.82813vw;
  }
  /* line 97, sass/page/_cslWifi.scss */
  #cslWifi .infoBlock.cslWifiOverview .graphic {
    width: 41.09375vw;
    margin-left: -25vw;
  }

  /* line 106, sass/page/_cslWifi.scss */
  #cslWifi-subscription .table.cslWifiPlan table tbody tr td.plan span {
    font-size: 1.5625vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 124, sass/page/_cslWifi.scss */
  .services-cslWifi .infoBlock.wirelessBroadband .content .logo.csl-wifi {
    width: 14.60938vw;
    height: 5.9375vw;
  }

  /* line 130, sass/page/_cslWifi.scss */
  #cslWifi .infoBlock.cslWifiOverview .content {
    padding-left: 48.82813vw;
  }
  /* line 133, sass/page/_cslWifi.scss */
  #cslWifi .infoBlock.cslWifiOverview .graphic {
    width: 41.09375vw;
    margin-left: -25vw;
  }

  /* line 142, sass/page/_cslWifi.scss */
  #cslWifi-subscription .table.cslWifiPlan table tbody tr td.plan span {
    font-size: 1.5625vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 158, sass/page/_cslWifi.scss */
  .services-cslWifi .infoBlock.wirelessBroadband {
    -moz-background-size: auto 147%;
    -o-background-size: auto 147%;
    -webkit-background-size: auto 147%;
    background-size: auto 147%;
    background-position: 17% 90%;
  }
  /* line 161, sass/page/_cslWifi.scss */
  .services-cslWifi .infoBlock.wirelessBroadband .content .logo.csl-wifi {
    width: 27.77vw;
    height: 11.29vw;
  }

  /* line 167, sass/page/_cslWifi.scss */
  #cslWifi .infoBlock.cslWifiOverview .content {
    padding-bottom: 84vw;
  }
  /* line 168, sass/page/_cslWifi.scss */
  #cslWifi .infoBlock.cslWifiOverview .graphic {
    width: 90%;
    top: auto;
    bottom: -34vw;
  }

  /* line 176, sass/page/_cslWifi.scss */
  #cslWifi-subscription .table.cslWifiPlan table thead tr td.plan {
    width: 40%;
  }
  /* line 177, sass/page/_cslWifi.scss */
  #cslWifi-subscription .table.cslWifiPlan table thead tr td.monthlyRate {
    width: 30%;
  }
  /* line 178, sass/page/_cslWifi.scss */
  #cslWifi-subscription .table.cslWifiPlan table thead tr td.commitment {
    width: 30%;
  }
  /* line 179, sass/page/_cslWifi.scss */
  #cslWifi-subscription .table.cslWifiPlan table thead tr td.services {
    display: none;
  }
  /* line 184, sass/page/_cslWifi.scss */
  #cslWifi-subscription .table.cslWifiPlan table tbody tr td.plan {
    width: 40%;
    text-align: center;
  }
  /* line 185, sass/page/_cslWifi.scss */
  #cslWifi-subscription .table.cslWifiPlan table tbody tr td.monthlyRate {
    width: 30%;
  }
  /* line 188, sass/page/_cslWifi.scss */
  #cslWifi-subscription .table.cslWifiPlan table tbody tr td.monthlyRate span:after {
    display: block;
  }
  /* line 191, sass/page/_cslWifi.scss */
  #cslWifi-subscription .table.cslWifiPlan table tbody tr td.commitment {
    width: 30%;
  }
  /* line 192, sass/page/_cslWifi.scss */
  #cslWifi-subscription .table.cslWifiPlan table tbody tr td.services {
    display: none;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_email.scss */
.services-email .infoBlock.emailService {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  /*background-image: url("../images/photo/using-laptopAndMobile5.jpg");*/
  /* background-image: url("../images/photo/cs.jpg"); */
  background-image: url("../images/photo/typing.jpg");
  background-position: 50% 100%;
}
/* line 10, sass/page/_email.scss */
.services-email .infoBlock.emailService .content .desc {
  width: 60%;
  margin: auto;
}

/* line 16, sass/page/_email.scss */
.smallPageTop .infoBlock.emailService {
  background-position: 50% 60%;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 29, sass/page/_email.scss */
  .services-email .infoBlock.emailService .content .image.email-orange {
    width: 71px;
    height: 51px;
  }

  /* line 35, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .content {
    padding-left: 225px;
    padding-right: 225px;
  }
  /* line 37, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .content .image.email-protect {
    width: 118px;
    height: 115px;
  }
  /* line 39, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .graphic.laptop {
    width: 571px;
    margin-top: 50px;
    margin-left: 550px;
  }
  /* line 40, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .graphic.tablet {
    width: 325px;
    margin-top: 256px;
    margin-left: -481px;
  }
  /* line 41, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .graphic.mobile {
    width: 214px;
    margin-top: -71px;
    margin-left: -613px;
  }
  /* line 45, sass/page/_email.scss */
  #netvigatorEmail .customBlock.unlimitedStorage .content .image.email-unlimited {
    width: 203px;
    height: 200px;
  }
  /* line 50, sass/page/_email.scss */
  #netvigatorEmail .customBlock.exchangeActiveSync .content .image.email-exchange {
    width: 587px;
    height: 200px;
  }
  /* line 55, sass/page/_email.scss */
  #netvigatorEmail .customBlock.platformSupport .content .image.email-digitalDevices {
    width: 679px;
    height: 285px;
  }
  /* line 61, sass/page/_email.scss */
  #netvigatorEmail .customBlock.disposableEmail .content ul.slider .slick-arrow, #netvigatorEmail .customBlock.smartFiltering .content ul.slider .slick-arrow {
    top: 230px;
  }
  /* line 67, sass/page/_email.scss */
  #netvigatorEmail .customBlock.noAdvertising .content .image.email-noAd {
    width: 346px;
    height: 200px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 82, sass/page/_email.scss */
  .services-email .infoBlock.emailService .content .image.email-orange {
    width: 5.54688vw;
    height: 3.98438vw;
  }

  /* line 88, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .content {
    padding-left: 17.57813vw;
    padding-right: 17.57813vw;
  }
  /* line 90, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .content .image.email-protect {
    width: 9.21875vw;
    height: 8.98438vw;
  }
  /* line 92, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .graphic.laptop {
    width: 44.60938vw;
    margin-top: 3.90625vw;
    margin-left: 42.96875vw;
  }
  /* line 93, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .graphic.tablet {
    width: 25.39063vw;
    margin-top: 20vw;
    margin-left: -37.57813vw;
  }
  /* line 94, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .graphic.mobile {
    width: 16.71875vw;
    margin-top: -5.54688vw;
    margin-left: -47.89063vw;
  }
  /* line 98, sass/page/_email.scss */
  #netvigatorEmail .customBlock.unlimitedStorage .content .image.email-unlimited {
    width: 15.85938vw;
    height: 15.625vw;
  }
  /* line 103, sass/page/_email.scss */
  #netvigatorEmail .customBlock.exchangeActiveSync .content .image.email-exchange {
    width: 45.85938vw;
    height: 15.625vw;
  }
  /* line 108, sass/page/_email.scss */
  #netvigatorEmail .customBlock.platformSupport .content .image.email-digitalDevices {
    width: 53.04688vw;
    height: 22.26563vw;
  }
  /* line 114, sass/page/_email.scss */
  #netvigatorEmail .customBlock.disposableEmail .content ul.slider .slick-arrow, #netvigatorEmail .customBlock.smartFiltering .content ul.slider .slick-arrow {
    top: 17.96875vw;
  }
  /* line 120, sass/page/_email.scss */
  #netvigatorEmail .customBlock.noAdvertising .content .image.email-noAd {
    width: 27.03125vw;
    height: 15.625vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 136, sass/page/_email.scss */
  .services-email .infoBlock.emailService .content .image.email-orange {
    width: 5.54688vw;
    height: 3.98438vw;
  }

  /* line 142, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .content {
    padding-left: 17.57813vw;
    padding-right: 17.57813vw;
  }
  /* line 144, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .content .image.email-protect {
    width: 9.21875vw;
    height: 8.98438vw;
  }
  /* line 146, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .graphic.laptop {
    width: 44.60938vw;
    margin-top: 3.90625vw;
    margin-left: 42.96875vw;
  }
  /* line 147, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .graphic.tablet {
    width: 25.39063vw;
    margin-top: 20vw;
    margin-left: -37.57813vw;
  }
  /* line 148, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .graphic.mobile {
    width: 16.71875vw;
    margin-top: -5.54688vw;
    margin-left: -47.89063vw;
  }
  /* line 152, sass/page/_email.scss */
  #netvigatorEmail .customBlock.unlimitedStorage .content .image.email-unlimited {
    width: 15.85938vw;
    height: 15.625vw;
  }
  /* line 157, sass/page/_email.scss */
  #netvigatorEmail .customBlock.exchangeActiveSync .content .image.email-exchange {
    width: 45.85938vw;
    height: 15.625vw;
  }
  /* line 162, sass/page/_email.scss */
  #netvigatorEmail .customBlock.platformSupport .content .image.email-digitalDevices {
    width: 53.04688vw;
    height: 22.26563vw;
  }
  /* line 168, sass/page/_email.scss */
  #netvigatorEmail .customBlock.disposableEmail .content ul.slider .slick-arrow, #netvigatorEmail .customBlock.smartFiltering .content ul.slider .slick-arrow {
    top: 17.96875vw;
  }
  /* line 174, sass/page/_email.scss */
  #netvigatorEmail .customBlock.noAdvertising .content .image.email-noAd {
    width: 27.03125vw;
    height: 15.625vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 187, sass/page/_email.scss */
  .services-email .infoBlock.emailService {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 190, sass/page/_email.scss */
  .services-email .infoBlock.emailService .content .image.email-orange {
    width: 12.96vw;
    height: 9.25vw;
  }
  /* line 191, sass/page/_email.scss */
  .services-email .infoBlock.emailService .content .desc {
    width: 100%;
  }

  /* line 197, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .content {
    padding-bottom: 20vw;
  }
  /* line 199, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .content .heading {
    width: 80%;
    margin-left: 10%;
  }
  /* line 200, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .content .image.email-protect {
    width: 21.85vw;
    height: 21.29vw;
  }
  /* line 202, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .graphic.laptop {
    width: 60vw;
    margin-top: 38vw;
    margin-left: 35vw;
  }
  /* line 203, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .graphic.tablet {
    width: 34.81vw;
    margin-top: 48vw;
    margin-left: -38vw;
  }
  /* line 204, sass/page/_email.scss */
  #netvigatorEmail .infoBlock.protectedUnlimited .graphic.mobile {
    width: 22.96vw;
    margin-top: 14vw;
    margin-left: -49vw;
  }
  /* line 208, sass/page/_email.scss */
  #netvigatorEmail .customBlock.unlimitedStorage .content .image.email-unlimited {
    width: 32vw;
    height: 31.48vw;
  }
  /* line 213, sass/page/_email.scss */
  #netvigatorEmail .customBlock.exchangeActiveSync .content .image.email-exchange {
    width: 79.62vw;
    height: 27vw;
  }
  /* line 218, sass/page/_email.scss */
  #netvigatorEmail .customBlock.platformSupport .content .image.email-digitalDevices {
    width: 79.62vw;
    height: 33.33vw;
  }
  /* line 224, sass/page/_email.scss */
  #netvigatorEmail .customBlock.disposableEmail .content ul.slider .slick-arrow, #netvigatorEmail .customBlock.smartFiltering .content ul.slider .slick-arrow {
    top: 27vw;
  }
  /* line 230, sass/page/_email.scss */
  #netvigatorEmail .customBlock.noAdvertising .content .image.email-noAd {
    width: 54.44vw;
    height: 31.48vw;
  }

  /* line 235, sass/page/_email.scss */
  #netvigatorEmailLogin .plate {
    background-image: none;
    background-color: #FFF;
  }

  /* line 240, sass/page/_email.scss */
  .smallPageTop .infoBlock.emailService {
    -moz-background-size: 150% auto;
    -o-background-size: 150% auto;
    -webkit-background-size: 150% auto;
    background-size: 150% auto;
    background-position: 50% 50%;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_homeWireless.scss */
.services-homeWireless .infoBlock.homeWireless {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-laptopAndTablet.jpg");
}
.services-homeWireless .infoBlock.myhomewifi {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/myhomewifi-bg.jpg");
}

/* line 19, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.homeWirelessOverview .content .grid {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/illustration/wave.png");
  -moz-background-size: 55% auto;
  -o-background-size: 55% auto;
  -webkit-background-size: 55% auto;
  background-size: 55% auto;
}
/* line 22, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li {
  position: relative;
  vertical-align: middle;
  margin-bottom: 0;
}
/* line 24, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li .image {
  position: relative;
  margin-bottom: 0;
  z-index: 2;
}
/* line 25, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 50%;
  top: 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  background-color: #F3A617;
}
/* line 28, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li:last-child:after {
  content: none;
}
/* line 31, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.desktop:after {
  top: 70%;
}
/* line 34, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem:before {
  content: '●';
  display: inline-block;
  background-color: #E2E2E2;
  color: #F3A617;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 36, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem .image .icon.wifi-blue {
  position: absolute;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 37, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem .image img {
  width: 70%;
}
/* line 39, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem:after {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 40%;
  top: 54%;
}
/* line 43, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.homeWirelessOverview .content .paragraph {
  text-align: left;
}
/* line 46, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.simpleClean {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/modem2.jpg");
  background-position: 50% 63%;
}
/* line 48, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.simpleClean:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(60%, #000000), color-stop(100%, #000000));
  background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, #000000 60%, #000000);
  background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, #000000 60%, #000000);
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, #000000 60%, #000000);
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
/* line 53, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.stayConnected {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-digitalDevices-together.jpg");
  -moz-background-size: auto 139%;
  -o-background-size: auto 139%;
  -webkit-background-size: auto 139%;
  background-size: auto 139%;
  background-position: 50% 65%;
}
/* line 59, sass/page/_homeWireless.scss */
#homeWireless .infoBlock.mindPeace {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/modem-maintenance.jpg");
  background-position: 50% 100%;
}

/* line 66, sass/page/_homeWireless.scss */
#homeWireless-subscription .paragraph.intro {
  text-align: center;
}
/* line 70, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList {
  margin-bottom: 0;
  white-space: nowrap;
}
/* line 72, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul {
  position: relative;
}
/* line 74, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li {
  vertical-align: middle;
  margin-bottom: 0;
}
/* line 77, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.filter {
  width: 17%;
  margin-right: 1%;
}
/* line 79, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.filter .input {
  width: 100%;
}
/* line 81, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.filter .input .select {
  width: 100%;
}
/* line 83, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.filter .input .select select {
  min-width: 0;
}
/* line 87, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.btnGroup {
  position: absolute;
  margin-right: 0;
  right: 0;
}
/* line 90, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.btnGroup .btn-toggle {
  display: none;
}
/* line 96, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list {
  border-top: 1px #ECECEC solid;
}
/* line 100, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .summary {
  font-size: 0;
}
/* line 102, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .photo, #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo, #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer {
  display: inline-block;
  vertical-align: middle;
}
/* line 105, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .photo {
  width: 15%;
}
/* line 107, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .photo img {
  width: 100%;
}
/* line 109, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo {
  width: 50%;
}
/* line 112, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .name {
  padding: 0;
}
/* line 115, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .powered a {
  display: inline-block;
  vertical-align: middle;
}
/* line 117, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .powered a img {
  width: auto;
  height: 100%;
}
/* line 120, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo > *:last-child {
  margin-bottom: 0;
}
/* line 122, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer {
  width: 35%;
  text-align: right;
}
/* line 125, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .monthlyRate span {
  font-family: 'Roboto-Medium', sans-serif;
  color: #ec432e;
  white-space: nowrap;
  line-height: 1em;
}
/* line 127, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .monthlyRate span:before {
  content: 'HK$';
}
/* line 128, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .monthlyRate span:after {
  content: ' / month';
  color: #000;
}
/* line 138, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .collapsedContent .series > ul > li img {
  height: 100%;
}
/* line 144, sass/page/_homeWireless.scss */
#homeWireless-subscription .table.suggestedPlan .list > ul > li .collapsedContent .grid > ul > li {
  margin-bottom: 0;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 163, sass/page/_homeWireless.scss */
  .services-homeWireless .infoBlock.homeWireless .content .icon {
    width: 83px;
    height: 60px;
  }

  /* line 171, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content > .desc {
    padding: 0 100px;
  }
  /* line 172, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  /* line 176, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li:after {
    height: 4px;
  }
  /* line 179, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li:last-child:after {
    content: none;
  }
  /* line 182, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.desktop:after {
    top: 70%;
  }
  /* line 185, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem:before {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  /* line 187, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem .image .icon.wifi-blue {
    top: -15px;
    right: 22px;
  }
  /* line 192, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .paragraph {
    padding: 0 15px;
  }
  /* line 196, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.simpleClean .content {
    padding-right: 565px;
  }
  /* line 198, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.simpleClean .content .image.modem-2in1 {
    height: 81px;
  }
  /* line 203, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.stayConnected .content .image.digitalDevices2 {
    height: 60px;
  }
  /* line 207, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.mindPeace .content {
    padding-bottom: 225px;
  }

  /* line 215, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList {
    padding: 20px 25px;
  }
  /* line 221, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li .input .select select {
    min-width: 0;
  }
  /* line 225, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.btnGroup {
    top: 5px;
  }
  /* line 233, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
  }
  /* line 235, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo {
    padding-left: 25px;
    padding-right: 25px;
  }
  /* line 237, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .ribbon {
    margin-bottom: 10px;
  }
  /* line 238, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .name {
    margin-bottom: 5px;
    font-size: 20px;
  }
  /* line 239, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .model {
    font-size: 16px;
    margin-bottom: 5px;
  }
  /* line 240, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .powered {
    font-size: 16px;
  }
  /* line 242, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .powered a {
    height: 17px;
  }
  /* line 249, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .monthlyRate span {
    font-size: 30px;
  }
  /* line 251, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .monthlyRate span:after {
    font-size: 18px;
  }
  /* line 254, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .commitment {
    font-size: 16px;
  }
  /* line 258, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .collapsedContent .series {
    padding-top: 10px;
    margin-bottom: 15px;
  }
  /* line 261, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .collapsedContent .series > ul > li {
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 283, sass/page/_homeWireless.scss */
  .services-homeWireless .infoBlock.homeWireless .content .icon {
    width: 6.48438vw;
    height: 4.6875vw;
  }

  /* line 291, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content > .desc {
    padding: 0 7.8125vw;
  }
  /* line 292, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid {
    padding-top: 2.34375vw;
    padding-bottom: 2.34375vw;
  }
  /* line 296, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li:after {
    height: 0.3125vw;
  }
  /* line 299, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li:last-child:after {
    content: none;
  }
  /* line 302, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.desktop:after {
    top: 70%;
  }
  /* line 305, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem:before {
    width: 3.51563vw;
    height: 3.51563vw;
    line-height: 3.51563vw;
    font-size: 1.09375vw;
    margin-bottom: 0.78125vw;
  }
  /* line 307, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem .image .icon.wifi-blue {
    top: -1.17188vw;
    right: 1.71875vw;
  }
  /* line 312, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .paragraph {
    padding: 0 1.17188vw;
  }
  /* line 316, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.simpleClean .content {
    padding-right: 44.14063vw;
  }
  /* line 318, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.simpleClean .content .image.modem-2in1 {
    height: 6.32813vw;
  }
  /* line 323, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.stayConnected .content .image.digitalDevices2 {
    height: 4.6875vw;
  }
  /* line 327, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.mindPeace .content {
    padding-bottom: 17.57813vw;
  }

  /* line 335, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList {
    padding: 1.5625vw 1.95313vw;
  }
  /* line 345, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.btnGroup {
    top: 0.39063vw;
  }
  /* line 353, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary {
    padding-top: 1.17188vw;
    padding-bottom: 1.17188vw;
    padding-left: 2.34375vw;
  }
  /* line 355, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo {
    padding-left: 1.95313vw;
    padding-right: 1.95313vw;
  }
  /* line 357, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .ribbon {
    margin-bottom: 0.78125vw;
  }
  /* line 358, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .name {
    margin-bottom: 0.39063vw;
    font-size: 1.5625vw;
  }
  /* line 359, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .model {
    font-size: 1.25vw;
    margin-bottom: 0.39063vw;
  }
  /* line 360, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .powered {
    font-size: 1.25vw;
  }
  /* line 362, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .powered a {
    height: 1.32813vw;
  }
  /* line 369, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .monthlyRate span {
    font-size: 2.34375vw;
  }
  /* line 371, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .monthlyRate span:after {
    font-size: 1.40625vw;
  }
  /* line 374, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .commitment {
    font-size: 1.25vw;
  }
  /* line 378, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .collapsedContent .series {
    padding-top: 0.78125vw;
    margin-bottom: 1.17188vw;
  }
  /* line 381, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .collapsedContent .series > ul > li {
    height: 3.125vw;
    margin-top: 0.78125vw;
    margin-bottom: 0.78125vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 404, sass/page/_homeWireless.scss */
  .services-homeWireless .infoBlock.homeWireless .content .icon {
    width: 6.48438vw;
    height: 4.6875vw;
  }

  /* line 412, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content > .desc {
    padding: 0 7.8125vw;
  }
  /* line 413, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid {
    padding-top: 2.34375vw;
    padding-bottom: 2.34375vw;
  }
  /* line 417, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li:after {
    height: 0.3125vw;
  }
  /* line 420, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li:last-child:after {
    content: none;
  }
  /* line 423, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.desktop:after {
    top: 70%;
  }
  /* line 426, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem:before {
    width: 3.51563vw;
    height: 3.51563vw;
    line-height: 3.51563vw;
    font-size: 1.09375vw;
    margin-bottom: 0.78125vw;
  }
  /* line 428, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem .image .icon.wifi-blue {
    top: -1.17188vw;
    right: 1.71875vw;
  }
  /* line 433, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .paragraph {
    padding: 0 1.17188vw;
  }
  /* line 437, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.simpleClean .content {
    padding-right: 44.14063vw;
  }
  /* line 439, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.simpleClean .content .image.modem-2in1 {
    height: 6.32813vw;
  }
  /* line 444, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.stayConnected .content .image.digitalDevices2 {
    height: 4.6875vw;
  }
  /* line 448, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.mindPeace .content {
    padding-bottom: 17.57813vw;
  }

  /* line 456, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList {
    padding: 1.5625vw 1.95313vw;
  }
  /* line 466, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.btnGroup {
    top: 0.39063vw;
  }
  /* line 474, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary {
    padding-top: 1.17188vw;
    padding-bottom: 1.17188vw;
    padding-left: 2.34375vw;
  }
  /* line 476, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo {
    padding-left: 1.95313vw;
    padding-right: 1.95313vw;
  }
  /* line 478, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .ribbon {
    margin-bottom: 0.78125vw;
  }
  /* line 479, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .name {
    margin-bottom: 0.39063vw;
    font-size: 1.5625vw;
  }
  /* line 480, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .model {
    font-size: 1.25vw;
    margin-bottom: 0.39063vw;
  }
  /* line 481, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .powered {
    font-size: 1.25vw;
  }
  /* line 483, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .powered a {
    height: 1.32813vw;
  }
  /* line 490, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .monthlyRate span {
    font-size: 2.34375vw;
  }
  /* line 492, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .monthlyRate span:after {
    font-size: 1.40625vw;
  }
  /* line 495, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .commitment {
    font-size: 1.25vw;
  }
  /* line 499, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .collapsedContent .series {
    padding-top: 0.78125vw;
    margin-bottom: 1.17188vw;
  }
  /* line 502, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .collapsedContent .series > ul > li {
    height: 3.125vw;
    margin-top: 0.78125vw;
    margin-bottom: 0.78125vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 522, sass/page/_homeWireless.scss */
  .services-homeWireless .infoBlock.homeWireless {
    -moz-background-size: auto 120%;
    -o-background-size: auto 120%;
    -webkit-background-size: auto 120%;
    background-size: auto 120%;
    background-position: center 80%;
  }
  .services-homeWireless .infoBlock.myhomewifi {
    -moz-background-size: auto 120%;
    -o-background-size: auto 120%;
    -webkit-background-size: auto 120%;
    background-size: auto 120%;
    background-position: -90px 80%;
  }
  /* line 525, sass/page/_homeWireless.scss */
  .services-homeWireless .infoBlock.homeWireless .content .icon {
    width: 15.37vw;
    height: 11.11vw;
  }

  /* line 534, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid {
    -moz-background-size: 86% auto;
    -o-background-size: 86% auto;
    -webkit-background-size: 86% auto;
    background-size: 86% auto;
    padding-top: 3vw;
    padding-bottom: 5vw;
  }
  /* line 537, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li {
    width: 100%;
  }
  /* line 539, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li:after {
    height: 0.55vw;
  }
  /* line 542, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li:last-child:after {
    content: none;
  }
  /* line 545, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.desktop .image {
    width: 50%;
  }
  /* line 546, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.desktop:after {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 50%;
    top: 70%;
  }
  /* line 548, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem {
    padding: 10vw 0;
    margin-left: 0;
  }
  /* line 550, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem:before {
    position: absolute;
    width: 6.11vw;
    height: 6.11vw;
    line-height: 6.11vw;
    font-size: 1.29vw;
    top: 50%;
    left: 0;
    margin-top: -3.055vw;
  }
  /* line 551, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem .image {
    width: 50%;
  }
  /* line 553, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem .image img {
    width: 100%;
  }
  /* line 554, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem .image .icon.wifi-blue {
    width: 11vw;
    height: 11vw;
    top: 89%;
    right: 39%;
  }
  /* line 556, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > li.modem:after {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 50%;
    left: 4%;
    margin-top: -0.275vw;
  }
  /* line 558, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > .device {
    margin-left: 0;
  }
  /* line 560, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .grid > ul > .device .image {
    width: 63%;
  }
  /* line 564, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.homeWirelessOverview .content .paragraph {
    padding: 0 15px;
  }
  /* line 567, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.simpleClean {
    -moz-background-size: auto 120%;
    -o-background-size: auto 120%;
    -webkit-background-size: auto 120%;
    background-size: auto 120%;
    background-position: 40% 50%;
  }
  /* line 569, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.simpleClean:before {
    background-image: none;
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
  /* line 571, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.simpleClean .content .image.modem-2in1 {
    width: 65.18vw;
    height: auto;
  }
  /* line 573, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.simpleClean .content .image.modem-2in1 img {
    width: 100%;
  }
  /* line 577, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.stayConnected {
    background-position: 50% 42%;
  }
  /* line 580, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.stayConnected .content .image.digitalDevices2 {
    width: 25.92vw;
    height: auto;
  }
  /* line 582, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.stayConnected .content .image.digitalDevices2 img {
    width: 100%;
  }
  /* line 587, sass/page/_homeWireless.scss */
  #homeWireless .infoBlock.mindPeace .content {
    padding-bottom: 45vw;
  }

  /* line 595, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList {
    padding-top: 3vw;
    padding-bottom: 0;
  }
  /* line 598, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li {
    display: block;
    width: 100%;
    margin-bottom: 3vw;
  }
  /* line 602, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li .input .select select {
    min-width: 100%;
  }
  /* line 606, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.filter {
    width: 100%;
  }
  /* line 607, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.btnGroup {
    position: static;
    display: block;
    width: 100%;
    padding: 0;
  }
  /* line 609, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.btnGroup .btn-clear {
    display: none;
  }
  /* line 610, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.btnGroup .btn-toggle {
    display: block;
    width: 100%;
    line-height: 10vw;
    -moz-border-radius: 5vw;
    -webkit-border-radius: 5vw;
    border-radius: 5vw;
  }
  /* line 612, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.btnGroup .btn-toggle .openFilter {
    display: inline-block;
  }
  /* line 613, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.btnGroup .btn-toggle .clearFilter {
    display: none;
  }
  /* line 614, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.btnGroup .btn-toggle:after {
    content: ' ';
    display: inline-block;
    background-image: url("../images/icon/arrow-stroke-white-down.svg");
    vertical-align: middle;
    width: 4vw;
    height: 10vw;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-left: 2vw;
  }
  /* line 23, sass/partials/_base.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl form .fieldList > ul > li.btnGroup .btn-toggle:after img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  /* line 623, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl.active form .fieldList {
    padding-bottom: 3vw;
  }
  /* line 628, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl.active form .fieldList > ul > li.btnGroup .btn-toggle .openFilter {
    display: none;
  }
  /* line 629, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl.active form .fieldList > ul > li.btnGroup .btn-toggle .clearFilter {
    display: inline-block;
  }
  /* line 630, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .filterCtrl.active form .fieldList > ul > li.btnGroup .btn-toggle:after {
    background-image: url("../images/icon/arrow-stroke-white-up.svg");
  }
  /* line 641, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary {
    padding-top: 3vw;
    padding-bottom: 3vw;
    padding-left: 27vw;
  }
  /* line 643, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .photo {
    position: absolute;
    width: 20vw;
    left: 3%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 646, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo {
    display: block;
    width: 100%;
  }
  /* line 648, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .ribbon {
    margin-bottom: 10px;
  }
  /* line 649, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .name {
    margin-bottom: 2vw;
    font-size: 3.7vw;
  }
  /* line 650, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .model {
    font-size: 3.3vw;
    margin-bottom: 2vw;
  }
  /* line 651, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .powered {
    margin-bottom: 3vw;
    font-size: 3vw;
  }
  /* line 653, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .basicInfo .powered a {
    height: 3.4vw;
  }
  /* line 658, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer {
    display: block;
    width: 100%;
    text-align: left;
  }
  /* line 661, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .monthlyRate span {
    font-size: 3.7vw;
  }
  /* line 663, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .monthlyRate span:after {
    font-size: 3.3vw;
  }
  /* line 666, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .summary .offer .commitment {
    font-size: 3vw;
  }
  /* line 670, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .collapsedContent .series {
    padding: 3vw 3vw;
  }
  /* line 673, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .collapsedContent .series > ul > li {
    height: 7vw;
  }
  /* line 678, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .collapsedContent .grid {
    padding: 3vw 3vw;
  }
  /* line 681, sass/page/_homeWireless.scss */
  #homeWireless-subscription .table.suggestedPlan .list > ul > li .collapsedContent .grid > ul > li {
    margin-bottom: 5vw;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_fsecure.scss */
.services-fsecure .infoBlock.protectionAnywhere {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-laptopAndMobile2.jpg");
  -moz-background-size: 102% auto;
  -o-background-size: 102% auto;
  -webkit-background-size: 102% auto;
  background-size: 102% auto;
  background-position: 50% 73%;
}
/* line 8, sass/page/_fsecure.scss */
.services-fsecure .infoBlock.protectionAnywhere:before {
  background-color: #000014;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* line 15, sass/page/_fsecure.scss */
#fsecure .infoBlock.fsecureOverview .content .desc {
  text-align: left;
}
/* line 19, sass/page/_fsecure.scss */
#fsecure .infoBlock.fsecureOverview .graphic.desktop img {
  -moz-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  -webkit-transform: rotate(8deg);
  transform: rotate(8deg);
}
/* line 22, sass/page/_fsecure.scss */
#fsecure .infoBlock.fsecureOverview .graphic.laptop img {
  -moz-transform: rotate(-22deg);
  -ms-transform: rotate(-22deg);
  -webkit-transform: rotate(-22deg);
  transform: rotate(-22deg);
}
/* line 25, sass/page/_fsecure.scss */
#fsecure .infoBlock.fsecureOverview .graphic.tablet img {
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
/* line 28, sass/page/_fsecure.scss */
#fsecure .infoBlock.fsecureOverview .graphic.mobile img {
  -moz-transform: rotate(-24deg);
  -ms-transform: rotate(-24deg);
  -webkit-transform: rotate(-24deg);
  transform: rotate(-24deg);
}
/* line 31, sass/page/_fsecure.scss */
#fsecure .infoBlock.computerSecurity {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/hack.jpg");
  background-position: center 60%;
}
/* line 37, sass/page/_fsecure.scss */
#fsecure .infoBlock.bankingProtect {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/ebanking.jpg");
  background-position: -66% 1%;
  -moz-background-size: 81% auto;
  -o-background-size: 81% auto;
  -webkit-background-size: 81% auto;
  background-size: 81% auto;
}
/* line 39, sass/page/_fsecure.scss */
#fsecure .infoBlock.bankingProtect:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(60%, #ffffff), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, #ffffff 60%, #ffffff);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, #ffffff 60%, #ffffff);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, #ffffff 60%, #ffffff);
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 44, sass/page/_fsecure.scss */
#fsecure .infoBlock.mobileSecurity {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-laptopAndMobile3.jpg");
  -moz-background-size: 175% auto;
  -o-background-size: 175% auto;
  -webkit-background-size: 175% auto;
  background-size: 175% auto;
  background-position: 40% 50%;
}
/* line 50, sass/page/_fsecure.scss */
#fsecure .infoBlock.parentalControl {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/teach.png");
  background-color: #FFF;
  -moz-background-size: 80% auto;
  -o-background-size: 80% auto;
  -webkit-background-size: 80% auto;
  background-size: 80% auto;
  background-position: right 90%;
}
/* line 53, sass/page/_fsecure.scss */
#fsecure .infoBlock.parentalControl .content .desc {
  /*text-align: left;*/
}
/* line 60, sass/page/_fsecure.scss */
#fsecure .table.fsecureFeature .caption ul li.feature {
  width: 55%;
}
/* line 61, sass/page/_fsecure.scss */
#fsecure .table.fsecureFeature .caption ul li.platform {
  width: 15%;
}
/* line 67, sass/page/_fsecure.scss */
#fsecure .table.fsecureFeature tbody tr td.feature {
  width: 55%;
}
/* line 68, sass/page/_fsecure.scss */
#fsecure .table.fsecureFeature tbody tr td.platform {
  width: 15%;
}

/* line 75, sass/page/_fsecure.scss */
#fsecure-subscription .table.plan.fsecureServices thead {
  display: none;
}
/* line 78, sass/page/_fsecure.scss */
#fsecure-subscription .table.plan.fsecureServices thead tr td.number {
  width: 17.7%;
}
/* line 79, sass/page/_fsecure.scss */
#fsecure-subscription .table.plan.fsecureServices thead tr td.monthlyRate {
  width: 22.1%;
}
/* line 80, sass/page/_fsecure.scss */
#fsecure-subscription .table.plan.fsecureServices thead tr td.commitment {
  width: 13.5%;
}
/* line 82, sass/page/_fsecure.scss */
#fsecure-subscription .table.plan.fsecureServices thead tr td.action {
  width: 15%;
}
/* line 85, sass/page/_fsecure.scss */
#fsecure-subscription .table.plan.fsecureServices thead:first-child {
  display: table-header-group;
}
/* line 96, sass/page/_fsecure.scss */
#fsecure-subscription .customBlock.fsecureActivation {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-laptop.jpg");
  -moz-background-size: 140% auto;
  -o-background-size: 140% auto;
  -webkit-background-size: 140% auto;
  background-size: 140% auto;
  background-position: 45% 70%;
  padding: 0;
}
/* line 109, sass/page/_fsecure.scss */
#fsecure-subscription .content.extend[data-extend-content='fsecureKeycardDownload'] form {
  position: relative;
}
/* line 111, sass/page/_fsecure.scss */
#fsecure-subscription .content.extend[data-extend-content='fsecureKeycardDownload'] form .graphic {
  position: absolute;
  right: 0;
}
/* line 113, sass/page/_fsecure.scss */
#fsecure-subscription .content.extend[data-extend-content='fsecureKeycardDownload'] form .btnGroup .btn-submit {
  position: absolute;
  right: 0;
  bottom: 0;
}
/* line 118, sass/page/_fsecure.scss */
#fsecure-subscription .segment.virusScan .frame {
  position: relative;
}
/* line 120, sass/page/_fsecure.scss */
#fsecure-subscription .segment.virusScan .frame .content {
  text-align: left;
}
/* line 122, sass/page/_fsecure.scss */
#fsecure-subscription .segment.virusScan .frame .content .subheading {
  text-align: left;
}
/* line 123, sass/page/_fsecure.scss */
#fsecure-subscription .segment.virusScan .frame .content .btnGroup {
  text-align: left;
}
/* line 125, sass/page/_fsecure.scss */
#fsecure-subscription .segment.virusScan .frame .graphic {
  position: absolute;
}
/* line 127, sass/page/_fsecure.scss */
#fsecure-subscription .segment.virusScan .frame .graphic img {
  width: 100%;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 141, sass/page/_fsecure.scss */
  .services-fsecure .infoBlock.protectionAnywhere .content .logo.fsecure-vertical {
    width: 254px;
    height: 100px;
    margin-bottom: 15px;
  }

  /* line 147, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .content {
    padding-left: 220px;
    padding-right: 220px;
  }
  /* line 149, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .content .award-avtest {
    width: 368px;
    height: 100px;
  }
  /* line 153, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .content .series > ul > li img {
    height: 100px;
  }
  /* line 158, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.desktop {
    width: 469px;
    margin-left: -743px;
    margin-top: 112px;
  }
  /* line 159, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.laptop {
    width: 440px;
    margin-left: 663px;
    margin-top: -109px;
  }
  /* line 160, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.tablet {
    width: 199px;
    margin-left: 600px;
    margin-top: 223px;
  }
  /* line 161, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.mobile {
    width: 71px;
    margin-left: -530px;
    margin-top: -170px;
  }
  /* line 164, sass/page/_fsecure.scss */
  #fsecure .infoBlock.computerSecurity .content {
    padding-right: 565px;
  }
  /* line 166, sass/page/_fsecure.scss */
  #fsecure .infoBlock.computerSecurity .content .fsecure-window {
    width: 78px;
    height: 60px;
  }
  /* line 170, sass/page/_fsecure.scss */
  #fsecure .infoBlock.bankingProtect .content {
    padding-left: 565px;
  }
  /* line 172, sass/page/_fsecure.scss */
  #fsecure .infoBlock.bankingProtect .content .ebankingProtect {
    width: 110px;
    height: 60px;
  }
  /* line 178, sass/page/_fsecure.scss */
  #fsecure .infoBlock.mobileSecurity .content .mobile-lock {
    width: 100px;
    height: 100px;
  }
  /* line 182, sass/page/_fsecure.scss */
  #fsecure .infoBlock.parentalControl .content {
    padding-left: 65px;
    padding-right: 65px;
    padding-bottom: 160px;
  }

  /* line 190, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureAccountDownload .logo.fsecure-simple {
    width: 60px;
    height: 60px;
  }
  /* line 191, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureAccountDownload .btn {
    font-size: 18px;
  }
  /* line 195, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureKeycardDownload .image.fsecure-keycard {
    width: 137px;
    height: 86px;
    margin-bottom: 24px;
  }
  /* line 199, sass/page/_fsecure.scss */
  #fsecure-subscription .content.extend[data-extend-content='fsecureKeycardDownload'] form .graphic {
    bottom: 100px;
    width: 383px;
  }
  /* line 204, sass/page/_fsecure.scss */
  #fsecure-subscription .segment.virusScan .frame .content {
    padding: 0 335px 0 45px;
  }
  /* line 207, sass/page/_fsecure.scss */
  #fsecure-subscription .segment.virusScan .frame .graphic {
    width: 300px;
    right: 65px;
    top: 90px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 222, sass/page/_fsecure.scss */
  .services-fsecure .infoBlock.protectionAnywhere .content .logo.fsecure-vertical {
    width: 19.84375vw;
    height: 7.8125vw;
    margin-bottom: 1.17188vw;
  }

  /* line 228, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .content {
    padding-left: 17.1875vw;
    padding-right: 17.1875vw;
  }
  /* line 230, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .content .award-avtest {
    width: 28.75vw;
    height: 7.8125vw;
  }
  /* line 234, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .content .series > ul > li img {
    height: 7.8125vw;
  }
  /* line 239, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.desktop {
    width: 36.64063vw;
    margin-left: -58.04688vw;
    margin-top: 8.75vw;
  }
  /* line 240, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.laptop {
    width: 34.375vw;
    margin-left: 51.79688vw;
    margin-top: -8.51563vw;
  }
  /* line 241, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.tablet {
    width: 15.54688vw;
    margin-left: 46.875vw;
    margin-top: 17.42188vw;
  }
  /* line 242, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.mobile {
    width: 5.54688vw;
    margin-left: -41.40625vw;
    margin-top: -13.28125vw;
  }
  /* line 245, sass/page/_fsecure.scss */
  #fsecure .infoBlock.computerSecurity .content {
    padding-right: 44.14063vw;
  }
  /* line 247, sass/page/_fsecure.scss */
  #fsecure .infoBlock.computerSecurity .content .fsecure-window {
    width: 6.09375vw;
    height: 4.6875vw;
  }
  /* line 251, sass/page/_fsecure.scss */
  #fsecure .infoBlock.bankingProtect .content {
    padding-left: 44.14063vw;
  }
  /* line 253, sass/page/_fsecure.scss */
  #fsecure .infoBlock.bankingProtect .content .ebankingProtect {
    width: 8.59375vw;
    height: 4.6875vw;
  }
  /* line 259, sass/page/_fsecure.scss */
  #fsecure .infoBlock.mobileSecurity .content .mobile-lock {
    width: 7.8125vw;
    height: 7.8125vw;
  }
  /* line 263, sass/page/_fsecure.scss */
  #fsecure .infoBlock.parentalControl .content {
    padding-left: 5.07813vw;
    padding-right: 5.07813vw;
    padding-bottom: 12.5vw;
  }

  /* line 271, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureAccountDownload .logo.fsecure-simple {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  /* line 272, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureAccountDownload .btn {
    font-size: 1.40625vw;
  }
  /* line 276, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureKeycardDownload .image.fsecure-keycard {
    width: 10.70313vw;
    height: 6.71875vw;
    margin-bottom: 1.875vw;
  }
  /* line 280, sass/page/_fsecure.scss */
  #fsecure-subscription .content.extend[data-extend-content='fsecureKeycardDownload'] form .graphic {
    bottom: 7.8125vw;
    width: 29.92188vw;
  }
  /* line 285, sass/page/_fsecure.scss */
  #fsecure-subscription .segment.virusScan .frame .content {
    padding: 0 26.17188vw 0 3.51563vw;
  }
  /* line 288, sass/page/_fsecure.scss */
  #fsecure-subscription .segment.virusScan .frame .graphic {
    width: 23.4375vw;
    right: 5.07813vw;
    top: 7.03125vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 303, sass/page/_fsecure.scss */
  .services-fsecure .infoBlock.protectionAnywhere .content .logo.fsecure-vertical {
    width: 19.84375vw;
    height: 7.8125vw;
    margin-bottom: 1.17188vw;
  }

  /* line 309, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .content {
    padding-left: 17.1875vw;
    padding-right: 17.1875vw;
  }
  /* line 311, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .content .award-avtest {
    width: 28.75vw;
    height: 7.8125vw;
  }
  /* line 315, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .content .series > ul > li img {
    height: 7.8125vw;
  }
  /* line 320, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.desktop {
    width: 36.64063vw;
    margin-left: -58.04688vw;
    margin-top: 8.75vw;
  }
  /* line 321, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.laptop {
    width: 34.375vw;
    margin-left: 51.79688vw;
    margin-top: -8.51563vw;
  }
  /* line 322, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.tablet {
    width: 15.54688vw;
    margin-left: 46.875vw;
    margin-top: 17.42188vw;
  }
  /* line 323, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.mobile {
    width: 5.54688vw;
    margin-left: -41.40625vw;
    margin-top: -13.28125vw;
  }
  /* line 326, sass/page/_fsecure.scss */
  #fsecure .infoBlock.computerSecurity .content {
    padding-right: 44.14063vw;
  }
  /* line 328, sass/page/_fsecure.scss */
  #fsecure .infoBlock.computerSecurity .content .fsecure-window {
    width: 6.09375vw;
    height: 4.6875vw;
  }
  /* line 332, sass/page/_fsecure.scss */
  #fsecure .infoBlock.bankingProtect .content {
    padding-left: 44.14063vw;
  }
  /* line 334, sass/page/_fsecure.scss */
  #fsecure .infoBlock.bankingProtect .content .ebankingProtect {
    width: 8.59375vw;
    height: 4.6875vw;
  }
  /* line 340, sass/page/_fsecure.scss */
  #fsecure .infoBlock.mobileSecurity .content .mobile-lock {
    width: 7.8125vw;
    height: 7.8125vw;
  }
  /* line 344, sass/page/_fsecure.scss */
  #fsecure .infoBlock.parentalControl .content {
    padding-left: 5.07813vw;
    padding-right: 5.07813vw;
    padding-bottom: 12.5vw;
  }

  /* line 352, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureAccountDownload .logo.fsecure-simple {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  /* line 353, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureAccountDownload .btn {
    font-size: 1.40625vw;
  }
  /* line 357, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureKeycardDownload .image.fsecure-keycard {
    width: 10.70313vw;
    height: 6.71875vw;
    margin-bottom: 1.875vw;
  }
  /* line 361, sass/page/_fsecure.scss */
  #fsecure-subscription .content.extend[data-extend-content='fsecureKeycardDownload'] form .graphic {
    bottom: 7.8125vw;
    width: 29.92188vw;
  }
  /* line 366, sass/page/_fsecure.scss */
  #fsecure-subscription .segment.virusScan .frame .content {
    padding: 0 26.17188vw 0 3.51563vw;
  }
  /* line 369, sass/page/_fsecure.scss */
  #fsecure-subscription .segment.virusScan .frame .graphic {
    width: 23.4375vw;
    right: 5.07813vw;
    top: 7.03125vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 383, sass/page/_fsecure.scss */
  .services-fsecure .infoBlock.protectionAnywhere {
    -moz-background-size: auto 123%;
    -o-background-size: auto 123%;
    -webkit-background-size: auto 123%;
    background-size: auto 123%;
    background-position: 50% 27%;
  }
  /* line 386, sass/page/_fsecure.scss */
  .services-fsecure .infoBlock.protectionAnywhere .content .heading {
    width: 80%;
    margin-left: 10%;
  }
  /* line 387, sass/page/_fsecure.scss */
  .services-fsecure .infoBlock.protectionAnywhere .content .desc {
    padding: 0 12vw;
  }
  /* line 388, sass/page/_fsecure.scss */
  .services-fsecure .infoBlock.protectionAnywhere .content .logo.fsecure-vertical {
    width: 43.89vw;
    height: 17vw;
    margin-bottom: 2vw;
  }

  /* line 394, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .content {
    padding-bottom: 70vw;
  }
  /* line 396, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .content .award-avtest {
    width: 64.63vw;
    height: 17.59vw;
  }
  /* line 400, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .content .series > ul > li img {
    height: 17.59vw;
  }
  /* line 405, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.desktop {
    width: 51vw;
    margin-left: -30vw;
    margin-top: 92vw;
  }
  /* line 406, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.laptop {
    width: 51vw;
    margin-left: 33vw;
    margin-top: 67vw;
  }
  /* line 407, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.tablet {
    width: 21vw;
    margin-left: 28vw;
    margin-top: 105vw;
  }
  /* line 408, sass/page/_fsecure.scss */
  #fsecure .infoBlock.fsecureOverview .graphic.mobile {
    width: 8vw;
    margin-left: -7vw;
    margin-top: 60vw;
  }
  /* line 410, sass/page/_fsecure.scss */
  #fsecure .infoBlock.computerSecurity {
    -moz-background-size: auto 120%;
    -o-background-size: auto 120%;
    -webkit-background-size: auto 120%;
    background-size: auto 120%;
    background-position: 57% 41%;
  }
  /* line 413, sass/page/_fsecure.scss */
  #fsecure .infoBlock.computerSecurity .content .subheading {
    width: 70%;
    margin-left: 15%;
  }
  /* line 414, sass/page/_fsecure.scss */
  #fsecure .infoBlock.computerSecurity .content .fsecure-window {
    width: 14.44vw;
    height: 11.11vw;
  }
  /* line 417, sass/page/_fsecure.scss */
  #fsecure .infoBlock.bankingProtect {
    background-color: #FFF;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center 136%;
  }
  /* line 419, sass/page/_fsecure.scss */
  #fsecure .infoBlock.bankingProtect:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  /* line 420, sass/page/_fsecure.scss */
  #fsecure .infoBlock.bankingProtect .content {
    padding-bottom: 50vw;
  }
  /* line 422, sass/page/_fsecure.scss */
  #fsecure .infoBlock.bankingProtect .content .ebankingProtect {
    width: 20.18vw;
    height: 11.11vw;
  }
  /* line 425, sass/page/_fsecure.scss */
  #fsecure .infoBlock.mobileSecurity {
    -moz-background-size: auto 120%;
    -o-background-size: auto 120%;
    -webkit-background-size: auto 120%;
    background-size: auto 120%;
    background-position: 40% 10%;
  }
  /* line 428, sass/page/_fsecure.scss */
  #fsecure .infoBlock.mobileSecurity .content .mobile-lock {
    width: 18.51vw;
    height: 18.51vw;
  }
  /* line 432, sass/page/_fsecure.scss */
  #fsecure .infoBlock.parentalControl .content {
    padding-bottom: 45vw;
  }
  /* line 434, sass/page/_fsecure.scss */
  #fsecure .infoBlock.parentalControl .content .subheading {
    width: 80%;
    margin-left: 10%;
  }
  /* line 435, sass/page/_fsecure.scss */
  #fsecure .infoBlock.parentalControl .content .desc {
    text-align: center;
  }
  /* line 442, sass/page/_fsecure.scss */
  #fsecure .table.fsecureFeature .caption ul li.feature {
    width: 64%;
  }
  /* line 443, sass/page/_fsecure.scss */
  #fsecure .table.fsecureFeature .caption ul li.platform {
    width: 12%;
    -moz-background-size: 65% auto;
    -o-background-size: 65% auto;
    -webkit-background-size: 65% auto;
    background-size: 65% auto;
  }
  /* line 450, sass/page/_fsecure.scss */
  #fsecure .table.fsecureFeature tbody tr td.tick {
    -moz-background-size: 35% auto;
    -o-background-size: 35% auto;
    -webkit-background-size: 35% auto;
    background-size: 35% auto;
  }
  /* line 451, sass/page/_fsecure.scss */
  #fsecure .table.fsecureFeature tbody tr td.feature {
    width: 64%;
  }
  /* line 452, sass/page/_fsecure.scss */
  #fsecure .table.fsecureFeature tbody tr td.platform {
    width: 12%;
  }
  /* line 454, sass/page/_fsecure.scss */
  #fsecure .table.fsecureFeature tbody tr td.windows:before {
    content: none;
  }

  /* line 464, sass/page/_fsecure.scss */
  #fsecure-subscription .procedure#fsecureSubscription .step.confirm .btnGroup .btn {
    margin-left: 2%;
    width: 49%;
  }
  /* line 465, sass/page/_fsecure.scss */
  #fsecure-subscription .procedure#fsecureSubscription .step.confirm .btnGroup .btn:first-child {
    margin-left: 0;
  }
  /* line 473, sass/page/_fsecure.scss */
  #fsecure-subscription .table.plan.fsecureServices table thead tr td.number {
    width: 30.8%;
  }
  /* line 474, sass/page/_fsecure.scss */
  #fsecure-subscription .table.plan.fsecureServices table thead tr td.monthlyRate {
    width: 41.2%;
    text-align: center;
  }
  /* line 475, sass/page/_fsecure.scss */
  #fsecure-subscription .table.plan.fsecureServices table thead tr td.commitment {
    width: 28%;
    font-size: 3vw;
  }
  /* line 476, sass/page/_fsecure.scss */
  #fsecure-subscription .table.plan.fsecureServices table thead tr td.services {
    display: none;
  }
  /* line 477, sass/page/_fsecure.scss */
  #fsecure-subscription .table.plan.fsecureServices table thead tr td.action {
    display: none;
  }
  /* line 482, sass/page/_fsecure.scss */
  #fsecure-subscription .table.plan.fsecureServices table tbody tr td.number {
    width: 30.8%;
    border: none;
  }
  /* line 483, sass/page/_fsecure.scss */
  #fsecure-subscription .table.plan.fsecureServices table tbody tr td.monthlyRate {
    width: 41.2%;
    border-bottom: none;
    border-right: 1px #ececec solid;
  }
  /* line 484, sass/page/_fsecure.scss */
  #fsecure-subscription .table.plan.fsecureServices table tbody tr td.commitment {
    width: 28%;
    font-size: 3.7vw;
    border: none;
  }
  /* line 485, sass/page/_fsecure.scss */
  #fsecure-subscription .table.plan.fsecureServices table tbody tr td.services {
    width: 69%;
    border: none;
  }
  /* line 486, sass/page/_fsecure.scss */
  #fsecure-subscription .table.plan.fsecureServices table tbody tr td.action {
    width: 31%;
    border: none;
  }
  /* line 491, sass/page/_fsecure.scss */
  #fsecure-subscription .customBlock.fsecureActivation {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: 50% 50%;
  }
  /* line 493, sass/page/_fsecure.scss */
  #fsecure-subscription .customBlock.fsecureActivation .content {
    padding: 6vw 5vw;
  }
  /* line 496, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureAccountDownload {
    position: relative;
  }
  /* line 498, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureAccountDownload p {
    padding-left: 15.55vw;
  }
  /* line 499, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureAccountDownload .remark {
    padding-left: 15.55vw;
  }
  /* line 500, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureAccountDownload .logo.fsecure-simple {
    width: 11.11vw;
    height: 11.11vw;
    position: absolute;
    left: 5vw;
    top: 10vw;
  }
  /* line 501, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureAccountDownload .btn {
    font-size: 3.3vw;
  }
  /* line 504, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureKeycardDownload {
    position: relative;
  }
  /* line 506, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureKeycardDownload p {
    padding-left: 26.11vw;
  }
  /* line 507, sass/page/_fsecure.scss */
  #fsecure-subscription .card.fsecureKeycardDownload .image.fsecure-keycard {
    width: 22.22vw;
    height: 13.88vw;
    margin-bottom: 0;
    position: absolute;
    left: 5vw;
    top: 12vw;
  }
  /* line 510, sass/page/_fsecure.scss */
  #fsecure-subscription .content.extend[data-extend-content='fsecureKeycardDownload'] form {
    padding-top: 38.1vw;
  }
  /* line 512, sass/page/_fsecure.scss */
  #fsecure-subscription .content.extend[data-extend-content='fsecureKeycardDownload'] form .graphic {
    bottom: auto;
    top: 3vw;
    right: 25%;
    width: 48.1vw;
  }
  /* line 514, sass/page/_fsecure.scss */
  #fsecure-subscription .content.extend[data-extend-content='fsecureKeycardDownload'] form .btnGroup .btn-submit {
    position: static;
    width: 50%;
  }
  /* line 518, sass/page/_fsecure.scss */
  #fsecure-subscription .segment.virusScan {
    display: none;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_freedome.scss */
.services-freedome .infoBlock.onlineSecurity {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/desk-viewFront-blue.jpg");
}
/* line 8, sass/page/_freedome.scss */
.services-freedome .infoBlock.onlineSecurity:before {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/geometryDeepBlue.png");
}

/* line 17, sass/page/_freedome.scss */
#freedome .infoBlock.freedomeOverview .content .desc {
  text-align: left;
}
/* line 23, sass/page/_freedome.scss */
#freedome .infoBlock.tracelessBrowsing {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/anonymous.jpg");
}
/* line 29, sass/page/_freedome.scss */
#freedome .infoBlock.wifiConnectivity {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-laptopAndMobile4.jpg");
  -moz-background-size: 85% auto;
  -o-background-size: 85% auto;
  -webkit-background-size: 85% auto;
  background-size: 85% auto;
  background-position: 163% 52%;
}
/* line 31, sass/page/_freedome.scss */
#freedome .infoBlock.wifiConnectivity:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(60%, #ffffff), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, #ffffff 60%, #ffffff);
  background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, #ffffff 60%, #ffffff);
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, #ffffff 60%, #ffffff);
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 36, sass/page/_freedome.scss */
#freedome .infoBlock.browsingProtection {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-laptop2.jpg");
  -moz-background-size: auto 120%;
  -o-background-size: auto 120%;
  -webkit-background-size: auto 120%;
  background-size: auto 120%;
  background-position: 0% 100%;
}
/* line 42, sass/page/_freedome.scss */
#freedome .infoBlock.fastInstallation {
  background-image: none;
  background-color: #FFF;
}

/* line 52, sass/page/_freedome.scss */
#freedome-subscription .table.plan.freedomeServices thead {
  display: none;
}
/* line 55, sass/page/_freedome.scss */
#freedome-subscription .table.plan.freedomeServices thead tr td.number {
  width: 17.7%;
}
/* line 56, sass/page/_freedome.scss */
#freedome-subscription .table.plan.freedomeServices thead tr td.monthlyRate {
  width: 22.1%;
}
/* line 57, sass/page/_freedome.scss */
#freedome-subscription .table.plan.freedomeServices thead tr td.commitment {
  width: 13.5%;
}
/* line 59, sass/page/_freedome.scss */
#freedome-subscription .table.plan.freedomeServices thead tr td.action {
  width: 15%;
}
/* line 62, sass/page/_freedome.scss */
#freedome-subscription .table.plan.freedomeServices thead:first-child {
  display: table-header-group;
}
/* line 73, sass/page/_freedome.scss */
#freedome-subscription .customBlock.freedomeSafetyPack {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/geometryBlue.jpg");
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
/* line 75, sass/page/_freedome.scss */
#freedome-subscription .customBlock.freedomeSafetyPack:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 78, sass/page/_freedome.scss */
#freedome-subscription .customBlock.freedomeSafetyPack .content .offer {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
/* line 80, sass/page/_freedome.scss */
#freedome-subscription .customBlock.freedomeSafetyPack .content .offer .monthlyRate {
  text-align: right;
}
/* line 82, sass/page/_freedome.scss */
#freedome-subscription .customBlock.freedomeSafetyPack .content .btnGroup {
  display: inline-block;
  vertical-align: middle;
}
/* line 90, sass/page/_freedome.scss */
#freedome-subscription .grid.freedomeScreenShot ul li img {
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
/* line 95, sass/page/_freedome.scss */
#freedome-subscription .segment.freedomeActivation .frame {
  position: relative;
}
/* line 97, sass/page/_freedome.scss */
#freedome-subscription .segment.freedomeActivation .frame .content {
  text-align: center;
}
/* line 101, sass/page/_freedome.scss */
#freedome-subscription .segment.freedomeActivation .frame .graphic {
  position: absolute;
  top: 0;
  z-index: 2;
}
/* line 103, sass/page/_freedome.scss */
#freedome-subscription .segment.freedomeActivation .frame .graphic img {
  width: 100%;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 117, sass/page/_freedome.scss */
  .services-freedome .infoBlock.onlineSecurity .content .logo.freedome-white {
    width: 336px;
    height: 46px;
  }

  /* line 123, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .content {
    padding-right: 385px;
  }
  /* line 125, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .content .award-avtest {
    width: 368px;
    height: 100px;
  }
  /* line 129, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .content .series > ul > li img {
    height: 100px;
  }
  /* line 134, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .graphic.laptop {
    width: 714px;
    margin-left: 686px;
    margin-top: -50px;
  }
  /* line 135, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .graphic.mobile {
    width: 235px;
    margin-left: 384px;
    margin-top: 137px;
  }
  /* line 138, sass/page/_freedome.scss */
  #freedome .infoBlock.tracelessBrowsing .content {
    padding-left: 575px;
  }
  /* line 140, sass/page/_freedome.scss */
  #freedome .infoBlock.tracelessBrowsing .content .image.user-lock {
    width: 60px;
    height: 60px;
  }
  /* line 144, sass/page/_freedome.scss */
  #freedome .infoBlock.wifiConnectivity .content {
    padding-right: 565px;
  }
  /* line 146, sass/page/_freedome.scss */
  #freedome .infoBlock.wifiConnectivity .content .image.wifi-protect {
    width: 52px;
    height: 60px;
  }
  /* line 151, sass/page/_freedome.scss */
  #freedome .infoBlock.browsingProtection .content .image.window-lock {
    width: 67px;
    height: 60px;
  }
  /* line 155, sass/page/_freedome.scss */
  #freedome .infoBlock.fastInstallation .content {
    padding-bottom: 256px;
  }
  /* line 157, sass/page/_freedome.scss */
  #freedome .infoBlock.fastInstallation .content .image.window-lock {
    width: 67px;
    height: 60px;
  }
  /* line 159, sass/page/_freedome.scss */
  #freedome .infoBlock.fastInstallation .graphic {
    width: 297px;
    margin-top: 168px;
  }

  /* line 168, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .package ul li .freedome {
    margin: 10px 0 20px 0;
  }
  /* line 169, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .package ul li .fsecure {
    margin: 0 0 20px 0;
  }
  /* line 173, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .offer {
    padding-top: 20px;
    margin-right: 30px;
  }
  /* line 177, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .btnGroup {
    padding-top: 20px;
    margin-right: 30px;
  }
  /* line 182, sass/page/_freedome.scss */
  #freedome-subscription .grid.freedomeScreenShot {
    margin: 0 30px;
    padding-top: 30px;
  }
  /* line 187, sass/page/_freedome.scss */
  #freedome-subscription .segment.freedomeActivation .frame .content {
    width: 600px;
    margin-left: 450px;
  }
  /* line 190, sass/page/_freedome.scss */
  #freedome-subscription .segment.freedomeActivation .frame .graphic {
    width: 336px;
    left: 163px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 207, sass/page/_freedome.scss */
  .services-freedome .infoBlock.onlineSecurity .content .logo.freedome-white {
    width: 26.25vw;
    height: 3.59375vw;
  }

  /* line 213, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .content {
    padding-right: 30.07813vw;
  }
  /* line 215, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .content .award-avtest {
    width: 28.75vw;
    height: 7.8125vw;
  }
  /* line 219, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .content .series > ul > li img {
    height: 7.8125vw;
  }
  /* line 224, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .graphic.laptop {
    width: 55.78125vw;
    margin-left: 53.59375vw;
    margin-top: -3.90625vw;
  }
  /* line 225, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .graphic.mobile {
    width: 18.35938vw;
    margin-left: 30vw;
    margin-top: 10.70313vw;
  }
  /* line 228, sass/page/_freedome.scss */
  #freedome .infoBlock.tracelessBrowsing .content {
    padding-left: 44.92188vw;
  }
  /* line 230, sass/page/_freedome.scss */
  #freedome .infoBlock.tracelessBrowsing .content .image.user-lock {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  /* line 234, sass/page/_freedome.scss */
  #freedome .infoBlock.wifiConnectivity .content {
    padding-right: 44.14063vw;
  }
  /* line 236, sass/page/_freedome.scss */
  #freedome .infoBlock.wifiConnectivity .content .image.wifi-protect {
    width: 4.0625vw;
    height: 4.6875vw;
  }
  /* line 241, sass/page/_freedome.scss */
  #freedome .infoBlock.browsingProtection .content .image.window-lock {
    width: 5.23438vw;
    height: 4.6875vw;
  }
  /* line 245, sass/page/_freedome.scss */
  #freedome .infoBlock.fastInstallation .content {
    padding-bottom: 20vw;
  }
  /* line 247, sass/page/_freedome.scss */
  #freedome .infoBlock.fastInstallation .content .image.window-lock {
    width: 5.23438vw;
    height: 4.6875vw;
  }
  /* line 249, sass/page/_freedome.scss */
  #freedome .infoBlock.fastInstallation .graphic {
    width: 23.20313vw;
    margin-top: 13.125vw;
  }

  /* line 258, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .package ul li .freedome {
    margin: 0.78125vw 0 1.5625vw 0;
  }
  /* line 259, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .package ul li .fsecure {
    margin: 0 0 1.5625vw 0;
  }
  /* line 263, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .offer {
    padding-top: 1.5625vw;
    margin-right: 2.34375vw;
  }
  /* line 267, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .btnGroup {
    padding-top: 1.5625vw;
    margin-right: 2.34375vw;
  }
  /* line 272, sass/page/_freedome.scss */
  #freedome-subscription .grid.freedomeScreenShot {
    margin: 0 2.34375vw;
    padding-top: 2.34375vw;
  }
  /* line 277, sass/page/_freedome.scss */
  #freedome-subscription .segment.freedomeActivation .frame .content {
    width: 46.875vw;
    margin-left: 35.15625vw;
  }
  /* line 280, sass/page/_freedome.scss */
  #freedome-subscription .segment.freedomeActivation .frame .graphic {
    width: 26.25vw;
    left: 12.73438vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 298, sass/page/_freedome.scss */
  .services-freedome .infoBlock.onlineSecurity .content .logo.freedome-white {
    width: 26.25vw;
    height: 3.59375vw;
  }

  /* line 304, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .content {
    padding-right: 30.07813vw;
  }
  /* line 306, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .content .award-avtest {
    width: 28.75vw;
    height: 7.8125vw;
  }
  /* line 310, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .content .series > ul > li img {
    height: 7.8125vw;
  }
  /* line 315, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .graphic.laptop {
    width: 55.78125vw;
    margin-left: 53.59375vw;
    margin-top: -3.90625vw;
  }
  /* line 316, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .graphic.mobile {
    width: 18.35938vw;
    margin-left: 30vw;
    margin-top: 10.70313vw;
  }
  /* line 319, sass/page/_freedome.scss */
  #freedome .infoBlock.tracelessBrowsing .content {
    padding-left: 44.92188vw;
  }
  /* line 321, sass/page/_freedome.scss */
  #freedome .infoBlock.tracelessBrowsing .content .image.user-lock {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  /* line 325, sass/page/_freedome.scss */
  #freedome .infoBlock.wifiConnectivity .content {
    padding-right: 44.14063vw;
  }
  /* line 327, sass/page/_freedome.scss */
  #freedome .infoBlock.wifiConnectivity .content .image.wifi-protect {
    width: 4.0625vw;
    height: 4.6875vw;
  }
  /* line 332, sass/page/_freedome.scss */
  #freedome .infoBlock.browsingProtection .content .image.window-lock {
    width: 5.23438vw;
    height: 4.6875vw;
  }
  /* line 336, sass/page/_freedome.scss */
  #freedome .infoBlock.fastInstallation .content {
    padding-bottom: 20vw;
  }
  /* line 338, sass/page/_freedome.scss */
  #freedome .infoBlock.fastInstallation .content .image.window-lock {
    width: 5.23438vw;
    height: 4.6875vw;
  }
  /* line 340, sass/page/_freedome.scss */
  #freedome .infoBlock.fastInstallation .graphic {
    width: 23.20313vw;
    margin-top: 13.125vw;
  }

  /* line 349, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .package ul li .freedome {
    margin: 0.78125vw 0 1.5625vw 0;
  }
  /* line 350, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .package ul li .fsecure {
    margin: 0 0 1.5625vw 0;
  }
  /* line 354, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .offer {
    padding-top: 1.5625vw;
    margin-right: 2.34375vw;
  }
  /* line 358, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .btnGroup {
    padding-top: 1.5625vw;
    margin-right: 2.34375vw;
  }
  /* line 363, sass/page/_freedome.scss */
  #freedome-subscription .grid.freedomeScreenShot {
    margin: 0 2.34375vw;
    padding-top: 2.34375vw;
  }
  /* line 368, sass/page/_freedome.scss */
  #freedome-subscription .segment.freedomeActivation .frame .content {
    width: 46.875vw;
    margin-left: 35.15625vw;
  }
  /* line 371, sass/page/_freedome.scss */
  #freedome-subscription .segment.freedomeActivation .frame .graphic {
    width: 26.25vw;
    left: 12.73438vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 386, sass/page/_freedome.scss */
  .services-freedome .infoBlock.onlineSecurity {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: 100% 50%;
  }
  /* line 388, sass/page/_freedome.scss */
  .services-freedome .infoBlock.onlineSecurity:before {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: 54% 50%;
  }
  /* line 390, sass/page/_freedome.scss */
  .services-freedome .infoBlock.onlineSecurity .content .logo.freedome-white {
    width: 61.11vw;
    height: 8.33vw;
  }

  /* line 396, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .content {
    padding-bottom: 65vw;
  }
  /* line 398, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .content .award-avtest {
    width: 64.63vw;
    height: 17.59vw;
  }
  /* line 402, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .content .series > ul > li img {
    height: 17.59vw;
  }
  /* line 407, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .graphic.laptop {
    top: auto;
    bottom: 0;
    width: 75.85vw;
    margin-left: 0;
  }
  /* line 408, sass/page/_freedome.scss */
  #freedome .infoBlock.freedomeOverview .graphic.mobile {
    top: auto;
    bottom: -7vw;
    width: 24.62vw;
    margin-left: -30vw;
  }
  /* line 410, sass/page/_freedome.scss */
  #freedome .infoBlock.tracelessBrowsing {
    -moz-background-size: auto 103%;
    -o-background-size: auto 103%;
    -webkit-background-size: auto 103%;
    background-size: auto 103%;
  }
  /* line 413, sass/page/_freedome.scss */
  #freedome .infoBlock.tracelessBrowsing .content .image.user-lock {
    width: 11.11vw;
    height: 11.11vw;
  }
  /* line 416, sass/page/_freedome.scss */
  #freedome .infoBlock.wifiConnectivity {
    background-color: #FFF;
    -moz-background-size: 107% auto;
    -o-background-size: 107% auto;
    -webkit-background-size: 107% auto;
    background-size: 107% auto;
    background-position: center 123%;
  }
  /* line 418, sass/page/_freedome.scss */
  #freedome .infoBlock.wifiConnectivity:before {
    background-image: none;
    background-color: #fff;
    height: 62%;
  }
  /* line 419, sass/page/_freedome.scss */
  #freedome .infoBlock.wifiConnectivity .content {
    padding-bottom: 57vw;
  }
  /* line 421, sass/page/_freedome.scss */
  #freedome .infoBlock.wifiConnectivity .content .image.wifi-protect {
    width: 9.62vw;
    height: 11.11vw;
  }
  /* line 424, sass/page/_freedome.scss */
  #freedome .infoBlock.browsingProtection {
    -moz-background-size: auto 120%;
    -o-background-size: auto 120%;
    -webkit-background-size: auto 120%;
    background-size: auto 120%;
    background-position: 9% 6%;
  }
  /* line 427, sass/page/_freedome.scss */
  #freedome .infoBlock.browsingProtection .content .image.window-lock {
    width: 12.4vw;
    height: 11.11vw;
  }
  /* line 431, sass/page/_freedome.scss */
  #freedome .infoBlock.fastInstallation .content {
    padding-bottom: 50vw;
  }
  /* line 433, sass/page/_freedome.scss */
  #freedome .infoBlock.fastInstallation .content .image.window-lock {
    width: 12.4vw;
    height: 11.11vw;
  }
  /* line 435, sass/page/_freedome.scss */
  #freedome .infoBlock.fastInstallation .graphic {
    width: 48.5vw;
    margin-top: 26vw;
  }

  /* line 439, sass/page/_freedome.scss */
  #freedome-subscription .procedure#freedomeSubscription {
    border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
  }
  /* line 443, sass/page/_freedome.scss */
  #freedome-subscription .procedure#freedomeSubscription .step.confirm .btnGroup .btn {
    margin-left: 2%;
    width: 49%;
  }
  /* line 444, sass/page/_freedome.scss */
  #freedome-subscription .procedure#freedomeSubscription .step.confirm .btnGroup .btn:first-child {
    margin-left: 0;
  }
  /* line 452, sass/page/_freedome.scss */
  #freedome-subscription .table.plan.freedomeServices table thead tr td.number {
    width: 30.8%;
  }
  /* line 453, sass/page/_freedome.scss */
  #freedome-subscription .table.plan.freedomeServices table thead tr td.monthlyRate {
    width: 41.2%;
    text-align: center;
  }
  /* line 454, sass/page/_freedome.scss */
  #freedome-subscription .table.plan.freedomeServices table thead tr td.commitment {
    width: 28%;
    font-size: 3vw;
  }
  /* line 455, sass/page/_freedome.scss */
  #freedome-subscription .table.plan.freedomeServices table thead tr td.services {
    display: none;
  }
  /* line 456, sass/page/_freedome.scss */
  #freedome-subscription .table.plan.freedomeServices table thead tr td.action {
    display: none;
  }
  /* line 461, sass/page/_freedome.scss */
  #freedome-subscription .table.plan.freedomeServices table tbody tr td.number {
    width: 30.8%;
    border: none;
  }
  /* line 462, sass/page/_freedome.scss */
  #freedome-subscription .table.plan.freedomeServices table tbody tr td.monthlyRate {
    width: 41.2%;
    border-bottom: none;
    border-right: 1px #ececec solid;
  }
  /* line 463, sass/page/_freedome.scss */
  #freedome-subscription .table.plan.freedomeServices table tbody tr td.commitment {
    width: 28%;
    font-size: 3.7vw;
    border: none;
  }
  /* line 464, sass/page/_freedome.scss */
  #freedome-subscription .table.plan.freedomeServices table tbody tr td.services {
    width: 69%;
    border: none;
  }
  /* line 465, sass/page/_freedome.scss */
  #freedome-subscription .table.plan.freedomeServices table tbody tr td.action {
    width: 31%;
    border: none;
  }
  /* line 470, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack {
    padding-top: 6vw;
  }
  /* line 476, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .package ul li .freedome {
    margin: 3vw 0 3vw 0;
  }
  /* line 477, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .package ul li .fsecure {
    margin: 3vw 0 3vw 0;
  }
  /* line 481, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .offer {
    padding-top: 3vw;
  }
  /* line 485, sass/page/_freedome.scss */
  #freedome-subscription .customBlock.freedomeSafetyPack .content .btnGroup {
    padding-top: 5vw;
  }
  /* line 490, sass/page/_freedome.scss */
  #freedome-subscription .grid.freedomeScreenShot {
    margin: 0 5vw;
    padding-top: 5vw;
    padding-bottom: 0;
  }
  /* line 493, sass/page/_freedome.scss */
  #freedome-subscription .grid.freedomeScreenShot > ul > li {
    width: 100%;
    margin-left: 0;
  }
  /* line 499, sass/page/_freedome.scss */
  #freedome-subscription .segment.freedomeActivation .frame {
    padding: 0;
  }
  /* line 504, sass/page/_freedome.scss */
  #freedome-subscription .segment.freedomeActivation .frame .content {
    width: 100%;
    padding: 5vw;
  }
  /* line 507, sass/page/_freedome.scss */
  #freedome-subscription .segment.freedomeActivation .frame .graphic {
    width: 56.85vw;
    position: static;
    margin: 0 auto;
    padding: 0 0 8vw 0;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_gamer.scss */
.services-gamer .infoBlock.forGamers {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/robot.jpg");
  -moz-background-size: 102% auto;
  -o-background-size: 102% auto;
  -webkit-background-size: 102% auto;
  background-size: 102% auto;
}
/* line 8, sass/page/_gamer.scss */
.services-gamer .infoBlock.forGamers:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 15, sass/page/_gamer.scss */
#gamer .infoBlock.gameServer .content .desc {
  width: 62%;
}
/* line 18, sass/page/_gamer.scss */
#gamer .infoBlock.gameServer .content .segment.collapsed .paragraph p {
  text-align: left;
}
/* line 21, sass/page/_gamer.scss */
#gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul {
  font-size: 0;
}
/* line 23, sass/page/_gamer.scss */
#gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
  line-height: 1.125em;
}
/* line 25, sass/page/_gamer.scss */
#gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li:before {
  content: ' ';
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/illustration/arrow-2way-leftRight.png");
  position: absolute;
}
/* line 26, sass/page/_gamer.scss */
#gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li .image {
  display: block;
  margin: 0 auto;
}
/* line 28, sass/page/_gamer.scss */
#gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li:first-child {
  margin-left: 0;
}
/* line 30, sass/page/_gamer.scss */
#gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li:first-child:before {
  content: none;
}
/* line 36, sass/page/_gamer.scss */
#gamer .infoBlock.gameServer .graphic.keyboard {
  top: 0;
}
/* line 37, sass/page/_gamer.scss */
#gamer .infoBlock.gameServer .graphic.headphone {
  top: 0;
  z-index: 1;
}
/* line 38, sass/page/_gamer.scss */
#gamer .infoBlock.gameServer .graphic.mouse {
  bottom: 0;
  top: auto;
}
/* line 40, sass/page/_gamer.scss */
#gamer .infoBlock.latencyMonitoring {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/galaxy.jpg");
}
/* line 44, sass/page/_gamer.scss */
#gamer .infoBlock.onlineFeedback {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/playingVideoGame.jpg");
  -moz-background-size: auto 150%;
  -o-background-size: auto 150%;
  -webkit-background-size: auto 150%;
  background-size: auto 150%;
  background-position: 5% 50%;
}
/* line 48, sass/page/_gamer.scss */
#gamer .infoBlock.exclusivePrivilege {
  background-image: none;
  background-color: #FFF;
}
/* line 51, sass/page/_gamer.scss */
#gamer .infoBlock.ShorteningDownload {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/mars.jpg");
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  background-position: 5% 50%;
}

/* line 66, sass/page/_gamer.scss */
#gamer-subscription .table.plan.gamerServices thead {
  display: none;
}
/* line 69, sass/page/_gamer.scss */
#gamer-subscription .table.plan.gamerServices thead tr td.plan {
  width: 18.7%;
}
/* line 70, sass/page/_gamer.scss */
#gamer-subscription .table.plan.gamerServices thead tr td.monthlyRate {
  width: 22.1%;
}
/* line 71, sass/page/_gamer.scss */
#gamer-subscription .table.plan.gamerServices thead tr td.commitment {
  width: 13.5%;
}
/* line 73, sass/page/_gamer.scss */
#gamer-subscription .table.plan.gamerServices thead tr td.action {
  width: 15%;
}
/* line 76, sass/page/_gamer.scss */
#gamer-subscription .table.plan.gamerServices thead:first-child {
  display: table-header-group;
}

/* line 93, sass/page/_gamer.scss */
#gamer-account .table.multiChild.monitoringChart tbody tr td.game a {
  display: block;
}
/* line 95, sass/page/_gamer.scss */
#gamer-account .table.multiChild.monitoringChart tbody tr td.server {
  width: 35%;
}
/* line 96, sass/page/_gamer.scss */
#gamer-account .table.multiChild.monitoringChart tbody tr td.latency {
  width: 37%;
  font-size: 0;
}
/* line 98, sass/page/_gamer.scss */
#gamer-account .table.multiChild.monitoringChart tbody tr td.latency .time, #gamer-account .table.multiChild.monitoringChart tbody tr td.latency .icon {
  display: inline-block;
  vertical-align: middle;
}
/* line 99, sass/page/_gamer.scss */
#gamer-account .table.multiChild.monitoringChart tbody tr td.latency .time {
  width: 60%;
}
/* line 100, sass/page/_gamer.scss */
#gamer-account .table.multiChild.monitoringChart tbody tr td.latency .icon {
  width: 40%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  background-position: left center;
}
/* line 102, sass/page/_gamer.scss */
#gamer-account .table.multiChild.monitoringChart tbody tr td.latency .icon.light-green {
  color: #86c03f;
}
/* line 103, sass/page/_gamer.scss */
#gamer-account .table.multiChild.monitoringChart tbody tr td.latency .icon.light-yellow {
  color: #ffaa00;
}
/* line 104, sass/page/_gamer.scss */
#gamer-account .table.multiChild.monitoringChart tbody tr td.latency .icon.light-red {
  color: #ff0000;
}
/* line 110, sass/page/_gamer.scss */
#gamer-account .customBlock.gamerTechnicalFeedback {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/mars2.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50% 45%;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 126, sass/page/_gamer.scss */
  .services-gamer .infoBlock.forGamers .content .logo.gamer {
    width: 316px;
    height: 100px;
  }

  /* line 137, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart {
    padding-bottom: 90px;
  }
  /* line 140, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li {
    width: 168px;
    font-size: 16px;
    margin-left: 60px;
  }
  /* line 142, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li:before {
    top: 20px;
    left: -60px;
    width: 60px;
    height: 60px;
  }
  /* line 143, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li .image {
    width: 97px;
    height: 97px;
    margin-bottom: 10px;
  }
  /* line 150, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .graphic.keyboard {
    width: 551px;
    margin-left: -677px;
    margin-top: 257px;
  }
  /* line 153, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .graphic.headphone {
    width: 297px;
    margin-left: 563px;
    margin-top: 263px;
  }
  /* line 156, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .graphic.mouse {
    width: 267px;
    margin-left: -318px;
    margin-top: 0;
    margin-bottom: -222px;
  }
  /* line 161, sass/page/_gamer.scss */
  #gamer .infoBlock.latencyMonitoring .content {
    padding-right: 465px;
  }
  /* line 163, sass/page/_gamer.scss */
  #gamer .infoBlock.latencyMonitoring .content .image.barChart {
    width: 60px;
    height: 60px;
  }
  /* line 168, sass/page/_gamer.scss */
  #gamer .infoBlock.onlineFeedback .content .image.chat {
    width: 60px;
    height: 60px;
  }
  /* line 172, sass/page/_gamer.scss */
  #gamer .infoBlock.exclusivePrivilege .content {
    padding-bottom: 25px;
  }
  /* line 174, sass/page/_gamer.scss */
  #gamer .infoBlock.exclusivePrivilege .content .image.gamer-shopping {
    width: 276px;
    height: 241px;
  }
  /* line 178, sass/page/_gamer.scss */
  #gamer .infoBlock.smoothStreaming .content {
    padding-bottom: 34px;
  }
  /* line 180, sass/page/_gamer.scss */
  #gamer .infoBlock.smoothStreaming .content .image.streaming {
    width: 251px;
    height: 164px;
  }
  /* line 185, sass/page/_gamer.scss */
  #gamer .infoBlock.ShorteningDownload .content .image.cloudDownload {
    width: 60px;
    height: 57px;
  }
  /* line 191, sass/page/_gamer.scss */
  #gamer .table.gamerBenchmark tbody tr td {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /* line 197, sass/page/_gamer.scss */
  #gamer-subscription form#gamerRegistrationForm {
    padding: 0 30px;
  }

  /* line 211, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart tbody tr td.latency .time {
    font-size: 16px;
  }
  /* line 212, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart tbody tr td.latency .icon {
    font-size: 16px;
    padding-left: 35px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 232, sass/page/_gamer.scss */
  .services-gamer .infoBlock.forGamers .content .logo.gamer {
    width: 24.6875vw;
    height: 7.8125vw;
  }

  /* line 240, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart {
    padding-bottom: 7.03125vw;
  }
  /* line 243, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li {
    width: 13.125vw;
    font-size: 1.25vw;
    margin-left: 4.6875vw;
  }
  /* line 245, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li:before {
    top: 1.5625vw;
    left: -4.6875vw;
    width: 4.6875vw;
    height: 4.6875vw;
  }
  /* line 246, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li .image {
    width: 7.57813vw;
    height: 7.57813vw;
    margin-bottom: 0.78125vw;
  }
  /* line 252, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .graphic.keyboard {
    width: 43.04688vw;
    margin-left: -52.89063vw;
    margin-top: 20.07813vw;
  }
  /* line 255, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .graphic.headphone {
    width: 23.20313vw;
    margin-left: 43.98438vw;
    margin-top: 20.54688vw;
  }
  /* line 258, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .graphic.mouse {
    width: 20.85938vw;
    margin-left: -24.84375vw;
    margin-top: 0;
    margin-bottom: -17.34375vw;
  }
  /* line 263, sass/page/_gamer.scss */
  #gamer .infoBlock.latencyMonitoring .content {
    padding-right: 36.32813vw;
  }
  /* line 265, sass/page/_gamer.scss */
  #gamer .infoBlock.latencyMonitoring .content .image.barChart {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  /* line 270, sass/page/_gamer.scss */
  #gamer .infoBlock.onlineFeedback .content .image.chat {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  /* line 274, sass/page/_gamer.scss */
  #gamer .infoBlock.exclusivePrivilege .content {
    padding-bottom: 1.95313vw;
  }
  /* line 276, sass/page/_gamer.scss */
  #gamer .infoBlock.exclusivePrivilege .content .image.gamer-shopping {
    width: 21.5625vw;
    height: 18.82813vw;
  }
  /* line 280, sass/page/_gamer.scss */
  #gamer .infoBlock.smoothStreaming .content {
    padding-bottom: 2.65625vw;
  }
  /* line 282, sass/page/_gamer.scss */
  #gamer .infoBlock.smoothStreaming .content .image.streaming {
    width: 19.60938vw;
    height: 12.8125vw;
  }
  /* line 287, sass/page/_gamer.scss */
  #gamer .infoBlock.ShorteningDownload .content .image.cloudDownload {
    width: 4.6875vw;
    height: 4.45313vw;
  }
  /* line 293, sass/page/_gamer.scss */
  #gamer .table.gamerBenchmark tbody tr td {
    padding-top: 1.17188vw;
    padding-bottom: 1.17188vw;
  }

  /* line 299, sass/page/_gamer.scss */
  #gamer-subscription form#gamerRegistrationForm {
    padding: 0 2.34375vw;
  }

  /* line 313, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart tbody tr td.latency .time {
    font-size: 1.25vw;
  }
  /* line 314, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart tbody tr td.latency .icon {
    font-size: 1.25vw;
    padding-left: 2.73438vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 333, sass/page/_gamer.scss */
  .services-gamer .infoBlock.forGamers .content .logo.gamer {
    width: 24.6875vw;
    height: 7.8125vw;
  }

  /* line 341, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart {
    padding-bottom: 7.03125vw;
  }
  /* line 344, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li {
    width: 13.125vw;
    font-size: 1.25vw;
    margin-left: 4.6875vw;
  }
  /* line 346, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li:before {
    top: 1.5625vw;
    left: -4.6875vw;
    width: 4.6875vw;
    height: 4.6875vw;
  }
  /* line 347, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li .image {
    width: 7.57813vw;
    height: 7.57813vw;
    margin-bottom: 0.78125vw;
  }
  /* line 353, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .graphic.keyboard {
    width: 43.04688vw;
    margin-left: -52.89063vw;
    margin-top: 20.07813vw;
  }
  /* line 356, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .graphic.headphone {
    width: 23.20313vw;
    margin-left: 43.98438vw;
    margin-top: 20.54688vw;
  }
  /* line 359, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .graphic.mouse {
    width: 20.85938vw;
    margin-left: -24.84375vw;
    margin-top: 0;
    margin-bottom: -17.34375vw;
  }
  /* line 364, sass/page/_gamer.scss */
  #gamer .infoBlock.latencyMonitoring .content {
    padding-right: 36.32813vw;
  }
  /* line 366, sass/page/_gamer.scss */
  #gamer .infoBlock.latencyMonitoring .content .image.barChart {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  /* line 371, sass/page/_gamer.scss */
  #gamer .infoBlock.onlineFeedback .content .image.chat {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  /* line 375, sass/page/_gamer.scss */
  #gamer .infoBlock.exclusivePrivilege .content {
    padding-bottom: 1.95313vw;
  }
  /* line 377, sass/page/_gamer.scss */
  #gamer .infoBlock.exclusivePrivilege .content .image.gamer-shopping {
    width: 21.5625vw;
    height: 18.82813vw;
  }
  /* line 381, sass/page/_gamer.scss */
  #gamer .infoBlock.smoothStreaming .content {
    padding-bottom: 2.65625vw;
  }
  /* line 383, sass/page/_gamer.scss */
  #gamer .infoBlock.smoothStreaming .content .image.streaming {
    width: 19.60938vw;
    height: 12.8125vw;
  }
  /* line 388, sass/page/_gamer.scss */
  #gamer .infoBlock.ShorteningDownload .content .image.cloudDownload {
    width: 4.6875vw;
    height: 4.45313vw;
  }
  /* line 394, sass/page/_gamer.scss */
  #gamer .table.gamerBenchmark tbody tr td {
    padding-top: 1.17188vw;
    padding-bottom: 1.17188vw;
  }

  /* line 400, sass/page/_gamer.scss */
  #gamer-subscription form#gamerRegistrationForm {
    padding: 0 2.34375vw;
  }

  /* line 414, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart tbody tr td.latency .time {
    font-size: 1.25vw;
  }
  /* line 415, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart tbody tr td.latency .icon {
    font-size: 1.25vw;
    padding-left: 2.73438vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 434, sass/page/_gamer.scss */
  .services-gamer .infoBlock.forGamers {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 437, sass/page/_gamer.scss */
  .services-gamer .infoBlock.forGamers .content .logo.gamer {
    width: 51.66vw;
    height: 16.11vw;
    margin-bottom: 5vw;
  }
  /* line 438, sass/page/_gamer.scss */
  .services-gamer .infoBlock.forGamers .content .heading {
    width: 70%;
    margin-left: 15%;
  }

  /* line 444, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer {
    height: auto;
  }
  /* line 446, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content {
    margin-top: 30vw;
  }
  /* line 448, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .heading {
    width: 80%;
    margin-left: 10%;
  }
  /* line 449, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .desc {
    width: 100%;
    margin-left: 0;
  }
  /* line 450, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed {
    padding-bottom: 19vw;
  }
  /* line 453, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .paragraph p {
    text-align: center;
  }
  /* line 456, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul {
    position: relative;
    height: 100vw;
    width: 100%;
  }
  /* line 458, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li {
    position: absolute;
    width: 31.11vw;
    font-size: 2.96vw;
    margin-left: 0;
  }
  /* line 460, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li:before {
    width: 11.11vw;
    height: 11.11vw;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 461, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li .image {
    width: 17.77vw;
    height: 17.77vw;
    margin-bottom: 3vw;
  }
  /* line 464, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li.gamerComputer {
    top: 0;
    left: 8%;
  }
  /* line 465, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li.netvigatorService {
    top: 44%;
    left: 8%;
  }
  /* line 467, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li.netvigatorService:before {
    background-image: url("../images/illustration/arrow-2way-topBottom.png");
    top: -13vw;
    left: 10vw;
  }
  /* line 469, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li.pccwService {
    top: 77%;
    left: 34.5%;
  }
  /* line 471, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li.pccwService:before {
    background-image: url("../images/illustration/arrow-2way-topRight.png");
    width: 13vw;
    height: 13vw;
    top: -1.5vw;
    left: -12vw;
  }
  /* line 473, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li.ispProvided {
    top: 44%;
    left: 58%;
  }
  /* line 475, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li.ispProvided:before {
    background-image: url("../images/illustration/arrow-2way-leftTop.png");
    width: 13vw;
    height: 13vw;
    top: 32vw;
    left: 7vw;
  }
  /* line 477, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li.serverDesignated {
    top: 0;
    left: 58%;
  }
  /* line 479, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .content .segment.collapsed .flowChart ul li.serverDesignated:before {
    background-image: url("../images/illustration/arrow-2way-topBottom.png");
    top: 31vw;
    left: 10vw;
  }
  /* line 485, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .graphic.keyboard {
    width: 54.81vw;
    margin-left: -56vw;
    margin-top: 72vw;
  }
  /* line 488, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .graphic.headphone {
    width: 29vw;
    margin-left: 43vw;
    margin-top: 72vw;
  }
  /* line 491, sass/page/_gamer.scss */
  #gamer .infoBlock.gameServer .graphic.mouse {
    width: 26.48vw;
    margin-left: -18vw;
    margin-top: 0;
    margin-bottom: -15vw;
  }
  /* line 495, sass/page/_gamer.scss */
  #gamer .infoBlock.latencyMonitoring {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 498, sass/page/_gamer.scss */
  #gamer .infoBlock.latencyMonitoring .content .heading {
    width: 70%;
  }
  /* line 499, sass/page/_gamer.scss */
  #gamer .infoBlock.latencyMonitoring .content .image.barChart {
    width: 11.11vw;
    height: 11.11vw;
  }
  /* line 502, sass/page/_gamer.scss */
  #gamer .infoBlock.onlineFeedback {
    -moz-background-size: auto 175%;
    -o-background-size: auto 175%;
    -webkit-background-size: auto 175%;
    background-size: auto 175%;
    background-position: 71% 73%;
  }
  /* line 505, sass/page/_gamer.scss */
  #gamer .infoBlock.onlineFeedback .content .image.chat {
    width: 11.11vw;
    height: 11.11vw;
  }
  /* line 510, sass/page/_gamer.scss */
  #gamer .infoBlock.exclusivePrivilege .content .desc {
    margin-bottom: 0;
  }
  /* line 511, sass/page/_gamer.scss */
  #gamer .infoBlock.exclusivePrivilege .content .image.gamer-shopping {
    width: 46vw;
    height: 40.15vw;
  }
  /* line 516, sass/page/_gamer.scss */
  #gamer .infoBlock.smoothStreaming .content .image.streaming {
    width: 46.48vw;
    height: 30.37vw;
  }
  /* line 521, sass/page/_gamer.scss */
  #gamer .infoBlock.ShorteningDownload .content .image.cloudDownload {
    width: 11.11vw;
    height: 10.55vw;
  }
  /* line 527, sass/page/_gamer.scss */
  #gamer .table.gamerBenchmark tbody tr td {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }

  /* line 536, sass/page/_gamer.scss */
  #gamer-subscription .procedure#gamerSubscription .step.confirm .btnGroup .btn {
    margin-left: 2%;
    width: 49%;
  }
  /* line 537, sass/page/_gamer.scss */
  #gamer-subscription .procedure#gamerSubscription .step.confirm .btnGroup .btn:first-child {
    margin-left: 0;
  }
  /* line 545, sass/page/_gamer.scss */
  #gamer-subscription .table.plan.gamerServices table thead tr td.plan {
    width: 29.8%;
  }
  /* line 546, sass/page/_gamer.scss */
  #gamer-subscription .table.plan.gamerServices table thead tr td.monthlyRate {
    width: 42.2%;
    text-align: center;
  }
  /* line 547, sass/page/_gamer.scss */
  #gamer-subscription .table.plan.gamerServices table thead tr td.commitment {
    width: 28%;
    font-size: 3vw;
  }
  /* line 548, sass/page/_gamer.scss */
  #gamer-subscription .table.plan.gamerServices table thead tr td.services {
    display: none;
  }
  /* line 549, sass/page/_gamer.scss */
  #gamer-subscription .table.plan.gamerServices table thead tr td.action {
    display: none;
  }
  /* line 554, sass/page/_gamer.scss */
  #gamer-subscription .table.plan.gamerServices table tbody tr td.plan {
    width: 29.8%;
    border: none;
    padding: 0;
  }
  /* line 555, sass/page/_gamer.scss */
  #gamer-subscription .table.plan.gamerServices table tbody tr td.monthlyRate {
    width: 42.2%;
    border-bottom: none;
    border-right: 1px #ececec solid;
  }
  /* line 556, sass/page/_gamer.scss */
  #gamer-subscription .table.plan.gamerServices table tbody tr td.commitment {
    width: 28%;
    font-size: 3.7vw;
    border: none;
  }
  /* line 557, sass/page/_gamer.scss */
  #gamer-subscription .table.plan.gamerServices table tbody tr td.services {
    width: 69%;
    border: none;
  }
  /* line 558, sass/page/_gamer.scss */
  #gamer-subscription .table.plan.gamerServices table tbody tr td.action {
    width: 31%;
    border: none;
  }

  /* line 569, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart table tr td.game {
    display: none;
  }
  /* line 570, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart table tr td.server {
    width: 40%;
  }
  /* line 571, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart table tr td.latency {
    width: 60%;
    padding-left: 0;
  }
  /* line 580, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart table tbody tr td.parent {
    padding-right: 35vw;
  }
  /* line 584, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart table tbody tr td.server {
    width: 40%;
  }
  /* line 585, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart table tbody tr td.latency {
    width: 60%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 587, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart table tbody tr td.latency .time, #gamer-account .table.multiChild.monitoringChart table tbody tr td.latency .icon {
    width: 50%;
  }
  /* line 588, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart table tbody tr td.latency .time {
    font-size: 3.7vw;
  }
  /* line 589, sass/page/_gamer.scss */
  #gamer-account .table.multiChild.monitoringChart table tbody tr td.latency .icon {
    font-size: 3.7vw;
    padding-left: 7vw;
  }
  /* line 595, sass/page/_gamer.scss */
  #gamer-account .customBlock.gamerTechnicalFeedback {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: 50% 45%;
  }
}
/* common ==================================================================================== */
/* line 5, sass/page/_ipv6.scss */
.services-ipv6 .infoBlock.generationIP {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/network.jpg");
  background-position: 50% 100%;
}

/* line 13, sass/page/_ipv6.scss */
#ipv6 .infoBlock.internetProtocol .content .desc p {
  text-align: left;
}
/* line 17, sass/page/_ipv6.scss */
#ipv6 .infoBlock.internetProtocol .graphic .address {
  position: absolute;
  width: 100%;
  left: 0;
}
/* line 19, sass/page/_ipv6.scss */
#ipv6 .infoBlock.internetProtocol .graphic .address p {
  color: #FFF;
  text-align: center;
}
/* line 25, sass/page/_ipv6.scss */
#ipv6 .infoBlock.offerIPv6 {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/modem.jpg");
  background-position: 50% 30%;
}
/* line 29, sass/page/_ipv6.scss */
#ipv6 .infoBlock.offerIPv6 .content .desc {
  width: 72%;
}

/* line 34, sass/page/_ipv6.scss */
#ipv6-test .type {
  display: none;
}
/* line 35, sass/page/_ipv6.scss */
#ipv6-test .type.active {
  display: block !important;
}
/* line 37, sass/page/_ipv6.scss */
#ipv6-test .type.ipv6 .plate {
  display: block;
  text-align: center;
}
/* line 41, sass/page/_ipv6.scss */
#ipv6-test .table.ipv6Test {
  display: none;
}
/* line 43, sass/page/_ipv6.scss */
#ipv6-test .table.ipv6Test .caption {
  text-align: center;
}
/* line 46, sass/page/_ipv6.scss */
#ipv6-test .table.ipv6Test tbody tr td.item {
  width: 30%;
}

/* line 54, sass/page/_ipv6.scss */
#ipv6-certified .segment.certifiedProgram .frame .paper {
  position: relative;
}
/* line 56, sass/page/_ipv6.scss */
#ipv6-certified .segment.certifiedProgram .frame .paper .graphic {
  position: absolute;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 72, sass/page/_ipv6.scss */
  .services-ipv6 .infoBlock.generationIP .content .logo.ipv6-white {
    width: 150px;
    height: 150px;
  }

  /* line 78, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .content {
    padding-left: 617px;
  }
  /* line 81, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .content .desc p {
    width: 590px;
  }
  /* line 84, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic {
    width: 618px;
    margin-left: -365px;
  }
  /* line 86, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic .address {
    top: 53px;
    padding-left: 75px;
  }
  /* line 88, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic .address p {
    font-size: 19px;
  }
  /* line 90, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic .address p b {
    font-size: 23px;
  }

  /* line 102, sass/page/_ipv6.scss */
  #ipv6-test .type {
    margin-bottom: 25px;
  }
  /* line 104, sass/page/_ipv6.scss */
  #ipv6-test .type.ipv6 .plate {
    margin: 0 25px 25px 25px;
  }

  /* line 113, sass/page/_ipv6.scss */
  #ipv6-certified .segment.certifiedProgram .frame .paper .content {
    padding-right: 220px;
  }
  /* line 114, sass/page/_ipv6.scss */
  #ipv6-certified .segment.certifiedProgram .frame .paper .graphic {
    width: 150px;
    top: 100px;
    right: 70px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 129, sass/page/_ipv6.scss */
  .services-ipv6 .infoBlock.generationIP .content .logo.ipv6-white {
    width: 11.71875vw;
    height: 11.71875vw;
  }

  /* line 135, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .content {
    padding-left: 48.20313vw;
  }
  /* line 138, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .content .desc p {
    width: 46.09375vw;
  }
  /* line 141, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic {
    width: 48.28125vw;
    margin-left: -28.51563vw;
  }
  /* line 143, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic .address {
    top: 4.14063vw;
    padding-left: 5.85938vw;
  }
  /* line 145, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic .address p {
    font-size: 1.48438vw;
  }
  /* line 147, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic .address p b {
    font-size: 1.79688vw;
  }

  /* line 159, sass/page/_ipv6.scss */
  #ipv6-test .type {
    margin-bottom: 1.95313vw;
  }
  /* line 161, sass/page/_ipv6.scss */
  #ipv6-test .type.ipv6 .plate {
    margin: 0 1.95313vw 1.95313vw 1.95313vw;
  }

  /* line 170, sass/page/_ipv6.scss */
  #ipv6-certified .segment.certifiedProgram .frame .paper .content {
    padding-right: 17.1875vw;
  }
  /* line 171, sass/page/_ipv6.scss */
  #ipv6-certified .segment.certifiedProgram .frame .paper .graphic {
    width: 11.71875vw;
    top: 7.8125vw;
    right: 5.46875vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 188, sass/page/_ipv6.scss */
  .services-ipv6 .infoBlock.generationIP .content .logo.ipv6-white {
    width: 11.71875vw;
    height: 11.71875vw;
  }

  /* line 194, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .content {
    padding-left: 48.20313vw;
  }
  /* line 197, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .content .desc p {
    width: 46.09375vw;
  }
  /* line 200, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic {
    width: 48.28125vw;
    margin-left: -28.51563vw;
  }
  /* line 202, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic .address {
    top: 4.14063vw;
    padding-left: 5.85938vw;
  }
  /* line 204, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic .address p {
    font-size: 1.48438vw;
  }
  /* line 206, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic .address p b {
    font-size: 1.79688vw;
  }

  /* line 218, sass/page/_ipv6.scss */
  #ipv6-test .type {
    margin-bottom: 1.95313vw;
  }
  /* line 220, sass/page/_ipv6.scss */
  #ipv6-test .type.ipv6 .plate {
    margin: 0 1.95313vw 1.95313vw 1.95313vw;
  }

  /* line 229, sass/page/_ipv6.scss */
  #ipv6-certified .segment.certifiedProgram .frame .paper .content {
    padding-right: 17.1875vw;
  }
  /* line 230, sass/page/_ipv6.scss */
  #ipv6-certified .segment.certifiedProgram .frame .paper .graphic {
    width: 11.71875vw;
    top: 7.8125vw;
    right: 5.46875vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 244, sass/page/_ipv6.scss */
  .services-ipv6 .infoBlock.generationIP {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 247, sass/page/_ipv6.scss */
  .services-ipv6 .infoBlock.generationIP .content .logo.ipv6-white {
    width: 25.92vw;
    height: 25.92vw;
  }

  /* line 253, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .content {
    padding-bottom: 50vw;
  }
  /* line 256, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .content .desc p {
    width: 100%;
  }
  /* line 259, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic {
    width: 81.85vw;
    top: auto;
    bottom: -10vw;
  }
  /* line 261, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic .address {
    top: 7vw;
    padding-left: 11vw;
  }
  /* line 263, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic .address p {
    font-size: 2.5vw;
  }
  /* line 265, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.internetProtocol .graphic .address p b {
    font-size: 3vw;
  }
  /* line 270, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.offerIPv6 {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
  /* line 273, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.offerIPv6 .content .heading {
    width: 86%;
  }
  /* line 275, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.offerIPv6 .content .heading br {
    display: none;
  }
  /* line 277, sass/page/_ipv6.scss */
  #ipv6 .infoBlock.offerIPv6 .content .desc {
    width: 100%;
    margin-left: 0;
  }
  /* line 280, sass/page/_ipv6.scss */
  #ipv6 .grid {
    padding: 10vw 0 0 0;
  }
  /* line 283, sass/page/_ipv6.scss */
  #ipv6 .grid ul li {
    padding: 5vw 0;
  }

  /* line 288, sass/page/_ipv6.scss */
  #ipv6-test .type {
    margin-bottom: 5vw;
  }
  /* line 297, sass/page/_ipv6.scss */
  #ipv6-test .table.ipv6Test tbody tr td.item {
    width: 60%;
  }

  /* line 307, sass/page/_ipv6.scss */
  #ipv6-certified .segment.certifiedProgram .frame .paper .content {
    padding-right: 0;
  }
  /* line 308, sass/page/_ipv6.scss */
  #ipv6-certified .segment.certifiedProgram .frame .paper .graphic {
    position: static;
    display: block;
    margin: 0 auto 5vw auto;
    width: 27.77vw;
  }
}
/* common ==================================================================================== */
/* line 5, sass/page/_snaap.scss */
.services-snaap .infoBlock.multimediaSharing {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/desk-viewTop2.jpg");
}

/* line 16, sass/page/_snaap.scss */
#snaap .infoBlock.freeAlbum .graphic .title, #snaap .infoBlock.freeAlbum .graphic .desc {
  position: absolute;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-family: 'Roboto-Medium', sans-serif;
}
/* line 21, sass/page/_snaap.scss */
#snaap .infoBlock.fotomaxDiscount {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/photoAlbum.jpg");
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 37, sass/page/_snaap.scss */
  .services-snaap .infoBlock.multimediaSharing .content .logo.snaap {
    width: 191px;
    height: 60px;
    margin-bottom: 20px;
  }

  /* line 43, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .content {
    padding-right: 645px;
  }
  /* line 44, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic {
    width: 577px;
    margin-left: 320px;
  }
  /* line 46, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic .title, #snaap .infoBlock.freeAlbum .graphic .desc {
    padding-left: 60px;
  }
  /* line 47, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic .title {
    font-size: 80px;
    top: 65px;
  }
  /* line 48, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic .desc {
    font-size: 28px;
    top: 160px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 66, sass/page/_snaap.scss */
  .services-snaap .infoBlock.multimediaSharing .content .logo.snaap {
    width: 14.92188vw;
    height: 4.6875vw;
    margin-bottom: 1.5625vw;
  }

  /* line 72, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .content {
    padding-right: 50.39063vw;
  }
  /* line 73, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic {
    width: 45.07813vw;
    margin-left: 25vw;
  }
  /* line 75, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic .title, #snaap .infoBlock.freeAlbum .graphic .desc {
    padding-left: 4.6875vw;
  }
  /* line 76, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic .title {
    font-size: 6.25vw;
    top: 5.07813vw;
  }
  /* line 77, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic .desc {
    font-size: 2.1875vw;
    top: 12.5vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 95, sass/page/_snaap.scss */
  .services-snaap .infoBlock.multimediaSharing .content .logo.snaap {
    width: 14.92188vw;
    height: 4.6875vw;
    margin-bottom: 1.5625vw;
  }

  /* line 101, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .content {
    padding-right: 50.39063vw;
  }
  /* line 102, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic {
    width: 45.07813vw;
    margin-left: 25vw;
  }
  /* line 104, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic .title, #snaap .infoBlock.freeAlbum .graphic .desc {
    padding-left: 4.6875vw;
  }
  /* line 105, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic .title {
    font-size: 6.25vw;
    top: 5.07813vw;
  }
  /* line 106, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic .desc {
    font-size: 2.1875vw;
    top: 12.5vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 123, sass/page/_snaap.scss */
  .services-snaap .infoBlock.multimediaSharing {
    -moz-background-size: auto 136%;
    -o-background-size: auto 136%;
    -webkit-background-size: auto 136%;
    background-size: auto 136%;
  }
  /* line 126, sass/page/_snaap.scss */
  .services-snaap .infoBlock.multimediaSharing .content .logo.snaap {
    width: 32.4vw;
    height: 10.18vw;
    margin-bottom: 3vw;
  }

  /* line 132, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .content {
    padding-bottom: 60vw;
  }
  /* line 133, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic {
    width: 74vw;
    top: auto;
    bottom: -20vw;
  }
  /* line 135, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic .title, #snaap .infoBlock.freeAlbum .graphic .desc {
    padding-left: 6vw;
  }
  /* line 136, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic .title {
    font-size: 10.18vw;
    top: 8vw;
  }
  /* line 137, sass/page/_snaap.scss */
  #snaap .infoBlock.freeAlbum .graphic .desc {
    font-size: 3.6vw;
    top: 20vw;
  }
  /* line 140, sass/page/_snaap.scss */
  #snaap .infoBlock.fotomaxDiscount {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_uhubplus.scss */
.services-uhubplus .infoBlock.cloudStorage {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/sky.jpg");
}

/* line 19, sass/page/_uhubplus.scss */
#uhubplus .infoBlock.cloudAccess .graphic.scene {
  height: auto;
  margin-top: 0;
}
/* line 21, sass/page/_uhubplus.scss */
#uhubplus .infoBlock.cloudAccess .graphic.scene .original {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 22, sass/page/_uhubplus.scss */
#uhubplus .infoBlock.cloudAccess .graphic.scene .props.desktop {
  width: 51%;
  top: 48%;
  left: 58%;
  /*@include opacity(0);*/
}
/* line 23, sass/page/_uhubplus.scss */
#uhubplus .infoBlock.cloudAccess .graphic.scene .props.laptop {
  width: 48%;
  top: 61%;
  left: 24%;
  /*@include opacity(0);*/
}
/* line 24, sass/page/_uhubplus.scss */
#uhubplus .infoBlock.cloudAccess .graphic.scene .props.tablet {
  width: 21.5%;
  top: 60%;
  left: 85%;
  /*@include opacity(0);*/
}
/* line 25, sass/page/_uhubplus.scss */
#uhubplus .infoBlock.cloudAccess .graphic.scene .props.mobile {
  width: 8%;
  top: 77%;
  left: 75%;
  /*@include opacity(0);*/
}
/* line 28, sass/page/_uhubplus.scss */
#uhubplus .infoBlock.freeUp {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-mobile.jpg");
  background-position: center 30%;
}
/* line 34, sass/page/_uhubplus.scss */
#uhubplus .infoBlock.shareFiles {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-mobile-together.jpg");
  -moz-background-size: 160% auto;
  -o-background-size: 160% auto;
  -webkit-background-size: 160% auto;
  background-size: 160% auto;
  background-position: 50% 90%;
}
/* line 40, sass/page/_uhubplus.scss */
#uhubplus .infoBlock.helpTips {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/lightBulb.png");
  -moz-background-size: 75% auto;
  -o-background-size: 75% auto;
  -webkit-background-size: 75% auto;
  background-size: 75% auto;
  background-position: center -120%;
  background-color: #FFF;
}

/* line 51, sass/page/_uhubplus.scss */
#uhubplus-subscription .table.uhubplusCapacity thead tr td.storage {
  width: 17.7%;
}
/* line 52, sass/page/_uhubplus.scss */
#uhubplus-subscription .table.uhubplusCapacity thead tr td.monthlyRate {
  width: 22.1%;
}
/* line 54, sass/page/_uhubplus.scss */
#uhubplus-subscription .table.uhubplusCapacity thead tr td.action {
  width: 14.5%;
}
/* line 66, sass/page/_uhubplus.scss */
#uhubplus-subscription .customBlock.uhubplusSuperPack {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/desk-viewTop.jpg");
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 80, sass/page/_uhubplus.scss */
  .services-uhubplus .infoBlock.cloudStorage .content .uhubplus {
    width: 197px;
    height: 130px;
    margin-right: -20px;
    margin-bottom: 15px;
  }

  /* line 86, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.cloudAccess .content {
    padding-left: 665px;
    padding-right: 165px;
  }
  /* line 88, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.cloudAccess .content .digitalDevices {
    width: 137px;
    height: 60px;
  }
  /* line 90, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.cloudAccess .graphic.scene {
    width: 900px;
    margin-left: -478px;
  }
  /* line 95, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.freeUp .content {
    padding-right: 565px;
  }
  /* line 97, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.freeUp .content .cloud-remote {
    width: 256px;
    height: 70px;
  }
  /* line 102, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.shareFiles .content .share {
    width: 60px;
    height: 60px;
  }
  /* line 106, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.helpTips .content {
    padding-bottom: 148px;
  }
  /* line 108, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.helpTips .content .desc {
    margin-bottom: 5px;
  }

  /* line 137, sass/page/_uhubplus.scss */
  #uhubplus-subscription .customBlock.uhubplusSuperPack .content .package ul li .csl-wifi {
    margin: 7px 0;
  }
  /* line 138, sass/page/_uhubplus.scss */
  #uhubplus-subscription .customBlock.uhubplusSuperPack .content .package ul li .wifi-blue {
    margin: 14px 0;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 157, sass/page/_uhubplus.scss */
  .services-uhubplus .infoBlock.cloudStorage .content .uhubplus {
    width: 15.39063vw;
    height: 10.15625vw;
    margin-right: -1.5625vw;
    margin-bottom: 1.17188vw;
  }

  /* line 163, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.cloudAccess .content {
    padding-left: 51.95313vw;
    padding-right: 12.89063vw;
  }
  /* line 165, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.cloudAccess .content .digitalDevices {
    width: 10.70313vw;
    height: 4.6875vw;
  }
  /* line 167, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.cloudAccess .graphic {
    width: 70.3125vw;
    margin-left: -37.34375vw;
  }
  /* line 170, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.freeUp .content {
    padding-right: 39.0625vw;
  }
  /* line 172, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.freeUp .content .cloud-remote {
    width: 20vw;
    height: 5.46875vw;
  }
  /* line 177, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.shareFiles .content .share {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  /* line 181, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.helpTips .content {
    padding-bottom: 11.5625vw;
  }
  /* line 183, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.helpTips .content .desc {
    margin-bottom: 0.39063vw;
  }

  /* line 212, sass/page/_uhubplus.scss */
  #uhubplus-subscription .customBlock.uhubplusSuperPack .content .package ul li .csl-wifi {
    width: 8.75vw;
    height: 3.59375vw;
    margin: 0.54688vw 0;
  }
  /* line 213, sass/page/_uhubplus.scss */
  #uhubplus-subscription .customBlock.uhubplusSuperPack .content .package ul li .wifi-blue {
    width: 3.51563vw;
    height: 2.5vw;
    margin: 1.09375vw 0;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 231, sass/page/_uhubplus.scss */
  .services-uhubplus .infoBlock.cloudStorage .content .uhubplus {
    width: 15.39063vw;
    height: 10.15625vw;
    margin-right: -1.5625vw;
    margin-bottom: 1.17188vw;
  }

  /* line 237, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.cloudAccess .content {
    padding-left: 51.95313vw;
    padding-right: 12.89063vw;
  }
  /* line 239, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.cloudAccess .content .digitalDevices {
    width: 10.70313vw;
    height: 4.6875vw;
  }
  /* line 241, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.cloudAccess .graphic {
    width: 70.3125vw;
    margin-left: -37.34375vw;
  }
  /* line 244, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.freeUp .content {
    padding-right: 39.0625vw;
  }
  /* line 246, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.freeUp .content .cloud-remote {
    width: 20vw;
    height: 5.46875vw;
  }
  /* line 251, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.shareFiles .content .share {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  /* line 255, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.helpTips .content {
    padding-bottom: 11.5625vw;
  }
  /* line 257, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.helpTips .content .desc {
    margin-bottom: 0.39063vw;
  }

  /* line 286, sass/page/_uhubplus.scss */
  #uhubplus-subscription .customBlock.uhubplusSuperPack .content .package ul li .csl-wifi {
    width: 8.75vw;
    height: 3.59375vw;
    margin: 0.54688vw 0;
  }
  /* line 287, sass/page/_uhubplus.scss */
  #uhubplus-subscription .customBlock.uhubplusSuperPack .content .package ul li .wifi-blue {
    width: 3.51563vw;
    height: 2.5vw;
    margin: 1.09375vw 0;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 303, sass/page/_uhubplus.scss */
  .services-uhubplus .infoBlock.cloudStorage {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  /* line 307, sass/page/_uhubplus.scss */
  .services-uhubplus .infoBlock.cloudStorage .content .uhubplus {
    width: 27.77vw;
    height: 18.52vw;
    margin-right: -4vw;
    margin-bottom: 3vw;
  }

  /* line 313, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.cloudAccess .content {
    padding-bottom: 50vw;
  }
  /* line 315, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.cloudAccess .content .digitalDevices {
    display: none;
    width: 137px;
    height: 60px;
  }
  /* line 317, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.cloudAccess .graphic {
    width: 85.18vw;
    top: auto;
    bottom: -12vw;
  }
  /* line 319, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.freeUp {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  /* line 322, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.freeUp .content .cloud-remote {
    width: 60.74vw;
    height: 16.66vw;
  }
  /* line 327, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.shareFiles .content .share {
    width: 11.11vw;
    height: 11.11vw;
  }
  /* line 330, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.helpTips {
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center -19%;
  }
  /* line 332, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.helpTips .content {
    margin-top: 0;
  }
  /* line 334, sass/page/_uhubplus.scss */
  #uhubplus .infoBlock.helpTips .content .desc {
    margin-bottom: 0;
  }

  /* line 343, sass/page/_uhubplus.scss */
  #uhubplus-subscription .table.uhubplusCapacity table thead tr td.storage {
    width: 28%;
  }
  /* line 344, sass/page/_uhubplus.scss */
  #uhubplus-subscription .table.uhubplusCapacity table thead tr td.monthlyRate {
    width: 45%;
  }
  /* line 345, sass/page/_uhubplus.scss */
  #uhubplus-subscription .table.uhubplusCapacity table thead tr td.services {
    display: none;
  }
  /* line 346, sass/page/_uhubplus.scss */
  #uhubplus-subscription .table.uhubplusCapacity table thead tr td.action {
    width: 27%;
  }
  /* line 353, sass/page/_uhubplus.scss */
  #uhubplus-subscription .table.uhubplusCapacity table tbody tr td.services {
    display: none;
  }
  /* line 359, sass/page/_uhubplus.scss */
  #uhubplus-subscription .customBlock.uhubplusSuperPack {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: 83.5% center;
    padding: 1.66vw 0;
  }
  /* line 362, sass/page/_uhubplus.scss */
  #uhubplus-subscription .customBlock.uhubplusSuperPack .content .title {
    margin-bottom: 5vw;
  }
  /* line 366, sass/page/_uhubplus.scss */
  #uhubplus-subscription .customBlock.uhubplusSuperPack .content .package ul li .csl-wifi {
    width: 20.74vw;
    height: 8.51vw;
    margin: 1.3vw 0;
  }
  /* line 367, sass/page/_uhubplus.scss */
  #uhubplus-subscription .customBlock.uhubplusSuperPack .content .package ul li .wifi-blue {
    width: 8.33vw;
    height: 5.91vw;
    margin: 2.6vw 0;
  }
  /* line 371, sass/page/_uhubplus.scss */
  #uhubplus-subscription .customBlock.uhubplusSuperPack .content .btnGroup {
    padding: 0;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_broadbandCorner.scss */
.support-broadband .infoBlock.broadbandCorner {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/using-laptop3.jpg");
  background-position: 50% 77%;
}

/* line 11, sass/page/_broadbandCorner.scss */
#broadbandCorner ul.slider.byNav {
  width: 100%;
}
/* line 13, sass/page/_broadbandCorner.scss */
#broadbandCorner ul.slider.byNav .slide {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
/* line 15, sass/page/_broadbandCorner.scss */
#broadbandCorner ul.slider.byNav .slide .segment {
  border-bottom: 1px #ececec solid;
}
/* line 23, sass/page/_broadbandCorner.scss */
#broadbandCorner ul.slider.byNav .slide .segment .graphic {
  margin-bottom: 0;
}
/* line 25, sass/page/_broadbandCorner.scss */
#broadbandCorner ul.slider.byNav .slide .segment .graphic img {
  box-shadow: none;
  margin-bottom: 0;
}
/* line 27, sass/page/_broadbandCorner.scss */
#broadbandCorner ul.slider.byNav .slide .segment .plate {
  margin-bottom: 0;
}
/* line 29, sass/page/_broadbandCorner.scss */
#broadbandCorner ul.slider.byNav .slide .segment .plate .title, #broadbandCorner ul.slider.byNav .slide .segment .plate .label {
  text-align: center;
  white-space: nowrap;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 30, sass/page/_broadbandCorner.scss */
#broadbandCorner ul.slider.byNav .slide .segment .plate .title {
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* line 31, sass/page/_broadbandCorner.scss */
#broadbandCorner ul.slider.byNav .slide .segment .plate .label {
  z-index: 2;
}
/* line 32, sass/page/_broadbandCorner.scss */
#broadbandCorner ul.slider.byNav .slide .segment .plate img {
  box-shadow: none;
  margin-bottom: 0;
}
/* line 35, sass/page/_broadbandCorner.scss */
#broadbandCorner ul.slider.byNav .slide .segment:last-child {
  border-bottom: none;
}
/* line 38, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.fttb {
  font-size: 0;
}
/* line 40, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.fttb .paragraph, #broadbandCorner .segment.fttb .plate {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
/* line 41, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.fttb .paragraph {
  width: 50%;
}
/* line 42, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.fttb .scene.plate {
  width: 48%;
  margin-right: 2%;
}
/* line 44, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.fttb .scene.plate .props.label-01 {
  top: 62%;
  left: 34%;
}
/* line 45, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.fttb .scene.plate .props.label-02 {
  top: 49%;
  left: 55%;
}
/* line 46, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.fttb .scene.plate .props.label-03 {
  top: 40%;
  left: 86%;
}
/* line 49, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth {
  font-size: 0;
}
/* line 51, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth .paragraph, #broadbandCorner .segment.ftth .plate {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
/* line 52, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth .paragraph {
  width: 50%;
}
/* line 53, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth .scene.plate {
  width: 48%;
  margin-right: 2%;
}
/* line 55, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth .scene.plate .props.label-01 {
  top: 62%;
  left: 34%;
}
/* line 56, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth .scene.plate .props.label-02 {
  top: 40%;
  left: 86%;
}
/* line 61, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth-install .scene.plate {
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding: 0;
}
/* line 63, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth-install .scene.plate .props.btn {
  top: 9%;
  left: 12%;
}
/* line 65, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth-install .scene.plate .props.label-01 {
  top: 47%;
  left: 24%;
}
/* line 66, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth-install .scene.plate .props.label-02 {
  top: 83%;
  left: 59%;
}
/* line 67, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth-install .scene.plate .props.label-03 {
  top: 48%;
  left: 53%;
}
/* line 68, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth-install .scene.plate .props.label-04 {
  top: 9%;
  left: 72%;
}
/* line 69, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth-install .scene.plate .props.label-05 {
  top: 48%;
  left: 88%;
}
/* line 70, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth-install .scene.plate .city {
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/illustration/city.png");
  background-position: 50% 77%;
}
/* line 72, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth-install .scene.plate .city img {
  position: relative;
  z-index: 2;
}
/* line 73, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.ftth-install .scene.plate .city:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #495258;
}
/* line 77, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.homeWirelessService {
  font-size: 0;
}
/* line 79, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.homeWirelessService .paragraph, #broadbandCorner .segment.homeWirelessService .graphic {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
/* line 80, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.homeWirelessService .paragraph {
  width: 50%;
}
/* line 81, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.homeWirelessService .graphic {
  width: 46%;
  margin-right: 4%;
}
/* line 83, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.homeWirelessService .graphic span {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 3.5em;
}
/* line 86, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.homeWirelessModemOptions {
  font-size: 0;
}
/* line 88, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.homeWirelessModemOptions .paragraph, #broadbandCorner .segment.homeWirelessModemOptions .graphic {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
/* line 89, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.homeWirelessModemOptions .paragraph {
  width: 50%;
}
/* line 90, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.homeWirelessModemOptions .graphic {
  text-align: center;
  width: 46%;
  margin-right: 4%;
}
/* line 92, sass/page/_broadbandCorner.scss */
#broadbandCorner .segment.homeWirelessModemOptions .graphic span {
  display: inline-block;
  text-align: center;
  width: 19%;
  line-height: 3.5em;
}
/* line 105, sass/page/_broadbandCorner.scss */
#broadbandCorner .table.systemRequirement .list > ul > li.collapsed .collapsedContent table.transparent tbody tr td .paragraph .title {
  padding-left: 0;
  padding-right: 0;
}
/* line 106, sass/page/_broadbandCorner.scss */
#broadbandCorner .table.systemRequirement .list > ul > li.collapsed .collapsedContent table.transparent tbody tr td .paragraph p {
  padding-left: 0;
  padding-right: 0;
}
/* line 107, sass/page/_broadbandCorner.scss */
#broadbandCorner .table.systemRequirement .list > ul > li.collapsed .collapsedContent table.transparent tbody tr td .paragraph ul {
  padding-left: 0;
  padding-right: 0;
}
/* line 114, sass/page/_broadbandCorner.scss */
#broadbandCorner .table.systemRequirement .list > ul > li.collapsed .collapsedContent table.transparent tbody:last-child tr:last-child td {
  border-bottom: none;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) {
  /* line 134, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* line 138, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .subheading {
    padding-left: 30px;
    padding-right: 30px;
  }
  /* line 140, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .paragraph .title {
    font-size: 16px;
  }
  /* line 141, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .paragraph p {
    font-size: 16px;
  }
  /* line 142, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .paragraph p.small {
    font-size: 14px;
  }
  /* line 145, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate .title, #broadbandCorner ul.slider.byNav .slide .segment .plate .label {
    padding: 0 10px;
    font-size: 16px;
    line-height: 37px;
  }
  /* line 146, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate .title {
    min-width: 97px;
    top: 10px;
    left: 10px;
  }
  /* line 147, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate .label {
    min-width: 77px;
  }
  /* line 153, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.fttb .scene.plate {
    padding: 21px 137px 21px 59px;
  }
  /* line 158, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth .scene.plate {
    padding: 21px 137px 21px 59px;
  }
  /* line 165, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .city {
    padding: 58px 187px 70px 187px;
  }
  /* line 167, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .city img {
    bottom: -27px;
  }
  /* line 168, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .city:after {
    height: 70px;
  }
  /* line 174, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.homeWirelessService .graphic span {
    font-size: 14px;
  }
  /* line 179, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.homeWirelessModemOptions .graphic span {
    font-size: 14px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 194, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav {
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw;
  }
  /* line 198, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .subheading {
    padding-left: 2.34375vw;
    padding-right: 2.34375vw;
  }
  /* line 200, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .paragraph .title {
    font-size: 1.25vw;
  }
  /* line 201, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .paragraph p {
    font-size: 1.25vw;
  }
  /* line 202, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .paragraph p.small {
    font-size: 1.09375vw;
  }
  /* line 205, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate .title, #broadbandCorner ul.slider.byNav .slide .segment .plate .label {
    padding: 0 0.78125vw;
    font-size: 1.25vw;
    line-height: 2.89063vw;
  }
  /* line 206, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate .title {
    min-width: 7.57813vw;
    top: 0.78125vw;
    left: 0.78125vw;
  }
  /* line 207, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate .label {
    min-width: 6.01563vw;
  }
  /* line 213, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.fttb .scene.plate {
    padding: 1.64063vw 10.70313vw 1.64063vw 4.60938vw;
  }
  /* line 218, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth .scene.plate {
    padding: 1.64063vw 10.70313vw 1.64063vw 4.60938vw;
  }
  /* line 225, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .city {
    padding: 4.53125vw 14.60938vw 5.46875vw 14.60938vw;
  }
  /* line 227, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .city img {
    bottom: -2.10938vw;
  }
  /* line 228, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .city:after {
    height: 5.46875vw;
  }
  /* line 234, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.homeWirelessService .graphic span {
    font-size: 1.09375vw;
  }
  /* line 239, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.homeWirelessModemOptions .graphic span {
    font-size: 1.09375vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 252, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav {
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw;
  }
  /* line 256, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .subheading {
    padding-left: 2.34375vw;
    padding-right: 2.34375vw;
  }
  /* line 258, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .paragraph .title {
    font-size: 1.25vw;
  }
  /* line 259, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .paragraph p {
    font-size: 1.25vw;
  }
  /* line 260, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .paragraph p.small {
    font-size: 1.09375vw;
  }
  /* line 263, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate .title, #broadbandCorner ul.slider.byNav .slide .segment .plate .label {
    padding: 0 0.78125vw;
    font-size: 1.25vw;
    line-height: 2.89063vw;
  }
  /* line 264, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate .title {
    min-width: 7.57813vw;
    top: 0.78125vw;
    left: 0.78125vw;
  }
  /* line 265, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate .label {
    min-width: 6.01563vw;
  }
  /* line 271, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.fttb .scene.plate {
    padding: 1.64063vw 10.70313vw 1.64063vw 4.60938vw;
  }
  /* line 276, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth .scene.plate {
    padding: 1.64063vw 10.70313vw 1.64063vw 4.60938vw;
  }
  /* line 283, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .city {
    padding: 4.53125vw 14.60938vw 5.46875vw 14.60938vw;
  }
  /* line 285, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .city img {
    bottom: -2.10938vw;
  }
  /* line 286, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .city:after {
    height: 5.46875vw;
  }
  /* line 292, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.homeWirelessService .graphic span {
    font-size: 1.09375vw;
  }
  /* line 297, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.homeWirelessModemOptions .graphic span {
    font-size: 1.09375vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 312, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  /* line 315, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  /* line 317, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .subheading {
    font-size: 4vw;
    padding-left: 3vw;
    padding-right: 3vw;
    margin-bottom: 3vw;
  }
  /* line 318, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .paragraph {
    display: block;
    width: 100%;
    margin-bottom: 5vw;
  }
  /* line 320, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .paragraph .title {
    font-size: 3.7vw;
  }
  /* line 322, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate {
    display: block;
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
  }
  /* line 324, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate .title, #broadbandCorner ul.slider.byNav .slide .segment .plate .label {
    padding: 0 1vw;
    font-size: 2.7vw;
    line-height: 5vw;
  }
  /* line 325, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate .title {
    min-width: 16.66vw;
    top: 1vw;
    left: 1vw;
  }
  /* line 326, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate .label {
    min-width: 12vw;
  }
  /* line 328, sass/page/_broadbandCorner.scss */
  #broadbandCorner ul.slider.byNav .slide .segment .plate .label:after {
    border-width: 1vw;
  }
  /* line 335, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.fttb .scene.plate {
    padding: 3.7vw 23.51vw 3.7vw 9.81vw;
  }
  /* line 337, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.fttb .scene.plate .props.label-01 {
    top: 14vw;
    left: 27vw;
  }
  /* line 338, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.fttb .scene.plate .props.label-02 {
    top: 12vw;
    left: 43vw;
  }
  /* line 339, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.fttb .scene.plate .props.label-03 {
    top: 9.5vw;
    left: 68vw;
  }
  /* line 343, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth .scene.plate {
    padding: 3.7vw 23.51vw 3.7vw 9.81vw;
  }
  /* line 345, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth .scene.plate .props.label-01 {
    top: 14vw;
    left: 27vw;
  }
  /* line 346, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth .scene.plate .props.label-02 {
    top: 9.5vw;
    left: 68vw;
  }
  /* line 350, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate {
    display: block;
    width: 100%;
    margin-top: 22vw;
  }
  /* line 352, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .props.btn {
    top: -12vw;
    left: 50%;
  }
  /* line 353, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .props.label-01 {
    top: 36vw;
    left: 17vw;
  }
  /* line 354, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .props.label-02 {
    top: 43vw;
    left: 45vw;
  }
  /* line 355, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .props.label-03 {
    top: 26vw;
    left: 34vw;
  }
  /* line 356, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .props.label-04 {
    top: 5vw;
    left: 61vw;
  }
  /* line 357, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .props.label-05 {
    top: 26vw;
    left: 76vw;
  }
  /* line 358, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .city {
    padding: 7.22vw 11.48vw 6.7vw 11.48vw;
  }
  /* line 360, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .city img {
    bottom: -2.22vw;
  }
  /* line 361, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.ftth-install .scene.plate .city:after {
    height: 6.7vw;
  }
  /* line 366, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.homeWirelessService .graphic {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
  }
  /* line 368, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.homeWirelessService .graphic span {
    font-size: 3.3vw;
  }
  /* line 372, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.homeWirelessModemOptions .graphic {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
  }
  /* line 374, sass/page/_broadbandCorner.scss */
  #broadbandCorner .segment.homeWirelessModemOptions .graphic span {
    width: 20%;
    font-size: 3.3vw;
    text-align: center;
  }
  /* line 385, sass/page/_broadbandCorner.scss */
  #broadbandCorner .table.systemRequirement .list > ul > li.collapsed .collapsedContent table.transparent tbody tr td {
    display: block;
  }
  /* line 388, sass/page/_broadbandCorner.scss */
  #broadbandCorner .table.systemRequirement .list > ul > li.collapsed .collapsedContent table.transparent tbody tr td .paragraph .title {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 389, sass/page/_broadbandCorner.scss */
  #broadbandCorner .table.systemRequirement .list > ul > li.collapsed .collapsedContent table.transparent tbody tr td .paragraph p {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 390, sass/page/_broadbandCorner.scss */
  #broadbandCorner .table.systemRequirement .list > ul > li.collapsed .collapsedContent table.transparent tbody tr td .paragraph ul {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 393, sass/page/_broadbandCorner.scss */
  #broadbandCorner .table.systemRequirement .list > ul > li.collapsed .collapsedContent table.transparent tbody tr td {
    border-left: none;
    border-top: 1px #fff solid;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_securityCorner.scss */
.support-security .infoBlock.securityCorner {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/phishing.jpg");
  background-position: 50% 36%;
}

/* line 13, sass/page/_securityCorner.scss */
#securityCorner .series > ul > li:nth-child(2) {
  margin-right: 0;
}
/* line 16, sass/page/_securityCorner.scss */
#securityCorner ul.slider.byNav {
  width: 100%;
}
/* line 18, sass/page/_securityCorner.scss */
#securityCorner ul.slider.byNav .slide {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
/* line 20, sass/page/_securityCorner.scss */
#securityCorner ul.slider.byNav .slide .segment {
  border-bottom: 1px #ececec solid;
}
/* line 28, sass/page/_securityCorner.scss */
#securityCorner ul.slider.byNav .slide .segment .paragraph.shorten {
  position: relative;
  padding-right: 30%;
}
/* line 30, sass/page/_securityCorner.scss */
#securityCorner ul.slider.byNav .slide .segment .paragraph.shorten .graphic {
  position: absolute;
  top: 50%;
  right: 3%;
  width: 28%;
  text-align: center;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 32, sass/page/_securityCorner.scss */
#securityCorner ul.slider.byNav .slide .segment .paragraph.shorten .graphic img {
  max-width: 100%;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
/* line 35, sass/page/_securityCorner.scss */
#securityCorner ul.slider.byNav .slide .segment .segment.collapsed {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 38, sass/page/_securityCorner.scss */
#securityCorner ul.slider.byNav .slide .segment .segment.collapsed .collapsedContent img {
  max-width: 100%;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
/* line 42, sass/page/_securityCorner.scss */
#securityCorner ul.slider.byNav .slide .segment:last-child {
  border-bottom: none;
}
/* line 48, sass/page/_securityCorner.scss */
#securityCorner .table.securityReports tbody tr td {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 49, sass/page/_securityCorner.scss */
#securityCorner .table.securityReports tbody tr td.incident {
  position: relative;
}
/* line 51, sass/page/_securityCorner.scss */
#securityCorner .table.securityReports tbody tr td.incident .icon.details {
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 1.4em;
  height: 2em;
  top: 50%;
  right: 2em;
  margin-top: -1em;
  -moz-transition: cubic-bezier(0.7, 0, 0, 1) 0.3s;
  -o-transition: cubic-bezier(0.7, 0, 0, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.7, 0, 0, 1) 0.3s;
  transition: cubic-bezier(0.7, 0, 0, 1) 0.3s;
}
/* line 23, sass/partials/_base.scss */
#securityCorner .table.securityReports tbody tr td.incident .icon.details img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* line 55, sass/page/_securityCorner.scss */
#securityCorner .table.securityReports tbody tr:hover:not(:first-child) td {
  background-color: #f3f3f3;
}
/* line 57, sass/page/_securityCorner.scss */
#securityCorner .table.securityReports tbody tr:hover:not(:first-child) td.incident .icon.details {
  margin-right: 0.2em;
}
/* line 62, sass/page/_securityCorner.scss */
#securityCorner .table.securityReports tbody tr:first-child td .icon.details {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 23, sass/partials/_base.scss */
#securityCorner .table.securityReports tbody tr:first-child td .icon.details img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* line 68, sass/page/_securityCorner.scss */
#securityCorner .segment.preventPhishingEmail .graphic {
  width: 292px;
  height: 37px;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) {
  /* line 79, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* line 83, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .subheading {
    padding-left: 30px;
    padding-right: 30px;
  }
  /* line 85, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph .title {
    font-size: 16px;
  }
  /* line 86, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph p {
    font-size: 16px;
  }
  /* line 87, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph p.small {
    font-size: 14px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 103, sass/page/_securityCorner.scss */
  #securityCorner .series > ul > li {
    margin-right: 0;
  }
  /* line 106, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav {
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw;
  }
  /* line 110, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .subheading {
    padding-left: 2.34375vw;
    padding-right: 2.34375vw;
  }
  /* line 112, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph .title {
    font-size: 1.25vw;
  }
  /* line 113, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph p {
    font-size: 1.25vw;
  }
  /* line 114, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph p.small {
    font-size: 1.09375vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 131, sass/page/_securityCorner.scss */
  #securityCorner .series > ul > li {
    margin-right: 0;
  }
  /* line 134, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav {
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw;
  }
  /* line 138, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .subheading {
    padding-left: 2.34375vw;
    padding-right: 2.34375vw;
  }
  /* line 140, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph .title {
    font-size: 1.25vw;
  }
  /* line 141, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph p {
    font-size: 1.25vw;
  }
  /* line 142, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph p.small {
    font-size: 1.09375vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 161, sass/page/_securityCorner.scss */
  #securityCorner .series > ul > li {
    margin-right: 0;
  }
  /* line 164, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  /* line 167, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  /* line 169, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .subheading {
    font-size: 4vw;
    padding-left: 3vw;
    padding-right: 3vw;
    margin-bottom: 3vw;
  }
  /* line 170, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph {
    display: block;
    width: 100%;
    margin-bottom: 5vw;
  }
  /* line 172, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph .title {
    font-size: 3.7vw;
  }
  /* line 174, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph.shorten {
    padding-right: 0;
  }
  /* line 176, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph.shorten .graphic {
    position: static;
    width: 100%;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
  /* line 178, sass/page/_securityCorner.scss */
  #securityCorner ul.slider.byNav .slide .segment .paragraph.shorten .graphic img {
    max-width: 80%;
  }
  /* line 187, sass/page/_securityCorner.scss */
  #securityCorner .table.securityReports thead tr td.date {
    width: 32%;
  }
  /* line 188, sass/page/_securityCorner.scss */
  #securityCorner .table.securityReports thead tr td.type {
    display: none;
  }
  /* line 194, sass/page/_securityCorner.scss */
  #securityCorner .table.securityReports tbody tr td.date {
    width: 32%;
  }
  /* line 195, sass/page/_securityCorner.scss */
  #securityCorner .table.securityReports tbody tr td.type {
    display: none;
  }
  /* line 196, sass/page/_securityCorner.scss */
  #securityCorner .table.securityReports tbody tr td.incident {
    padding-right: 11vw;
  }
  /* line 198, sass/page/_securityCorner.scss */
  #securityCorner .table.securityReports tbody tr td.incident .icon.details {
    right: 1em;
  }
  /* line 202, sass/page/_securityCorner.scss */
  #securityCorner .table.securityReports tbody tr:hover:not(:first-child) td {
    background-color: #fff;
  }
  /* line 204, sass/page/_securityCorner.scss */
  #securityCorner .table.securityReports tbody tr:hover:not(:first-child) td.incident .icon.details {
    margin-right: 0;
  }
  /* line 210, sass/page/_securityCorner.scss */
  #securityCorner .segment.preventPhishingEmail .graphic {
    height: auto;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_tipsAndTutorials.scss */
.support-tips .infoBlock.tipsTutorialsTop {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/remind.jpg");
  background-position: 50% 53%;
}

/* line 15, sass/page/_tipsAndTutorials.scss */
#tipsAndTutorials .grid ul li .card {
  background-image: none;
  border: 1px #e8e8eb solid;
  text-align: center;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 17, sass/page/_tipsAndTutorials.scss */
#tipsAndTutorials .grid ul li .card .image {
  font-size: 0;
  height: 38.46%;
  margin-top: 11.53%;
}
/* line 19, sass/page/_tipsAndTutorials.scss */
#tipsAndTutorials .grid ul li .card .image:before {
  content: ' ';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* line 20, sass/page/_tipsAndTutorials.scss */
#tipsAndTutorials .grid ul li .card .image img {
  display: inline-block;
  max-width: 100%;
  height: 100%;
  width: auto;
  vertical-align: middle;
}
/* line 21, sass/page/_tipsAndTutorials.scss */
#tipsAndTutorials .grid ul li .card .image img[src$=".png"] {
  height: auto;
}
/* line 23, sass/page/_tipsAndTutorials.scss */
#tipsAndTutorials .grid ul li .card p {
  text-align: center;
}
/* line 32, sass/page/_tipsAndTutorials.scss */
#tipsAndTutorials .grid ul li .card.csl-wifi .image img {
  height: 50%;
}
/* line 37, sass/page/_tipsAndTutorials.scss */
#tipsAndTutorials .grid ul li .card.email .image img {
  height: 50%;
}
/* line 42, sass/page/_tipsAndTutorials.scss */
#tipsAndTutorials .grid ul li .card.homeWireless .image img {
  height: 60%;
}
/* line 67, sass/page/_tipsAndTutorials.scss */
#tipsAndTutorials .grid ul li .card.uhubplus .image img {
  position: relative;
  left: 5%;
}
/* line 70, sass/page/_tipsAndTutorials.scss */
#tipsAndTutorials .grid ul li .card:hover {
  border-color: #fcaf17;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) {
  /* line 88, sass/page/_tipsAndTutorials.scss */
  #tipsAndTutorials .grid ul li {
    margin-bottom: 16px;
  }
  /* line 90, sass/page/_tipsAndTutorials.scss */
  #tipsAndTutorials .grid ul li .card {
    height: 260px;
  }
  /* line 92, sass/page/_tipsAndTutorials.scss */
  #tipsAndTutorials .grid ul li .card .image {
    height: 100px;
    margin-top: 30px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 114, sass/page/_tipsAndTutorials.scss */
  #tipsAndTutorials .grid ul li {
    margin-bottom: 1.25vw;
  }
  /* line 116, sass/page/_tipsAndTutorials.scss */
  #tipsAndTutorials .grid ul li .card {
    height: 20.3125vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 136, sass/page/_tipsAndTutorials.scss */
  #tipsAndTutorials .grid ul li {
    margin-bottom: 1.25vw;
  }
  /* line 138, sass/page/_tipsAndTutorials.scss */
  #tipsAndTutorials .grid ul li .card {
    height: 20.3125vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 159, sass/page/_tipsAndTutorials.scss */
  #tipsAndTutorials .grid {
    padding: 0;
  }
  /* line 162, sass/page/_tipsAndTutorials.scss */
  #tipsAndTutorials .grid ul li {
    display: inline-block;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 3vw;
  }
  /* line 164, sass/page/_tipsAndTutorials.scss */
  #tipsAndTutorials .grid ul li .card {
    height: 43.14vw;
  }
}
/* common ==================================================================================== */
/* line 5, sass/page/_listPrice.scss */
.listPrice .infoBlock.listPriceTop {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/fiber-speed2.jpg");
  background-position: 50% 36%;
}
/* line 12, sass/page/_listPrice.scss */
.listPrice .table table thead tr td:nth-child(1) {
  width: 60%;
}
/* line 13, sass/page/_listPrice.scss */
.listPrice .table table thead tr td:nth-child(2) {
  width: 20%;
}
/* line 14, sass/page/_listPrice.scss */
.listPrice .table table thead tr td:nth-child(3) {
  width: 20%;
}

/* desktop ==================================================================================== */
/* laptop ==================================================================================== */
/* tablet ==================================================================================== */
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 62, sass/page/_listPrice.scss */
  .listPrice .table table thead tr td:nth-child(1) {
    width: 48%;
  }
  /* line 63, sass/page/_listPrice.scss */
  .listPrice .table table thead tr td:nth-child(2) {
    width: 26%;
  }
  /* line 64, sass/page/_listPrice.scss */
  .listPrice .table table thead tr td:nth-child(3) {
    width: 26%;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_monthRate.scss */
.monthRate .infoBlock.monthRateTop {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/fiber-speed2.jpg");
  background-position: 50% 36%;
}
/* line 13, sass/page/_monthRate.scss */
.monthRate .table table thead tr td:nth-child(1) {
  width: 80%;
}
/* line 14, sass/page/_monthRate.scss */
.monthRate .table table thead tr td:nth-child(2) {
  width: 20%;
}

/* line 22, sass/page/_monthRate.scss */
#monthRate .paper .heading {
  width: 80%;
}

/* desktop ==================================================================================== */
/* laptop ==================================================================================== */
/* tablet ==================================================================================== */
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 65, sass/page/_monthRate.scss */
  .monthRate .table table thead tr td:nth-child(1) {
    width: 70%;
  }
  /* line 66, sass/page/_monthRate.scss */
  .monthRate .table table thead tr td:nth-child(2) {
    width: 30%;
  }

  /* line 74, sass/page/_monthRate.scss */
  #monthRate .paper .heading {
    width: 100%;
    margin-left: 0%;
  }
}
/* common ==================================================================================== */
/* line 5, sass/page/_redemption.scss */
.redemption .infoBlock.premiumRedemption {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/gift-viewTop.jpg");
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 23, sass/page/_redemption.scss */
  #redemption .infoBlock.aboutRedemption .content {
    padding-bottom: 180px;
  }
  /* line 26, sass/page/_redemption.scss */
  #redemption .infoBlock.aboutRedemption .graphic {
    width: 173px;
    margin-top: 200px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 40, sass/page/_redemption.scss */
  #redemption .infoBlock.aboutRedemption .content {
    padding-bottom: 14.0625vw;
  }
  /* line 43, sass/page/_redemption.scss */
  #redemption .infoBlock.aboutRedemption .graphic {
    width: 13.51563vw;
    margin-top: 15.625vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 57, sass/page/_redemption.scss */
  #redemption .infoBlock.aboutRedemption .content {
    padding-bottom: 14.0625vw;
  }
  /* line 60, sass/page/_redemption.scss */
  #redemption .infoBlock.aboutRedemption .graphic {
    width: 13.51563vw;
    margin-top: 15.625vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 75, sass/page/_redemption.scss */
  #redemption .infoBlock.aboutRedemption .content {
    padding-bottom: 34vw;
  }
  /* line 78, sass/page/_redemption.scss */
  #redemption .infoBlock.aboutRedemption .graphic {
    top: auto;
    bottom: -23vw;
    width: 30.18vw;
  }
  /* line 88, sass/page/_redemption.scss */
  #redemption .table.centerInfo .list > ul > li.collapsed .collapsedContent table thead tr td.time {
    display: none;
  }
  /* line 93, sass/page/_redemption.scss */
  #redemption .table.centerInfo .list > ul > li.collapsed .collapsedContent table tbody tr td {
    display: block;
  }
  /* line 94, sass/page/_redemption.scss */
  #redemption .table.centerInfo .list > ul > li.collapsed .collapsedContent table tbody tr td.time {
    border: none;
    background-color: #fff;
    text-align: center;
    margin-bottom: 2vw;
  }
  /* line 99, sass/page/_redemption.scss */
  #redemption .table.centerInfo .list > ul > li.collapsed .collapsedContent table tbody:last-child tr td.time {
    margin-bottom: 0;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_serviceCharge.scss */
.serviceCharge .infoBlock.serviceChargeTop {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/fiber-speed2.jpg");
  background-position: 50% 36%;
}
/* line 13, sass/page/_serviceCharge.scss */
.serviceCharge .table table thead tr td:nth-child(1) {
  width: 80%;
}
/* line 14, sass/page/_serviceCharge.scss */
.serviceCharge .table table thead tr td:nth-child(2) {
  width: 20%;
}

/* line 22, sass/page/_serviceCharge.scss */
#serviceCharge .paper .heading {
  width: 70%;
}

/* desktop ==================================================================================== */
/* laptop ==================================================================================== */
/* tablet ==================================================================================== */
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 65, sass/page/_serviceCharge.scss */
  .serviceCharge .table table thead tr td:nth-child(1) {
    width: 70%;
  }
  /* line 66, sass/page/_serviceCharge.scss */
  .serviceCharge .table table thead tr td:nth-child(2) {
    width: 30%;
  }
  /* line 74, sass/page/_serviceCharge.scss */
  .serviceCharge .table table tbody tr td:nth-child(2) span {
    display: block;
  }

  /* line 83, sass/page/_serviceCharge.scss */
  #serviceCharge .paper .heading {
    width: 100%;
  }
}
/* common ==================================================================================== */
/* line 6, sass/page/_termsAndConditions.scss */
.termsAndConditions .infoBlock.termConditionTop {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../images/photo/fiber-speed2.jpg");
}

/* line 12, sass/page/_termsAndConditions.scss */
#termsAndConditions .table.termsDoc table {
  border-top: 1px #ececec solid;
}
/* line 16, sass/page/_termsAndConditions.scss */
#termsAndConditions .table.termsDoc table tbody tr td {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 17, sass/page/_termsAndConditions.scss */
#termsAndConditions .table.termsDoc table tbody tr td.number {
  width: 5%;
  padding-right: 0;
  text-align: right;
  vertical-align: top;
}
/* line 18, sass/page/_termsAndConditions.scss */
#termsAndConditions .table.termsDoc table tbody tr td.docName {
  position: relative;
  border-left: none;
}
/* line 20, sass/page/_termsAndConditions.scss */
#termsAndConditions .table.termsDoc table tbody tr td.docName .icon.details {
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 1.4em;
  height: 2em;
  top: 50%;
  right: 2em;
  margin-top: -1em;
  -moz-transition: cubic-bezier(0.7, 0, 0, 1) 0.3s;
  -o-transition: cubic-bezier(0.7, 0, 0, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.7, 0, 0, 1) 0.3s;
  transition: cubic-bezier(0.7, 0, 0, 1) 0.3s;
}
/* line 23, sass/partials/_base.scss */
#termsAndConditions .table.termsDoc table tbody tr td.docName .icon.details img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* line 24, sass/page/_termsAndConditions.scss */
#termsAndConditions .table.termsDoc table tbody tr:hover td {
  background-color: #f3f3f3;
}
/* line 26, sass/page/_termsAndConditions.scss */
#termsAndConditions .table.termsDoc table tbody tr:hover td.docName .icon.details {
  margin-right: 0.2em;
}

/* desktop ==================================================================================== */
/* laptop ==================================================================================== */
/* tablet ==================================================================================== */
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 67, sass/page/_termsAndConditions.scss */
  #termsAndConditions .table.termsDoc table tbody tr td.docName {
    padding-right: 11vw;
  }
  /* line 69, sass/page/_termsAndConditions.scss */
  #termsAndConditions .table.termsDoc table tbody tr td.docName .icon.details {
    right: 1em;
  }
  /* line 73, sass/page/_termsAndConditions.scss */
  #termsAndConditions .table.termsDoc table tbody tr:hover td {
    background-color: #fff;
  }
  /* line 75, sass/page/_termsAndConditions.scss */
  #termsAndConditions .table.termsDoc table tbody tr:hover td.incident .icon.details {
    margin-right: 0;
  }
}

/* common ==================================================================================== */
/* line 7, sass/page/_error.scss */
#error .infoBlock.cannotFound {
  background-image: none;
  background-color: #fff;
}
/* line 12, sass/page/_error.scss */
#error .infoBlock.cannotFound .content .grid > ul > li {
  border-left: 1px #EBEBEB solid;
}
/* line 14, sass/page/_error.scss */
#error .infoBlock.cannotFound .content .grid > ul > li p {
  font-family: 'Roboto-Medium', sans-serif;
}
/* line 16, sass/page/_error.scss */
#error .infoBlock.cannotFound .content .grid > ul > li:first-child {
  border-left: none;
}

/* desktop ==================================================================================== */
@media only screen and (min-width: 1280px) and (max-width: 9999999px) {
  /* line 31, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  /* line 33, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content .grid {
    padding-top: 50px;
  }
  /* line 37, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content .grid > ul > li p {
    font-size: 16px;
  }
}
/* laptop ==================================================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  /* line 55, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content {
    padding-top: 7.8125vw;
    padding-bottom: 6.25vw;
  }
  /* line 57, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content .grid {
    padding-top: 3.90625vw;
  }
  /* line 61, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content .grid > ul > li p {
    font-size: 1.25vw;
  }
}
/* tablet ==================================================================================== */
@media only screen and (min-width: 640px) and (max-width: 800px) {
  /* line 80, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content {
    padding-top: 7.8125vw;
    padding-bottom: 6.25vw;
  }
  /* line 82, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content .grid {
    padding-top: 3.90625vw;
  }
  /* line 86, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content .grid > ul > li p {
    font-size: 1.25vw;
  }
}
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* line 105, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content .heading {
    width: 80%;
  }
  /* line 108, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content .desc p br {
    display: block;
  }
  /* line 111, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content .grid {
    padding-top: 5vw;
  }
  /* line 114, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content .grid > ul > li {
    border-left: none;
  }
  /* line 116, sass/page/_error.scss */
  #error .infoBlock.cannotFound .content .grid > ul > li p {
    font-size: 3.7vw;
  }
}
/* common ==================================================================================== */
/* desktop ==================================================================================== */
/* laptop ==================================================================================== */
/* tablet ==================================================================================== */
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* pace */
  /* line 41, sass/vendor/_pace.scss */
  .pace-activity {
    top: 5px !important;
    right: 5px !important;
    width: 10px !important;
    height: 10px !important;
  }
}
/* common ==================================================================================== */
/* desktop ==================================================================================== */
/* laptop ==================================================================================== */
/* tablet ==================================================================================== */
/* mobile ==================================================================================== */
@media only screen and (max-width: 640px) {
  /* btn-menu-mobile */
  /* line 44, sass/vendor/_hamburgerMenu.scss */
  #btn-menu-mobile {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
  }

  /* line 54, sass/vendor/_hamburgerMenu.scss */
  #btn-menu-mobile:before {
    content: ' ';
    position: absolute;
    left: -3vw;
    top: -4vw;
    height: 12.96vw;
    width: 12.96vw;
  }

  /* line 55, sass/vendor/_hamburgerMenu.scss */
  #btn-menu-mobile span {
    display: block;
    position: absolute;
    height: 0.6vw;
    width: 100%;
    background: #ffffff;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

  /* line 74, sass/vendor/_hamburgerMenu.scss */
  #btn-menu-mobile span:nth-child(1) {
    top: 0;
  }

  /* line 77, sass/vendor/_hamburgerMenu.scss */
  #btn-menu-mobile span:nth-child(2), #btn-menu-mobile span:nth-child(3) {
    top: 2vw;
  }

  /* line 80, sass/vendor/_hamburgerMenu.scss */
  #btn-menu-mobile span:nth-child(4) {
    top: 4vw;
  }

  /* line 83, sass/vendor/_hamburgerMenu.scss */
  #btn-menu-mobile.open span:nth-child(1) {
    top: 2vw;
    width: 0%;
    left: 50%;
  }

  /* line 88, sass/vendor/_hamburgerMenu.scss */
  #btn-menu-mobile.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  /* line 94, sass/vendor/_hamburgerMenu.scss */
  #btn-menu-mobile.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  /* line 100, sass/vendor/_hamburgerMenu.scss */
  #btn-menu-mobile.open span:nth-child(4) {
    top: 2vw;
    width: 0%;
    left: 50%;
  }
}
/* for october content editor */
/* line 3, sass/vendor/_october.scss */
*[data-editable], .cms-tag {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.hiddentext{
	display:none;
}
.paragraph{
	font-size: 1.09375vw;
}
.remarkarea{
	padding:15px;
	font-size:80%;
}

.super{
	position:absolute;
	top:0px;
	font-size: 70%;
}
.table td{
	position:relative;
}
#devicenumber, .devicenumber{
	color:#FFF;
}
.devicenumberb{
	color:#000!important;
}
#findoutmore{
	z-index:10;
}
.msource iframe, .msource object, .msource embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.topsubMenu {
	position: relative!important;
	left: 50%;
	top: 75px;
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 2;
	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
	display:none;
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	text-align: center;
	height: 0;
	-moz-transition-property: margin-top, opacity;
	-o-transition-property: margin-top, opacity;
	-webkit-transition-property: margin-top, opacity;
	transition-property: margin-top opacity;
	width: 100%;
	height: 100%;*/
}
/*
@media only screen and (max-width: 768px) {
	sup{

	}
}*/
/*############320px############*/
@media only screen and (min-width: 320px) {
	#mask {
		z-index: 300;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: middle;
		background-image: url(../images/layerbg.png)\0;
		background-color: rgba(0,0,0,0.6);
		display: none;
	}
	#closeBtn {
		height: 35px;
		width: 35px;
		position: absolute;
		z-index: 1000;
		background-image: url(/assets/images/closeBtn.png);
		background-repeat: no-repeat;
		cursor: pointer;
		top: 10px;
		right: 8px;
	}
	#msg {
		background-color: #000;
		height: auto;
		max-height: 80%;
		width: 84%;
		position: absolute;
		z-index: 300;
		left: 48%;
		top: 7%;
		margin-left: -40%;
		color: #333333;
		text-align: center;
		max-width: none;
		padding: 3% 3% 5% 3%;
	}
	.msource {
		position: relative;
	    padding-top: 0px;
		margin-top: 20px;
		height: auto;
		margin-bottom: 20px;
		max-height: 98%;
		overflow: auto;
	}
	.formerror{
		display: none;
		height: 25px;
		color: #e7627e;
		font-size: 90%;
		background-image: url(../images/icon/exclamation.svg);
		background-repeat: no-repeat;
		-moz-background-size: auto 60%;
		-o-background-size: auto 60%;
		-webkit-background-size: auto 60%;
		background-size: auto 60%;
		padding:0 0 0 30px;
	}
	.super_relate{
		position:relative;
		display:inline-block;
		max-width:40px;
		min-width:25px;
	}
	.topsubMenu{
		width:100%!important;
		height: auto!important;
	}
	.ritem {
		float: left;
		width: 100%;
		padding: 8px 15px;
		border-right: 0px #ececec solid;
		border-bottom: 1px #ececec solid;
		/* display: block; */
		color: #000;
		font-size: 80%;
		line-height: normal;
	}
	.remitems .tableitem:last-child .ritem {
		border-right: 0px #ececec solid;
		border-bottom: 0px #ececec solid;
		/* display: block; */
	}
	.remitems{
		border-bottom: 0px #ececec solid;
	}
	.bluetext{
		color:#365c7e;
		font-size: 80%;
	}
	.boldtext{
		font-weight:bold;
	}
	#ipv6test{
		display:none!important;
	}
	.vlanarea{
		/*background-color:#E1E1E1;*/
		background: #E1E1E1; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%,#E1E1E1 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#E1E1E1 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffffff 0%,#E1E1E1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.vlanarea li{
		width: 100%;
		padding: 25px 0;
	}
	.vlanarea li img{
		/*max-width:560px;*/
		margin: 15px auto 0;
		width:auto;
		height:122px;
	}
	.vlanarea li:last-child{
		width: 100%;
		padding: 25px 0;
	}
	.vlanarea li:last-child img{
		/*max-width:180px;*/
		height:122px;
		width:auto;
		margin: 15px auto 0;
	}
	.vlanarea .frame{
		padding: 0px;
	}
	.vlanheader{
		font-size:5.18vw;
		font-family:Roboto-Medium,"微軟正黑體", "微軟正黑體 UI", 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimHei', Helvetica, Arial, sans-serif;
		padding:0 10px 25px;
		text-align: center;
		font-weight: bold;
	}
	.vlandesc{
		font-size: 3.7vw;
		padding:0 3.5vw;
	}
	.diadesc{
		text-align:center;
		font-size: 3.7vw;
	}
	.bbvlan{
		padding:0 3vw;
	}
	.bbvlancol{
		width: 100%;
		float: left;
		padding: 15px 0;
		text-align:center;
		font-size:3.7vw;
		font-family:Roboto-Medium,"微軟正黑體", "微軟正黑體 UI", 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimHei', Helvetica, Arial, sans-serif;
	}
	.bbvlancol ul{
		text-align:left;
		margin:0;
		/*padding:15px 0 0 10px;*/
		list-style: disc;
		font-size:16px;
	}
	.bbvlancol ul li{
		font-size: 3.7vw;
	}
	.bbvlansubheader{
		text-align:left;
		padding:0 0 15px 0;
		display: block;
	}
	.bbremark{
		color:#666666;
		font-size:10px;
		padding: 0 3vw;
		font-family:Roboto-Regular,"微軟正黑體", "微軟正黑體 UI", 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimHei', Helvetica, Arial, sans-serif;
	}
	.bbvlan .bbvlanblock:first-child{
		margin:0 0 15px 0;
		width:100%;
	}
	.bbvlanblock{
		margin:0;
		border:1px solid #efefef;
		width:100%;
		padding: 15px;
	}
	
	/***livechat***/
	.chattext{
		display: block;
		vertical-align: middle;
		float: left;
		position:absolute;
		top:0px;
	}
	.livechatbn{		
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background: #004898; /* Old browsers */
		background: -moz-linear-gradient(top, #006bac 0%,#004898 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #006bac 0%,#004898 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #006bac 0%,#004898 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		position:relative;
		top:auto;
		right:0px;
		bottom:0px;
		border-radius:0px;
		width:100%;
		font-family:'Roboto-Medium',NotoSanReg,Microsoft JhengHei, sans-serif;
		height:9.25vw;
		line-height:9.25vw;
		display:block;
		padding:0 8px;
		cursor:pointer;
		z-index: 100;
		color:#fff;
	}
	.livetextarea{
		/*display:none;*/
		display: block;
		height: 30px;
		line-height: 9.25vw;
		overflow:hidden;
		float:left;
		position:relative;
		width: calc(100% - 40px);
		font-size: 4vw;
		color: #fff;
		font-family:'Roboto-Medium',NotoSanReg,Microsoft JhengHei, sans-serif;
	}
	.livechaticon{
		background: url(/assets/images/icon/chat-white.svg) center center no-repeat;
		-webkit-background-size: 80%;
		-moz-background-size: 80%;
		-o-background-size: 80%;
		background-size: 80%;
		width:30px;
		height:9.25vw;
		margin:0 10px 0 0;
		display:inline-block;
		float:left;
	}
	.livesmallblock{
		width:150px;
		margin:auto;
		display:block;
	}
	/***livechat***/
	.text1{
		display: none;
		width: 100%;
		vertical-align: middle;
		line-height: 9.25vw;
		font-size: 3.75vw;
	}
	.text2{
		display: block;
		width: 100%;
		vertical-align: middle;
		line-height: 9.25vw;
		font-size: 3.75vw;
	}
	.mobilenavtext{
		display: block!important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.largenavtext{
		display:none!important;
	}
	.phone_icon {
		display: inline!important;
		height: 20px!important;
		width: 20px!important;
		vertical-align: middle!important;
	}
	
	.heightzero{
		
	}
	.heightzero .callicon{
		/*height:0px!important;
		font-size:0px!important;*/
	}
}
/*############320px############*/
/*############640px############*/
@media only screen and (min-width: 640px) {
	.topsubMenu {
		width: 80px!important;
		height: auto!important;
	}
	.remitems{
		border-bottom: 0px #ececec solid;
	}
	.ritem {
		float: left;
		width: 100%;
		padding: 15px 30px;
		border-right: 0px #ececec solid;
		border-bottom: 1px #ececec solid;
		/* display: block; */
		color:#000;
	}
	.remitems .tableitem:last-child .ritem {
		border-right: 0px #ececec solid;
		border-bottom: 1px #ececec solid;
		/* display: block; */
	}
	.vlanarea{
		padding:45px 0 0 0;
	}
	.vlanarea li{
		width: 49%;
		padding: 0;
	}
	.vlanarea li img{
		height:114px;
		width:auto;
		margin: 25px auto 0;
	}
	.vlanarea li:last-child{
		width: 49%;
		padding: 0 0 0 2%;
	}
	.vlanarea li:last-child img{
		height:114px;
		width:auto;
		margin: 39px auto 0;
	}
	.vlanarea .frame{
		padding: 0 45px;
	}
	.vlanheader{
		font-size:2.8125vw;
		font-family:Roboto-Medium,"微軟正黑體", "微軟正黑體 UI", 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimHei', Helvetica, Arial, sans-serif;
		padding:0 0 25px 0;
		text-align: center;
	}
	.vlandesc{
		font-size: 1.25vw;
		padding: 0;
	}
	.diadesc{
		text-align:right;
		font-size: 1.25vw;
		padding: 0 80px 0 0;
	}
	.vlanarea li:last-child .diadesc{
		text-align:center;
		font-size: 1.25vw;
		padding: 0;
	}
	.bbvlan{
		padding:20px;
	}
	.bbvlancol{
		width: 50%;
		float: left;
		padding: 10px 30px;
		text-align:center;
		font-size:1.25vw;
	}
	.bbremark{
		font-size:1vw;
		padding: 0 2.34375vw;
	}
	.bbvlan .bbvlanblock:first-child{
		margin:0 10px 0 0;
		width:calc(50% - 20px);
	}
	.bbvlanblock{
		margin:0 0 0 10px;
		width:calc(50% - 20px);
	}
	/******livechat****/
	.chattext{
		display: block;
		vertical-align: middle;
		float: left;
		position:absolute;
		top:0px;
		height:30px;
	}
	.livechatbn{		
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004898+0,006bac+100 */
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background: #004898; /* Old browsers */
		background: -moz-linear-gradient(top, #006bac 0%,#004898 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #006bac 0%,#004898 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #006bac 0%,#004898 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004898', endColorstr='#006bac',GradientType=0 ); /* IE6-9 */
		position:fixed;
		top:144px;
		right:0px;
		border-radius:10px 0 0px 10px;
		width:46px;
		height:46px;
		display:block;
		padding:8px;
		cursor:pointer;
	}
	.livetextarea{
		display:none;
		/*display: table;*/
		height: 30px;
		line-height: 46px;
		overflow:hidden;
		float:left;
		position:relative;
		width: calc(100% - 40px);
		font-size: 14px;
		color: #fff;
	}
	.livechaticon{
		background: url(/assets/images/icon/chat-white.svg) top center no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width:30px;
		height:30px;
		margin:0 10px 0 0;
		display:inline-block;
		float:left;
	}
	.livesmallblock{
		width:auto;
		margin:auto;
		display:inline;
	}
	/******livechat****/
	.text1, .text2{
		display: block;
		width: 100%;
		vertical-align: middle;
		line-height: 30px;
		font-size: 12px;
	}
	.mobilenavtext{
		display:none!important;
	}
	.largenavtext{
		display:inline-block!important;
		width: 100%!important;
	}
	.phone_icon {
		display: inline!important;
		height: auto!important;
		width: 25px!important;
		vertical-align: middle!important;
		margin: 0 8px 0 5px;
		padding: 0 0 10px 0;
	}
	
}
/*############640px############*/
/*############1024px############*/
@media only screen and (min-width: 1024px) {
	#mask {
		z-index: 300;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: middle;
		background-image: url(../images/layerbg.png)\0;
		background-color: rgba(0,0,0,0.85);
		display: none;
	}
	#closeBtn {
		height: 35px;
		width: 35px;
		position: absolute;
		z-index: 1000;
		background-image: url(/assets/images/closeBtn.png);
		background-repeat: no-repeat;
		cursor: pointer;
		top: 10px;
		right: 8px;
	}
	#msg {
		width: 90%;
		left: 50%;
		top: 20%;
		margin-left: -375px;
		max-width: 725px;
		padding: 0 30px;
		overflow: auto;
	}
	.msource {
		position: relative;
	    padding-top: 0px;
		margin-top: 20px;
		height: auto;
		margin-bottom: 20px;
		max-height: 98%;
		overflow: auto;
	}
	.super_relate{
		position:relative;
		display:inline-block;
		max-width:40px;
		min-width:30px;
	}
	.topsubMenu{
		width:150px!important;
		height:auto!important;
		right: 0;
	}
	.remitems{
		border-bottom: 1px #ececec solid;
	}
	.ritem {
		float: left;
		width: 50%;
		padding: 15px 30px;
		border-right: 1px #ececec solid;
		border-bottom: 1px #ececec solid;
		height: 50px;
		/* display: block; */
	}
	/*
	.ritem:nth-last-child(2) {
		float: left;
		width: 50%;
		padding: 15px 30px;
		border-right: 1px #ececec solid;
		border-bottom: 0px #ececec solid;
		height: 50px;
	}*/
	.remitems .tableitem:nth-child(even)  .ritem{
		border-right: 0px #ececec solid;
	}
	.remitems .tableitem:last-child .ritem {
		border-right: 0px #ececec solid;
		border-bottom: 0px #ececec solid;
		/* display: block; */
	}
	.bluetext{
		color:#365c7e;
		font-size: 100%;
	}
	#ipv6test{
		display:inline-block!important;
	}
	.vlanarea{
		padding:45px 0 0 0;
	}
	.vlanarea li{
		width: 49%;
		padding: 0;
	}
	.vlanarea li img{
		height: 240px;
		max-width: 530px;
		width: 100%;
		margin: 35px auto 0;
	}
	.vlanarea li:last-child{
		width: 48%;
		padding: 0 0 0 3%;
	}
	.vlanarea li:last-child img {
		height: 240px;
		width: auto;
		margin: 60px auto 0;
	}
	.vlanarea .frame{
		padding: 0 65px;
	}
	.vlanheader{
		font-size:24px;
		font-family:Roboto-Medium,"微軟正黑體", "微軟正黑體 UI", 'Microsoft JhengHei', 'Microsoft JhengHei UI', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimHei', Helvetica, Arial, sans-serif;
		padding:0 0 25px 0;
		text-align: center;
	}
	.vlandesc{
		font-size: 16px;
	}
	.vlanarea .content:last-child(){
		padding:0 0 0 2%;
		width:100%;
	}
	.bbvlan{
		padding:20px;
	}
	.bbvlancol{
		width: 50%;
		float: left;
		padding: 30px;
		text-align:center;
		font-size:20px;
	}
	.bbvlancol ul{
		text-align:left;
		margin:0;
		padding:0px 0 0 15px;
		list-style: disc;
		font-size:16px;
	}
	.bbremark{
		font-size:14px;
		padding: 0 30px;
	}
	.bbvlanblock {
		min-height:220px;
	}
	
	/******livechat****/
	.chattext{
		display: block;
		vertical-align: middle;
		float: left;
		position:absolute;
		top:0px;
		height:30px;
	}
	.livechatbn{		
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004898+0,006bac+100 */
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background: #004898; /* Old browsers */
		background: -moz-linear-gradient(top, #006bac 0%,#004898 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #006bac 0%,#004898 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #006bac 0%,#004898 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004898', endColorstr='#006bac',GradientType=0 ); /* IE6-9 */
		position:fixed;
		top:144px;
		right:0px;
		border-radius:10px 0 0px 10px;
		width:46px;
		height:46px;
		display:block;
		padding:8px;
		cursor:pointer;
	}
	.livetextarea{
		display:none;
		/*display: table;*/
		height: 30px;
		line-height: 46px;
		overflow:hidden;
		float:left;
		position:relative;
		width: calc(100% - 40px);
		font-size: 14px;
		color: #fff;
	}
	.livechaticon{
		background: url(/assets/images/icon/chat-white.svg) top center no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		width:30px;
		height:30px;
		margin:0 10px 0 0;
		display:inline-block;
		float:left;
	}
	.livesmallblock{
		width:auto;
		margin:auto;
		display:inline;
	}
	/******livechat****/
	.text1, .text2{
		display: block;
		width: 100%;
		vertical-align: middle;
		line-height: 30px;
		font-size: 14px;
	}
	.vlanarea li:last-child .diadesc {
		font-size: 100%;
	}
	.diadesc{
		font-size: 100%;
	}
	.heightzero{
		height:0px!important;
		width:0px!important;
		font-size:0px;
		background-color:#0066FF;
		padding:0;
		margin:0;
	}
	.heightzero.callicon{
		height:0px;
		font-size:0px;
	}
}
/*############1024px############*/
@media only screen and (max-width: 640px){
	.bbvlansubheader{
		font-size: 3.7vw;
	}
	.callicon{
		background: url(/assets/images/icon/page-toolbar-call.png) center center no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		height: 25px;
		width: 29px;
		display: inline-block;
		vertical-align: middle;
		padding: 0 5px 0 0;
	}
	li.for.current.slick-slide.slick-current.slick-active{
		font-size:4.4vw;
	}
}
@media only screen and (min-width: 640px) and (max-width: 800px){
	.bbvlancol ul li{
		font-size: 1.25vw;
	}
	.bbvlansubheader {
		text-align: left;
		display: inline-block;
	}
}
@media only screen and (min-width: 800px) and (max-width: 1280px){
	.bbvlancol ul li{
		font-size: 1.25vw;
	}
	.bbvlansubheader{
		font-size: 1.25vw;
		font-weight:bold;
	}
}
@media only screen and (min-width: 1280px) {
	.vlanarea li:last-child img{
		height:240px;
		width:auto;
		/*max-width: 255px;*/
		margin: 60px auto 0;
	}
	.bbvlansubheader{
		font-size: 16px;
		font-weight:bold;
	}
	.bbvlancol ul li{
		font-size: 16px;
	}
}
.smallcase{
	text-transform:initial!important;
	text-transform:none!important;
}
.smallcase_header{
	text-transform:initial!important;
	text-transform:none!important;
	font-family: Roboto-Medium,NotoSanBold,Microsoft JhengHei;
}
.whitetext{
	color:#FFF!important;
}
.smallremark{
	font-size:12px;
	color:#666;
}
.contactlayer{
	display:none;
	position: relative;
    /*background-color: rgba(0,0,0,0.5);*/
    width: 100%;
    /*height: 100%;*/
    z-index: 101;
    /*padding: 10% 0;*/
}
#searchbox{
	/*display:none!important;*/
}
#logoutplate{
	display:none;
}
.spaaplogo {
    font-size: 125%;
    font-style: italic;
}
.vlanarea .content{
	padding:0;
	width:100%;
}
/**/

.chattext{
	display:block;
	line-height: normal!important;
}
.fixed{
	position: fixed!important;
}
.text1{
	display:block!important;
}
.resultrow {
	padding: 8px 10px;
    text-align: left;
    display: block;
	border-bottom: 1px solid #efefef;
}
.resultrow:hover {
	background-color:#f6f6f6;
}
.resultarea{
	min-height:400px;
}
.resultarea div{
	/*padding: 0px 10px;
	border-bottom: 1px solid #efefef;*/
}
.search_subhead{
	font-size:120%;
	text-align:left;
	padding:0 0 20px 0;
}
.sdesc {
    text-align: left;
	font-size:90%;
	padding:0px!important;
}
.slink{
	font-size: 80%;
    display: block;
    color: #999;
}
a.jp-current {
    color: #efefef;
}
.pagination, .legend {
    text-align: left;
    padding: 10px 0;
    font-size: 80%;
	display: inline-block;
}
.pagination a {
    padding: 0 10px;
}
#pagination {
    text-align: left;
}
.heightzero{
	height:0px!important;
}