.bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
							background-image: url(/wp-content/uploads/2024/11/importedfromlive/dot_2.png);
						  }
 
						  .display-img {
							display: none;
						  }
 
						  .div_BG_2 img {
							position: sticky;
							z-index: 10;
						  }
 
						  .zone {
							position: absolute;
							left: 50px;
							top: 50px;
						  }
 
						  .run_slide {
							margin-top: 500px;
						  }
 
						  canvas {
							position: fixed;
							left: 50%;
							top: 50%;
							transform: translate(-50%, -50%);
							-webkit-transform: translate(-50%, -50%);
							-moz-transform: translate(-50%, -50%);
							max-width: 100vw;
							max-height: 100vh;
						  }
 
						  .statics {
							background: #1a1f1f;
							color: #222;
						  }
 
						  #scroller {
							transition: 0.5s;
							opacity: 1;
							z-index: 6;
							position: sticky;
							position: -webkit-sticky;
							position: sticky;
							overflow: hidden;
							height: 5000px;
							width: 100%;
						  }
 
						  #scroller.active {
							transition: 0.5s;
							opacity: 0;
							z-index: 5;
						  }
 
						  #scroller2 {
							transition: 0.5s;
							opacity: 0;
						  }
 
						  #scroller2.active {
							transition: 0.5s;
							opacity: 1;
						  }
 
						  #block-system-main h1 {
							margin: calc(50vh - 40px) auto 0 auto;
							font-size: 65px;
							text-transform: uppercase;
							font-family: "Archivo Black", "Archivo", sans-serif;
							font-weight: normal;
							display: block;
							height: auto;
							text-align: center;
						  }
 
						  .logo {
							color: white;
							--shadow-color: #00e8f6;
							--shadow-color-light: #00e8f6;
							text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),
							  0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),
							  0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);
							opacity: 0;
							transition: 0.5s;
						  }
 
						  .logo-1 {
							color: white;
 							--shadow-color: #FF9E9E;
							--shadow-color-light: white;
							 max-width: 500px;
							text-align: center;
						  }
 
						  #logo-2.active {
							transition: 0.5s;
							opacity: 1;
						  }
 
						  #logo-2 {
							opacity: 0;
							max-width: 600px;
							text-align: center;
							transition: 0.5s;
							z-index: 1;
							position: fixed;
							color: #bfd3d7;
							margin: 0;
							top: 40%;
							margin: auto;
							left: 0;
							right: 0;
						  }
 
						  #logo-5.active,
						  #logo-6.active,
						  #logo-7.active,
						  #logo-8.active {
							transition: 0.5s;
							opacity: 1;
						  }
 
						  #logo-5,
						  #logo-6,
						  #logo-7,
						  #logo-8 {
							top: 50px;
							opacity: 0;
							max-width: 1600px;
						  }
 
						  #logo-1 {
							opacity: 0;
							max-width: 600px;
							text-align: center;
							transition: 0.5s;
							position: fixed;
							color: #bfd3d7;
							margin: 0;
							top: 40%;
							margin: auto;
							left: 0;
							right: 0;
						  }
 
						  #logo-1.active {
							opacity: 1;
							transition: 0.5s;
						  }
 
						  #logo-3 {
							opacity: 0;
							z-index: 3;
							max-width: 150px;
							bottom: 10%;
							top: auto;
						  }
 
						  #logo-3.active {
							transition: 0.5s;
							opacity: 1;
						  }
 
						  #logo-4.active {
							transition: 0.5s;
							opacity: 1;
						  }
 
						  #logo-4 {
							opacity: 0;
							max-width: 600px;
							transition: 1s;
							position: fixed;
							color: #ffffff;
							margin: 0;
							top: 65%;
							margin: auto;
						  }
 
						  .ball_ocation3 {
							position: fixed;
							opacity: 0;
							transition: 0.5s;
						  }
 
						  .ball_ocation3.active {
							opacity: 1;
						  }
 
						  .ball_2 {
							width: 0px;
							height: 0px;
							border-radius: 50%;
							display: block;
							transition: all 2s ease-in-out;
							position: fixed;
							left: 67%;
							top: 18%;
							background: transparent;
							margin-top: 0px;
							margin-left: 0px;
							box-shadow: 0px 0px 78px 0px rgba(0, 0, 0, 0);
							animation: ballsAnimationBigger2 4s infinite linear;
						  }
 
						  .ball1 {}
 
						  .ball2 {
							animation-delay: 1s;
						  }
 
						  .ball3 {
							animation-delay: 2s;
						  }
 
						  .ball4 {
							animation-delay: 3s;
						  }
 
						  .ball5 {
							animation-delay: 4s;
						  }
 
						  .ball6 {
							animation-delay: 5s;
						  }
 
						  @keyframes ballsAnimationBigger2 {
							0% {
							  z-index: 100;
							  background: #57dfff;
							}
 
							80% {
							  opacity: 1;
							}
 
							100% {
							  opacity: 0;
							  z-index: 1;
							  background: transparent;
							  width: 100px;
							  height: 100px;
							  margin-left: -50px;
							  margin-top: -50px;
							}
						  }
 
						  .logo.active {
							transition: 0.5s;
							opacity: 1;
						  }
 
						  @keyframes neon {
							0% {
							  text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),
								0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),
								0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);
							}
 
							50% {
							  text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),
								0 0 5px var(--shadow-color-light), 0 0 15px var(--shadow-color-light), 0 0 25px var(--shadow-color-light),
								0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 60px var(--shadow-color), 0 0 80px var(--shadow-color), 0 0 110px var(--shadow-color), 0 0 210px var(--shadow-color);
							}
 
							100% {
							  text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),
								0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),
								0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);
							}
						  }
 
						  .div_btn.v {
							color: #ffffff;
							text-align: center;
							position: relative;
							margin-top: 30px;
						  }
 
						  .div_BG_4 .col-sm-3 .title_font2 {
							padding-top: 250px;
						  }
 
						  #bg-box .bg-1 {
							z-index: 3;
							position: absolute;
							width: 1920px;
							bottom: unset;
							left: 50%;
							top: 50%;
							transform: translate(-50%, -50%);
							max-width: 100vw;
							max-height: 100vh;
						  }
 
						  #bg-box .bg-2 {
							z-index: 4;
							opacity: 0;
							position: absolute;
							left: 50%;
							top: 50%;
							transform: translate(-50%, -50%);
							transition: 3s;
							width: 1920px;
							bottom: unset;
							max-width: 100vw;
							max-height: 100vh;
						  }
 
						  #bg-box.unactive {
							opacity: 0;
							transition: 0.5s;
						  }
 
						  #bg-box.active {
							opacity: 1;
							transition: 0.5s;
						  }
 
						  #bg-box.active .bg-2 {
							opacity: 1;
							transition: 1.5s ease-out;
						  }
 
						  #bg-box {
							height: 980px;
							position: relative;
 							top: auto;
						  }
  

