<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(https://www.asus.com.cn/css/2015/fontapi.css);
.clearfix, .rog-top-nav, .wall-photo ul, #special-sectionOverview .two-row, #special-sectionOverview .r-info-9 .sec-cont-inner, #game .stb-1, #game .video-control .rog-video-nav, #protection .rgg-group, #gives-move .rgm-nav { * zoom: 1; }
.clearfix:after, .clearfix:before, .rog-top-nav:after, .wall-photo ul:after, #special-sectionOverview .two-row:after, #special-sectionOverview .r-info-9 .sec-cont-inner:after, #game .stb-1:after, #game .video-control .rog-video-nav:after, #protection .rgg-group:after, #gives-move .rgm-nav:after, .rog-top-nav:before, .wall-photo ul:before, #special-sectionOverview .two-row:before, #special-sectionOverview .r-info-9 .sec-cont-inner:before, #game .stb-1:before, #game .video-control .rog-video-nav:before, #protection .rgg-group:before, #gives-move .rgm-nav:before { content: ""; display: table; }
.clearfix:after, .rog-top-nav:after, .wall-photo ul:after, #special-sectionOverview .two-row:after, #special-sectionOverview .r-info-9 .sec-cont-inner:after, #game .stb-1:after, #game .video-control .rog-video-nav:after, #protection .rgg-group:after, #gives-move .rgm-nav:after { clear: both; overflow: hidden; }

.rog-top-nav a .red-text, .rog-phone-sub li p { font-family: 'Cuprum', Arial,Helvetica,sans-serif; font-weight: normal; }

.rog-top-nav li &gt; a .with-title, .wall-photo ul li [class^="text-box"], #special-sectionOverview .border-text, #special-sectionOverview .sce-text-box h3, #special-sectionOverview .r-info-8 p span, #special-sectionOverview .r-info-9 .unit-b h3, #special-sectionOverview .r-info-9 .unit-c h3, #special-sectionOverview .r-info-9 .unit-d h3, #protection .rgg-group .rgg-unit .rog-tgbg span, #rog-phoen-top-nav .rog-prodID-p { font-family: 'Cuprum', Arial,Helvetica,sans-serif; font-weight: normal; }

#special-sectionOverview { height: 23000px; padding: 0px; }
#special-sectionOverview p { margin-bottom: 0 !important; }

#special-sectionOverview #rog-width-full { width: 100%; background-color: #000; position: absolute; left: 0px; }


.sct-top .sec-inner { width: 1000px; margin: 0 auto; }

.rog-top-nav { list-style: none; margin-left: 0; width: 100%; margin: 0 auto; }
.rog-top-nav li { float: left; position: relative; }
.rog-top-nav li img { max-width: 100%; border: none; transition: ALL 0.3s ease; }
.rog-top-nav li:hover img { -webkit-filter: brightness(0.5); -moz-filter: brightness(0.5); }
.rog-top-nav li &gt; a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; }
.rog-top-nav li &gt; a .red-text { position: absolute; bottom: -1px; margin-bottom: 0px !important; padding: 2% 3%; width: 94%; transition: all 0.2s ease; }
.rog-top-nav li &gt; a .with-title { font-size: 44px; color: #fff; position: absolute; line-height: 1em; text-shadow: 0px  0px  12px  #000; padding: 4% 3%; margin-bottom: 0px !important; transition: color 0.2s ease; }
.rog-top-nav li &gt; a:hover .red-text { color: #fff; background-color: black; }
.rog-top-nav .rn-1, .rog-top-nav .rn-2, .rog-top-nav .rn-3, .rog-top-nav .rn-4, .rog-top-nav .rn-5, .rog-top-nav .rn-6, .rog-top-nav .rn-7, .rog-top-nav .rn-8, .rog-top-nav .rn-9 { width: 33.3%; }
.rog-top-nav .rn-7 { width: 100%; }

.rog-top-nav a .red-text { font-size: 16px; color: #bd1018; background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.rog-prod-img { margin-top: 60px; margin-bottom: 20px;}

.wall-photo { width: 100%; margin: 60px auto; }
.wall-photo img { max-width: 100%; }
.wall-photo ul { margin: 0; list-style: none; }
.wall-photo ul li { float: left; position: relative; margin-right: 0.3%; margin-right: 0.2% \9; }
.wall-photo ul li:last-child { margin-right: 0; }
.wall-photo ul li [class^="text-box"] { position: absolute; line-height: 1.4; z-index: 9; color: #fff; }
.wall-photo ul .rog-wp1 { width: 14.4%; }
.wall-photo ul .rog-wp2 { width: 43.5%; }
.wall-photo ul .rog-wp3 { width: 26.8%; }
.wall-photo ul .rog-wp4 { width: 14.3%; }
.wall-photo .text-box-1 { top: 75%; padding: 10px; font-size: 24px; }
.wall-photo .text-box-2 { padding: 14px; background-color: #BD1018; font-size: 45px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.wall-photo .text-box-3 { padding: 14px; background-color: #313131; font-size: 27px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.wall-photo .text-box-4 { padding: 14px; background-color: #626262; font-size: 27px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; top: 63%; }

.rog_line { background: transparent url(../img/rog_line2.png) center center no-repeat; height: 130px; }

.sec-head { background: #a3080f; /* Old browsers */ background: -moz-linear-gradient(left, #a3080f 0%, #df0913 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a3080f), color-stop(100%, #df0913)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #a3080f 0%, #df0913 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #a3080f 0%, #df0913 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #a3080f 0%, #df0913 100%); /* IE10+ */ background: linear-gradient(to right, #a3080f 0%, #df0913 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3080f', endColorstr='#df0913',GradientType=1 ); /* IE6-9 */ }
.sec-head .sec-head-inner { width: 900px; margin: 0 auto; padding: 20px 0; }
.sec-head .sec-head-inner img { max-width: 100%; }
.sec-head .sec-head-inner p { color: #fff; font-size: 16px; }
.sec-head .sec-head-inner .ht1 { padding-top: 10px; padding-bottom: 4px; font-weight: bold; }

.sce-cont { overflow: hidden; }
.sce-cont .sec-cont-inner { width: 960px; margin: 0 auto; position: relative; }

#special-sectionOverview #rog-backTop { position: fixed; right: 10px; bottom: 50px; z-index: 99; display: none; width: 50px; height: 50px; border: 2px solid #bd1018; background: black url(../img/backtop.png) 0 0 no-repeat; background: rgba(0, 0, 0, 0.8) url(../img/backtop.png) 0 0 no-repeat; -webkit-transition: All 0.15s ease; -moz-transition: All 0.15s ease; -o-transition: All 0.15s ease; transition: All 0.15s ease; }
#special-sectionOverview #rog-backTop:hover { background: black url(../img/backtop.png) 0 -4px no-repeat; background: black url(../img/backtop.png) 0 -4px no-repeat; box-shadow: 0px 0px 6px #bd1018; }
#special-sectionOverview .rog-min-text { font-size: 13px; }
#special-sectionOverview #overview-aside-nav { z-index: 99; }
#special-sectionOverview .rog-ph-img { max-width: 100%; display: none; }
#special-sectionOverview .border-text { border: 2px solid #bd1018; font-size: 42px; color: #bd1018 !important; padding: 14px; background-color: #000; }
#special-sectionOverview .sce-text-box { position: absolute; }
#special-sectionOverview .sce-text-box h3 { font-size: 28px; color: #fff; text-align: center; margin-top: 0; margin-bottom: 20px; }
#special-sectionOverview .sce-text-box p { font-size: 16px; color: #fff; text-align: center; line-height: 1.4; }
#special-sectionOverview .sce-text-box .rog-trbg { background-color: #bd1018; text-align: center; color: #fff; font-size: 20px; line-height: 1.2; padding: 2px 0 6px; position: relative; }
#special-sectionOverview .sce-text-box .rog-trbg:before { content: ""; position: absolute; width: 0px; height: 0px; display: block; border-top: 8px solid #2A2A2A; border-right: 8px solid #2A2A2A; border-left: 8px solid transparent; border-bottom: 8px solid transparent; bottom: -16px; }
#special-sectionOverview .sce-text-box .rog-tgbg { background-color: #313131; text-align: left; color: #fff; font-size: 16px; line-height: 1.2; padding: 10px 10px 20px; margin-left: 16px; }
#special-sectionOverview .two-row .left-ro { float: left; }
#special-sectionOverview .two-row .right-ro { float: right; }
#special-sectionOverview .rob-t { padding: 13px 9px; background: transparent url(../img/rob2.png) 0 0 no-repeat; color: #FFF; font-size: 15px; }
#special-sectionOverview .rog-poa { position: absolute; }
#special-sectionOverview .r-info-2 { width: 940px; top: 440px; left: -20px; }
#special-sectionOverview .r-info-2 .r-img-right { position: absolute; top: 0; right: 0; }
#special-sectionOverview .r-info-3 { width: 50%; font-size: 16px; color: #FFF; top: 175px; left: 16px; }
#special-sectionOverview .r-info-4 { top: 1100px; left: -280px; }
#special-sectionOverview .r-info-5 { top: 700px; left: -38px; }
#special-sectionOverview .r-info-6 { top: 0; left: 0px; position: relative; margin-top: 22px; }
#special-sectionOverview .r-info-7 { margin-top: 70px; position: relative; height: 560px; }
#special-sectionOverview .r-info-7 p { color: #FFF; font-size: 15px; }
#special-sectionOverview .r-info-7 .ri7-pp { padding-left: 9px; }
#special-sectionOverview .r-info-8 { position: relative; margin-top: 10px;}
#special-sectionOverview .r-info-8 p { color: #FFF; font-size: 15px; }
#special-sectionOverview .r-info-8 p span { font-size: 28px; display: block; margin-bottom: 10px; }
#special-sectionOverview .r-info-9 { height: 211px; position: relative; }
#special-sectionOverview .r-info-9 .sec-cont-inner { width: 960px; position: relative; margin: 0 auto; }
#special-sectionOverview .r-info-9 p { color: #FFF; font-size: 15px; }
#special-sectionOverview .r-info-9 .sm-5 { top: 22px; left: 170px; }
#special-sectionOverview .r-info-9 .unit-a { float: left; margin: 25px 50px 0 10px; }
#special-sectionOverview .r-info-9 .unit-b, #special-sectionOverview .r-info-9 .unit-c, #special-sectionOverview .r-info-9 .unit-d { float: left; width: 250px; height: 150px; margin-top: 55px; }
#special-sectionOverview .r-info-9 .unit-b h3, #special-sectionOverview .r-info-9 .unit-c h3, #special-sectionOverview .r-info-9 .unit-d h3 { margin: 0; padding-left: 70px; color: #fff; text-align: left; font-size: 28px; }
#special-sectionOverview .r-info-9 .unit-b p, #special-sectionOverview .r-info-9 .unit-c p, #special-sectionOverview .r-info-9 .unit-d p { margin: 0; padding-left: 70px; text-align: right; text-align: left; font-size: 14px; }
#special-sectionOverview .r-info-9 .unit-b { background: transparent url(../img/w16.png) 0 0 no-repeat; }
#special-sectionOverview .r-info-9 .unit-c { width: 240px; background: transparent url(../img/w17.png) 0 0 no-repeat; }
#special-sectionOverview .r-info-9 .unit-d { width: 300px; background: transparent url(../img/w18.png) 0 0 no-repeat; }
#special-sectionOverview .two-row-3 { margin: 50px 0 70px; }

#special-sectionOverview .text-center { text-align: center; }
#special-sectionOverview .sec-text h3 { color: #fff; font-family: 'Cuprum', Arial,Helvetica,sans-serif; font-weight: normal; font-size: 2.4em;}
#special-sectionOverview .sec-text p { color: #fff; font-size: 1.3em;}
#special-sectionOverview .title-text { font-size: 42px; color: #bd1018 !important; padding: 20px 0;}
#special-sectionOverview .title-text span{ border: 2px solid #bd1018; padding: 14px; font-family: 'Cuprum', Arial,Helvetica,sans-serif;}
#special-sectionOverview .title-text-block span{ display: block;}


#overview-aside-nav{position:fixed;top:50%;right:6px;margin-top:-11.6875em;-webkit-user-select:none;-moz-user-select:none;user-select:none}
#overview-aside-nav ul{list-style:none;display:block}
#overview-aside-nav ul li{position:relative;width:20px;height:8px;padding:7px;cursor:pointer;-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease}
#overview-aside-nav ul li div{width:8px;height:8px;overflow:hidden;margin-left:auto;background:#C8C8C8;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease;box-shadow:inset 0 0 1px #777}
#overview-aside-nav ul li b{display:none;position:absolute;top:50%;margin-top:-6px;right:24px;white-space:nowrap;font-size:12px;color:#a10302;font-weight:600;line-height:1}
#overview-aside-nav ul li:hover b{display:block !important;-webkit-animation:fadein 0.3s ease-out;-moz-animation:fadein 0.3s ease-out;-ms-animation:fadein 0.3s ease-out;-o-animation:fadein 0.3s ease-out;animation:fadein 0.3s ease-out}
#overview-aside-nav ul li:hover div{background:#a10302}
#overview-aside-nav ul li.on{height:30px !important}
#overview-aside-nav ul li.on div{background:#a10302;height:30px !important}

#overview-aside-nav ul li b{color:#a10302}
#rog_black_style #overview-aside-nav ul li:hover b{display:block !important;-webkit-animation:fadein 0.3s ease-out;-moz-animation:fadein 0.3s ease-out;-ms-animation:fadein 0.3s ease-out;-o-animation:fadein 0.3s ease-out;animation:fadein 0.3s ease-out}
#rog_black_style #overview-aside-nav ul li:hover div{background:#a10302}
#rog_black_style #overview-aside-nav ul li.on{height:30px !important}
#rog_black_style #overview-aside-nav ul li.on div{background:#a10302}


/*
#cooling .border-text { position: absolute; }
#cooling .bt-1 { left: 320px; }
#cooling .sce-cont { height: 880px; margin-top: 60px; background: transparent url(../img/po_b_cooling.png) center 28px no-repeat; }
#cooling .stb-1 { top: 100px; text-align: center;}
#cooling .stb-1 p{ margin: 0 20px;}
#cooling .stb-1 img{ margin-top: 20px;}
*/





















/*---------hardware----------*/


#hardware .hardware-3-sages {
	margin-bottom: 30px;
}
#hardware .hardware-3-sages:after{
	content: '';
	display: block;
	clear: both;
}


#hardware .hardware-3-sages  div{
	float: left;
	margin: 0 10px;
}


#hardware .hardware-map{
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}

#hardware .hardware-map-master img{
	width: 100%;
}

#hardware .hardware-map-data{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#hardware .hardware-map-data img{
	width: 100%;
}

#hardware .hardware-map-control{
	width: 300px;
	position: absolute;
	right: 15%;
	top: 25%;
	z-index: 2;
}





