@import url("../../../fonts/m/css/stylesheet.css");
@import url("../../../fonts/bettertogether/css/stylesheet.css");

html {	
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	overflow-x:hidden;
	scroll-behavior: smooth;
}
body { 
	text-decoration: none; 
	text-align:center;
	background:#fff;
	color:#000;
	xletter-spacing:-1.2px;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}
body img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

a,
a:link,
a:visited {
	text-decoration:none;
	color:#fff;
	transition:all 0.15s;
	font-size:inherit;
}
a:hover {

}
input,
textarea,
select {
	border:1px solid #eee;
	background:#f6f6f6;
	transition:all 0.1s;
}
input:focus,
textarea:focus,
select:focus {
	background:#f9f9f9;
}


div.page-loading {
	width:100%;height:100%;position:fixed;top:0;left:0;	
	z-index:20000000001 !important;
	transition:all 0.3s;	
	background:rgba(0,0,0,0.9);
}
div.page-loading.light {
	xbackground-image: linear-gradient(40deg, rgba(255,0,0,1) 30%, rgba(255,0,153,1) 65%, rgba(255,0,246,1) 95%);
	background:rgba(255,255,255,0.98);
}
div.page-loading.hide {
	xdisplay:none;
	z-index:-1;
	transition:all 0.3s;
}
div.page-loading div.loading-kv {
	position:absolute;top:40%;width:100%;text-align:center;	
}
div.page-loading div.loading-progress {
	color:#fff;font-size:20px;
	margin-top:10px;
}
div.page-loading div.loading-progress span {
	display:inline-block;width:60px;
	color:#fff;font-size:20px;
}
div.page-loading.light div.loading-progress,
div.page-loading.light div.loading-progress span { 
	color:#000;
}
div.page-loading div.loading-kv img {
	width:60%;max-width:250px;margin:0 auto;display:block;
}

.space {
	display:inline-block;visibility:hidden;
}
.hide {
	display:none !important;
}

.btn-sound:after {
	font-family:'vfont-material' !important;
	content: "\e033";font-size:28px;
	position:relative;top:5px;
}
.btn-sound.muted:after {
	font-family:'vfont-material' !important;
	content: "\e032";
}

div.pure-g [class *= "pure-u"],
section,
body,
body * {
	font-family:'Better Together';
	font-weight:normal;
	font-size:17px;
	line-height:1.3em;
}

.color-red,
.red {
	color:red;
	font-size:inherit;font-weight:inherit;
}
.color-red.bold,
.red.bold {
	font-size:1.07em;
}
.color-blue {
	color:#0ea9e9;
}
.color-pink {
	color:#df7697;
}
.color-yellow {
	color:#fec900;
}
.cp-color {
	color:#ff6501;
}
.font-shadow {
	letter-spacing: -0.04em;
	font-weight:bold !important;
	font-family:'Better Together';
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
    -webkit-font-smoothing: antialiased;
}

.font-hilight {
	font-size:1.4em;
}

nav.header {
	z-index:20000000000;
	height:55px;
	position:fixed;
	width:100%;
	background:rgba(255,255,255,1);
	overflow:hidden;
}
nav.header li {
	font-size:23px;
}
nav.header .inner {
	width:95%;
}

nav.subheader {
	z-index:1999999999;
	height:55px;
	position:fixed;
	width:100%;
	top:55px;
	background:rgba(255,255,255,1);
	box-shadow:0 2px 3px #aaa;
	transform:translate3d(0,-50%,0);
	transition:0.2s;
	opacity:0;
}
nav.subheader.active {
	opacity:1;
	transition:0.2s;
	transform:translate3d(0,0,0);
}
nav.subheader ul {
	display:block;overflow:hidden;
	width:100%;height:55px;
	padding:0;margin:0;list-style:none;
	clear:both;
}
nav.subheader li {
	width:33.33333333%;
	margin:0;padding:0;display:inline-block;
	float:left;
	height:55px;
	position:relative;
}
nav.subheader li:nth-child(2) {
	xborder-left:1px solid #ccc;
	xborder-right:1px solid #ccc;
	xwidth:32.8%;
}
nav.subheader li  span.border-left {
	position:absolute;
	width:1px;height:100%;
	left:0;top:0;
	background:#ccc;
}
nav.subheader li  span.border-right {
	position:absolute;
	width:1px;height:100%;
	right:0;top:0;
	background:#ccc;
}

nav.subheader .inner {
	width:95%;
}
nav.subheader a,
nav.subheader a:visited,
nav.subheader a:link {
	margin:0;padding:0;height:55px;line-height:58px;vertical-align:middle;
	font-size:1.2em;
	border:none;overflow:hidden;text-align:center;
	display:block;cursor:pointer;
	xbackground-image: linear-gradient(-40deg, rgba(240,240,240,1) 30%, rgba(250,250,250,1) 65%, rgba(252,252,252,1) 95%);
	background:#f2f2f2;
	font-weight:500;color:#666666;
}
/*nav.subheader li:hover a,*/
nav.subheader li.active a,
nav.subheader li.active a:visited,
nav.subheader li.active a:link {
	background-image: linear-gradient(40deg, rgba(255,0,0,1) 30%, rgba(255,0,153,1) 65%, rgba(255,0,246,1) 95%);
	color:#ffffff;
}


nav.footer {
	background:#383838;padding:45px 0;text-align:center;
	min-height:50px;line-height:1em;color:#fff;
	padding-bottom:60px;
	z-index:4;position:relative;bottom:0;width:100%;
	display:none !important;
}
nav.footer .inner {
	font-size:1em;
}

nav.footer div.pure-g [class *= "pure-u"] {
	font-size:0.65em;
}