body{
 height: auto!important;
 }
 
 .div_BG_3_m{
 display:none;
 }
 
 .container-animation2 {
 width: 100%;
 height: 900px;
  position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 }
 .div_BG_5 .col-sm-4{
 z-index:2;
 }
 .container-animation2 .container-blk-content {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 900px;
 z-index: 1;
 }
 .container-animation2 .component {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 -webkit-transition: opacity 3.2s;
 -o-transition: opacity 3.2s;
 transition: opacity 3.2s;
 -webkit-transition-timing-function: ease-in-out;
 transition-timing-function: ease-in-out;
 }
 
 .div_BG_9_1,.div_BG_9_2{
 display:none;
 }
 
 .bx-wrapper {
 margin: 0;
 }
 .bx-wrapper .bx-viewport {
 height: 100%!important;
 left: 0;
 text-align: center;
 
 }
 .statics ul, .statics ol {
 margin: 0;
 padding: 0;
 }
 .div_BG_9 .bxslider {
 width: 100%;
 height: 100%;
 }
 .statics ul li, .statics ol li {
 margin: 0;
 padding: 0;
 }
 .bxslider li {
   width: auto!important;
 height: 700px;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 position: relative;
 background-color: #222222bd;
   border-radius: 15px;
   text-align:left;
 }
 
 .bxslider li .title_font2{
   padding-top: 20px;
 padding-left: 50px;
   padding-right: 50px;
 }
 
 
 .bxslider li .content_text {
   padding-bottom: 100px;
   padding-left: 50px;
   padding-right: 50px;
 
 }
 
 .bxslider2 li {
   width: auto!important;
 height: 700px;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 position: relative;
 background-color: #222222bd;
   border-radius: 15px;
   text-align:left;
 }
 
 .bxslider2 li .title_font2{
   padding-top: 20px;
 padding-left: 50px;
   padding-right: 50px;
 }
 
 
 .bxslider2 li .content_text {
   padding-bottom: 100px;
   padding-left: 50px;
   padding-right: 50px;
 
 }
 .bxslider3  li{
 height: 700px;
   width: auto!important;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 position: relative;
 background-color: #222222bd;
   border-radius: 15px;
   text-align:left;
   
 }
 .bxslider3 li .title_font2{
   padding-top: 20px;
 padding-left: 50px;
   padding-right: 50px;
 }
 
 
 .bxslider3 li .content_text {
   padding-bottom: 100px;
   padding-left: 50px;
   padding-right: 50px;
 
 }
 .icon_on_off{
   background-image: url(/wp-content/uploads/2024/11/importedfromlive/Triggers_A_icon.png);
 cursor:pointer;
 width:125px;
 height:113px;
 margin: auto;
 transition:0.3s;
 }
 .icon_on_off.active{
   background-image: url(/wp-content/uploads/2024/11/importedfromlive/Triggers_B_icon.png);
 transition:0.3s;
 
 }
 .bxslider4  {
   height: 220px;
 
 margin-top:50px;
 
 background-color: #222222bd;
   border-radius: 15px;
   text-align:left;
   float:left;
   width:47%;
   margin-left:1.5%;
   margin-right:1.5%;
   padding:20px 30px;
 }
 
 
 .bxslider3 .title_font2{
   padding-top: 20px;
 padding-left: 50px;
   padding-right: 50px;
 }
 
 
 .bxslider3 .content_text {
   padding-bottom: 100px;
   padding-left: 50px;
   padding-right: 50px;
 
 }
 
 .container-animation2 .component.component-right {
 background-image: url(/download/files/page/08-mekmini-body_0.png);
 
 }
 .container-animation2 .component.component-left {
 background-image: url(/download/files/page/08-position02-panel-open.png);
 z-index: 1;
 }
 .div3_bg_1{
 background-image: url(/download/files/page/minipc_overview/zbox_overview_update_gaming.jpg);
 position: absolute;
 top: 0px;
 bottom:0;
 left:0;
 right:0;
 opacity:0;
 transition:0.5s;
   height: 2387px;
 }
   .div3_bg_2{
 background-image: url(/download/files/page/minipc_overview/zbox_overview_update_home.jpg);
 position: absolute;
 top: 0px;
 bottom:0;
 left:0;
 right:0;
 opacity:0;
 transition:0.5s;
   height: 2387px;
 }
   .div3_bg_3{
 background-image: url(/download/files/page/minipc_overview/zbox_overview_update_creative.jpg);
 position: absolute;
 top: 0px;
 bottom:0;
 left:0;
 right:0;
 opacity:0;
 transition:0.5s;
   height: 2387px;
 }
   .div3_bg_4{
 background-image: url(/download/files/page/minipc_overview/zbox_overview_update_office.jpg);
 position: absolute;
 top: 0px;
 bottom:0;
 left:0;
 right:0;
 opacity:0;
 transition:0.5s;
   height: 2387px;
 }
   .div3_bg_5{
 background-image: url(/download/files/page/minipc_overview/zbox_overview_update_workstation.jpg);
 position: absolute;
 top: 0px;
 bottom:0;
 left:0;
 right:0;
 opacity:0;
 transition:0.5s;
   height: 2387px;
 }
 .div3_bg_6{
 background-image: url(/download/files/page/minipc_overview/zbox_overview_update_embedded.jpg);
 position: absolute;
 top: 0px;
 bottom:0;
 left:0;
 right:0;
 opacity:0;
 transition:0.5s;
   height: 2387px;
 }
 
 .div3_bg_1.active,.div3_bg_2.active,.div3_bg_3.active,.div3_bg_4.active,.div3_bg_5.active,.div3_bg_6.active{
 opacity:1;
 transition:0.5s;
 }
 .tabnav {
  position: absolute;
 z-index: 10;
 top: 1350px;
 width: 100%;
 left: 0;
 right: 0;
 bottom: 0;
 text-align: center;
 height: 200px;
 }
 
 .div_BG.div_BG_3 .div_BG{
 background-size: contain;
 }
 .div_BG_9 .title_font2,.div_BG_9 .content_text{
 color:#ffffff;
   max-width: 650px;
   margin: auto;
 }
 .div_BG_9 .title_font2{
 margin-top:50px;
 }
 
 .div_content_1,.div_content_2,.div_content_3,.div_content_4,.div_content_5,.div_content_6{
 position: absolute;
 top: 1200px;
 left: 0;
 right: 0;
 opacity:0;
 transition:0.5s;
   z-index: 1;
 }
 .div_content_1.active,.div_content_2.active,.div_content_3.active,.div_content_4.active,.div_content_5.active,.div_content_6.active{
 opacity:1;
 transition:0.5s;
 z-index:5
 }
 .tabnav .tabnav-item {
 display: inline-block;
 /* padding: 0 80px 0; */
 
 list-style: none;
 outline: none;
   margin-right: 50px;
   width: auto;
 
 }
 
 
 .tabnav .tabnav-items {
 margin: 0px 150px;
 
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
 -ms-overflow-style: none;
 padding: 0 0 3.17647em;
 
 max-width: 1000px;
 
 }
 .tabnav .title_font2.tabnav-link {
 color: #fff;
   font-weight: 300;
	   height: auto;
 
 display: table-cell;
 margin-bottom: -20px;
   padding-top: 0;
 }
 
 .tabnav .title_font2{
 
 font-size:25px;
 }
 .tabnav .tabnav-item.current .title_font2.tabnav-link {
 color: #fd0;
   font-weight: 400;
	   border-bottom: solid;
 }
 
 .tabnav-link.current {
 
 border-top: 1px solid #fd0;
 
 }
 .div_cell_bottom{
 vertical-align: bottom;
 display: table-cell;
 }
 .div_bg_1.active{
 opacity:1;
 
 }
 
 .div_BG_2 .run_slide .title_font2{
 padding-top: 50px;
 color: #fff;
 }
 .div_BG_2 .content_text{
 max-width: 1080px;
 margin: auto;
   color:#fff;
   text-align: left;
	   padding: 20px 0;
 }
 
 
 .div_BG_2 .col-sm-6{
 
 padding:0;
 }
 .div_BG_2 .run_slide .text_middle{
 margin-left: 150px;
   margin-top: 450px
 }
 
 
 .size{
   position: absolute;
 bottom: 50px;
 left: 0;
 right: 0;
 /* display: table; */
 margin: auto;
 }
 #demoWheel{
 float:left;
 
 }
 .iro__slider{
   display:none;
 }
 .colorrun{
   -webkit-animation: colorrun 4s infinite;
   -o-animation: colorrun 4s infinite;
   animation: colorrun 4s infinite;
   position: absolute;
	   left: 0;
 
		   top: 0;
 bottom: 0;
 }
 
 .wheel_part{
 width: 20%;
   position: relative;
 min-height: 1px;
 
   float: left;
 }
 @keyframes colorrun {
   from {
	   -webkit-filter: hue-rotate(0deg);
	   filter: hue-rotate(0deg);
   }
   to {
	   -webkit-filter: hue-rotate(359deg);
	   filter: hue-rotate(359deg);
   }
 }
 @-webkit-keyframes colorrun {
   from {-webkit-filter: hue-rotate(0deg);}
   to {-webkit-filter: hue-rotate(359deg);}
 }
 .div_cell_middle{
 vertical-align: middle;
 display: table-cell;
 }
 
 .div_cell_bottom{
 vertical-align: bottom;
 display: table-cell;
 }		
   .speimg.Brainbow {
 
	 
 color: #fff;
 background: linear-gradient(-120deg,#fd0, #EE7752,rgb(255, 97, 150), #23A6D5,rgb(255, 66, 255),rgb(87, 101, 255));
 background-size: 400%;
 -webkit-background-size:400%;
 -moz-background-size: 400%;
 -webkit-animation: Gradient 6s ease infinite;
 -moz-animation: Gradient 6s ease infinite;
 animation: Gradient 6s ease infinite;
 }
 
 #perform-13 {
 opacity: 1;
 max-width: 200px;
 text-align: center;
 transition: 0.5s;
 position: fixed;
 top: 60%;
 left: 25%;
 right: 0; 
 }
 
 
 #perform-14 {
 opacity: 1;
 max-width: 200px;
 text-align: center;
 transition: 0.5s;
 position: fixed;
 top: 60%;
 left: 38%;
 right: 0; 
 }
 
 #perform-15 {
 opacity: 1;
 max-width: 200px;
 text-align: center;
 transition: 0.5s;
 position: fixed;
 top: 60%;
 left: 52%;
 right: 0;  
 }
 
 #perform-16 {
 opacity: 1;
 max-width: 200px;
 text-align: center;
 transition: 0.5s;
 position: fixed;
 top: 60%;
 left: 65%;
 right: 0;
 }
 
 .speimg.op{
 background: transparent;
 }
 @-webkit-keyframes Gradient {
 0% {
   background-position: 0% 50%
 }
 50% {
   background-position: 100% 50%
 }
 100% {
   background-position: 0% 50%
 }
 }
 .m_wheel{
 margin: auto;
 display: table;
 margin-left: 80px;
 margin-top: 50px;
 max-width: 1200px;
 }
 @-moz-keyframes Gradient {
 0% {
   background-position: 0% 50%
 }
 50% {
   background-position: 100% 50%
 }
 100% {
   background-position: 0% 50%
 }
 }
 
 @keyframes Gradient {
 0% {
   background-position: 0% 50%
 }
 50% {
   background-position: 100% 50%
 }
 100% {
   background-position: 0% 50%
 }
 }
 
 .tint{
 
 display: block;
 float: left;
 position: absolute;
 
 z-index: 1;
 width: 100%;
 height: 100%;
 
 }
 .tint_2{
   display: block;
 float: left;
 position: absolute;
 z-index: 1;
 height: 100%;
 }
 
 #logo-35 {
   transition: 0.5s;
 opacity: 0;
 top: 65%;
 z-index: 6;
 left: 0;
 text-align: center;
 max-width: 600px;
 margin: auto;
 }
 #logo-35.active {
 transition: 0.5s;
 opacity: 1;
 
 
 
 
 }
 
 #logo-36 {
 transition: 0.5s;
 opacity: 0;
   top: 50%;
 z-index: 6;
 max-width: 800px;
 }
 
 
 #logo-36.active {
 transition: 0.5s;
 opacity: 1;
 
 
 
 
 }
 
 
   .tint.Bcycle {
 -webkit-animation: Gradient2  8s  infinite step-end;;
 -moz-animation: Gradient2 8s  infinite step-end;;
 animation: Gradient2 8s  infinite step-end;;
 }
 .tint.Bwink {
 -webkit-animation: Gradient4 2s infinite step-end;
 -moz-animation: Gradient4 2s infinite step-end;
 animation: Gradient4 2s infinite step-end;
 
 
 
 }
 
 .left_table{
 position: absolute;
 left: 250px;
 bottom: 200px;
 text-align: right;
 width: 600px;
 }
 
 .tint.Bmarquee {
 background-color: #2a2e34;
 
 }
 @keyframes Gradient4 {
 0% {
 opacity:1;
	
 }
 50% {
 
   opacity:0;
 }
   100% {
   
	opacity:1;
 }
 
 
 }
 
 @keyframes Gradient3 {
 0% {
	opacity:1;
 }
 
 50% {
   opacity:0;
 }
 
  100% {
   opacity:1;
 }
 }
 
 
 @keyframes newdance {
 0% {
	opacity:1;
 }
 20% {
   opacity:0;
 }
  35% {
   opacity:1;
 }
  40% {
   opacity:0;
 }
 50% {
   opacity:1;
 }
 55% {
   opacity:0;
 }
 80% {
   opacity:1;
 }
 85% {
   opacity:0;
 }
  90% {
   opacity:1;
 }
  100% {
   opacity:1;
 }
 }
   .tint.Bdance {
   
 -webkit-animation: newdance 5s ease infinite;
 -moz-animation: newdance 5s ease infinite;
 animation: newdance 5s ease infinite;
 }
 .div_BG_10_box{
 width: 100%;
 text-align: center;
 overflow: -webkit-paged-x;
 margin-top: 50px;
 }
 .div_BG_10_box_img {
 height: 700px;
 }
   .tint.Bbreathe {
   
 -webkit-animation: Gradient3  2s ease infinite;
 -moz-animation: Gradient3 2s ease infinite;
 animation: Gradient3 2s ease infinite;
 }
 
 
 @keyframes Gradient2 {
 0% {
	  background-color:rgb(255, 71, 87);
 }
 
 15% {
	  background-color:orange;
 }
  30% {
	  background-color:yellow;
 }
 
  45% {
	  background-color:rgb(59, 255, 75);
 }
  60% {
	  background-color:#00ffff;
 } 
 75% {
	  background-color:rgb(87, 101, 255);
	  
 }
 
  87.5% {
	   background-color: rgb(255, 66, 255);
 }
 100% {
	   background-color: rgb(255, 71, 87);
 }
 }
 .spe{
   position: absolute;
   height: 700px;
   width: 1280px;
   op: 0;
   overflow: hidden;
   margin: auto;
   left: 0;
   right: 0;
 }
 #spe1{
   display:block;
 }
 #spe2{
   display:none;
 }
 
 .page{
 max-width:100%;
 }
 
 .view-content .container{
 width: 100%;
 padding:0;
 color:#ffffff;
 max-width: 100% !important;
 }
 
 .view-content .container section{
 max-width:1920px;
 margin-left:auto;
 margin-right:auto;
 }
 .page.statics .row{
 background-color: #000;
 }
 .img_cover,.img_cover2{
 opacity:0;
 transition:0.5s;
 position:absolute;
 bottom:0;
 left:0;
 }
 .img_cover.active,.img_cover2.active{
 opacity:1;
 
 }
 
 
 .wheel_box{
 
 z-index: 99;
 bottom: 320px;
 position: absolute;
 }
 
 
 .col-md-8{
 width:100%;
 }
 .col-md-offset-2{
 margin-left:0;
 }
 .container .col-lg-12{
 padding-left:0;
 padding-right:0;
 }
 .pageName{
 display:none;
 }
 .statics{
 padding-bottom:0;
 background:#fff;
 }
 .statics a{
 border-bottom:none;
 }
 .div_BG_height{
 height:100%;
 }
 .div_container{
 margin-left:auto;
 margin-right:auto;
 padding-left:15px;
 padding-right:15px;
 max-width: 1580px;
 }
 .div_cell{
 display:table-cell;
 }
 .text_align_bottom{
 vertical-align:bottom;
   text-align: center;
 padding-bottom: 3%;
 }
 .text_align_middle{
 vertical-align:middle;
 }
 .div_batch_top {
 width: 100%;
 float: left;
 
 }
 .eth{
 height: 750px;
 background-color: #1a1f1f;
 position: relative;
 z-index: 10;
 width: 100%;
 display: table;
 background-image: url(/download/files/page/Ampere/zotacgaming_ampere_vga_cover01.jpg);
 background-position: bottom;
 background-size: contain;
 background-repeat: no-repeat;
 }
 .div_BG_4 .left_img{
 background-image: url(/download/files/page/Ampere/zotacgaming_ampere_vga_more-resilient_off.png);
 background-size: contain;
 background-position: bottom;
 height: 700px;
 background-position: bottom;
 background-repeat: no-repeat;
 transition: 0.5s;
 
 }
 .div_BG_4.active .left_img{
 background-image:url('/download/files/page/Ampere/zotacgaming_ampere_vga_more-resilient_on.png');
 
 
 }
 
 .hameid-loader-overlay {
 width: 100%;
 height: 150%;
 background-color: #1A1F1F;
 z-index: 9998;
 position: fixed;
 transform: translateY(-250px);
 }
 .preloader-icon-wrapper {
 /*  position: fixed;
 top: 45%;
 left: 50%;*/
 z-index: 99999;
 }
 .preloader-icon {
 opacity: 0;
 transition: 1.4s;
   left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 position: fixed;
 z-index: 99999;
 }
 .div_batch_img {
 width: 50%;
 float: left;
 }
 .div_layout_6 .col-sm-4{
 
 min-height:380px;
 }
 .div_batch_img2{
 width: 33%;
 float: left;
 }
 .div_batch_img2.last_item{
 margin-left: 20%;
 }
 .div_batch_img img {
 max-width: 75%;
 }
 .div_batch_middle {
 margin-left: 10%;
 float: left;
 margin-top: 100px;
 }
 hr{
 
 width: 85%;
 }
 .div_batch_bottom {
 width: 100%;
 float: left;
 margin-top: 50px;
 
 }
 
 .div_batch_bottom .content_text {
 float: left;
 font-weight: 400;
 font-size: 14px;
 color: #949494;
 width: 100%;
 padding-top: 0%;
 }
 .content_text {
 
 font-weight: 300;
 font-size: 16px;
 color: #fff;
 
 padding: 3% 0;
 font-family: "Gotham SSm A","Gotham SSm B","HelveticaNeue",Helvetica,Arial,sans-serif;
 }
 .div_BG_5 .text_middle{
 text-align: left;
 margin-top: 700px;
 }
 
 
 
 .div_batch_bottom .div_batch_img {
  float: left;
 width: 50%;
 text-align: center;
 }
 .main_bottom_bg{ 
 width: 100%;
 float: left;
 
 text-align:center;
 }
 
 
 .text_content{
 text-align: center;
 max-width: 80%;
 margin-left: auto;
 margin-right: auto;
 }
 .text_content2{
 text-align: center;
 max-width: 60%;
 margin-left: auto;
 margin-right: auto;
 }
 .main_bottom {
   width: 100%;
 float: left;
 position: absolute;
 margin: auto;
 left: 0;
 right: 0;
	
 }
 .div_img {
   margin-left: 0%;
   margin-right: 0%;
 }
 .img_item {
   float: left;
   width: 50%;
   text-align:center;
   /*margin-top:100px;*/
   height: 285px;
 z-index: 2;
   position: relative;
 }
 .img_item img{
   max-width:350px;
 }
 .img_item1 {
   float: left;
   width: 33%;
   text-align:center;
   margin-top:100px;
 }
 .item_bottom{
 width:50%;
 
 }
 .bx-wrapper .bx-controls-direction .bx-prev {
   width: 30px;
   height: 30px;
   background-image: none;
   position: absolute;
   bottom: -40px;
   /* left: 600px; */
   /* border-right: 4px solid #fff; */
   /* border-bottom: 4px solid #fff; */
   /* -webkit-transform: rotate(135deg); */
   /* transform: rotate(135deg); */
   cursor: pointer;
   text-indent: -9999px;
   background-image: url(/wp-content/uploads/2024/11/importedfromlive/bxs-left-arrow-circle.png);
   left: 0;
   right: 300px;
   margin: auto;
   z-index:100;
 }
 .bx-wrapper .bx-controls-direction .bx-next {
   width: 30px;
   height: 30px;
   background-image: none;
   position: absolute;
   bottom: -40px;
   /* left: 600px; */
   /* border-right: 4px solid #fff; */
   /* border-bottom: 4px solid #fff; */
   -webkit-transform: rotate(180deg); 
   transform: rotate(180deg);
   cursor: pointer;
   text-indent: -9999px;
   background-image: url(/wp-content/uploads/2024/11/importedfromlive/bxs-left-arrow-circle.png);
   left: 300px;
   right: 0px;
   margin: auto;
   z-index:100;
 }
 .bx-controls-direction{
 
 }
 .bx-pager.bx-default-pager {
 text-align: center;
 bottom: -40px;
 z-index: 99;
 position: absolute;
 left: 0;
 right: 0;
 }
 
 .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
   width: 15px;
   height: 15px;
 
 }
 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
 display: block;
 width: 100%;
 height: 100%;
 border: none;
 background-image: url(/wp-content/uploads/2024/11/importedfromlive/dot_1.png);
 border-radius: 10px;
 background-color: transparent;
 }
 .ThreeText{
 text-align: center;
 position: relative;
 padding-top: 40%;
 width: 33%;
 padding-left: 3%;
 float:left;
 }
 
 #dg8_Body1{
 display:none;
 }
 #dg8_Body2{
 display:none;
 }
 #dg8_Body_all{
 display:block;
 }
 
 .preloader-icon.appear {
 opacity: 1;
 
 transition: 0.5s;
 
 }
 .div_BG_12 .line-gradient.active  {
 opacity:1;
 transition:0.5s;
 }
 .div_BG_12 .line-gradient  {
   width: 0;
 transition:0.5s;
 }
 .div_btn a {
	   display: inline-block;
   line-height: 30px;
 
 
 
 
 }
 
 .div_BG_12 .img_item .title_font2{
 font-size:40px;
 }
 
 
 .div_BG_12 .div_btn:hover .line-gradient{
   width: 100%;
 transition:0.5s;
 }
 
 #text_1,#text_2{
 position:absolute;
 opacity:0;
 z-index:1;
 transition:0.5s;
 }
 #text_2{
 z-index:2
 }
 #text_1.active,#text_2.active{
 opacity:1;
 transition:0.5s;
 
 }
 
 .div_layout_2 {
 
   float: left;
   width: 100%;
 }
 .div_container2 {
   margin-left: auto;
 margin-right: auto;
 padding-left: 20px;
 padding-right: 20px;
 }
 .text_3 {
 margin-top: 300px;
 max-width: 400px;
 float: left;
 }
 .text_4 {
 margin-bottom: 250px;
 max-width: 400px;
 float: right;
 }
 .font_context{
 font-weight: 400;
 font-size: 25px;
 color: #FFFFFF;
 font-family: "Gotham SSm A","Gotham SSm B", 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
 }
 .div_layout_5{
 padding-left: 10%;
 padding-right: 10%;
 display: table;
 width: 100%;
 
 padding-bottom: 5%;
 
 }
   .div_layout_3{
 
 display: table;
 width: 100%;
 padding: 50px 0;
 
 }
 
   .div_layout_0{
 
 display: table;
 width: 100%;
 padding: 50px 0;
 
 }
 
 .context_img{
 float: left;
 width: 50%;
 text-align: center;
 margin-bottom: 80px;
 margin-top: 50px;;
 }
 .context_img2{
 width:50%;
 text-align:center;
   float:left;
 padding-bottom:30px;
 }
 .div_layout_6{
	padding-bottom: 10%;
 padding-top: 10%;
 display: table;
 width: 100%;
 float: left;
 z-index: 6;
 position: relative;
 height: 1150px;
 }
 .div_layout_11{
 height: 450px; 
 padding-left: 5%;
 padding-right: 5%;
 
 }
 .div_2_title {
 font-family: "Gotham SSm A","Gotham SSm B","HelveticaNeue",Helvetica,Arial,sans-serif;
 font-weight: 400;
 font-size:16px;
 color: #afafaf;
 text-align: center;
 margin-top: 20px;
 margin-bottom: 20px;
 }
 .text_align_top{
 vertical-align:top;
 }
 .div_table{
 display:table;
 height:100%;
 width:100%;
 }
 .div_row{
 display:table-row;
 }
 .div_BG{
 background-size:cover;
 background-position: center center;
 background-repeat:no-repeat;
 
 }
 .active1 img{
 position:absolute;
 left:0;
 bottom:0;
 }
 .active2 img{
 position:absolute;
 right:0;
 top:0;
 }

 .div_BG_1{
 background-image: url(/wp-content/uploads/2024/11/importedfromlive/ZOTAC-Handheld-Gaming-Console-Full-Landing-Page-Content-and-Design_Banner.png);
   position: relative;
   height: 1080px;
   padding-bottom: 150px;
 }
 
 .citl{
 height: 850px;
 background-color: #1a1f1f;
 position: relative;
 z-index: 10;
 }
 
 .div_BG_2{
 background-image:url('/wp-content/uploads/2024/11/importedfromlive/L_BEHIND.png');
 
 
 
 position:relative;
 height:1580px;
 padding-bottom:200px;
 
 }
 .db2_video{
   width: 960px;
   height: 540px;
   margin-left: 160px;
 }
 
 .div_BG_2_Image{
   display: none;
 }
 
 .div_BG_15{
 background-image:url('/download/files/page/bg_amp.jpg');
 background-color: #2a2d32;
 background-size:100%;
 background-position: top;
 position:relative;
 height:1320px;
 padding-top:80px;
 
 }
 
 .div_BG_16{
 background-image:url('/download/files/page/bg_freeze.jpg');
 background-color: #2a2d32;
 background-size:100%;
 background-position: top;
 position:relative;
 height:1000px;
 padding-top:80px;
 
 }
 
 .div_BG_17{
 background-image:url('/download/files/page/power_b_bg_0.jpg');
 background-color: #2a2d32;
 background-size: auto 800px;
 background-position: top;
 position:relative;
 height:800px;
 position: relative;
 width: 50%;
 }
 .div_BG_18{
 background-image:url('/download/files/page/power_p_bg_0.jpg');
 background-color: #2a2d32;
 background-size: auto 800px;
 background-position: top;
 position:relative;
 height:800px;
 position: relative;
 width: 50%;
 }
 
 .cycle,.breathe,.wink,.rainbow,.dance{
	   width: 300px;
   float: left;
 }
	   
 
 .div_BG_3{
	 background-image:url('/wp-content/uploads/2024/11/importedfromlive/AMOLED_Display.png');
	 position:relative;
	 height:850px;
 }
 
 
 .div_BG_4{
 position:relative;
 height: 1000px;
 }
 
 .div_BG_1 .title_font2{
 font-size:70px;
 }
 .div_BG_1 .title_font3{
 font-size:30px;
 }
 
		   .div_BG_5{
 background-image:url('/wp-content/uploads/2024/11/importedfromlive/2-Stage-Adjustable-Triggers_A.png');
 position:relative;
 height:600px;
 transition:0.3s;
 padding-bottom:10px;
 
 }
 
		   .div_BG_5.active{
 background-image:url('/wp-content/uploads/2024/11/importedfromlive/2-Stage-Adjustable-Triggers_C.png');
 transition:0.3s;
 }
 
 
		   .div_BG_5_1{
 background-image:url('/wp-content/uploads/2024/11/importedfromlive/2-StageAdjustableTriggers_A-ezgif.com-resize.gif');
 position:absolute;
 right:0;
 top:0;
 transition:0.3s;
   height: 600px;
 
   width: 800px;
 }
 
		   .div_BG_5_1.active{
 background-image:url('/wp-content/uploads/2024/11/importedfromlive/2-StageAdjustableTriggers_B-ezgif.com-resize.gif');
 position:absolute;
 right:0;
 top:0;
 transition:0.3s;
 }
 
 
 .line-gradient {
 height: 3px; /* 线条的高度 */
 width: 100%; /* 线条的宽度 */
 background-image: linear-gradient(to right,#00FFD8, #00BAFF,#FF7EFF);
 background-size: 200%; /* 背景大小，可以调整渐变的视觉效果 */
 background-position: 100%; /* 背景位置，可以调整渐变开始的位置 */
 border: none; /* 移除边框 */
 }
 .line-gradient-box{
 position:absolute;
 right:0;
 top:0;
 }
 
			   .div_BG_7{
 background-image:url('/wp-content/uploads/2024/11/importedfromlive/THE-ULTIMATE-HANDHELD.png');
 position:relative;
 height: 2600px;
   padding-top: 150px;
 
   background-position: top;
   background-size: contain;
   background-position-y: 100px;
 }
 .col-sm-1,.col-sm-2,.col-sm-3{
 padding-left: 5px;
   padding-right: 5px;
 }
 
 .div_BG_7 .col-sm-6{
 
 height:150px;
 }
 .div_BG_7 .col-sm-2{
 
 height:100px;
 }
 
			   .div_BG_6{
 background-image:url('/wp-content/uploads/2024/11/importedfromlive/Zotac_HandheldPC_40s_HD_07_GIF_00901.png');
 position:relative;
 height:1080px;
 
 padding-bottom:100px;
   padding-top: 50px;
 
  
 }
 
 
 
 
 .div_BG_8{
 background-image:url('/wp-content/uploads/2024/11/importedfromlive/CONNECTIVITY.png');
 position:relative;
 height:2840px;
 transition:0.8s;
 padding-bottom:100px;
 }
 
 
 .div_BG_8.active{
 background-image:url('/wp-content/uploads/2024/11/importedfromlive/Connectivity_2.png');
 position:relative;
 height:2840px;
 transition:0.8s;
   transition-delay: 0.5s;
 padding-bottom:100px;
 }
 
 
 
 
 
 
 
 
   
   .div_BG_9{
 background-image:url('/wp-content/uploads/2024/11/importedfromlive/One-Launcher.png');
 position:relative;
 height:850px;
 
 
 }
 .foot_text{
   position: absolute;
   right: 50px;
   bottom: 50px;
   font-size: 12px;
   text-align: right;
   max-width: 500px;
 }
   .div_BG_10{
 
 
 position:relative;
 height:1080px;
 
   
 
 }
 
   .div_BG_11{
 
 background-image:url('/wp-content/uploads/2024/11/importedfromlive/XBOX.png');
 position:relative;
 height:850px;
 
   
 
 }	
   
 
   .div_BG_10_1_m{
 background-image:url('/download/files/page/fool_0329/08 __ Headset_transition.jpg');
 position:relative;
 height:304px;
 display:none;
   width: 100%;	
 
 
 }
   .div_BG_10_2_m{
 background-image:url('/download/files/page/fool_0329/Display_BG.jpg');
 position:relative;
 height:504px;
 display:none;
   width: 100%;	
 
 }
 
   .div_BG_10_1{
 background-image:url('/download/files/page/fool_0329/08 __ Headset_transition.jpg');
 position:absolute;
 height:1504px;
 z-index:2;
   width: 100%;	
   transition:1s;
 
 }
 .div_BG_10_1.active{
 transition:1s;
 opacity:0;
 transform:scale(5);
 }
 
 
   .div_BG_10_2{
 background-image:url('/download/files/page/fool_0329/Display_BG.jpg');
 position:absolute;
 height:1504px;
 z-index:1;
   width: 100%;	
 
 }
 
 
 
   .div_BG_12{
 
 position:relative;
 height:1500px;
 
 
 }
   .div_BG_13{
 background-image:url('/download/files/page/RTX20/bg_firestorm_00.jpg');
 position:relative;
 height:800px;
 transition:0.5s;
 
 
 }
 .div_BG_13.active{
 background-image:url('/download/files/page/RTX20/bg_firestorm.jpg');
 transition:0.5s;
 }
   .div_BG_14{
 background-image:url('/download/files/page/RTX20/bg_oc_scan.jpg');
 position:relative;
 height:850px;
 
 
 
 }
 .icon_area {
 max-width: 450px;
 margin: auto;
 display: table;
 height: 100%;
 width: 100%;
 }
 .tag {
 width: 100%;
  font-family: "Tungsten A","Tungsten B","HelveticaNeue",Helvetica,Arial,sans-serif;
 text-align: center;
 position: absolute;
 top: 20%;
 color: #afafaf;
 font-size: 28px;
 font-weight: 400;
 }
 .chart {
 position: relative;
 margin: 30px 1px 50px 10px;
 float: left;
 }
 .img_item.item_bottom.last img{
 max-height: 160px;
 margin-top:90px;
 }
 
 .img_item1.item_bottom.last img{
 max-height: 160px;
 margin-top:90px;
 }
 
 .item_bottom last{
 width:100%;
 }
 
 .img_item.i-first img{
 max-height: 180px;
 }
 
 .img_item.i-second img{
 margin-top: 60px;
 }
 
 .img_item1 img{
 height: 150px;
 }
 .img_item1.i-first img{
 max-height: 180px;
 }
 
 .img_item1.i-second img{
 margin-top: 60px;
 }
 
 .margin-b{
 
 
 margin-bottom: 80px;
 
 }
 
 
 
 
 .div_BG_4 .div_table{
   width:100%;
 }
 .div_BG_4 .div_container{
   width:100%;
 
	   max-width:100%;
 }
 .div_BG_4 .col-sm-6{
 text-align: left;
   margin-top: 350px;
 }
 
 .title_font_gray{
   font-size:28px;
   font-weight:700;
   font-family:"Gotham SSm A","Gotham SSm B","Helvetica Neue",Helvetica,Arial,sans-serif;
   color:#76b800;
   text-transform: uppercase;
 }
 .context_font_gray{
   font-size: 16px;
 font-weight: 300;
 font-family: "Gotham SSmA","GothamSSmB","Montserrat-light","HelveticaNeue",Helvetica,Arial,sans-serif;
 -moz-osx-font-smoothing: auto;
 -webkit-font-smoothing: auto;
 
   color:#DDD;
	   width: 100%;
 
	   text-align: center;
	   margin-top: 30px;
 }
 
 .title_font2 {
 font-size: 55px;
   font-family: "Tungsten A","Tungsten B","HelveticaNeue",Helvetica,Arial,sans-serif;
   font-weight: 800;
   line-height: 1;
   color: #fff;
   text-transform:uppercase;
 }
 
 .title_font2 span{
 background-image: linear-gradient(to right,#00FFD8, #00BAFF,#FF7EFF);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   line-height: 0.8;
 }
 
 .title_font {
 font-size: 100px;
   font-family: "Tungsten A","Tungsten B","HelveticaNeue",Helvetica,Arial,sans-serif;
   font-weight: 800;
   line-height: 1;
   color: #fff;
   text-transform:uppercase;
 }
 
 .title_font span{
 background-image: linear-gradient(to right,#00FFD8, #00BAFF,#FF7EFF);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   line-height: 0.8;
 }
 
 
 .title_font3{
 font-size: 25px;
   font-family: "Tungsten A","Tungsten B","HelveticaNeue",Helvetica,Arial,sans-serif;
   font-weight: 300;
   line-height: 1.1;
   color: #fff;
   text-transform:uppercase;
 
 }
 
 
 .div_batch_3{
 /*margin-top:80px;*/
 /*	margin-bottom:100px;*/
   display: table;
   width: 100%;
   text-align: center;
 }
 
 .div_batch_5{
   margin-top:150px;
   margin-bottom:200px;
   max-width: 1149px;
   margin-left:auto;
   margin-right:auto;
   display: table;
 }
 
 
 .div_BG_3_title{
   margin-bottom:30px;
   text-align:center;
 }
 .div_BG_3_content{
   text-align:center;
 }
 .div_batch_body_right{
   float: right;
   width: 20%;   
   padding-top: 80px;
 
 }
 .div_batch_body_left{
   float: left;
   width: 20%;   
   padding-top: 50px;
 
 }
 .spe img{
   position: absolute;
 
 left: 0;
 z-index:3;
 }
 .div_batch_top
 {
   
   width:100%;
   text-align:right;
 }
 .div_batch_top div{
   max-width:670px;
   margin-left:auto;
   margin-right:auto;
   
 }
 .div_layout_1 .div_container{
   text-align:center;
   max-width: 918px;
   padding-top: 80px;
   padding-bottom: 80px;
 }
 .text_middle{
   max-width: 767px;;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   margin-top:50px;
   display:table;
 }
 
 .item_bottom_last img{
 
 max-height: 200px;
 
 }
 .div_BG_3 .col-sm-6.text-left{
 padding-top:50px;
 }
 .div_BG_4 .col-sm-4 .title_font2{
 padding-top:150px;
 }
 
 .item_bottom_last{
 width:100%;
 }
 .text_left{
   max-width: 50%;
   margin-right: auto;
   text-align: left;
   
 
 }
 .fix_middle {
 text-align: center;
 transition: 0.5s;
 position: fixed;
 
 margin: auto;
 transition: 0.5s;
 
 top: 0;
 left: 0;
 right: 0;
 }
 .img1{
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 
 }
 .img2{
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 opacity:0;
 z-index:2;
 transition:0.5s;
 }
 .animated .img2{
 opacity:1;
 transition:0.5s;
 }
 
 
 .img2_1{
 position:absolute;
 top:0;
 left:0;
 right:0;
 
 }
 .img2_2{
 position:absolute;
 top:0;
 left:0;
 right:0;
 opacity:0;
 z-index:2;
 transition:0.5s;
 }
 .animated .img2_2{
 opacity:1;
 transition:0.5s;
 }
 .text_right{
   max-width: 50%;
   
   text-align: left;
 
	margin-left: auto;
 
 }
 
 
 .div_BG_2 .context_font{
   padding-bottom: 5%;
 
 }
 .tabnav ul{
 font-size:0;
 }
 
 
 .div_BG_2 .col-sm-4,.div_BG_2 .col-xs-8{
 padding:0;
 }
 .div_batch_3_item{
   max-width: 845px;
   margin-left: auto;
   margin-right: auto;
 }
 .div_3_img{
   margin-bottom:80px;
   text-align: center;
 }
 .div_BG_3_content{
   text-align: center;
   max-width: 610px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom:50px;
 }
 .div_batch_5_item{
   float:left;
   width:41%;
   margin-right:9%;
 }
 .div_batch_5_item.full{
   float:left;
   width:100%;
 }
 
 .div_BG_7_content{
   margin-bottom:450px;
 }
 .div_BG_9_content{
   margin-bottom:250px;
 }
 .div_BG_10_content{
   margin-top:150px;
   margin-bottom:120px;
 }
 .div_BG_4_content{
   margin-bottom:100px;
 }
 .div_BG_4 .text_middle{
 position:relative;
 width: 100%;
 }
 .div_BG_4_1 .text_middle{
 margin-bottom:500px;
 width: 100%;
 }
 .div_item_5{
   text-align:center;
 }
 .full .div_item_5{
   max-width:500px;
   text-align:center;
   margin-left:auto;
   margin-right:auto;
 }
 .div_BG_5_title{
   margin-top:50px;
 }
 
 
 
 .div_BG_5 .bg_1{
 transition:0.5s;
 display:block;
 }
 .div_BG_5 .bg_2{
 transition:0.5s;
 display:none;
 }
 .div_BG_5.active .bg_1{
 display:none;
 transition:0.5s;
 }
 
 .div_BG_5.active .bg_2{
 display:block;
 transition:0.5s;
 }
 .div_BG_5_content{
   margin-bottom:50px;
 }
 .div_5_img{
   text-align:center;
 }
 
 .div_BG_1 .div_table{
   width:100%;
 }
 .div_BG_1 .col-sm-5{
 margin-top:200px
 }
 hr{
 width: 90%;
 
 display: table;
 border-top: 2px solid #555555;
 }
 .div_btn {
   text-align: center;
 font-size: 16px;
 font-weight: 300;
 font-family: "Gotham SSm A","Gotham SSm B","HelveticaNeue",Helvetica,Arial,sans-serif;
 -moz-osx-font-smoothing: auto;
 -webkit-font-smoothing: auto;
 
 color: #fff;
 display: table;
   margin-left: auto;
 margin-right: auto;
	   margin-top: 30px;
   }
 .div_btns{
   margin-left:auto;
   margin-right:auto;
   width: 480px;
 }
 .btn_r{
   float:right;
   
 }
 @media all and (max-width:1281px) and (max-width:1580px){
 
 }
 
 @media all and (max-width:1280px){
 .spe{
 
 max-width: 700px;
 max-height: 350px;
 top: 0px;
 /* margin-bottom: 50px; */
 /* margin-left: auto; */
 /* margin-right: auto; */
 position: absolute;
 margin-left: 0;
 left: 0;
 /* transform: rotate(90deg); */
 margin: auto;
 right: 0;
 }
 .wheel_part {
 width: 33%;
 position: relative;
 min-height: 1px;
 padding-left: 15px;
 padding-right: 15px;
 float: left;
 display: table;
 padding-bottom: 50px;
 }
 
 .left_table{
 position: relative;
 left: auto;
 bottom: auto;
 text-align: center;
 width: auto;
 padding: 15px;
 }
 
 .div_BG_6 .text-left{
 text-align:center;
 }
 
 
 
 .m_wheel{
 margin-left: auto;
 }
 }
 
 @media all and (max-width:1280px){
 
 
 #demoWheel{
 width: 100%;
 }
 
 .m_wheel .col-xs-6  div{
 margin-left: 20px!important;
 }
 }
 
 @media all and (max-width:767px){
 .div_BG_12{
 height:auto;
 
 }
 .div_BG_1 {
 height: 500px;
 padding-bottom: 0px;
 }
 .div_BG_2{
 height: 800px;
   background-size: contain;
   background-position: center;
 padding-bottom: 0;
 
 }
 
 .div_BG_2 .text_middle.special{
 
 padding-top:200px;
 }
 .div_BG_3{
 height: fit-content;
   background-size: contain;
   background-position: top;
   padding-top: 50px;
 
 }
 .div_BG_2 .text_middle{
   margin-top: 30px!important;
 }
 .div_layout_3 .col-xs-12 img{
   max-width: 200px;
	   padding-bottom: 20px;
 }
 .div_BG_5  .zone img{
   max-width: 200px;
	   padding-bottom: 20px;
 }
 
 .div_BG_5 .col-sm-offset-3.col-sm-1{
   position: absolute;
   width: 52px;
 }
 
 
 .div_BG_10_1_m,.div_BG_10_2_m{
 display:block;
 }
 .div_BG_10_2_m img{
 margin-top: 150px!important;
 
 }
 .div_BG_4 .col-sm-6 {
   text-align: left;
   margin-top: 150px;
 }
 .div_BG_4 {
 height: auto;
   background-position: top;
   background-size: contain;
 
 }
 .div_BG_6 .col-sm-6 {
   margin: 30px;
 }
 .div_BG_4 .col-sm-4 .title_font2{
 padding-top: 50px;
 
 }
 .div_BG_4 .col-sm-4 .content_text {
 padding-bottom: 50px;
 
 }
 
 .div_BG_3_m .title_font2{
   margin-top: 50px;
 
 }
 
 .div_btn.v{
 color: #ffffff;
 
 position: relative;
 
 }
 
 #middle0{
 display:none;
 }
 .div_BG_4_1 .text_middle{
 margin-bottom:300px;
 }
 .div_BG_4_1 {
 height: 400px;
 background-position: bottom;
 
 }
 
 
 .div_BG_4 .div_cell_middle {
 
 display: table-cell;
 }
 #spectra{
 display:none;
 
 }
 .logo{
 
 opacity:1;
 }
 .wheel_box{
   bottom: 100px;
 }
 .div_BG_3_m .content_text.text-center{
   padding-bottom:50px;
 
 }
 .div_BG_3_m{
 display:block;
 padding: 50px 0;
 }
 
 .div_BG_3_m .ampl{
   height:1200px;
   background-size:100%;
   background-position:top;
   background-image: url(/download/files/page/Ampere/3080_ti_bg.jpg);
 
 }
 .div_BG_6 .div_container{
   padding:0;
 }
 .wheel_part font{
   font-size: 12px!important;
 }
 
 .wheel_part {
 width: 50%;
 position: relative;
 min-height: 1px;
 padding-left: 0px;
 padding-right: 0px;
 float: left;
 /* display: table; */
 padding-bottom: 50px;
 }
 .colorrun{
 
 top: 0;
 }
 
 .div_BG_9_1, .div_BG_9_2{
 display:block;
 
 
 }
 
 
 .bx-wrapper{
 
 }
 .bxslider li {
   width: 384px!important;
   height: auto;
   }
   .bxslider2 li {
   width: 384px!important;
   height: auto;
   }
	   .bxslider3 li {
   width: 384px!important;
   height: auto;
   }
   .foot_text{
   position: relative;
   right: 0;
   bottom: 0;
	   text-align: center;
   }
   .div_BG_11 .title_font2,.div_BG_11 .content_text{
	   text-align: center;
   
   }
 .div_BG_7 .text_middle {
 
   margin-bottom: 50px!important;
 }
 .bxslider4{
 width: 97%;
 height: auto;
 text-align:center;
 }
   
   .div_BG_7 {
	   height: 1600px;
	   padding-top: 200px;
	   background-position-y: 0px;
   
   }
   
   .div_BG_12 .text_middle{
	   margin-bottom: 200px!important;
   
   }
 
   #videoHero2{
   
   top: 150px!important;
   }
   .div_BG_7 .col-sm-2 {
   height: auto;
 }
	
   .div_BG_7 .text-left,.div_BG_7 .text-right{
   text-align:center;
   }
 .div_BG_9_1{
	   background-image: url(/download/files/page/2080-AS/arcticstorm_16_4.jpg); 
	   height:600px;
 }
 .div_BG_9_2{
	   background-image: url(/download/files/page/2080-AS/arcticstorm_power_boost.jpg); 
 height:600px;
 }
 .div_BG_9 .text_middle{
   padding-top: 0px;
   margin-top: 50px!important;
 }
 .div_BG_2 .content_text{
 padding-top: 30px;
 }
 .preloader-icon{
   display:none;
 }
 
 #dg8_Title{
   text-align: right;
 }
 #dg8_Body1{
   display:block;
   text-align: right;
   padding-left: 100px;
 }
 #dg8_Body2{
   display:block;
   text-align: left;
   padding-right: 200px;
   padding-top: 100px;
 }
 #dg8_Body_all{
   display:none;
 }
 
 .div_BG_8{
   -webkit-animation:none;
   -moz-animation: none;
   animation: none;
 
 }
 
 
 .div_BG_1 .col-sm-5{
 
 margin-top: 30px;
 }
 #scroller{
   display:none;
 }
 #scroller2{
   display:none;
 }
 #bg-box{
 display:none;
 }
 
 .eth{
 height: 600px;
 background-image: url(/download/files/page/Ampere/zotacgaming_ampere_vga_cover01_mobile.png);
 
 }
 .citl{
 height: 550px;
 
 }
 
 
 
 .div_BG_10_box_img {
 height: 300px;
 }
 #demoWheel{
 width:100%;
 }
 .preloader-icon-wrapper {
 position: fixed;
 top: 45%;
 left: 35%;
 z-index: 99999;
 
 }
 .div_BG_3 .text_middle{
 margin-top: 50px!important;
 margin-bottom: 0px!important;
 }
 .div_BG_18{
 background-size: auto 400px;
 
 height:400px;
 
 width: 100%;
 }
 .div_BG_5 .content_text{
   height: auto;
 }
 .img_item{
 width:100%;
 margin-left: 0;
 }	
 .img_item1{
 width:100%;
 margin-left: 0;
 }	 
 
 .div_BG_2{
	   height: auto;
 
 }
 .bxslider3 {
   height: auto;
   
   }
 .div_BG_2 .col-sm-4{
   margin-top: 100px!important;
 }
 .size{
   position: sticky;
 }
 .db2_video{
   width: 320px;
   height: 180px;
   margin-left: 0px;
 }
 .div_BG_2_Image{
   display: block;
   
 }
 .div_BG_3 .col-sm-6.text-left{
   padding-top: 30px;
 }
 
 
 
 .div_BG_4 .left_img {
 background-image: url(/download/files/page/Ampere/zotacgaming_ampere_vga_more-resilient_on.png);
 height: 300px;
 }
 
 .div_BG_3 .col-lg-offset-8  .title_font2{
 padding-top: 350px!important; 
 }
 
 
 
 .div_BG_3 .col-xs-12 {
 
 margin-top: 50px!important; 
 }
 
 .div_BG_3_m .text_middle{
 max-width: 260px;
 }
 .margin-3{
	margin-bottom: 300px;
 margin-top: 100px;
 }
 .title_font2.margin-3{
   font-weight:300;
 }
 #div_bg5_text{
   padding-top: 30%;
   vertical-align: top;
 }
 
 
 
 .div_BG_4 .col-sm-3 .title_font2{
   padding-top: 50px;
 
 }
 .div_BG_4 .col-sm-3 .content_text{
   padding-bottom: 50px;
 
 }
 .div_BG_6{
 padding: 50px 10px;
   height: 600px;
 
 }
 .div_BG_5{
 height: 500px;
   background-position: top;
   background-size: contain;
 }
 .zone {
   position: relative;
   left: auto; 
   top: auto; 
   margin-top: 200px;
 }
 .div_BG_5 .text_middle{
   text-align: center;
   margin-top: 450px;
 
 }
 .div_BG_6 .text-left{
 text-align:center;
 }
 .div_BG_7 .col-sm-6.left{
   position: relative;
   left: 0;
   top: 0;
 }
 
 .m_wheel{
 margin-left:auto;
 }
 .div_BG_7_table{
 padding-top: 70px;
 }
 .div_BG_8,.div_BG_8.active{
 height: 1500px;
   background-position: top;
 background-size: 124%;
 
 }
 .div_BG_8 .text_middle{
   top:0!important;
 }
 .div_BG_9  {
   height: 400px;
   background-position: top;
   background-size: contain;
 }
 
 
 .div_BG_10 {
   height: 300px;
   background-position: top;
   background-size: contain;
 }
 .div_BG_11  {
   height: 500px;
   background-position: top;
   background-size: contain;
   padding-top: 150px;
 }
 .div_BG_9 .div_cell_middle,.div_BG_10 .div_cell_middle,.div_BG_11 .div_cell_middle{
   vertical-align: bottom;
 }
 .div_BG_11 .div_cell_middle{
 display: block;
 }
 
 .div_BG div_BG_8 .text_middle {
 top: 0!important;
 }
 .div_BG_8_text{
 
 width: 100%;
 }
 .container-animation2{
 display:none
 }
 
 .div_BG_14{
 background-position: left;
 height:400px;
 }
 .div_BG_13{
   
   height: 500px;
   background-color: #030d14;
   background-position: bottom;
   background-size: 150%;
   
 }
 
 .div_BG_15{
 
 height:1000px;
 
 width: 100%;
 }
 
 .ThreeText{
   float:none ;
   width:100%;
   padding-top:10%;
 }
 
 .div_BG_16{
 
   height:600px;
 
   width: 100%;
 }
 
 
 
 .col-xs-12{
   text-align: center; 
 }
 .content_text{
 font-size:12px!important;
 }
 
 .div_batch_top .div_batch_img {
 width: 100%;
 float: left;
 text-align: center;
 margin-bottom: 0px;
 }
 
 .title_font{
 font-size: 50px;
 
 }
 .div_batch_img2.last_item{
 
 margin-left: 0%;
 }
 .div_batch_bottom .div_batch_img{
 width: 100%;
 
 }
 .div_batch_bottom .content_text{
 width: 100%;
 }
 
 .div_layout_6 .title_font{
 font-size: 55px;
 
 }
 
 
 
 .div_layout_6 .context_font_gray{
 font-size: 15px;
 
 }
 .div_batch_top div {
 padding: 0px; 
 }
 .div_batch_top {
 width: 100%;
 float: left;
 margin-left: 0%;
 }
 .div_batch_img {
   width: 100%;
 float: left;
 margin-top: 50px;
 text-align: center;
 }
 .div_batch_img2 {
   width: 100%;
 float: left;
 margin-top: 50px;
 text-align: center;
 }
 .div_batch_img2 img{
 max-width: 50%;
 
 }
 .div_batch_middle {
 width: 80%;
 margin-left: 10%;
 float: left;
 margin-top: 0px;
 }
 
 .div_layout_5{
 height:280px;
 }
 .div_batch_bottom{
 margin-top: 10px; 
 }
 .context_font_gray{
 margin-top: 10px;
 font-size: 13px;
 max-width:100%
 }
 .context_font_gray2{
 font-size: 12px;
 margin-top: 10px;
 }
 .context_font{
 font-size: 15px;
 }
 
 .title_font2{
	font-size:40px!important;
 }
 .context_font3 {
  font-size: 12px;
 }
 .title_font4{
	font-size:14px;
 }
 .context_font4{
 font-size: 12px;
 }
 .div_BG_3_title {
   margin-bottom: 0px; 
 }
 .div_btn{
 font-size: 15px;
 }
 .div_2_title{
 font-size: 15px;
 }
 
 .text_right {
   max-width: 50%;
   
   margin-right: 0px;
   margin-left: auto;
 }
 
 .div_layout_6 .title_font2{
 font-size: 25px;
 }
 .div_BG_9_content {
   margin-bottom: 80px;
 }
 .text_middle {
   max-width: 100%;
	   margin-top: 30px;
 }
 .div_BG_10_content {
   margin-top: 150px;
   margin-bottom: 120px;
 }
 .div_BG_10_content {
   margin-top: 10px;
   margin-bottom: 20px;
 }
 
 
 
 
 .div_layout_6{
 height: 1500px;
 padding-left: 5%;
 padding-right: 5%;
 display: table;
 
 }
 
 .div_BG_2_content {
   margin-bottom: 30px;
 }
 
 
 .div_layout_1 .div_container,.div_layout_2 .div_container,.div_layout_4 .div_container {
   text-align:center;
   max-width: 418px;
   padding-top: 50px;
   padding-bottom: 50px;
 }
 .div_layout_4{
   display: table;
   margin-left: auto;
   margin-right: auto;
 }
 .div_batch_3{
   display:inline;
 }
 
 
 .div_batch_3_item{
   max-width: 320px;
 }
 
 .div_BG_4_content {
   margin-bottom: 10px;
 }
 .div_BG_4_title {
   margin-bottom: 10px;
 }
 .div_batch_5 {
   margin-top: 80px;
   margin-bottom: 100px;
   display:inline;
 }
 .div_batch_5_item {
   float: left;
   width: 100%;
   margin-right: 0;
 }
 .div_5_img{
   max-width: 320px;
   margin-left: auto;
   margin-right: auto;
 }
 
 .full .div_5_img {
   max-width: 100%;
 }
 .div_item_5 {
   max-width: 320px;
   margin-left: auto;
   margin-right: auto;
 }
 .div_BG_4 .text_middle {
 
 margin: 0;
 }
 
 .div_5_img img{
   max-width:80%;
 }
 .full .div_5_img img{
   max-width: 100%;
 }
 .full .div_item_5{
   max-width:320px;
 }
 .div_layout_2{
   display:block;
 }
 
 
 
 .div_batch_bottom .content_text {
 font-size: 12px;
 
 }
 
 .div_btns{
   width:250px;
 }
 .div_BG_3_content{
   margin-bottom: 10px;
 }
 
 .text_left {
   max-width: 50%;
   margin-left:0px;
   }
   .div_BG_7_content {
   margin-bottom: 40px;
 }
 .div_BG_3_title {
   margin-bottom: 0px;
 
 }
 .div_layout_5 {
   height: 200px;
   padding-left: 5%;
 padding-right: 5%;
 }
 
 }
 
 
 
 @media all and (max-width:501px){ 
 .div_batch_img img {
 max-width: 50%;
 margin-top: 30px;
 text-align: center;
 }
 
 .div_BG_5_1 {
 
   width: 150px;
   height: 120px;
 }
 
 .big_slide img{
 max-width: 180px;
 }
 .content_text{
 font-size:12px;
 }
 .div_BG_7 .col-xs-6{
 height:150px;
 }
 
 .div_BG_6 .col-xs-12.content_text.text-left{
 margin-left: 0px!important;
 }
 
 .title_font3{
   font-size: 20px!important;
 }
 
 .breathe{
   margin-top:0px;
 }
 .div_BG_6 .col-xs-6 {
   width: 50%;
   display: block;
   align-items: center;
	   height: 65px;
 }
 .div_layout_6 .title_font{
   font-size: 35px;
 }
 .div_layout_6 .title_font2{
 font-size: 18px;
 
 }
 
 .div_layout_6 .context_font_gray{
   font-size: 13px;
 }
 
 .div_BG_2 .title_font{
 font-size: 50px;
 }
 
 
 .context_font_gray{
 font-size: 12px;
 margin-top: 5%;
 }
 .div_container {
   padding-left: 15px;
   padding-right: 15px;
 }
 .div_batch_body_right {
 
   padding-top: 40px;
 }
 .context_font_gray2{
 font-size: 9px;
 margin-top: 10px;
 width: 59%;
 }
 .div_batch_body_left {
 
   width: 40%;
 }
 .context_font{
 font-size: 12px;
 }
 .title_font2 {
 font-size:30px;
 }
 
 .context_font3 {
  font-size: 9px;
 }
 .title_font4{
	font-size:10px;
 }
 .context_font4{
 font-size: 9px;
 }
 .div_btn{
 font-size: 12px;
 }
 .div_2_title{
 font-size: 12px;
 }
 .div_BG_7_content {
   margin-bottom: 20px;
 }
 .div_2_title{
 font-size: 12px;
 }
 .text_right {
 max-width: 220px;
 }
 .text_left {
 max-width: 180px;
 }
 
 .div_BG_3_content {
   margin-bottom: 5px;
 }
 .div_BG_2_content {
   margin-bottom: 10px;
 }
 .div_layout_5 {
   height: 150px;
   padding-left: 5%;
 padding-right: 5%;
 }
 
 .div_BG_2_content {
   margin-bottom: 10px;
 }
 .div_BG_2_content {
   margin-bottom: 20px;
 }
 
 
 .div_BG_9_content{
 margin-bottom: 40px;
 }
 
 .div_batch_bottom .content_text {
 
 font-size: 12px;
 
 }
 
 
 .div_layout_1 .div_container,.div_layout_2 .div_container,.div_layout_4 .div_container{
   text-align:center;
   max-width: 320px;
   padding-top: 30px;
   padding-bottom: 30px;
 }
 .div_batch_3_item{
   max-width: 250px;
 }
 
 
 .div_btn
 {
   font-size:12px;
 
 }
 .div_btns{
   width:230px;
 }
 }
 
 .title_font2 span{
   font-family: helvetica neue, Helvetica, Arial, apple tp, hiragino kaku gothic pro, ヒラギノ角ゴ pro w3, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
   font-size: 43px;
 }