#hardware .hardware-map-control a{
	width: 86%;
	padding: 7%;
	margin-bottom: 20%;
	display: block;
	color: #fff;
	font-size: 2.4em;
	cursor: pointer;
	font-family: 'Cuprum', Arial,Helvetica,sans-serif;
	background: rgba(225,9,19,0.2);
}
#hardware .hardware-map-control a.active{
	background: rgba(225,9,19,0.6);
}


#hardware .notice{
	color: #fff;
	font-size: 1.2em;
}








/*---------overclocking----------*/

#overclocking {
	margin-top: 40px;
}
#overclocking .sec-head{
	margin-bottom: 40px;
}
#overclocking .ht2{
	margin-left: 155px;
}
#overclocking .sec-text p{
	margin: 2em 0;
}
#overclocking .overclocking-cpu{
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}

#overclocking .overclocking-cpu-master {
	width: 100%;
}

#overclocking .overclocking-cpu p{
	color: #fff;
	font-size: 1.4em;
	margin-top: -60px;
}


#overclocking .overclocking-rows h3{
	color: #fff;
	font-size: 1.4em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 8px 0;
	font-weight: bold;
}

#overclocking .overclocking-rows p{
	color: #fff;
	font-size: 1.3em;
}


#overclocking .overclocking-rows{
	max-width: 1280px;
	margin: 20px auto;
	position: relative;
}
#overclocking .overclocking-row-1{
	width: 60%;
	float: left;
}
#overclocking .overclocking-row-1 img{
	width: 100%;
}
#overclocking .overclocking-row-2{
	width: 36%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	padding-top: 70px;
}