nav.footer a,
nav.footer a:visited,
nav.footer a:link {
	color:#fff;font-size:1.3em;
	display:inline-block;
	text-align:left;
	margin:5px 0;
	font-weight:normal;
}
nav.footer a:not([href]) {
	font-size:inherit;margin:9px 0;display:inline-block;
}
nav.footer a[href]:hover {
	background: linear-gradient(90deg, rgba(252,218,255,1) 16%, rgba(213,222,255,1) 47%, rgba(188,225,254,1) 83%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	font-weight:normal;	
}
div.footer-title {
	margin:0 auto;margin-top:20px;padding-top:20px;border-top:1px solid #ccc;display:block;width:80%;max-width:360px;padding-bottom:10px;font-size:0.7em;font-weight:normal;
}

.bg-red {
	background:#fe0000;
}
.bg-red-gradient {
	background:#fe0000;
}
.bg-gray {
	background:#f7f7f7;
}

div.bg-gradient.top {
	position:absolute;z-index:-1;width:100%;height:60%;
	bottom:auto;top:0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.45) 0%, rgba(122,122,122,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(122,122,122,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%,rgba(122,122,122,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#007a7a7a',GradientType=0 );
}

div.logos {
	margin:6px auto;
	text-align:center;
}
div.logos a {
	margin:0;opacity:1;
}
div.logos img {
	border:0;margin:0 auto;display:block;
	height:45px;margin-top:4px;
}
img.logo-footer {
	width:80%;max-width:300px;
	text-align:left;display:inline-block;margin-bottom:20px;
}

.desktop-only {
	display:none;
}
.mobile-only {
	display:inline-block;
}
.mobile-only.br {
	display:block;
}

div.content {
	margin-top:55px;
	position:relative;
}
div.content.has-submenu {
	margin-top:55px;
}


.inner {
	width:85%;max-width:1140px;
	margin:0 auto;display:block;	
	position:relative;
}
.inner.inner2 {
	width:90%;
}
.inner-kv {
	width:100%;
	margin:0 auto;display:block;	
	position:relative;
}

.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.color-white {
	color:#fff;
}

a.btn-menu {
	position:absolute;right:95px;display:inline-block;z-index:30;
	top:15px;
	color:#000;
	width:40px;line-height:2px;text-align:right;
	cursor:pointer;
	right:10px;

	display:none !important;
}
a.btn-menu:before {
	font-size:30px;font-family:'vfont-material';xcontent:'\e20e';cursor:pointer;transition:all 0.15s ease-in-out;
}
a.btn-menu.active:before {
	content:'\e209';position:absolute;top:18px;left:5px;
	color:#fff;
}
a.btn-menu.active {
	width:40px;height:40px;border-radius:50%;
	right:10px;
	background: linear-gradient(50deg, rgba(255,0,0,1) 10%, rgba(255,0,166,1) 50%, rgba(0,166,255,1) 90%);
	box-shadow:0 0 2px #000;
}
a.btn-menu span {
	display:inline-block;background:#000;height:3px;
	transition:all 0.15s;
}
a.btn-menu span.l1 {
	width:95%;transition:width 0.15s,background 1.6s;
}
a.btn-menu span.l2 {
	width:75%;transition:width 0.15s,background 1.6s;
}
a.btn-menu.active span {
	display:none;
}
a.btn-menu:hover span {
	background: linear-gradient(50deg, rgba(255,0,0,1) 10%, rgba(255,0,166,1) 50%, rgba(0,166,255,1) 90%);
	transition:all 0.15s;
}
a.btn-menu:hover span.l1 {
	width:102%;transition:width 0.15s,background 3.6s;
}
a.btn-menu:hover span.l2 {
	width:82%;transition:width 0.15s,background 3.6s;
}
.icon-lang {
	color:#888;font-size:20px;position:relative;top:2px;
}

span.btn-menu2 {
	display:inline-block;border-left:1px solid #ccc; position:absolute;top:0;right:0;font-size:18px;padding:0 10px;padding-right:0;margin:8px 0;
	cursor:pointer;
	display:none;
}
span.btn-menu2 span.overlay-disabled {
	width:100%;height:100%;position:absolute;top:0;left:0;
}
select.select-lang {
	background:none;border:0;margin:0;padding:0;font-size:0.9em;width:50px;
}
select.select-lang option {
	background:none;border:0;margin:0;padding:0;font-size:inherit;
}


span.btn,
a.btn,
a.btn:visited,
a.btn:link {
	transition:all 0.1s;
	background:#ff7900;
	color:#fff;
	border-radius:30px;
	display:inline-block;
	width:95%;max-width:130px;
	font-size:1em;font-weight:500;
	height:40px;line-height:40px;
	cursor:pointer;	
}

a.btn.shadowed {
	box-shadow:0 0 4px #333;
}

span.btn:hover,
a.btn:hover {
	transition:all 0.1s;
	background:#fe0000;
	cursor:pointer;
}

a.btn.red,
a.btn.red:visited,
a.btn.red:link {
	background:#fe0000;
}
a.btn.red:hover {
	background:#ff2b01;
}

a.btn.blue,
a.btn.blue:visited,
a.btn.blue:link {
	background:#00b6ff;
}
a.btn.blue:hover {
	background:#17bbff;
}

a.btn.white,
a.btn.white:visited,
a.btn.white:link {
	background:#ffffff;
	color:#000;
}
a.btn.white:hover {
	background:#eeeeee;
}
a.btn.margin {
	margin:0 7px;
}

a.btn.flex,
a.btn.flex:visited,
a.btn.flex:link,
a.btn.flex.hilight,
a.btn.flex.white,
a.btn.flex.red,
a.btn.flex.blue {
	overflow-y:hidden;
	max-width:auto;padding:0 40px;
}


span.btn.hilight,
a.btn.hilight {
	background: linear-gradient(160deg, rgba(255,0,0,1) 50%, rgba(229,18,115,1) 65%, rgba(0,166,255,1) 95%);	
	transition:all 0.3s;
	text-align:center;
}
div.banner:hover span.btn.hilight,
span.btn.hilight:hover,
a.btn.hilight:hover {
	background: linear-gradient(160deg, rgba(255,0,0,1) 50%, rgba(255,0,0,1) 100%);	
	xpadding:0 43px;
	transition:all 0.3s;
	box-shadow:3px 3px 6px #999;
}

span.btn.yellow,
a.btn.yellow {
	background: #fec900;
	transition:all 0.3s;
	text-align:center;
}
div.banner:hover span.btn.yellow,
span.btn.yellow:hover,
a.btn.yellow:hover {
	background: #f3c301;
	xpadding:0 43px;
	transition:all 0.3s;
	box-shadow:2px 2px 10px #666;
}
span.btn.shadow,
a.btn.shadow {
	box-shadow:2px 2px 5px #666;
}


a.btn-circle,
a.btn-circle:hover,
a.btn-circle:visited,
a.btn-circle:link {
	display:inline-block;width:40px;height:40px;border-radius:50%;background:#f6cc20;cursor:pointer;color:#000;
}
a.btn-circle:after {
	font-family:'vfont-material';font-size:34px;position:relative;top:8px;
	content: "\e10f";
}
a.btn-circle.active:after {
	content: "\e112";top:5px;
	transition:all 0.2s;
}
a.btn-circle.btn-faq-toggle {
	width:30px;height:30px;background:none;color:#000;
	position:absolute;right:8%;top:-2px;
	transition:all 0.2s;
}
a.btn-circle.btn-faq-toggle:after {
	font-family:'vfont-material';font-size:40px;position:relative;top:4px;
	transition:all 0.2s;
	content: "\e10f";
}
a.btn-circle.btn-faq-toggle:hover:after {
	transition:all 0.2s;
	content: "\e10f";top:7px;
	background: linear-gradient(90deg, rgba(255,0,0,1) 10%, rgba(255,0,166,1) 50%, rgba(0,166,255,1) 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}
a.btn-circle.btn-faq-toggle.active:after {
	transition:all 0.2s;
	content: "\e112";top:7px;
	background: linear-gradient(90deg, rgba(255,0,0,1) 10%, rgba(255,0,166,1) 50%, rgba(0,166,255,1) 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}

.bold {
	font-weight:bold;
}

div.grid-inner {
	width:95%;margin:10px 2.5%;padding-bottom:10px;border-bottom:1px dashed #ccc;
	position:relative;padding-right:10%;
}
div.faq div.grid-inner {
	border:1px solid #eee;margin-bottom:15px;
}
div.faq {

}
div.faq div.box-desc {
	display:block;text-align:left;font-size:1.1em;cursor:pointer;padding-right:20px;
}
div.faq a[href],
div.faq div.box-desc span:hover,
div.faq div.box-desc span.active {
	background: linear-gradient(90deg, rgba(255,0,0,1) 10%, rgba(255,0,166,1) 50%, rgba(0,166,255,1) 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}
div.faq a[href] {
	font-weight:bold;
}
div.faq a.blue {
	background: linear-gradient(90deg, rgba(0,166,255,1) 10%, rgba(0,166,255,1) 50%, rgba(0,166,255,1) 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}
div.faq a.red {
	background: linear-gradient(90deg, rgba(255,0,0,1) 10%, rgba(255,0,0,1) 50%, rgba(255,0,0,1) 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}
div.faq ul {
	font-size:inherit;font-weight:inherit;
}
div.faq li {
	font-size:inherit;font-weight:inherit;
}

div.faq .why-detail {
	
}
div.faq .why-detail2 {
	display:none;
}
div.faq .why-item2 {
	display:block;padding:30px 0;font-size:0.8em;font-weight:500;
	xletter-spacing:-0.9px;
}
div.faq .why-item {
	display:none;padding:30px 0;
}
div.faq .why-item.active {
	xdisplay:block;
}


ul.menu {
	overflow:hidden;padding:10px 0;margin:0;list-style:none;padding-bottom:0;border-bottom:1px solid #ccc;
	transition:all 0.2s ease-in-out;
	transform:translate3d(0,0,0);
	opacity:0;
	display:none;background:none;visibility:hidden;z-index:20;margin:0 auto;
	position:absolute;top:0;left:0;padding:10px 2%;
	width:96%;
}
ul.menu.active {
	opacity:1;visibility:visible;
	padding:40px 2%;
	transform:translate3d(0,0,0);
	background:rgba(255,255,255,1);
	height:1000px;
}
ul.menu li {
	margin:0;padding:0;
}
ul.menu a {
	padding:10px 0;margin:0;line-height:1em;font-size:1em;text-align:center;cursor:pointer;transition:all 0.15s;
	font-weight:500;
	color:#000;
	transition:all 0.2s;
	display:inline-block;
}
ul.menu a:hover,
ul.menu a.active {
	color:#000;opacity:1;
}
ul.menu a:hover {
	background: linear-gradient(90deg, rgba(255,0,0,1) 10%, rgba(255,0,166,1) 50%, rgba(0,166,255,1) 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}
ul.menu a.btn-menu-lang {
	font-size:1em;margin:0 1px;padding:5px;border-radius:4px;
	display:inline-block;margin-right:12px;
}
ul.menu a.btn-menu-lang:hover,
ul.menu a.btn-menu-lang.active {
	background:#00a79d;color:#000;
}
ul.menu a.btn-lang {	
	display:inline-block;width:auto;padding:5px 0;margin:10px 10px;margin-bottom:30px;
	border-width: 4px;
	border-color:transparent;
	border-style: solid;
	font-size:0.7em;
	font-weight:500;
	background:auto;
  -webkit-background-clip: auto;
  -webkit-text-fill-color: #000;
}
ul.menu a.btn-lang:hover,
ul.menu a.btn-lang.active {
	transition:all 0.2s;
	border-width: 4px;
	border-style: solid;
	border-image:linear-gradient(90deg, rgba(255,0,0,1) 10%, rgba(255,0,166,1) 50%, rgba(0,166,255,1) 90%) 100% 0 100% 0/0px 0 3px 0 stretch;
}
div.company {
	text-align:center;
}


ul.menu li:nth-child(1) {
	visibility:hidden;
}

ul.list-number {
	margin:0;padding:0;list-style-type:decimal;display:block;overflow:hidden;
	padding-left:20px;
}
ul.list-number > li {
	text-align:left;margin-bottom:15px;
}
ul.list-number > li ul {
	margin-left:20px !important;
}
ul.list-dot {
	margin:0;padding:0;list-style-type:disc;display:block;overflow:hidden;
	padding-left:20px;
}
ul.list-dot > li {
	text-align:left;margin-top:8px;
}



#watermark {
	position:fixed;
	top:0;left:0;
	opacity:0.3;
	z-index:99999999999;	
	color:#222;
	width:100%;height:100%;
	font-size:160px !important;line-height:1em;
	display:none;
}
.fancybox-slide--video .fancybox-content {
	width  : 1280px;
	height : 720px;
	max-width  : 80%;
	max-height : 80%;
}

h1 {
	
}
.color-hilight {
	background: linear-gradient(90deg, rgba(255,0,0,1) 10%, rgba(255,0,166,1) 50%, rgba(0,166,255,1) 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}
.color-hilight2 {
	background: -moz-linear-gradient(90deg, rgba(255,0,0,1) 20%, rgba(255,0,166,1) 70%);
	background: -webkit-linear-gradient(90deg, rgba(255,0,0,1) 20%, rgba(255,0,166,1) 70%);
	background: linear-gradient(90deg, rgba(255,0,0,1) 20%, rgba(255,0,166,1) 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}
.color-hilight3 {
	background: linear-gradient(160deg, rgba(255,0,0,1) 50%, rgba(229,18,115,1) 75%, rgba(0,166,255,1) 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}
h1 span {
	font-size:inherit;
	font-weight:inherit;
}

section {
	display:block;	
	position:relative;
}
section img {
	display:block;
}
section div.inner {
	height:100%;
}
section h1 {
	padding:50px 0;margin:0;padding-bottom:10px;
	font-weight:bold;font-size:1.8em;
	display:inline-block;
	line-height:auto;
}
section h1.no-padding {
	padding:0;
}
section h1.animated {
	xtransform:translate(50%,0);
}
section div.txt-desc {
	font-weight:normal;
	font-size:1.2em;
}
section div.txt-desc.animated {
	xtransform:translate(50%,0);
}
section.network {
	
}
section.network#network-01 {
	xposition:absolute;xz-index:-1;xwidth:100%;xheight:60%;xbottom:auto;xtop:0;
	background: -moz-linear-gradient(45deg, rgba(255,0,0,1) 10%, rgba(255,0,166,1) 50%, rgba(0,166,255,1) 90%);
	background: -webkit-linear-gradient(45deg, rgba(255,0,0,1) 10%, rgba(255,0,166,1) 50%, rgba(0,166,255,1) 90%);
	background: linear-gradient(45deg, rgba(255,0,0,1) 10%, rgba(255,0,166,1) 50%, rgba(0,166,255,1) 90%);
	overflow:hidden;
	padding-bottom:18vh;
}
section.network#network-01 h1 {
	padding:10px 0;
}
section.network#network-01 img.img-network-5g-logo {
	width:45%;max-width:300px;margin:0 auto;
}
section.network#network-01 img.img-network-01 {
	position:relative;width:100%;
	top:12vh;transform:scale(1.6);
}
section.network#network-02 {
	background-image:url(../../../images/better2/network/bg.jpg);
	background-repeat:no-repeat;
	background-size:300% auto;
	background-position:center bottom;
	xheight:550px;
}
section.network#network-02 img.img-5g {
	width:55%;max-width:320px;display:block;margin:0 auto;margin-top:50px;margin-bottom:0px;
}
section.network#network-03 {
	height:530px;overflow:hidden;
}
section.network#network-03 div.inner span.network-03-elm {
	position:absolute;right:0;bottom:0;	
	width:100%;	
	transform:scale(1.3) translate3d(0vw,0,0);
}
section.network#network-03 img.img-network-03-elm {
	width:100%;
}
section.network#network-03 img.img-network-03-elm-02 {
	width:100%;position:absolute;top:0;left:0;
}

section.network#network-03 div.pure-g {
	position:relative;
}
.item-title-big .s1 {
	line-height:1em;
}
.item-title-big .s2 {
	font-size:0.6em;
}
.item-title-big .s3 {
	font-size:0.24em;font-weight:500;line-height:0.8em;display:block;
}
.item-title-big .s4 {
	font-size:0.24em;font-weight:500;line-height:1em;display:inline-block;text-align:left;
}
img.img-5g-2 {
	position:relative;right:5%;
}

