body,html{margin:0;padding:0;}
.G8-ID{margin-top: 117px;min-width: 1000px;}
.cbg-product-local-nav h1{ display:block; width:180px; height:26px; background:url(/dam/content/dam/huawei-cbg-site/common/mkt/pdp/phones/g8/img/g8-logo.png) no-repeat; position:absolute; left:0px; top:12px;}
.cbg-product-local-nav h1 .logo{ position:absolute; left:0px; top:0px; width:100%; height:100%; text-indent:-9999px;}

.top-banner{position:relative;/* margin-bottom:-20px;*/ overflow:hidden;}
.banner-img{margin-top: -16.5%;position:relative;}
.cbg-g8-copy{ position:absolute;top:50px;left:50%; width:1000px; margin-left:-500px;}
.cbg-g8-copy.copy1{}
.cbg-g8-copy.copy2{top:43px;}
.cbg-g8-copy.copy3{top:47px;}
.cbg-g8-copy.copy4{top:46px;}
.cbg-g8-copy.copy5{top:42px;}
.G8-ID .white{color:#fff;}
.G8-ID h1{font-family: 'LT_9';color:#515151;font-size:38px; line-height:28px; text-align:center; margin-bottom:15px;}
.G8-ID p{font-family: 'LT_6';color:#515151;font-size:20px;text-align:center;margin:0;line-height: 28px;}
.top-banner .copy{ display:block; width:100%;}
.top-banner img{ display:block;}
.top-banner img.bg{/* opacity:0;*/ position:relative;}
.cbg-g8-section{ position:relative; overflow:hidden;}
.cbg-g8-section.one{margin-top:-5px;}
.cbg-g8-bg{ width:100%; height:100%;}
.cbg-g8-bg img{ display:block; width:100%;}
.cbg-feature-icon{display:block;width:100%;}
.cbg-feature-icon img{display:block; margin:0 auto;}

/*ID Design*/
.index-section{position:relative;}
.index-section .copy h1{font-size:42px;color:#fff;}
.index-section .copy{width: 1000px;position: absolute;left: 50%;margin-left: -500px;text-align: center;color:#fff;top: 38.9863%;font-size:42px;}
.index-section .copy .play{display: block;width: 93px;height: 93px;background: url('/dam/content/dam/huawei-cbg-site/common/mkt/pdp/phones/g8/img/icon-play.png') no-repeat scroll 0% 0% transparent;position: relative;margin: 0px auto;}
.index-section .copy .play span{display: block;width: 100%;text-align: center;font-family: "LT_6";font-size: 20px;color: #FFF;position: absolute;bottom: -25px;}
.designID .cbg-g8-copy{top:25px;}
.designID .cbg-g8-section.one{padding:320px 56px 85px;}
.designID .cbg-feature-all-icon{display: block;width: 100%;margin-bottom: 20px;margin-top:25px;}
.cbg-feature-icon{font-size: 16px;color: #515151;font-family: 'LT_9'; margin-bottom:10px;}
.designID .cbg-feature-icon{height:auto;text-align:center;}

#index-section02{overflow:hidden;position:relative; min-height:413px;}
#myplayer{position: absolute;height: 100%;z-index: 1; min-height:413px;}
#index-section02 .section-bg{z-index: 10;position: absolute;left: 0px;top: 0px; width: 100%; height: auto; min-height: 100%; display: block;}
#index-section02 .copy{z-index:11;}
.index-section .copy{width: 1000px;position: absolute;left: 50%;margin-left: -500px;text-align: center;}
#index-section02 .copy{color: #fff;top: 338px;top: 39.9863%;}
#index-section02 .copy h1{font-size: 42px;margin-bottom: 25px;}
#index-section02 .copy .play{display: block;width: 93px;height: 93px;background: url(/dam/content/dam/huawei-cbg-site/common/mkt/pdp/phones/g8/img/icon-play.png) no-repeat;position: relative;margin: 0px auto;}

.g8-nav{ position:absolute; width:100%; left:0px; top:0px; background:#13161b; color:#fff; z-index:999; display:none;}
/*.fixed .g8-nav{ display:block; top:0px;}*/
#cbg-main-nav-wrapper.fixed #cbg-main-nav{ display:none;}
.g8-nav-inner{max-width:1240px; height:55px; height:0px; margin:0 auto; width:100%; position:relative; min-width:960px;}
.fixed .g8-nav-inner{ height:55px;}
.g8-nav-inner .g8-logo{ display:block; width:131px; height:26px; background:url(/dam/content/dam/huawei-cbg-site/common/mkt/pdp/phones/g8/img/g8-logo.png) no-repeat; position:absolute; left:0px; top:15px;}
.g8-nav-share{ position:absolute; right:0px; top:15px;}
.g8-nav-share a{ display:inline-block; width:28px; height:28px; margin:0px 13px;}
.g8-nav-share a.twitter{ background:url(/dam/content/dam/huawei-cbg-site/common/mkt/pdp/phones/g8/img/g8-icon-twitter.jpg) no-repeat;}
.g8-nav-share a.facebook{ background:url(/dam/content/dam/huawei-cbg-site/common/mkt/pdp/phones/g8/img/g8-icon-facebook.jpg) no-repeat;}
.g8-nav-share a.google-plus{ background:url(/dam/content/dam/huawei-cbg-site/common/mkt/pdp/phones/g8/img/g8-icon-google-plus.jpg) no-repeat; margin-right:0px;}
.g8-nav-inner ul{ margin:0; padding:0; position:absolute; right:175px;}
.g8-nav-inner li{ float:left; padding:19px 15px;}
.g8-nav-inner li.current a{ font-weight:bold;}
.g8-nav-inner li a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; line-height:16px;}

.m2-backtotop {
  position: fixed; z-index: 200; bottom: 50px; right: 50px;
}
.m2-backtotop a {
  display: block; width: 80px; height: 80px; margin: 5px 0; text-indent: -9999px; background: url(/dam/content/dam/huawei-cbg-site/common/mkt/pdp/phones/g8/img/m2-sprites.png) no-repeat;
  opacity: 0.6; filter: alpha(opacity = 80); transition: all linear 0.2s;
}
.m2-backtotop a:hover {
 opacity: 1; filter: alpha(opacity = 100);
}
a.m2-icon-backtohome {
  background-position: -1062px 0px;
}
a.m2-icon-backtotop {
  background-position: -1062px -94px;
}
a.m2-icon-backtotop.hidden {
 visibility: hidden;
}

@media (max-width: 1850px) {
.cbg-g8-copy.copy1{top:5%;}
/*.G8-ID h1,.index-section .copy h1{font-size:30px;}
.G8-ID p{font-size:18px;}*/
.cbg-g8-copy.copy2,.cbg-g8-copy.copy3,.cbg-g8-copy.copy4,.cbg-g8-copy.copy5{top:3%;}
.designID  .cbg-g8-copy.copy1 {top:2%;}
.designID .cbg-feature-all-icon{margin:15px 0;}
.designID .cbg-g8-copy.copy3{top:2%;}
.designID .cbg-g8-icon-2{margin:10px auto;}	
}
@media (max-width: 1680px) {
.G8-ID h1{ margin-bottom:8px;}
.designID .cbg-feature-all-icon{ margin:10px auto;}
.index-section .cbg-g8-action{ padding-top:15px;}

.designID .cbg-g8-copy.copy1{ top:6%;}
.designID .cbg-g8-copy.copy2{ top:7%;}
.designID .cbg-g8-copy.copy3{ top:3%;}
.designID .cbg-g8-copy.copy4{ top:4%;}
.designID .cbg-g8-copy.copy5{ top:5%;}
.designID .cbg-g8-copy.copy6{ top:4%;}

.cbg-g8-copy.copy1{ top:9%;}
.cbg-g8-copy.copy2{ top:4%;}
.cbg-g8-copy.copy3{ top:4%;}
.cbg-g8-copy.copy4{ top:5%;}
.cbg-g8-copy.copy5{ top:6%;}
}
@media (max-width: 1600px) {
.G8-ID h1,.index-section .copy h1{ font-size:28px; line-height:30px; margin-bottom:6px;}
.G8-ID p,#index-section02 .copy .play span{ font-size:16px; line-height:18px;}
.cbg-g8-copy.copy1{top:25px; top:10%}
.cbg-g8-copy.copy2{top:6%}
.cbg-g8-copy.copy3{top:7%}
.cbg-g8-copy.copy4{top:7%}
.cbg-g8-copy.copy5{top:8%}

.index-section .copy{top:40%;}
.designID .cbg-feature-all-icon{margin:3px 0;}
.designID .cbg-g8-copy.copy1{ top:7%;}
.designID .cbg-g8-copy.copy2{top:9%;}
.designID .cbg-g8-copy.copy3{ top:6%;}
.designID .cbg-g8-copy.copy4{top:7%;}
.designID .cbg-g8-copy.copy5{top:7%;}
.designID .cbg-g8-copy.copy6{top:7%;}
.designID .cbg-feature-all-icon{margin:12px auto;}
.designID .cbg-feature-all-icon.cbg-g8-icon-1{margin-top:20px auto;}
#index-section02 .copy h1{ font-size:28px; line-height:30px; margin-bottom:6px;}

.top-banner .bg,#cbg-g8-s1 .cbg-g8-bg,#cbg-g8-s2 .cbg-g8-bg,#cbg-g8-s3 .cbg-g8-bg,#cbg-g8-s4 .cbg-g8-bg,#cbg-g8-s5 .cbg-g8-bg{ width:120%; margin-left:-10%;}

.m2-backtotop {
  position: fixed; z-index: 200; bottom: 50px; right: 50px;
}
.m2-backtotop a {
  display: block; width: 40px; height: 40px; margin: 5px 0; text-indent: -9999px; background: url(/dam/content/dam/huawei-cbg-site/common/mkt/pdp/phones/g8/img/m2-sprites.png) no-repeat;
  opacity: 0.6; filter: alpha(opacity = 80); transition: all linear 0.2s;
}
.m2-backtotop a:hover {
 opacity: 1; filter: alpha(opacity = 100);
}
a.m2-icon-backtohome {
  background-position: -1151px 0px;
}
a.m2-icon-backtotop {
  background-position: -1151px -47px;
}
a.m2-icon-backtotop.hidden {
 visibility: hidden;
}
}
@media (max-width: 1440px) {
.cbg-feature-icon{ margin-bottom:8px;}
.designID .cbg-feature-all-icon{margin:14px auto 5px;}

.cbg-g8-copy.copy1{top:9%}
.cbg-g8-copy.copy2{top:5%}
.cbg-g8-copy.copy3{top:6%}
.cbg-g8-copy.copy4{top:6%}
.cbg-g8-copy.copy5{top:8%}

.designID .cbg-g8-copy.copy1{ top:7%;}
.designID .cbg-g8-copy.copy2{top:9%;}
.designID .cbg-g8-copy.copy3{ top:5%;}
.designID .cbg-g8-copy.copy4{top:6%;}
.designID .cbg-g8-copy.copy5{top:6%;}
.designID .cbg-g8-copy.copy6{top:6%;}
}
@media (max-width: 1366px) {
.designID .cbg-g8-copy.copy3{ top:4%;}
.designID .cbg-g8-copy.copy4{ top:5%;}
.designID .cbg-g8-copy.copy5{ top:5%;}
}
@media (max-width:1280px) {
.G8-ID h1,.index-section .copy h1{font-size:16px; line-height:18px; margin:0 auto 6px;}
.G8-ID p{font-size:14px; line-height:16px;}
.cbg-feature-icon{font-size:12px; line-height:14px; padding:10px 0px;}
.cbg-g8-icon-3{height:46px;}
.cbg-g8-icon-1,.cbg-g8-icon-2{height:43px;}
.cbg-g8-icon-4{height:47px;}
.cbg-feature-icon img{width:37px; height:auto; height:37px;}
.designID .cbg-feature-all-icon img{width:37px; height:auto; height:37px;}
/*.designID .cbg-feature-all-icon.cbg-g8-icon-4 img{ height:37px;}*/
.designID .cbg-feature-all-icon{margin:8px auto;}
.cbg-feature-icon.cbg-g8-icon-1,.cbg-feature-icon.cbg-g8-icon-2,.cbg-feature-icon.cbg-g8-icon-3,.cbg-feature-icon.cbg-g8-icon-4{ padding-bottom:0px; margin-bottom:0px;}
.designID .cbg-g8-section.one{ padding:240px 28px 40px;}

.designID .cbg-g8-copy.copy2{ top:8%;}
.designID .cbg-g8-copy.copy3{ top:7%;}
.designID .cbg-g8-copy.copy4{ top:7%;}
.designID .cbg-g8-copy.copy5{ top:7%;}
.designID .cbg-g8-copy.copy6{ top:9%;}

#index-section02 .copy h1{ font-size:16px; line-height:18px; margin-bottom:6px;}
#index-section02 .copy .play span{ font-size:14px; line-height:16px;}
#index-section02 .copy .play{ width:47px; height:47px; background-size:47px 47px;}
	
}
@media (max-width:1024px) {
.cbg-g8-copy.copy1{ top:8%;}
.cbg-g8-copy.copy2{ top:4%;}
.cbg-g8-copy.copy3{ top:5%;}
.cbg-g8-copy.copy4{ top:5%;}
.cbg-g8-copy.copy5{ top:7%;}

.designID .cbg-g8-copy.copy3{ top:3%;}
.designID .cbg-g8-copy.copy4{ top:5%;}
.designID .cbg-g8-copy.copy5{ top:5%;}
.designID .cbg-g8-copy.copy6{ top:6%;}
}

/* Next */
.m2-next { position:relative; width:100%; height:148px; font-family:"Segoe UI Light","Segoe UI",Arial,Helvetica,sans-serif; background:#fafafa;}
.m2-next .m2-wrapper { height:100%; line-height: 148px; width:90%; max-width:1240px; margin:0 auto;}
.m2-next span { margin-left: 0.5em; font-size: 1.5em;}
/* m/s size */
.m2-next{ height:74px;}
.m2-next .m2-wrapper{line-height: 74px; width:90%;}
.m2-btn { display: inline-block; font-size: 1.5em; line-height: 100%; text-decoration: none; color: #000; padding: 10px 40px; border: #333 solid 1px; border-radius: 2px; text-align: center; cursor: pointer; transition: all linear 0.2s;}
.m2-btn:hover { border-color: #c52525; color: #c52525; background-color: #fff;}
.m2-next span { margin-left: 0.5em; font-size: 1.5em;}
@media (max-width: 1300px) {
.m2-next .m2-wrapper{ width:92%;}
}
@media (max-width: 1200px) {
.m2-next .m2-wrapper{ width:98%;}
}

/* Fix jwplayer height in Safari */
#playerUoUKOnijsTOF_wrapper {
  height: 100%!important;
}
.cbg-video-mask {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;
}