#overclocking .overclocking-row-4{
	width: 60%;
	float: left;
}
#overclocking .overclocking-row-4 img{
	width: 100%;
}
#overclocking .overclocking-row-3{
	width: 36%;
	margin-right: 2%;
	margin-left: 2%;
	float: left;
	clear: both;
	padding-top: 210px;
	background: #000;
}


	/*------READ MORE-----*/

#overclocking .btn-more{
	background: #313131;
	text-align: center;
	cursor: pointer;
	font-family: 'Cuprum', Arial,Helvetica,sans-serif;
	font-size: 4em;
	color: #bd1018;
	padding: 30px;
	margin-bottom: 20px;
	margin-top: 20px;
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s; /* Safari */
}
#overclocking .btn-more:hover{
	background: #3a3a3a;
}
#overclocking .btn-more span{
	padding-left: 40px;
	background: url(../img/arrow-down.png) left center no-repeat;
}
#overclocking .active span{
	background: url(../img/arrow-up.png) left center no-repeat;
}
#overclocking .read-more-content{
	text-align: center;
}
#overclocking .overclocking-more-1{
	padding: 20px 0;
}
#overclocking .overclocking-more-1 img{
	width: 95%;
	max-width: 1100px;
}

#overclocking .more-belt{
	background: #313131;
	text-align: center;
	cursor: pointer;
	font-family: 'Cuprum', Arial,Helvetica,sans-serif;
	font-size: 4em;
	color: #fff;
	padding: 30px;
	line-height: 1em;
}
#overclocking .overclocking-mode-1{
	background: #fff;
}
#overclocking .overclocking-mode-1 img{
	width: 100%;
	max-width: 1300px;
}
#overclocking .overclocking-mode-2{
	background: #4a4a4a;
}
#overclocking .overclocking-mode-2 img{
	width: 100%;
	max-width: 1300px;
}





#overclocking .more-close{
	background: #313131;
	text-align: center;
	cursor: pointer;
	font-family: 'Cuprum', Arial,Helvetica,sans-serif;
	font-size: 4em;
	color: #bd1018;
	padding: 30px;
	margin-bottom: 20px;
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s; /* Safari */
}
#overclocking .more-close:hover{
	background: #3a3a3a;
}
#overclocking .more-close span{
	padding-left: 40px;
	background: url(../img/arrow-up.png) left center no-repeat;
}











#overclocking .overclocking-safe-button{
	background: url(../img/overclocking/overclocking-safe-button-bg.jpg) center center no-repeat;
	padding-top: 120px;
	height: 960px;
	position: relative;
}

#overclocking .go-video{
	width: 80px;
	height: 80px;
	text-indent: -9999px;
	position: absolute;
	left: 48%;
	top: 46%;
	display: block;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	background: rgba(198,12,21,0.8) url(../img/video-play.png) center center no-repeat;
	border: 3px solid rgba(255,255,255,0.4);
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s; /* Safari */
}
#overclocking .go-video:hover{
	background-color: rgba(198,12,21,0.9);
	border: 3px solid rgba(255,255,255,0.6);
}


#overclocking .overclocking-safe-button &gt; div{
	background: rgba(0,0,0,0.8);
	border: 3px solid rgba(225,9,19,0.5);
	margin: 0px auto;
	padding: 20px;
	max-width: 900px;
	color: #fff;
	font-size: 1.4em;
}
#overclocking .overclocking-safe-button &gt; div:first-child{
	margin-bottom: 320px;
}
#overclocking .overclocking-safe-button &gt; div:after{
	content: '';
	clear: both;
	display: block;
}

#overclocking .overclocking-safe-button p{
	width: 50%;
	float: left;
}
#overclocking .overclocking-safe-button p span{
	font-weight: bold;
}
#overclocking .overclocking-safe-button img{
	width: 50%;
	float: left;
}

#overclocking .overclocking-more-1-phone {
	display: none;
	margin: 0 auto;
}

#overclocking .sec-text .notice{
	font-size: 0.9em;
}






/*---------unwavering----------*/

#unwavering {
	margin-top: 20px;
}
#unwavering .sec-head{
	margin-bottom: 20px;
}
#unwavering .ht2{
	margin-left: 120px;
	margin-top: -30px;
}
#unwavering .unwavering-main{
	text-align: center;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
#unwavering .unwavering-main img{
	max-width: 1450px;
}
#unwavering .unwavering-main-phone {
	display: none;
	margin: 0 auto;
}

#unwavering .unwavering-main-text div{
	position: absolute;
	text-align: left;
	width: 500px;
}
#unwavering .unwavering-main-text div:first-child{
	left: 120px;
	top: 475px;
}
#unwavering .unwavering-main-text div:last-child{
	left: 120px;
	top: 670px;
}
#unwavering .unwavering-main-text h4{
	color: #fff;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	display: inline;
	border: 2px solid #bd1018;
}
#unwavering .unwavering-main-text p{
	color: #fff;
	font-size: 1.3em;
	margin: 15px 0 0 0;
}
#unwavering .unwavering-main-text img{
	margin-top: 10px;
	display: block;
}




/*---------staycool----------*/

#staycool {
	margin-top: 20px;
}
#staycool .sec-head{
	margin-bottom: 20px;
}
#staycool .ht2{
	margin-left: 265px;
	margin-top: -30px;
}

#staycool .staycool-row{
	text-align: center;
	padding: 20px 0;
}

#staycool .staycool-main{
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}

#staycool .staycool-main p{
	color: #fff;
	font-size: 1.3em;
	width: 35%;
	position: absolute;
	right: 10%;
	top: 10%;
	z-index: 2;
	text-align: left;
}
#staycool .staycool-main img{
	max-width: 100%;
}


#staycool .staycool-fan{
	text-align: center;
	padding: 20px 0;
}
#staycool .staycool-fan p{
	color: #fff;
	font-size: 1.3em;
	text-align: center;
	max-width: 900px;
	margin: 10px auto;
}













/*networking to game*/

#game .border-text { position: absolute; }
#game .bt-1 { left: 320px; }
#game .bt-2 { left: 180px; top: 852px; }
#game .bt-3 { left: 330px; top: 30px; }
#game .sce-cont { height: 3590px; margin-top: 60px; background: transparent url(../img/po_b1.png) center 34px no-repeat; }
#game .sce-cont-2 { height: 1950px; }
#game .sce-cont-3 { height: 1600px; }
#game .stb-1 { top: 100px; }
#game .stb-2 { top: 950px; }
#game .stb-3 { top: 140px; }
#game .rog-info { height: 178px; width: 1500px; position: absolute; left: -570px; top: 240px; }
#game .r-info-2 { top: 200px; }
#game .r-info-3 { width: 40%; top: 105px; left: 577px; padding-top: 20px;}
#game .stb-1 { text-align: center; width: 100%; top: 110px;}