section.about#about-01 {
	background:#000;
	overflow:hidden;
	height:630px;
}
section.about#about-01 h1 {
	padding:30px 0;padding-bottom:20px;
}
section.about#about-01 img.img-network-5g-logo {
	width:45%;max-width:300px;margin:0 auto;
}
section.about#about-01 img.img-network-01 {
	position:relative;width:100%;
	top:16vh;transform:scale(2.2);
}
section.about#about-02 {
	xposition:absolute;xz-index:-1;xwidth:100%;xheight:60%;xbottom:auto;xtop:0;
	background-color:#000;
	background-image:url(../../../images/better/about/hl_block2.jpg);
	background-repeat:no-repeat;
	background-size:190% auto;
	background-position:-20.5vh 5vh;
	height:580px;
	padding-top:20px;
}
section.about#about-03 {
	overflow:hidden;
}
.box-desc {
	xletter-spacing:-0.9px;	
}

section.about#about-01 h1,
section.about#about-02 h1 {
	font-size:1.4em;
}
	
section.about#about-04 {
	overflow:hidden;
	background:#f2f2f2;
	padding-bottom:40px;
}

img.img-infinite {
	width:20%;max-width:60px;display:block;margin:10px auto;
}
video.video-bg {
	/** Simulationg background-size: cover */
	object-fit: cover;
	xheight: 100%;
	width: 110%;
	position: absolute;
	top: 0;
	left: -5%;	
}



section.home#home-02 {
	height:auto;
	xpadding-top:20px;
	overflow:hidden;
}
section.home#home-02 img.home-kv3 {
	width:120%;position:absolute;bottom:-40vh;right:-50vw;
	animation: anim-rotate 102s linear infinite;
}
section.home#home-02 .box-product-true-bg {
	background: -moz-linear-gradient(135deg, rgba(255,0,0,1) 40%, rgba(166,26,99,1) 80%, rgba(52,116,206,1) 98%);
	background: -webkit-linear-gradient(135deg, rgba(255,0,0,1) 40%, rgba(166,26,99,1) 80%, rgba(52,116,206,1) 98%);
	background: linear-gradient(135deg, rgba(255,0,0,1) 40%, rgba(166,26,99,1) 80%, rgba(52,116,206,1) 98%);
	height:100%;
}
section.home#home-02 .box-home {
	padding:20px 0;
	margin:0 auto;
	display:block;
	padding-bottom:0;margin-bottom:0;
}
section.home#home-02 .box-product-true,
section.home#home-02 .box-product-dtac {
	padding:20px 0;
	margin:0 auto;
	width:80%;max-width:500px;display:block;
	padding-bottom:0;margin-bottom:0;
}
section.home#home-02 .img-home-product-true,
section.home#home-02 .img-home-product-dtac {
	width:100%;max-width:600px;display:block;
	margin:30px auto;margin-top:50px;z-index:0;
}
section.home#home-02 .img-home-product-true {
	transform:scale(1.25) translate3d(-1vw,0,0);
}
section.home#home-02 .img-home-product-dtac {
	transform:scale(1.25) translate3d(1vw,0,0);
}
section.home#home-02 .box-product-dtac-bg {
	background: -moz-linear-gradient(315deg,rgba(255,0,166,1) 15%, rgba(0,166,255,1) 70%);
	background: -webkit-linear-gradient(315deg, rgba(255,0,166,1) 15%, rgba(0,166,255,1) 70%);
	background: linear-gradient(315deg, rgba(255,0,166,1) 15%, rgba(0,166,255,1) 70%);
	height:100%;
}
section.home#home-02 div.home-kv2 {
	height:auto;position:absolute;bottom:-27vh;width:100%;height:100%;
}
section.home#home-02 div.home-kv2 .inner-kv {
	height:100%;
}
section.home#home-02 a.btn-video {
	z-index:100;display:inline-block;
}
section.home#home-03 {
	background: -moz-linear-gradient(top, rgba(186,222,255,1) 0%, rgba(251,213,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(186,222,255,1) 0%,rgba(251,213,255,1) 100%);
	background: linear-gradient(to bottom, rgba(186,222,255,1) 0%,rgba(251,213,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6badeff', endColorstr='#00fbd5ff',GradientType=0 );
	overflow:hidden;
	height:auto;
	padding-bottom:10vh;
	background:#ffffff;
}
section.home#home-03 h1 {
	padding:30px 0;padding-bottom:20px;
}
section.home#home-03 img.img-network-5g-logo {
	width:55%;max-width:450px;margin:0 auto;transform:scale(1);
	opacity:1;
}
section.home#home-03 img.img-network-01 {
	position:relative;width:100%;
	top:0;transform:scale(1.6) translate(0,-7%);
}
section.home#home-04 {
	height:100%;
	overflow:hidden;
	padding-bottom:5vh;
	position:relative;
	background:rgba(255,0,0,1) 100%;
}
section.home#home-04 .inner > div.pure-g {
	max-width:960px;
}
section.home#home-04 h1 {
	padding:30px 0;padding-bottom:10px;
}
section.home#home-04 img.home-kv3 {
	width:120%;position:absolute;
	display:none;
}
div.kv-network {
	padding-top:0;margin-top:0;text-align:right;width:100%;xbackground:blue
}
div.kv-network img {
	width:65%;position:relative;left:auto;top:auto;right:auto;bottom:auto;margin:0 auto;padding:auto;text-align:right;display:block;margin-right:10%
}
img.img-no1 {
	width:100%;max-width:540px;
}
div.desc-network {
	display:inline-block;margin:0 20px;
}
div.desc-network h1 {
	padding-top:10px;
}
img.img-network2 {
	width:65%;position:relative;left:auto;top:auto;right:auto;bottom:auto;margin:0 auto;padding:auto;text-align:right;margin-right:10%;margin-top:30px;
}
section.home#home-05 h1 {

}