#game .game-ethernet{
	text-align: center;
	padding: 30px 0;
}
#game .game-ethernet-row{
	margin-top: 30px;
}
#game .game-ethernet-row:after{
	content: '';
	display: block;
	clear: both;
}
#game .game-ethernet-row-1{
	width: 48%;
	float: left;
}
#game .game-ethernet-row-1 img{
	width: 100%;
}
#game .game-ethernet-row-2{
	width: 48%;
	float: right;
}
#game .game-ethernet-row-2 img{
	width: 100%;
}




#game p { font-size: 15px; color: #fff; }
#game .sec-head-inner { width: 920px; }
#game .sec-head-inner p { padding-left: 180px; margin-top: -40px;}
#game .sce-cont { margin-top: 0px; background: black url(../img/po_b2.png) center 34px no-repeat; }
#game .border-text { position: absolute; }
#game .bt-1 { left: 350px; top: 64px; }
#game .bt-2 { top: 2740px; left: 320px; }
#game .stb-1 { position: static; padding-top: 162px; /* p{
	float: left;
	width: 80%;
	margin-right: 10px;
} */ }
#game .stb-1 .rog-video { float: right; display: block; margin-top: 20px; }
#game .stb-2 { position: static; margin-top: 250px; }
#game .sm-1 { top: 32px; left: 16px; }
#game .sm-1 i { display: none; }
#game .sm-2 { top: 105px; left: 16px; }
#game .sm-2 i { display: none; }
#game .sm-3 { top: 500px; left: 16px; }
#game .sm-3 i { display: none; }
#game .sm-4 { top: 604px; left: 498px; }
#game .sm-4 i { display: none; }
#game .sm-5 { top: 668px; left: 16px; }
#game .sm-5 i { display: none; }
#game .sm-6 { top: 532px; left: 16px; width: 345px; }
#game .sm-7 { top: 638px; left: 498px; width: 307px; }
#game .sm-8 { top: 702px; left: 16px; }
#game .sm-9 { top: 770px; left: 16px; font-style: italic; }
#game .sm-10 { top: 85px; left: 29px; z-index: 2; width: 215px; text-align: center; font-weight: bold; }
#game .sm-11 { top: 85px; left: 330px; z-index: 2; width: 215px; text-align: center; font-weight: bold; }
#game .sm-12 { top: 488px; left: 311px; z-index: 2; width: 265px; text-align: center; font-weight: bold; }

#game .bt-2a { top: 970px; left: 230px; }
#game .r-info-4 { top: 1300px;}





#game .rog-video-play { margin-left: 14px; padding-top: 30px;}
#game .rog-video-play p { color: #FFF; font-size: 15px; }
#game .video-control { padding: 6px; margin-top: 30px; }
#game .video-control #sse { margin-left: 0; }
#game .video-control .v-import { text-align: center; padding-bottom: 6px; font-size: 16px; color: #fff; }
#game .video-control .rog-video-nav { list-style: none; margin: 0; background-color: #a3a3a3; padding: 0.5%; padding-bottom: 0; }
#game .video-control .rog-video-nav &gt; li { height: 80px; float: left; width: 30%; margin-right: 1%; background: #ba1018; /* Old browsers */ background: -moz-linear-gradient(top, #ba1018 0%, #880b11 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ba1018), color-stop(100%, #880b11)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ba1018 0%, #880b11 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ba1018 0%, #880b11 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ba1018 0%, #880b11 100%); /* IE10+ */ background: linear-gradient(to bottom, #ba1018 0%, #880b11 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba1018', endColorstr='#880b11',GradientType=0 ); /* IE6-9 */ width: 29%; width: 28.8% \9; padding: 1% 2%; margin-right: 0.5%; margin-bottom: 0.5%; }
#game .video-control .rog-video-nav &gt; li &gt; a { display: block; color: #fff; }
#game .video-control .rog-video-nav &gt; li &gt; a:hover p { color: #ccc; }
#game .video-control .rog-video-nav &gt; li:nth-child(3n) { margin-right: 0; }
#game .video-control .rog-video-nav &gt; li.active { background: #69090d; /* Old browsers */ background: -moz-linear-gradient(top, #69090d 1%, #940c13 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #69090d), color-stop(98%, #940c13)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #69090d 1%, #940c13 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #69090d 1%, #940c13 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #69090d 1%, #940c13 98%); /* IE10+ */ background: linear-gradient(to bottom, #69090d 1%, #940c13 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69090d', endColorstr='#940c13',GradientType=0 ); /* IE6-9 */ }





#game .keybot {
	height: auto;
	background: none;
	margin-top: 20px;
}

#game .keybot-intro img{
	float: left;
	margin-right: 20px;
}
#game .keybot-brick{
	text-align: center;
	position: relative;
	margin-top: 30px;
	clear: both;
}
#game .keybot-brick a{
	display: block;
	background: rgba(0,0,0,0);
	position: absolute;
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s; /* Safari */
}
#game .keybot-brick a:hover{
	background: rgba(0,0,0,0.3);
}
#game .keybot-brick .keybot-go-1{
	left: 527px;
	top: 13px;
	width: 173px;
	height: 140px;
}
#game .keybot-brick .keybot-go-2{
	left: 59px;
	top: 345px;
	width: 321px;
	height: 150px;
}
#game .keybot-brick .keybot-go-3{
	left: 589px;
	top: 345px;
	width: 311px;
	height: 150px;
}
#game .keybot-brick-img-phone {
	display: none;
	margin: 0 auto;
}


#game .keybot-s5{
	background: url(../img/game/keybot-s5-bg.png) center center no-repeat;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#game .keybot-pop{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.9);
	z-index: 100;
	text-align: center;
	padding-top: 100px;
	display: none;
}
#game .keybot-pop img{
	max-width: 90%;
}
#game .keybot-pop .close{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 5%;
	top: 100px;
	z-index: 101;
	background: url(../img/x.png) center center no-repeat;
	filter : alpha(opacity=40);
	opacity : 0.4;
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s; /* Safari */
}
#game .keybot-pop .close:hover{
	filter : alpha(opacity=70);
	opacity : 0.7;
}

#game .keybot-pop .keybot-pop-2{
	display: none;
}
#game .keybot-pop .keybot-pop-3{
	display: none;
}












#game .ramdisk {
	height: auto;
	background: none;
	margin-top: 20px;
}
#game .ramdisk-row{
	margin: 30px 0;
	text-align: center;
}

#game .ramdisk-row p{
	width: 45%;
	float: left;
	text-align: left;
}








#performance .border-text { position: absolute; }
#performance .bt-1 { left: 330px; }
#performance .sce-cont { height: 700px; margin-top: 60px; background: transparent url(../img/po_b3.png) center -50px no-repeat; }
#performance .stb-1 { top: 100px; text-align: center;}
#performance .stb-1 p{ margin: 0 20px;}
#performance .stb-1 img{ margin-top: 20px;}




#uefi-Bios .border-text { position: absolute; }
#uefi-Bios .sec-head-inner { width: 670px; }
#uefi-Bios .sce-cont { margin-top: 0px; height: 1700px; background: black url(../img/po_b5.png) center 34px no-repeat; }
#uefi-Bios .bt-1 { top: 55px; left: 210px; }
#uefi-Bios .stb-1 { margin-top: 155px; }
#uefi-Bios .stb-2 { margin-top: 310px; width: 100%; }
#uefi-Bios .stb-2 .left-ro { width: 36%; left: 0; top: 48px; position: absolute; float: none; }
#uefi-Bios .stb-2 .right-ro { position: absolute; right: 0; float: none; }
#uefi-Bios .stb-3 { margin-top: 910px; height: 800px; width: 100%; }
#uefi-Bios .stb-3 div { position: absolute; }
#uefi-Bios .stb-3 .left-ro-up { top: 0; left: 0; }
#uefi-Bios .stb-3 .right-ro-up { top: -28px; right: 12px; }
#uefi-Bios .stb-3 .right-ro-down { top: 380px; right: 12px; }
#uefi-Bios .stb-3 .left-ro-down { top: 368px; left: -15px; width: 50%; }










#protection .border-text { position: absolute; }
#protection .sec-head-inner { width: 940px; }
#protection .sec-head-inner p { padding-left: 145px; }
#protection .sce-cont { margin-top: 0px; height: 2100px; }
#protection .bt-1 { top: 950px; left: 300px; }
#protection .stb-1 { margin-top: 190px; width: 100%; }
#protection .rgg-group { width: 1000px; margin-left: -36px; }
#protection .rgg-group .rgg-unit { width: 230px; margin-right: 6px; text-align: right; float: left; }
#protection .rgg-group .rgg-unit img { width: 215px; max-width: 100%; }
#protection .rgg-group .rgg-unit .rog-trbg { font-size: 16px; }
#protection .rgg-group .rgg-unit .rog-tgbg { text-align: center; line-height: 1.2; }
#protection .rgg-group .rgg-unit .rog-tgbg span { font-size: 24px; }
#protection .rgg-group .rgg-unit .rog-tgbg span .rgg-unit-bold { font-size: 74px; font-weight: normal; }
#protection .rgg-group .rgg-unit .rog-tgbg span .rgg-unit-bold2 { font-size: 40px; font-weight: normal; }
#protection .rgg-group-1 { margin-top: 30px; }
#protection .rgg-group-1 .rog-tgbg { min-height: 200px; }
#protection .rgg-group-2 { margin-top: 20px; }
#protection .rgg-group-2 .rog-tgbg { min-height: 260px; }


#special-sectionOverview #protection .sce-text-box { position: static;}



#protection .bt-2 { top: 40px; left: 340px; }
#protection .stb-2 { padding-top: 170px; width: 100%; }

#protection .sm-protection-n1 { top: 780px; width: 230px; left: 0px; border: 2px solid #e10913; padding: 5px 8px; text-align: left;}
#protection .sm-protection-n2 { top: 830px; width: 380px; left: 0px; text-align: left !important;}
#protection .sm-protection-n1 i { display: none; }
#protection .sm-protection-n3 i { display: none; }
#protection .sm-protection-n3 { top: 780px; width: 230px; left: 500px; border: 2px solid #e10913; padding: 5px 8px; text-align: left;}
#protection .sm-protection-n4 { top: 830px; width: 430px; left: 500px; text-align: left !important;}


#protection .truevolt-row:after{
	content: '';
	display: block;
	clear: both;
}
#protection .truevolt-row img{
	width: 68%;
	float: left;
}

#protection .truevolt-row-2{
	width: 30%;
	float: right;
}
#protection .truevolt-row-2 h4{
	color: #fff;
	font-weight: bold;
}
#protection .truevolt-row-2 p{
	text-align: left;
	padding-bottom: 20px;
}
#protection .truevolt-row-2 .notice{
	font-size: 1em;
}



#protection .rgm-nav { list-style: none; margin: 0; padding: 0; }
#protection .rgm-unit { float: left; width: 130px; margin-right: 116px; text-align: center; }
#protection .rgm-unit:last-child { margin-right: 0; }
#protection .rgm-unit img { margin-bottom: 24px; }
#protection .rgm-unit p { color: #fff; font-size: 16px; text-align: left; }
#protection .rgm-unit p span { color: red; }
#protection .rog-gm-1 { position: absolute; margin-top: 10px; margin-left: 133px; width: 1000px; }
#protection .rog-gm-2 { position: absolute; margin-top: 313px; margin-left: 56px; width: 1000px; }

#protection .rog-gm-wrapper{
	height: 800px;
	background: url(../img/rog-gm-belt.png) center 0px no-repeat;
}
#protection .rog-gm-center{
	width: 1000px;
	margin: 0 auto;
}

#gives-move { position: relative; }
#gives-move .border-text { position: absolute; }
#gives-move .sce-cont { margin-top: 0px; height: 3500px; background: black url(../img/po_b7.png) center 34px no-repeat; }
#gives-move .ht1, #gives-move .ht2 { padding-left: 120px; }
#gives-move .bt-1 { top: 60px; left: 376px; }
#gives-move .stb-1 { margin-top: 170px; width: 100%; }
#gives-move .stb-1 .rog-video { top: 470px; right: 0; }
#gives-move .tr-1 { margin-top: 50px; }
#gives-move .tr-1 .left-ro { width: 46%; }
#gives-move .tr-1 .left-ro p { text-align: left; }
#gives-move .tr-2 { margin-top: 60px; margin-left: 0px; }
#gives-move .tr-2 .left-ro { margin-top: 24px; margin-right: 20px; }
#gives-move .tr-2 .right-ro { float: left; }


#gives-move .bt-n1 { top: 2570px; left: 0px; z-index: 10;}
#gives-move .stb-n1 { margin-top: 2510px; width: 100%; z-index: 9;}
#gives-move .stb-n1 .tr-1 .left-ro { width: 36%; margin-top: 160px;}



#gives-move .bt-gives-move-n1 { top: 1850px; left: 40px; }
#gives-move .stb-gives-move-n1 { width: 100%; position: absolute; top: 1950px; left: 0;}
#gives-move .stb-gives-move-n1 p{ z-index: 2; }

#gives-move .bt-gives-move-n2 { top: 2750px; left: 100px; }
#gives-move .stb-gives-move-n2 { width: 100%; position: absolute; top: 2850px; left: 0;}
#gives-move .stb-gives-move-n2 p{ z-index: 2; }



#rog-phoen-top-nav { position: absolute; width: 100%; background-color: #1B1B1B; z-index: 99; display: none; left: -105%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; transition: All 0.5s ease; }
#rog-phoen-top-nav.fiexd { position: fixed; left: -90.5%; top: 56px; }
#rog-phoen-top-nav.on { left: 0% !important; }
#rog-phoen-top-nav.on .rog-phone-sub { left: 0% !important; }
#rog-phoen-top-nav .rog-prodID-p { position: absolute; top: 20px; width: 100%; color: #bd1018; text-align: center; font-size: 36px; pointer-events: none; }

.rog-phone-nav-btn { padding: 10px; float: right; }