section.home.network#home-04 .inner > div.pure-g {
	max-width:960px;margin:0 auto;
}
section.home.network#home-04 .inner img.img-no1 {
	width:100%;max-width:420px;
}
div.nperf {
	padding-top:0;margin-top:0;text-align:center;width:100%;xbackground:blue;margin:0 auto;display:block;margin-left:10%;
}
div.nperf img {
	margin-left:20%;width:100%;position:relative;left:auto;top:auto;right:auto;bottom:auto;margin:0 auto;padding:auto;text-align:right;display:inline-block;
}

section.home#home-06 {
	overflow:hidden;
	height:auto;
	padding-bottom:10vh;
	background:#fff;
	padding-top:30px;
}
section.home#home-06 h1 {
	padding:10px 0;

	padding:0 auto;margin:0 auto;
}
section.home#home-06 div.sub-title {
	font-size:1.2em;
}
section.home#home-06 img.logo-app {
	display:block;margin:0 auto;width:40%;max-width:170px;margin-top:10px;
}
section.home#home-06 img.img-network-01 {
	width:100%;max-width:960px;margin-top:8vh;
}
section.home#home-06 img.img-network-5g-logo {
	width:95%;max-width:450px;margin:0 auto;transform:scale(1);
	opacity:1;
}
section.home#home-06 img.img-network-01 {
	position:relative;width:100%;
	top:0;transform:scale(1.4) translate(0,-7%);
}

div.home-kv {
	display:block;margin:0 auto;
}
div.home-kv img.img-1 {
	display:inline-block;margin:0 auto;
	width:40%;
}
div.home-kv img.img-e {
	display:inline-block;
	width:17%;position:relative;top:-2vh;
	margin:0 1%;

}
div.home-kv img.img-inf {
	display:inline-block;
	width:38%;margin:0 auto;
	position:relative;top:-0.7vh;
}


section.privilege#privilege-01 {
	background: -moz-linear-gradient(top, rgba(186,222,255,1) 0%, rgba(251,213,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(186,222,255,1) 0%,rgba(251,213,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
	overflow:hidden;
	padding-bottom:5vh;
}
section.privilege#privilege-01 h1 {
	padding:30px 0;padding-bottom:20px;
	padding-top:10px;
	font-size:2em;
}
section.privilege#privilege-02 {
	xposition:absolute;xz-index:-1;xwidth:100%;xheight:60%;xbottom:auto;xtop:0;
	background: -moz-linear-gradient(top, rgba(186,222,255,1) 0%, rgba(251,213,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(186,222,255,1) 0%,rgba(251,213,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
	xoverflow:hidden;
	padding-bottom:5vh;
}
section.privilege#privilege-02 h1 {
	padding:30px 0;padding-bottom:20px;
}
section.privilege#privilege-02 div.inner{
	transform:translate3d(0,-5vh,0);z-index:3;
}
section.privilege#privilege-02 div.privilege-category .box {
	background:#fff;
	padding:10px;margin:10px 8px;
	border: 10px solid;
	border-image-slice: 1;
	border-width: 3px;
	border-image-source: linear-gradient(45deg, rgba(255,0,0,0.5) 10%, rgba(255,0,166,0.5) 50%, rgba(0,166,255,0.5) 90%);
}

section.privilege#privilege-02 div.privilege-category h1 {
	padding-bottom:0;padding-top:10px;
}
section.privilege#privilege-02 div.privilege-category img {
	display:block;height:180px;margin:0 auto;
}
section.privilege#privilege-02 div.privilege-category .box.box2 {
	border-image-source: linear-gradient(-45deg, rgba(255,0,0,0.5) 10%, rgba(255,0,166,0.5) 50%, rgba(0,166,255,0.5) 90%);
}
section.privilege#privilege-02 .box.box3 {
	border:0;
	background:#eee;
	padding:45px 45px;margin:10px 10px;min-height:200px;
}
section.privilege#privilege-02 .box.box3 div.box-title {
	font-size:1.2em;color:#000;
}
section.privilege#privilege-02 .box.box3 div.box-desc {
	font-size:0.9em;color:#000;
}


section.product#product_true-01 div.banner-item {
	overflow:hidden;
	height:auto;
	padding-bottom:10vh;
}
section.product#product_true-01 div.banner-red {
	background: -moz-linear-gradient(135deg, rgba(255,0,0,1) 20%, rgba(255,0,166,1) 70%);
	background: -webkit-linear-gradient(135deg, rgba(255,0,0,1) 20%, rgba(255,0,166,1) 70%);
	background: linear-gradient(135deg, rgba(255,0,0,1) 40%, rgba(255,0,166,1) 75%, rgba(193,0,255,1) 95%);
}
section.product#product_true-01 h1 {
	padding:30px 0;padding-bottom:20px;
}
section.product#product_true-01 img.img-network-5g-logo {
	width:45%;max-width:250px;margin:0 auto;transform:scale(1.2);
	opacity:1;
}
section.product#product_true-01 img.img-network-01 {
	position:relative;width:100%;
	top:0;transform:scale(1.6) translate(0,-10%);
}


div.box {
	margin:15px 15px;
	padding:15px 0;
	border-bottom:1px solid #eee;
}
div.box .box-title {
	font-weight:500;margin-bottom:15px;
	display:block;line-height:auto;
}
div.box .box-desc {
	font-size:0.75em;
	display:block;font-weight:normal;line-height:auto;
}
div:last-child > div.box {
	border-bottom:0;
}

section h1.no-margin {
	margin:0;
}