.rog-phone-sub { position: absolute; left: -100%; overflow: hidden; margin: 0; margin-top: 60px; padding: 0; width: 100%; background-color: #313131; list-style: none; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: left .5s ease; -moz-transition: left .5s ease; -o-transition: left .5s ease; transition: left .5s ease; }
.rog-phone-sub li { cursor: pointer; position: relative; padding: 16px 0; border-bottom: 2px solid #bd1018; color: #fff; text-align: center; font-size: 32px; }
.rog-phone-sub li:after { content: ""; position: absolute; display: block; top: 16px; height: 0px; width: 0px; right: 6px; border-left: #bd1018 10px solid; border-right: transparent 10px solid; border-top: transparent 10px solid; border-bottom: transparent 10px solid; }

#sse { position: relative; width: 800px; overflow: hidden; padding: 10px 12px 12px; margin: 0 auto; background: #860107; text-align: center; }

#sse .menu { overflow: hidden; margin-bottom: 4px; }

#sse .menu div { float: left; border: 2px solid transparent; margin-right: 2px; cursor: pointer; }

#sse .menu img { display: block; }

#sse .menu div, #sse .menu img { -webkit-transition: all .15s ease; transition: all .15s ease; }

#sse .menu div.on, #sse .menu div:hover { border-color: white; }

#sse .menu div.on { cursor: default; }

#sse .menu div:hover img { opacity: .7; }

#sse-swf { width: 100%; min-height: 470px; background: black; }

#sse object { display: block; margin: 0 auto; }

#sse1-caption, #sse2-caption { display: none; }



.dot-bg-1 { background: url(../img/po_b5.png) center 0px no-repeat !important; }
.dot-bg-2 { background: url(../img/po_b5_r.png) center 0px no-repeat !important; }
.dot-bg-0 { background: none !important; }
.dot-bg-3 { background: url(../img/po_b5_w.png) center 20px no-repeat !important; }





/*------ video ------*/
.pop-video{
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #555;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
}
.pop-video iframe{
	width: 100%;
	height: 100%;
}
.pop-video .close-video{
	width: 50px;
	height: 50px;
	background: #999;
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	background: url(../img/x.png);
	filter : alpha(opacity=40);
	opacity : 0.4;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.pop-video .close-video:hover{
	filter : alpha(opacity=60);
	opacity : 0.6;
}



/*@
/*  bootstrap */
@media (max-width: 959px) { #special-sectionOverview { height: auto !important; }
  #special-sectionOverview #game .video-control { display: none; }
  #special-sectionOverview #rog-width-full { height: auto; position: relative; margin-bottom: 30px; }
  #special-sectionOverview .sce-cont { background-image: none; height: auto; }
  #special-sectionOverview .sce-cont .sec-cont-inner { width: 96%; }
  #special-sectionOverview .sce-text-box, #special-sectionOverview .rog-poa, #special-sectionOverview .r-info-2 { position: static; }
  #special-sectionOverview #game [class*="sm"] { position: relative; top: auto; left: auto; margin-left: 14px; }
  #special-sectionOverview #game [class*="sm"] i { position: absolute; top: 8px; left: -20px; display: block; padding: 4px 8px; border-radius: 23px; background-color: #fff; color: #bd1018; font-style: inherit; font-size: 18px; }
  #special-sectionOverview .has-rob { /*background: black url(../img/rob2.png) 0 0 no-repeat;*/ padding: 12px 10px 10px; margin-bottom: 6px !important; }

  #special-sectionOverview #game .sce-cont-1 .r-info-10 .rog-dt-img { display: none; }
  #special-sectionOverview #game .sce-cont-1 .r-info-10 .rog-ph-img { display: inline; margin: 0 auto;}



  #special-sectionOverview #protection .stb-2 .rog-dt-img { display: none; }
  #special-sectionOverview #protection .stb-2 .rog-ph-img { display: inline; margin: 0 auto;}

#protection .sm-protection-n1{
	text-align: left !important;
}
#protection .sm-protection-n3{
	text-align: left !important;
	margin-top: 15px;
}

#protection .sm-protection-n1 i,
#protection .sm-protection-n3 i {
	display: inline-block !important;
	background: #fff;
	color: #d50009;
	text-align: center;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	margin-right: 5px;
}



  #game .sm-1 { margin-top: 10px;}
  #game .sm-2 { margin-top: -30px;}
  #game .sm-n1 { margin-top: 30px;}
  #game .sm-n3 { margin-top: 30px;}
  #game .sm-9 { margin-top: 30px;}


#game .ramdisk-row p{
	width: 95%;
	float: none;
	padding-bottom: 20px;
}

#game .keybot-brick a {
	display: none;
}
#game .keybot-brick-img {
	display: none;
}
#game .keybot-brick-img-phone {
	display: block;
}









#hardware .hardware-3-sages {
	width: 100%;
}
#hardware .hardware-3-sages &gt; div{
	width: 32%;
	margin: 0 0.6%;
}
#hardware .hardware-3-sages &gt; div img{
	width: 100%;
}

#hardware .hardware-map-control{
	width: 250px;
	right: 5%;
}


#overclocking .overclocking-rows{
	width: 100%;
	margin: 20px auto;
}
#overclocking .overclocking-rows &gt; div{
	width: 96%;
	float: none;
	margin: 0 2%;
	padding: 0;
}

#overclocking .ht2{
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
}


#unwavering .ht2{
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
}


#staycool .ht2{
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
}


#staycool .staycool-main p{
	width: 90%;
	text-align: center;
	position: relative;
	right: auto;
	top: auto;
}

#protection .rog-gm-1 { position: static; margin-top: 0px; margin-left: 0px; width: 100%; }
#protection .rog-gm-2 { position: static; margin-top: 0px; margin-left: 0px; width: 100%; clear: both; padding-top: 50px;}
#protection .rog-gm-center{
	width: 100%;
}

#unwavering .unwavering-main-phone {
	display: block;
}
#unwavering .unwavering-main-img {
	display: none;
}
#unwavering .unwavering-main-text div:first-child,
#unwavering .unwavering-main-text div:last-child{
	left: auto;
	top: auto;
	width: 90%;
	position: relative;
	margin: 0 auto 40px auto;
}
#unwavering .unwavering-main-text div:first-child h4{
	background: url(../img/unwavering/unwavering-main-phone-a.png) 5px center no-repeat;
	padding: 10px 10px 10px 44px;
}
#unwavering .unwavering-main-text div:last-child h4{
	background: url(../img/unwavering/unwavering-main-phone-b.png) 5px center no-repeat;
	padding: 10px 10px 10px 44px;
}