div.privilege-kv {
	position:relative;
	transform:scale(1.6);
	margin:50px 0;
}
div.privilege-kv img.img-privilege-01 {
	width:100%;z-index:2;
}
div.privilege-kv img.img-privilege-02 {
	position:absolute;top:0;left:0;
	width:100%;
	opacity:1;z-index:3;
}
div.privilege-kv img.img-privilege-03 {
	position:absolute;top:0;left:0;
	width:100%;
	xopacity:0;
	transform:scale(0.9) translate3d(0,-30px,0);
	z-index:4;
}
div.privilege-kv img.img-privilege-04 {
	position:absolute;top:0;left:0;
	width:100%;z-index:-1;
}
div.privilege-kv .ball {
	display: block;
	width: 25px;
	height: 25px;
	margin: 10px auto 0;
	border-radius: 50%;
	position:absolute;
	z-index:2;
	top:0;left:45%;
	will-change: transform;
	opacity:0;
}
div.privilege-kv .ball.ball2 {
	top:0;left:65%;
}
div.privilege-kv .ball.ball3 {
	top:15%;left:8%;
}
div.privilege-kv .ball.blue {
  background: radial-gradient(circle at 65% 15%, white 1%, #4890e3 100%);  
}
div.privilege-kv .ball.blue2 {
  background: radial-gradient(circle at 65% 15%, white 1%, #789bb7 100%);  
}
div.privilege-kv .ball.orange {
  background: radial-gradient(circle at 65% 15%, white 1%, #e48d39 100%);  
}
div.privilege-kv .ball.red {
  background: radial-gradient(circle at 65% 15%, white 1%, #ef5854 100%);   
}
div.privilege-kv .ball.pink {
  background: radial-gradient(circle at 65% 15%, white 1%, #da90ad 100%);  
}
div.privilege-kv .ball.purple {
  background: radial-gradient(circle at 65% 15%, white 1%, #ab5efc 100%);  
}


div.package {
	border-radius:30px;overflow:hidden;background:#fff;
	margin:20px;
	cursor:pointer;
	transition:all 0.3s;color:#000;
}
div.package:hover {
	background:#fe0000;color:#fff;
	box-shadow:0 0 5px #888;
	background: -moz-linear-gradient(60deg, rgba(255,0,0,1) 20%, rgba(255,0,166,1) 70%);
	background: -webkit-linear-gradient(60deg, rgba(255,0,0,1) 20%, rgba(255,0,166,1) 70%);
	background: linear-gradient(145deg, rgba(255,0,0,1) 45%, rgba(255,0,166,1) 90%);
}
div.package img {
	width:100%;display:block;color:#000;
	transition:all 2s;
}
div.package:hover img {
	transform:scale(1.02);
	transition:all 2s;
}
div.package div.box {
	margin-top:20px;color:#000;
	min-height:120px;
}
div.package:hover div.box {
	color:#fff;	
}


div.content-item {
	margin:20px 0;margin-top:0;
	overflow:hidden;
	margin-bottom:40px;
}
div.content-item span.thumbnail {
	display:block;width:100%;overflow:hidden;
}
div.content-item span.thumbnail img {
	display:block;width:100%;
	transition:all 1s;transform:scale(1);
}
div.content-item:hover span.thumbnail img {
	transform:scale(1.04);
	transition:all 2s;
}
div.content-item div.content-detail {
	margin-top:10px;font-size:1em;
}
div.content-item div.content-title {
	margin-top:10px;font-size:0.9em;color:#000;font-weight:bold;
	text-align:left;
}
div.content-item:hover div.content-title {
	background: linear-gradient(90deg, rgba(255,0,0,1) 10%, rgba(255,0,166,1) 50%, rgba(0,166,255,1) 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}
div.content-item div.content-shortdesc {
	margin-top:10px;font-size:0.8em;color:#000;
	display:none;
}


div.news-content {
}
div.news-content span.news-title {
	width:100%;margin:20px auto;display:block;text-align:center;padding-top:10px;
}
div.news-content span.news-title h1 {
	font-size:1.3em;font-weight:600;line-height:auto;
}
div.news-content span.social-share {
	width:100%;margin:20px auto;display:block;text-align:center;font-size:1.1em;
}
div.news-content span.social-share strong {
	font-size:0.7em;
}
div.news-content span.social-share a {
	position:relative;top:5px;
}
div.news-content span.news-detail p {
	font-size:inherit;
}
div.news-content span.news-detail {
	width:100%;margin:30px auto;display:block;margin-bottom:20px;
	
	font-size:0.9em;text-align:left;
}
div.news-content span.news-detail strong {
	font-weight:bold;
}
span.news-kv {
	display:block;width:auto;height:360px;overflow:hidden;
	position:relative;
}
span.news-kv img {
	height:100%;width:auto;
	transform:translate3d(-25%,0,0);
}
span.news-detail img {
	width:100%;height:auto;margin:0 0;
}
span.news-detail a {
	font-weight:400;
}
div.hl-item {
	width:100%;position:relative;overflow:hidden;
}
div.hl-item div.thumb {
	width:100%;overflow:hidden;
}
div.hl-item div.thumb > img {
	width:100%;z-index:2;
	transition:all 3s;
	transform:scale(1);
}
div.hl-item:hover div.thumb > img {
	transform:scale(1.02);
	transition:all 2s;
}
div.hl-item span.content-overlay {
	position:absolute;width:90%;height:95%;padding:2.5% 5%;display:block;
	z-index:3;bottom:0;left:0;

}
div.hl-item span.content-info {
	position:absolute;bottom:0;left:0;display:block;width:100%;padding:10px;padding-top:15px;
	color:#fff;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}
div.hl-item .content-category {
	font-size:0.65em;font-weight:400;display:block;
}
div.hl-item .content-title {
	font-weight:bold;line-height:1.6em;display:block;margin-top:5px;margin-right:10px;
	text-align:left;
	font-size:1.2em;
	overflow:hidden;
	width:95%;
}


a.btn-social {
	margin:0 2px;display:inline-block;
}
a.btn-social > span {

}
a.btn-social img {
	width:23px;height:23px;
}

div.news-related {
	margin:40px 0;margin-top:100px;padding-top:30px;border-top:1px solid #ccc;
}
div.news-related .block-title {
	font-size:1em;font-weight:500;padding-bottom:50px;display:block;
}

#hilights2 {
	padding:30px 0;padding-top:20px;
}

#hilights2 >div > div.hl-item .content-title {
	font-size:1em;
}
#hilights2 >div > div.hl-item div.thumb img {
	height:400px;width:auto;
	transform:translate3d(-25%,0,0);
}

a.btn-load {
	margin:50px 0;
	display:none;
}

.legal {
	font-size:12px;
	position:absolute;bottom:-6vh;
	display:block;text-align:center;
	width:100%;
	z-index:1;
}
.legal.x2 {
	bottom:-3vh;
}
.legal.x3 {
	bottom:-52vh;
}
.legal.x4{
	bottom:2vh;
}
.legal.white {
	color:#fff;
}
.legal.x {
	bottom:1vh;
}
.term {
	font-size:12px;
}
.remark {
	font-size:14px;
}
.remark a,
.remark a:link,
.remark a.visited {
	color:#fe0000;
	font-size:inherit;
}
.legal.x6 {
	bottom:auto;
	font-size:11px;
	position:relative;margin-bottom:20px;
}


div.video-item img {
	width:85%;
	margin:0;
	display:block;
	overflow:hidden;
}
div.video-item {
	text-align:left;
}

.tns-controls {
	position:absolute;bottom:46%;z-index:1;width:100%;height:30px;
}
.tns-controls button[data-controls="prev"] {
	font-family:'vfont-material';
	position:absolute;left:-100px;
	font-size:80px;border:0;background:none;color:#ccc;
	display:none;

	font-size:34px;width:50px;height:50px;line-height:50px;vertical-align:middle;text-align:center;background:rgba(0,0,0,0.07);color:#999;border-radius:50%;
	left:10px;
}
.tns-controls button[data-controls="next"] {
	font-family:'vfont-material';
	position:absolute;right:-100px;
	font-size:80px;border:0;background:none;color:#ccc;
	transition:all 0.1s;

	font-size:34px;width:50px;height:50px;line-height:50px;vertical-align:middle;text-align:center;background:rgba(0,0,0,0.07);color:#999;border-radius:50%;
	right:10px;
}
.tns-controls button:hover {
	color:#777;
	background:rgba(0,0,0,0.1);
}
.tns-controls button:active {
	top:1px;
}

.tns-controls button[data-controls="prev"]:before {
	content: "\e110";
}
.tns-controls button[data-controls="next"]:before {
	content: "\e111";
}

.logo-happiness {
	width:80%;margin:0 auto;max-width:360px;display:block;margin-bottom:10px;
}

@keyframes anim-rotate {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}

.x2 {
	font-size:1.15em !important;
}



/**
* Screen >= 1024px ( pure-u-lg )
*/
	@media screen and (min-width: 1024px) {
		ul.list-number.howto-blood {
			margin-left:40px;padding-right:0;margin-right:0;max-width:960px;width:960px;
		}
		.btn-qr-organ,
		.btn-qr-eyes {
			display:none !important;
		}

		section.home#home-02 img.home-kv3 {
			width:50%;bottom:-50vh;right:-20vw;
		}
		section.home#home-04 img.home-kv3 {
			width:50%;bottom:-50vh;left:-30vw;
			transform:rotate(-50deg);
			display:inline;
		}
		.inner-kv {
			max-width:1140px;
		}

		#homenew-01 .inner-kv {
			max-width:100%;
		}
		#homenew-01 .inner-kv .videos .video-item:nth-child(1) {
			xmargin-left:10%;
		}

		.term {
			font-size:13px;
		}
		.legal {
			font-size:13px;
			bottom:1vh;
		}		
		.legal.x3 {
			bottom:-112vh;
		}
		.legal.x4{
			bottom:3vh;
		}
		#hilights2 >div > div.hl-item {
			height:600px;overflow:hidden;
			font-size:1.6em;
		}
		#hilights2 >div > div.hl-item div.thumb {
			height:100%;
		}
		#hilights2 >div > div.hl-item div.thumb img {
			height:auto;width:100%;
			transform:scale(1) translate3d(0,0,0);
		}
		#hilights2 >div > div.hl-item:hover div.thumb img {
			transform:scale(1.02) translate3d(0,0,0);
		}
		#hilights2 >div .content-info {
			padding:30px 40px;
		}

		div.news-content span.news-title h1 {
			font-size:1.3em; line-height:1.3em;
		}
		span.news-kv {
			display:block;width:100%;height:540px;overflow:hidden;
		}
		span.news-kv img {
			width:100%;height:auto;
			transform:translate3d(0,-22.5%,0);
		}
		div.hl-item.dt-margin-right {
			margin-right:0%;width:100%;
		}
		div.hl-item.dt-margin-left {
			margin-left:4%;width:96%;
		}
		div.hl-item.dt-margin-bottom {
			margin-bottom:3.5%;
		}

		div.news-content span.news-detail {
			font-size:0.8em;
		}

		div.privilege-kv {
			position:relative;
			transform:scale(1.2);
			margin:50px 0;
		}
		section.home#home-04 div.privilege-kv {
			bottom:20%;
		}
		div.home-kv {			
			width:90%;max-width:840px;
		}
		div.home-kv img.img-1 {
			display:inline-block;
			width:30%;
		}
		div.home-kv img.img-e {
			display:inline-block;
			width:10%;position:relative;top:-5vh;
			margin:0 2%;

		}
		div.home-kv img.img-inf {
			display:inline-block;
			width:30%;
			margin-left:2%;
		}

		div.box {
			margin:50px 40px;
			padding:0;
			border-bottom:0;
		}
		video.video-bg {
			height: auto;
			width: 110%;
			left:-5%;			
			transform:scale(1) translate3d(0,0,0);
		}
		span.btn,
		a.btn,
		a.btn:visited,
		a.btn:link {
			height:45px;line-height:45px;
		}
		section h1 {
			padding-bottom:10px;
			font-size:1.7em;
		}
		section.about#about-01 h1,
		section.about#about-02 h1 {
			font-size:1.7em;
		}
		section h1.margin {
			padding-top:80px;
		}
		section.about#about-01 {
			padding-bottom:0;
			height:800px;
		}
		section.about#about-01 h1 {
			padding:50px 0;padding-bottom:20px;
		}
		section.about#about-01 img.img-network-01 {
			top:0;transform:scale(1);
		}
		section.network#network-02 {
			background-repeat:no-repeat;
			background-size:120% auto;
			background-position:center -40vh;
			height:80vh;
			overflow:hidden;
		}
		section.about#about-02 {
			background-repeat:no-repeat;
			background-size:100% auto;
			background-position:center -50vh;
			height:950px;
			padding-top:60px;
		}
		section.about#about-03 {
			height:auto;
		}
		section.network#network-01 {
			padding-bottom:0;
		}
		section.network#network-01 h1 {
			padding:50px 0;padding-bottom:20px;
			padding:10px 0;
		}
		section.network#network-01 img.img-network-01 {
			top:0;transform:scale(1);
		}
		section.network#network-03 {
			height:650px;
		}
		section.network#network-03 div.inner span.network-03-elm {
			width:65%;		
			transform:scale(1) translate3d(0,0,0);
		}
		section.home#home-02 {
			height:950px;
		}
		section.home#home-02 h1 {
			font-size:1.9em;
		}
		section.home#home-03 {
			height:720px;
			padding-bottom:0;
		}

		section.product#product_true-01 h1 {
			padding:20px 0;padding-bottom:30px;
		}
		section.product#product_true-01 img.img-network-01 {
			display:inline-block;width:60%;
			position:absolute;
			left:0;top:auto;bottom:0;transform:scale(1.1) translate(0,-15%);
		}
		section.product#product_true-01 img.img-network-5g-logo {
			transform:scale(0.8);margin:0;
			opacity:1;
		}
		
		section.home#home-03 h1 {
			padding:20px 0;padding-bottom:30px;
		}
		section.home#home-03 img.img-network-01 {
			display:inline-block;width:60%;
			position:absolute;
			left:0;top:auto;bottom:0;transform:scale(1.1) translate(0,-25%);
		}
		section.home#home-03 img.img-network-5g-logo {
			transform:scale(1);margin:0;
			opacity:1;
		}

		section.home#home-04 {
			padding:50px 0;
			background: -moz-linear-gradient(215deg, rgba(255,0,0,1) 80%, rgba(166,26,99,1) 92%, rgba(52,116,206,1) 100%);
			background: -webkit-linear-gradient(215deg, rgba(255,0,0,1) 80%, rgba(166,26,99,1) 92%, rgba(52,116,206,1) 100%);
			background: linear-gradient(215deg, rgba(255,0,0,1) 80%, rgba(166,26,99,1) 92%, rgba(52,116,206,1) 100%);
		}
		section.home#home-04 h1 {
			padding:50px 0;padding-bottom:20px;
		}
		section.home#home-04 img.img-network-01 {
			top:0;transform:scale(1);
		}


		section.home#home-06 {
			padding-bottom:0;
		}
		section.home#home-06 h1 {
			padding:15px 0;
			padding:0 auto;margin:0 auto;
		}
		section.home#home-06 img.img-network-01 {
			display:inline-block;width:60%;
			transform:scale(1.1) translate(0,-30%);
			width:100%;max-width:960px;margin-top:8vh;
		}
		section.home#home-06 img.img-network-5g-logo {
			transform:scale(1);
			opacity:1;
		}


		section.privilege#privilege-01 {
			padding:150px 0;padding-top:0;
		}
		section.privilege#privilege-01 h1 {
			padding:50px 0;padding-bottom:20px;
			padding-top:30px;
		}
		section.privilege#privilege-01 div.privilege-kv {
			transform:scale(1);
			margin:0;
		}
		section.privilege#privilege-02 {
			padding:50px 0;
		}
		section.privilege#privilege-02 h1 {
			padding:20px 0;padding-bottom:20px;
		}
		section.privilege#privilege-02 div.inner{
			transform:translate3d(0,-20vh,0);
		}


		div.content {
			margin-top:60px;
		}
		span.btn-menu2 { 
			top:20px;
		}
		div.company {
			text-align:left;
		}
		a.btn-menu {
			top:19px;
		}
		div.pure-g [class *= "pure-u"],
		section,
		body,
		body * {
			font-size:17px;			
		}
		.font-hilight {
			font-size:2em;
		}
		.desktop-only {
			display:inline;
		}
		.desktop-only.br {
			display:block;
		}
		.mobile-only,
		.mobile-only.br {
			display:none;
		}
		nav.header {
			height:60px;
			border-bottom:1px solid #eee;
		}
		nav.header li {
			font-size:24px;
		}
		div.logos {
			text-align:left;
			margin:0 auto;padding:0;
			height:90px;overflow:hidden;
		}
		div.logos img {			
			margin:0 auto;padding:0;
			height:50px;margin-top:4px;
		}

		div.pure-g div.pure-u-lg-8-24:nth-child(3n) div.content-item {
			margin-right:0;margin-left:20px;
		}
		div.pure-g div.pure-u-lg-8-24:nth-child(3n-2) div.content-item {
			margin-left:0;margin-right:20px;
		}
		div.pure-g div.pure-u-lg-8-24:nth-child(3n-1) div.content-item {
			margin-left:10px;margin-right:10px;
		}
	}

/**
* Screen >= 1920px
*/
	@media screen and (min-width: 1920px) {
		section.about#about-01 {
			padding-bottom:0;
			height:900px;
		}

		section.network#network-02 {
			background-position:center -56vh;
			background-size:120% auto;
			height:80vh;
		}
	}


.fancybox-container {
	z-index:20000000001;
}

a[data-fancybox][data-src] {
	cursor:pointer;
}


div.mouse-scroll {
	position:absolute;bottom:50px;text-align:center;width:100%;left:0;display:inline-block;z-index:1000;
	cursor:pointer;
}
img.btn-mouse-scroll {
	width:48px;display:inline-block;margin:0 auto;
}
img.vert-move {
    -webkit-animation: mover 0.6s infinite  alternate;
    animation: mover 0.6s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}


img.img-home-1,
img.img-home-2 {
	xheight:110%;display:inline;float:left;margin:0 auto;
	width:100%;
}
img.img-home-1 {
	margin-top:8vh;
	position:relative;left:-14vw;
}
img.img-home-2 {
	position:absolute;top:15vh;right:-25vw;xheight:100%;
}

img.img-home-0 {
	position:absolute;
	display:block;margin:0 auto;
	width:100%;top:5vh;left:0;
}

.bold {
	font-weight:bold !important;
	font-size:1.07em;
}