.dot-bg-1 { background: none !important; }
.dot-bg-2 { background: none !important; }



}
@media (min-width: 720px) and (max-width: 959px) { .rog-top-nav a .red-text { font-size: 12px; }
  .rog-top-nav li &gt; a .with-title { font-size: 20px; }
  .overview-wrapper { width: 100%; }
  .rog-top-nav li &gt; a .with-title { font-size: 24px; }
  #special-sectionOverview .r-info-2 { width: 100%; text-align: center; }
  #special-sectionOverview .r-info-3 { width: 100%; margin: 10px 0 !important; }
  #special-sectionOverview .r-info-4 .rog-dt-img { margin-top: 20px; }
  #special-sectionOverview .r-info-5 { text-align: center; }
  #special-sectionOverview .border-text { position: static; text-align: center; width: 90%; margin: 20px auto; }
  #special-sectionOverview .sct-top .sec-inner { width: 100%; margin: 0 auto; }
  #special-sectionOverview .sec-head .sec-head-inner { width: 92%; }
  #special-sectionOverview #rog-desktop-cont .wall-photo .text-box-1 { top: 68%; font-size: 16px; }
  #special-sectionOverview #rog-desktop-cont .wall-photo .text-box-2 { padding: 10px; font-size: 22px; }
  #special-sectionOverview #rog-desktop-cont .wall-photo .text-box-3, #special-sectionOverview #rog-desktop-cont .wall-photo .text-box-4 { padding: 10px; font-size: 18px; }


/*networking to game*/
  #special-sectionOverview #game .rog-info { position: static; width: 1200px; margin-left: -510px; margin-top: 30px; }
  #special-sectionOverview #game .r-info-2 .r-img-right { position: static; }
  #special-sectionOverview #game .stb-3 .two-row-3 { text-align: center; margin-bottom: 20px; }
  #special-sectionOverview #game .r-info-5 { margin-top: 20px; }



  #special-sectionOverview #game .stb-1 { padding-top: 0; }
  #special-sectionOverview #game .rog-video-play { margin-left: 0; width: 98%; }
  #special-sectionOverview #game .rog-video-play .video-control { width: 100%; }
  #special-sectionOverview #game .rog-video-nav &gt; li:nth-child(3n) { margin-right: 0; }
  #special-sectionOverview #game .r-info-6 .rog-dt-img { display: none; }
  #special-sectionOverview #game .r-info-6 .rog-ph-img { display: inline;}
  #special-sectionOverview #game .r-info-6 .rog-ph-img-n1 { float: right; }
  #special-sectionOverview #game .smb-30 { margin-bottom: 30px !important; }
  #special-sectionOverview #game .r-info-6 { max-width: 480px; margin: 20px auto; }
  #special-sectionOverview #game .r-info-7 .rog-dt-img { display: none; }
  #special-sectionOverview #game .r-info-7 .rog-ph-img { display: inline; margin-top: 20px; }
  #special-sectionOverview #game .r-info-7 .sm-10, #special-sectionOverview #game .r-info-7 .sm-11, #special-sectionOverview #game .r-info-7 .sm-12 { display: none; }
  #special-sectionOverview #game .stb-2 { margin-top: 0; }
  #special-sectionOverview #game .sce-cont-1 .stb-1 { padding-top: 0; }
  #special-sectionOverview #game .sce-cont-1 .stb-1 .two-row .left-ro { width: 42%; }
  #special-sectionOverview #game .sce-cont-1 .stb-2 { padding-top: 0; }
  #special-sectionOverview #game .sce-cont-1 .stb-2 p.right-ro { width: 100%; }
  #special-sectionOverview #game .sce-cont-1 .r-info-8 { text-align: center; background-color: #a60e15; width: 94%; margin: 20px auto; }
  #special-sectionOverview #game .sce-cont-1 .r-info-8 .rog-poa { position: absolute; }
  #special-sectionOverview #game .sce-cont-1 .r-info-8 .rog-dt-img { display: none; }
  #special-sectionOverview #game .sce-cont-1 .r-info-8 .rog-ph-img { display: inline; margin: 0 auto; }
  #special-sectionOverview #game .sce-cont-1 .r-info-8 [class*="sm"] { width: 300px; left: 50%; margin-left: -150px; }
  #special-sectionOverview #game .sce-cont-1 .r-info-8 .sm-1 { top: 136px; }
  #special-sectionOverview #game .sce-cont-1 .r-info-8 .sm-2 { top: 326px; }
  #special-sectionOverview #game .sce-cont-1 .r-info-8 .sm-3 { top: 500px; }
  #special-sectionOverview #game .sce-cont-1 .r-info-8 .sm-4 { top: 667px; }
  #special-sectionOverview #game .sce-cont-1 .sce-cont.r-info-9 { margin: 30px auto 0; background-color: #a60e15; width: 90%; background-image: none; }
  #special-sectionOverview #game .sce-cont-1 .sce-cont.r-info-9 .sec-cont-inner { padding: 10px; width: 310px; }
  #special-sectionOverview #game .sce-cont-1 .sce-cont.r-info-9 [class*="unit"] { float: none; margin: 20px auto; padding-bottom: 20px; width: 300px; border-bottom: 2px solid #FFF; text-align: center; }
  #special-sectionOverview #game .sce-cont-1 .sce-cont.r-info-9 .unit-d { border-bottom: none; padding-bottom: 0; }





  #special-sectionOverview #uefi-Bios .stb-1 { margin-top: 0; }
  #special-sectionOverview #uefi-Bios .stb-2 { position: relative; height: 510px; margin-top: 30px; }
  #special-sectionOverview #uefi-Bios .stb-2 .right-ro { top: 0; width: 67%; }
  #special-sectionOverview #uefi-Bios .stb-3 { position: relative; margin-top: 30px; height: auto; text-align: center; }
  #special-sectionOverview #uefi-Bios .stb-3 .left-ro-up, #special-sectionOverview #uefi-Bios .stb-3 .right-ro-up, #special-sectionOverview #uefi-Bios .stb-3 .right-ro-down, #special-sectionOverview #uefi-Bios .stb-3 .left-ro-down { position: static; margin-top: 20px; }
  #special-sectionOverview #uefi-Bios .stb-3 .left-ro-down { margin: 20px auto; }


  #special-sectionOverview #solution .stb-1 { padding-top: 0;}
  #special-sectionOverview #solution .stb-1 p.right-ro { width: 100%;}
  #special-sectionOverview #solution .stb-2 { margin-top: 0px;}



  #special-sectionOverview #protection .stb-1 { margin-top: 0; }
  #special-sectionOverview #protection .rgg-group { width: 100%; margin-left: 0; }
  #special-sectionOverview #protection .rgg-group .rgg-unit { width: 24%; margin-right: 1%; }
  #special-sectionOverview #protection .rgg-group .rgg-unit:last-child { margin-right: 0; }
  #special-sectionOverview #protection .rgg-group .rgg-unit img { width: 92; }
  #special-sectionOverview #protection .rgg-group .rgg-unit .rog-trbg { min-height: 40px; }
  #special-sectionOverview #protection .rgg-group-1 .rog-tgbg { min-height: 324px; }

  #special-sectionOverview #protection .stb-2 { padding-top: 0px; }








  #special-sectionOverview #gives-move .stb-1 { margin-top: 0; }
  #special-sectionOverview #gives-move .tr-1 .right-ro { width: 52%; }
  #special-sectionOverview #gives-move .tr-2 { margin-left: 0; }
  #special-sectionOverview #gives-move .tr-2 .left-ro { width: 30%; margin-right: 1%; }
  #special-sectionOverview #gives-move .tr-2 .right-ro { width: 68%; }
  #special-sectionOverview .rog-gm-1, #special-sectionOverview .rog-gm-2 { position: relative; margin-top: 30px; }
  #special-sectionOverview .rgm-unit { width: 23.5%; margin-right: 2%; }
  #special-sectionOverview .rgm-unit:last-child { margin-right: 0; }



#gives-move .stb-n1 { margin-top: 0px; width: 100%; z-index: 9;}
#gives-move .stb-n1 .tr-1 .left-ro { width: 100%; margin-top: 0px;}
#gives-move .stb-n1 .tr-1 .right-ro { text-align: center; float: none; margin: 0 auto;}


}







@media (max-width: 719px) { #rog-phoen-top-nav { display: block; }
  #overview-aside-nav { display: none; }
  .overview-wrapper { width: 100%; }
  #special-sectionOverview { height: auto; /* 	.sce-text-box .rog-trbg{
		&amp;:before{
			display: none;
		}
	}
	.sce-text-box .rog-tgbg{
		margin-left: 0;
	} */ }
  #special-sectionOverview .rog-top-nav { display: none; }
  #special-sectionOverview .rog-dt-img { display: none; }
  #special-sectionOverview .rog-ph-img { display: inline; }
  #special-sectionOverview #rog-width-full { position: relative; height: auto; }
  #special-sectionOverview .wall-photo .text-box-1, #special-sectionOverview .wall-photo .text-box-2, #special-sectionOverview .wall-photo .text-box-3, #special-sectionOverview .wall-photo .text-box-4 { font-size: 14px; font-weight: normal; padding: 10px; }
  #special-sectionOverview .wall-photo .text-box-1 { top: 66%; }
  #special-sectionOverview .sec-head .sec-head-inner { width: 96%; }
  #special-sectionOverview .sct-top .sec-inner { width: 100%; }
  #special-sectionOverview .sct-top .sec-inner .rog-prod-img { text-align: center; }
  #special-sectionOverview .sce-cont .sec-cont-inner { width: 96%; }
  #special-sectionOverview .sce-text-box, #special-sectionOverview .border-text, #special-sectionOverview .rog-poa, #special-sectionOverview .r-info-2 .r-img-right, #special-sectionOverview .rog-info { position: static; }
  #special-sectionOverview .border-text { text-align: center; width: 90%; margin: 20px auto; }
  #special-sectionOverview .r-info-2 { width: 100%; margin: 0 auto; }
  #special-sectionOverview .r-info-2 { text-align: center; }
  #special-sectionOverview .r-info-2 .r-info-3 { text-align: left; width: 100%; margin-bottom: 20px !important; }
  #special-sectionOverview .two-row-3 { text-align: center; margin: 30px 0; }

	#special-sectionOverview .title-text { padding: 10px 0;}
	#special-sectionOverview .title-text span{ display: block;}