div.item-box {
	border-radius:10px;box-shadow:0 0 6px #aaa;
	position:relative;
	margin:10px 10px;
	overflow:hidden;
	height:auto;
	background:#ffffff;
	transition:all 0.3s;
}
div.item-box a {
	color:inherit;font-size:inherit;font-weight:inherit;text-decoration:none;
}
div.item-box .item-box-inner {
	padding:10px 25px;
	height:350px;
}
div.item-box .item-box-action {
	padding:10px 0;text-align:center;color:#fff;
	background: linear-gradient(160deg, rgba(255,0,0,1) 50%, rgba(229,18,115,1) 75%, rgba(0,166,255,1) 90%);	
}
div.item-box .item-box-action span {
	cursor:pointer;
	display:block;width:100%;height:100%;
}
div.item-box .item-box-action.button {
	background:none;padding:0;
}
div.item-box .item-box-action.button span {
	cursor:pointer;
	display:inline-block;width:70%;padding:10px 5%;margin-bottom:15px;
	background: linear-gradient(160deg, rgba(255,0,0,1) 50%, rgba(229,18,115,1) 75%, rgba(0,166,255,1) 90%);	
	border-radius:40px;
	font-weight:bold;transition:all 0.3s;
}
div.item-box .item-subtitle {
	font-size:0.8em;font-weight:500;
	display:block;padding:15px 0;
}
div.item-box .item-title {
	font-size:1.28em;font-weight:bold;
	xpadding-bottom:15px;
}
div.item-box .item-desc {
	font-size:1.0em;font-weight:normal;
	padding:15px 0;
}
div.item-box .item-desc img {
	width:100%;
}
div.item-box:not(.network):not(.network2) .item-desc img {
	margin-top:10px;
}
div.item-box span {
	font-size:inherit;font-weight:inherit;
}


div.item-box.network .item-box-inner {
	padding:10px 25px;
	height:auto;padding-bottom:35px;
}

div.item-box.network2 .item-box-inner {
	padding:10px 25px;
	height:auto;
}
div.item-box.network img {
	width:90%;margin:0 5%;
}
div.item-box.network2 img {
	width:40%;margin:0 30%;
}
div.item-box.network2 {
	padding:10px 0;
}
div.item-box.network2 .item-desc {
	padding:0;padding-bottom:15px;
}

div.item-box.network .item-subtitle {
	font-size:1em;font-weight:normal;
	display:block;padding:5px 0;
}
div.item-box.network .item-title {
	font-size:1.2em;font-weight:bold;
	padding:5px 10px;
}
div.item-box.network div.item-title-big {
	font-size:3.4em;font-weight:bold;line-height:1em;
}

div.box-secure {
	margin-top:80px;position:relative;
}
div.box-secure div.sec1 {
	height:500px;overflow:hidden;border-radius:25px;position:relative;
	margin:0 8%;
}
div.box-secure div.sec2 {
	width:100%;margin:0;display:block;position:absolute;text-align:center;
	bottom:-140px;
}
div.box-secure div.sec1-text {
	position:absolute;z-index:2;padding:20px 20px;
	font-size:0.9em;
}
div.box-secure img.bg-secure {
	height:120%;position:relative;top:-10vh;border-radius:25px;right:62vw;
}
div.box-secure .img-secure1 {
	width:50%;max-width:200px;
}
div.item-box img.box-img-dec1 {
	width:10%;position:absolute;top:-10px;right:15%;
}
div.item-box img.box-img-dec2 {
	width:15%;position:absolute;top:-10px;right:5%;
}

section.home#homenew-01 h1 {
	padding-top:40px;
}
img.img-prepaid {
	position:relative;top:-20px;display:inline-block;
}

@media screen and (min-width: 1024px) {

	div.box-secure img.bg-secure {
		height:auto;width:120%;position:relative;top:-25vh;border-radius:25px;left:0;right:auto;
	}
	div.box-secure div.sec1 {		
		margin:0;width:100%;
	}
	div.box-secure div.sec2 {
		bottom:-40%;margin:0 5%;
		width:90%;
	}
	div.box-secure div.sec1-text {
		padding:20px 70px;
		font-size:1em;
	}
	div.videos,
	div.videos2 {
		display:block;margin:0 auto;
	}

	div.item-box {
		margin:10px 15px !important;
		padding:0;
	}
	div.video-item:nth-child(1) div.item-box {
		xmargin-left:50px !important;
	}

	div.item-box:not(.network):not(.network2) .item-box-inner {
		height:380px;			
	}

	div.item-box.network:nth-child(1) {
		margin-left:0;
		margin:0 20px;
	}

	div.item-box.network:not(.network2) .item-box-inner {
		height:500px;
		padding:10px 18px;
		padding-bottom:25px;
	}

	div.videos div.video-item:hover div.item-box{
		transition:all 0.3s;
		box-shadow:0 0 15px #999;	
	}
	div.videos div.video-item:hover div.item-box .item-box-action.button span {
		background: linear-gradient(160deg, rgba(255,0,0,1) 50%, rgba(255,0,0,1) 100%);	
		transition:all 0.3s;
		box-shadow:3px 3px 6px #999;	
	}
	img.img-home-1,
	img.img-home-2 {
		width:auto;display:inline;margin:0 5%;
		height:auto;
		left:auto;right:auto;top:auto;
	}
	img.img-home-1 {
		left:5vw;
		height:120vh;
	}
	img.img-home-2 {
		top:5vh;
		right:5vw;
		height:120vh;
	}
	img.img-home-0 {
		top:2vh;
		right:0vw;
		width:auto;
		height:65vh;
	}
}
@media screen and (min-width: 1600px) {
	img.img-home-1 {
		left:-2vw;
	}
	img.img-home-2 {
		right:-2vw;
	}
}



@keyframes anim-updown1 {
  50%{
    -webkit-transform: scale(0.3) translateY(10px);
    -moz-transform: scale(0.3) translateY(10px);
    transform: scale(0.3) translateY(10px);
  }
}
@-webkit-keyframes anim-updown2 {
  50%{
    -webkit-transform: scale(0.3) translateY(12px) translateZ(0);
    -moz-transform: scale(0.3) translateY(12px) translateZ(0);
    transform: scale(0.3) translateY(12px) translateZ(0);
  }
}
@keyframes anim-updown2 {
  50%{
    -webkit-transform: scale(0.3) translateY(12px) translateZ(0);
    -moz-transform: scale(0.3) translateY(12px) translateZ(0);
    transform: scale(0.3) translateY(12px) translateZ(0);
  }
}
@keyframes anim-updown3 {
  50%{
    -webkit-transform: scale(0.3) translateY(13px);
    -moz-transform: scale(0.3) translateY(13px);
    transform: scale(0.3) translateY(13px);
  }
}
@keyframes anim-updown4 {
  50%{
    -webkit-transform: scale(0.3) translateY(11px);
    -moz-transform: scale(0.3) translateY(11px);
    transform: scale(0.3) translateY(11px);
  }
}
@keyframes anim-updown5 {
  50%{
    -webkit-transform: scale(0.3) translateY(8px);
    -moz-transform: scale(0.3) translateY(8px);
    transform: scale(0.3) translateY(8px);
  }
}
@keyframes anim-updown6 {
  50%{
    -webkit-transform: scale(0.3) translateY(14px);
    -moz-transform: scale(0.3) translateY(14px);
    transform: scale(0.3) translateY(14px);
  }
}
@keyframes anim-updown7 {
  50%{
    -webkit-transform: scale(0.3) translateY(7px);
    -moz-transform: scale(0.3) translateY(7px);
    transform: scale(0.3) translateY(7px);
  }
}
@keyframes anim-updown8 {
  50%{
    -webkit-transform: scale(0.3) translateY(16px);
    -moz-transform: scale(0.3) translateY(16px);
    transform: scale(0.3) translateY(16px);
  }
}
@keyframes anim-updown9 {
  50%{
    -webkit-transform: scale(0.3) translateY(9px);
    -moz-transform: scale(0.3) translateY(9px);
    transform: scale(0.3) translateY(9px);
  }
}
@keyframes anim-updown10 {
  50%{
    -webkit-transform: scale(0.3) translateY(15px);
    -moz-transform: scale(0.3) translateY(15px);
    transform: scale(0.3) translateY(15px);
  }
}

section#privilege-ny {
	background:#f7f7f7;
	overflow:hidden;
	padding-bottom:2vh;
	position:relative;
	background-image:url(../../../images/better2/ar_newyear/bg_sky.jpg);
	background-repeat:no-repeat;
	background-size:500% auto;
	background-position:center top;

	-webkit-transition: background 12s, opacity 2s;
	transition: background 12s, opacity 2s;
	opacity:0;
}
section#privilege-ny.active {
	background-size:200% auto;
	opacity:1;
}
section.privilege#privilege-ny h1 {
	padding:30px 0;padding-bottom:20px;
	padding-top:10px;
	font-size:2em;
}
section#privilege-ny div.privilege-kv {
	height:50px;position:relative;
}
section#privilege-ny div.happiness {
	width:45%;display:inline-block;margin:0 auto;position:relative;top:-65px;
	height:100%;
	-webkit-transition:all 1.5s;
	-moz-transition:all 1.5s;
	transition:all 1.5s;
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
	transform:scale(0.5);
	opacity:0;
}
section#privilege-ny div.happiness.active {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
section#privilege-ny div.happiness img.logo-privilege1 {
	position:absolute;top:0;left:0;width:100%;
}
section#privilege-ny div.happiness img.logo-privilege2 {
	position:absolute;top:0;left:0;width:80%;margin:10%;
}
section#privilege-ny img.privilege-dec1 {
	width:22%;position:absolute;bottom:-5%;left:-10%;
}
section#privilege-ny img.privilege-dec2 {
	width:22%;position:absolute;top:-5%;right:-5%;
}
section#privilege-ny img.privilege-dec3 {
	width:22%;position:absolute;bottom:-5%;right:-10%;
}
section#privilege-ny img.privilege-partner {
	width:100%;margin:0 auto;
}
.icon-privilege {
	width:30%;max-width:150px;display:block;margin:0 auto;margin-bottom:10px;
}
.icon-privilege2 {
	width:40%;max-width:150px;display:block;margin:0 auto;margin-bottom:10px;
	display:none;
}

div.item-box.privilege {
	padding:15px 0;
	margin-bottom:20px !important;
	overflow:visible;
}
div.item-box.privilege div.item-title {

}
div.item-box.privilege div.item-box-inner {
	margin:0 0%;padding-bottom:0;margin-bottom:0;height:auto !important;	
}
div.item-box.privilege.privilege2 div.item-box-inner {
	height:auto !important;
}
div.item-box.privilege .item-box-action.button {
	margin:0 !important;padding:0 !important;
}
div.item-box.privilege .item-box-action.button span {
	cursor:pointer;
	display:inline-block;width:70%;padding:10px 5%;margin-bottom:20px;
	background: radial-gradient( farthest-corner at 90px 0px, rgba(255,0,0,1) 70%, rgba(229,18,115,1) 72%, rgba(0,166,255,1) 99%);	
	border-radius:40px;
	font-weight:bold;transition:all 0.3s;
	font-size:0.88em;
}
section#privilege-ny h1 {
	margin-top:0;padding-top:0;font-size:1.4em !important;
}
img.privilege-dec {
	z-index:2;position:absolute;top:0;left:10%;width:80%;
	transform:scale(1.25);left:8%;
}

div.privilege-icons {
	position:relative;
	height:100%;
	width:115%;
	-webkit-transform:translate3d(-8%,0,0);
	transform:translate3d(-8%,0,0);
	z-index:2;
}
img.privilege-icon {
	position:absolute;
	-webkit-transform:scale(0.3) translateY(-500%) translateZ(0);
	transform:scale(0.3) translateY(-500%) translateZ(0);
	-webkit-transition:all 2s;
	transition:all 2s;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
img.privilege-icon.active {
	-webkit-transform:scale(0.3) translateY(0) translateZ(0);
	transform:scale(0.3) translateY(0) translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
img.privilege-icon.anim-active {
	-webkit-animation: anim-updown2 2s ease-in-out infinite;
	animation: anim-updown2 2s ease-in-out infinite;
	-webkit-perspective: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

img.privilege-icon.n1.active {
	left:3%;top:-10%;
}
img.privilege-icon.n2.active {
	left:20%;top:-5%;
}
img.privilege-icon.n3.active {
	left:13%;bottom:15%;
}
img.privilege-icon.n4.active {
	left:10%;bottom:-153%;
}
img.privilege-icon.n5.active {
	left:16.5%;bottom:2%;
}
img.privilege-icon.n6.active {
	right:16%;top:5%;
}
img.privilege-icon.n7.active {
	right:8%;top:90%;
}
img.privilege-icon.n8.active {
	right:10%;bottom:18%;
}
img.privilege-icon.n9.active {
	right:19%;bottom:-15%;
}
img.privilege-icon.n10.active {
	right:0;bottom:-5%;
}

@keyframes anim-loading {
 50%{
    transform: scale(0.98);
	opacity:0.8;
   }
}
.loading-kv {
	transition:all 0.2s;
	transform:scale(1);
}
.loading-kv.loaded {
	transform:scale(10);
	opacity:0;
}
.page-loading {
	position:fixed;z-index:20000000000;
	width:100%;height:100%;
	background:rgba(0,0,0,0.6);
	top:0;left:0;
	background: -moz-linear-gradient(135deg, rgba(255,0,0,1) 40%, rgba(166,26,99,1) 80%, rgba(52,116,206,1) 98%);
	background: -webkit-linear-gradient(135deg, rgba(255,0,0,1) 40%, rgba(166,26,99,1) 80%, rgba(52,116,206,1) 98%);
	background: linear-gradient(135deg, rgba(255,0,0,1) 40%, rgba(166,26,99,1) 80%, rgba(52,116,206,1) 98%);
}
.page-loading div.dim {
	width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.1);
}
.page-loading div.happiness.loading {
	position:relative;
	width:100%;margin:0 auto;max-width:300px;top:30%;
	transform:scale(1);
	color:#fff;font-weight:bold;
}
.page-loading img.loading-kv {
	position:relative;top:0;left:0;width:80%;margin:10%;
}
.page-loading .loading-progress {
	font-size:1.15em;
}
.page-loading div.happiness.loading img.anim {
	animation: anim-loading 1s ease-in-out infinite;
}

.dom-anim {
	opacity:0;
	transition:all 1s;
	transform:translateY(-20%);
}
.dom-anim.active {
	opacity:1;
	transform:translateY(0) !important;
}
.dom-anim.am-up {
	transform:translateY(5%);
}

.privilege-howto,
.fancycontent {
	display:none
}
.fancycontent {
	width:90%;margin:0 auto;max-width:960px;
	font-size:0.6em !important;
}
.fancycontent h2 {
	font-weight:500;
}
.fancycontent li {
	font-size:0.9em;
	margin-bottom:10px;
	list-style:decimal;
}

@media screen and (min-width: 720px) {
	section#privilege-ny {
		padding-bottom:5vh;
		background-size:200% auto;
		background-position:center top;
	}

	section#privilege-ny.active {
		background-size:100% auto;
		opacity:1;
	}
	section#privilege-ny div.privilege-kv {
		height:200px;
	}
	section#privilege-ny div.happiness {
		width:40%;top:-100%;height:auto;
	}


	@keyframes anim-updown1 {
	  50%{
		transform: translateY(10px);
	  }
	}
	@keyframes anim-updown2 {
	  50%{
		transform: translateY(12px);
	  }
	}
	@keyframes anim-updown3 {
	  50%{
		transform: translateY(13px);
	  }
	}
	@keyframes anim-updown4 {
	  50%{
		transform: translateY(11px);
	  }
	}
	@keyframes anim-updown5 {
	  50%{
		transform: translateY(8px);
	  }
	}
	@keyframes anim-updown6 {
	  50%{
		transform: translateY(14px);
	  }
	}
	@keyframes anim-updown7 {
	  50%{
		transform: translateY(7px);
	  }
	}
	@keyframes anim-updown8 {
	  50%{
		transform: translateY(16px);
	  }
	}
	@keyframes anim-updown9 {
	  50%{
		transform: translateY(17px);
	  }
	}
	@keyframes anim-updown10 {
	  50%{
		transform: translateY(15px);
	  }
	}
	div.privilege-icons {
		width:auto;
		transform:translate3d(0,0,0);
	}
	img.privilege-icon {
		transform:scale(1) translateY(-500%);
	}

	img.privilege-icon.active {
		transform:scale(1);
	}


	img.privilege-icon.n1.active {
		left:3%;top:-10%;
	}
	img.privilege-icon.n2.active {
		left:20%;top:-5%;
	}
	img.privilege-icon.n3.active {
		left:12%;bottom:23%;
	}
	img.privilege-icon.n4.active {
		left:0;bottom:-13%;
	}
	img.privilege-icon.n5.active {
		left:18.5%;bottom:-15%;
	}
	img.privilege-icon.n6.active {
		right:16%;top:5%;
	}
	img.privilege-icon.n7.active {
		right:3%;top:-15%;
	}
	img.privilege-icon.n8.active {
		right:10%;bottom:18%;
	}
	img.privilege-icon.n9.active {
		right:19%;bottom:-15%;
	}
	img.privilege-icon.n10.active {
		right:0;bottom:-5%;
	}
}

@media screen and (min-width: 960px) {
	section#privilege-ny h1 {
		font-size:1.6em !important;
	}
	div.item-box.privilege div.item-box-inner {
		margin:0 10%;
		height:320px !important;	
	}
	div.item-box.privilege.privilege2 div.item-box-inner {
		height:190px !important;
	}
	img.privilege-dec {
		top:0;left:10%;width:80%;
	}
	section#privilege-ny {
		padding-bottom:5vh;
		background-size:200% auto;
		background-position:center top;
	}
	section#privilege-ny.active {
		background-size:100% auto;
		opacity:1;
	}
	section#privilege-ny div.privilege-kv {
		height:250px;
	}
	section#privilege-ny div.happiness {
		width:35%;top:-100%;height:auto;
	}
	div.item-box.privilege .item-box-action.button span {
		font-size:1em;
		background: radial-gradient( farthest-corner at 140px 0px, rgba(255,0,0,1) 70%, rgba(229,18,115,1) 72%, rgba(0,166,255,1) 99%);	
	}
}