/*networking to game*/
  #game .sce-cont { margin-top: 0; }
  #game .rog-info { margin: 20px 0; height: auto; width: 100%; }
  #game .r-info-4 { margin-left: -2%; }
  #game .r-info-5 { text-align: center; }

  #game .sec-head-inner p { padding-left: 0px; margin-top: 0;}
  #game .stb-1 { padding-top: 16px; }
  #game .stb-1 p { float: none; width: 100%; }
  #game .stb-1 .rog-video { float: none; margin: 20px auto;}
  #game .stb-1 .left-ro { float: none; margin: 20px auto;}
  #game .bt-2 { margin-top: 70px; }
  #game .stb-2 { margin-top: 16px; }
  #game .rog-video-play { display: none; }
  #game .sm-9 { margin-top: 30px; }
  #game .sm-7 { width: 98%; }
  #game .sm-7 img { float: right; }
  #game .sm-10, #game .sm-11, #game .sm-12 { width: 100%; text-align: left; margin-left: 0px; display: none; }
  #game .r-info-7 { margin-left: 14px; height: auto; margin-bottom: 20px; }
  #game .r-info-7 .rog-ph-img { margin-top: 20px; }
  #game .smb-30 { margin-bottom: 30px !important; }
  #game .bt-2 { margin-top: 0; }
  #game .r-info-6 { max-width: 480px; margin: 0 auto; }



#game .game-ethernet-row-1{
	width: 100%;
	float: none;
}
#game .game-ethernet-row-2{
	width: 100%;
	float: none;
}













  #game .sce-cont-1 .stb-1 { padding-top: 0; }
  #game .sce-cont-1 .stb-1 { text-align: center; }
  #game .sce-cont-1 .stb-1 img { float: none; }
  #game .sce-cont-1 .stb-1 .two-row .left-ro { width: 100%; margin-left: 0; }
  #game .sce-cont-1 .stb-1 .two-row .right-ro { float: none; }
  #game .sce-cont-1 .r-info-8 { text-align: center; background-color: #a60e15; }
  #game .sce-cont-1 .r-info-8 .rog-poa { position: absolute; }
  #game .sce-cont-1 .r-info-8 .rog-ph-img { margin: 0 auto; }
  #game .sce-cont-1 .r-info-8 [class*="sm"] { width: 300px; left: 50%; margin-left: -150px; }
  #game .sce-cont-1 .r-info-8 .sm-1 { top: 136px; }
  #game .sce-cont-1 .r-info-8 .sm-2 { top: 326px; }
  #game .sce-cont-1 .r-info-8 .sm-3 { top: 500px; }
  #game .sce-cont-1 .r-info-8 .sm-4 { top: 667px; }
  #game .sce-cont-1 .sce-cont.r-info-9 { margin: 30px auto 0; background-color: #a60e15; width: 96%; background-image: none; }
  #game .sce-cont-1 .sce-cont.r-info-9 .sec-cont-inner { padding: 10px; width: 310px; }
  #game .sce-cont-1 .sce-cont.r-info-9 [class*="unit"] { float: none; margin: 20px auto; padding-bottom: 20px; width: 300px; border-bottom: 2px solid #FFF; text-align: center; }
  #game .sce-cont-1 .sce-cont.r-info-9 .unit-d { border-bottom: none; padding-bottom: 0; }
  #game .sce-cont-1 .r-info-10 { height: auto; }
  #game .sce-cont-1 .r-info-10 .stb-2 { padding-top: 0px; }
  #game .sce-cont-1 .r-info-10 p.right-ro { float: none; width: 100%; margin-top: 20px; }
  #game .sce-cont-1 .r-info-10 p.right-ro b { color: #e10913; }






  #uefi-Bios .stb-1 { margin-top: 0; }
  #uefi-Bios .stb-2 { margin-top: 50px; }
  #uefi-Bios .stb-2 .right-ro, #uefi-Bios .stb-2 .left-ro { float: none; position: static; }
  #uefi-Bios .stb-2 .left-ro { width: 100%; margin-top: 20px; }
  #uefi-Bios .stb-3 { margin-top: 50px; height: auto; }
  #uefi-Bios .stb-3 &gt; div { position: static !important; margin-top: 20px; text-align: center; }
  #uefi-Bios .stb-3 .left-ro-down { width: 100%; }


  #solution .stb-1 .two-row .left-ro { width: 100%; margin-left: 0; }
  #solution .stb-1 .two-row .right-ro { float: none; width: 100%;}
  #special-sectionOverview #solution .stb-2 { margin-top: 0px; }




  #protection .stb-1 { margin-top: 0; }
  #protection .rgg-group { width: 100%; margin-left: 0; }
  #protection .rgg-group .rgg-unit { width: 100%; margin-bottom: 20px; }
  #protection .rgg-group .rgg-unit img { width: 96%; }
  #protection .rgg-group-1 .rog-tgbg { min-height: 120px; }
  #protection .rgg-group-2 .rog-tgbg { min-height: 170px; }

  #special-sectionOverview #protection .stb-2 { padding-top: 0px; }


#protection .truevolt-row img{
	width: 95%;
	float: none;
}

#protection .truevolt-row-2{
	width: 95%;
	float: none;
}


  #protection .rog-gm-1, #protection .rog-gm-2 { margin: 20px 0; }
  #protection .rgm-unit { width: 48%; min-height: 220px; margin-right: 2%; margin-bottom: 20px; }



  #gives-move .ht1, #gives-move .ht2 { padding-left: 0; }
  #gives-move .stb-1 { margin-top: 0; }
  #gives-move .tr-1 .left-ro { width: 100%; }
  #gives-move .tr-1 .left-ro, #gives-move .tr-1 .right-ro { margin: 10px 0 0 0; }
  #gives-move .tr-2 { margin-left: 0; }
  #gives-move .tr-2 .left-ro, #gives-move .tr-2 .right-ro { float: none; width: 100%; margin: 10px 0 0 0; text-align: center; }

#gives-move .stb-n1 { margin-top: 0px; width: 100%; z-index: 9;}
#gives-move .stb-n1 .tr-1 .left-ro { width: 100%; margin-top: 0px;}
#gives-move .stb-n1 .tr-1 .right-ro { text-align: center; float: none; margin: 0 auto;}








#hardware .hardware-map-control{
	width: 150px;
	right: 5%;
}

#overclocking .overclocking-cpu p{
	margin-top: 0px;
}

#overclocking .overclocking-safe-button{
	background: url(../img/overclocking/overclocking-safe-button-bg.jpg) center center no-repeat;
	padding-top: 10px;
	height: 1100px;
	position: relative;
}

#overclocking .overclocking-safe-button p{
	width: 100%;
	padding-bottom: 20px;
	float: none;
}
#overclocking .overclocking-safe-button img{
	width: 100%;
	float: none;
}



#overclocking .go-video{
	top: 42%;
	left: 43%;
}

#overclocking .overclocking-safe-button &gt; div:first-child{
	margin-bottom: 220px;
}










#overclocking .overclocking-more-1-img {
	display: none;
}

#overclocking .overclocking-more-1-phone {
	display: block;
}









 }







@media (max-width: 480px) { #rog-phoen-top-nav.fiexd { left: -84%; }
  .wall-photo ul .rog-wp1, .wall-photo ul .rog-wp2, .wall-photo ul .rog-wp3, .wall-photo ul .rog-wp4 { width: 100%; }
  #special-sectionOverview .wall-photo .text-box-1, #special-sectionOverview .wall-photo .text-box-2, #special-sectionOverview .wall-photo .text-box-3, #special-sectionOverview .wall-photo .text-box-4 { font-size: 20px; }








}













@media (max-width: 321px) { #rog-phoen-top-nav.fiexd { left: -80%; }}
</pre></body></html>