@charset "utf-8";
html *,
html *:before,
html *:after {
  box-sizing: border-box;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#gs637rd {
	background-color: #fff;
	font-family: 'Rajdhani', sans-serif;
	padding: 0;
	margin: 0;
	background-color: #000;
	overflow: hidden;
}
#gs637rd {
}
/*b01*/
#gs637rd .b01 {
	background: url(https://asset.msi.com/event/nb/2017/gs63_6rd/images/KBL_key_GS63VR.jpg) 90% 0 no-repeat;
	height: 830px;
}
#gs637rd .b01 .r {
	max-width: 542px;
	position: relative;
	left: 20%;
	top: 300px;
}



/*---------------------移動按鈕-------------------------------------*/
[class^="btn-"] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 1rem auto;
  text-transform: uppercase;
  border: 2px solid  #F00;
  background-color:#8d0113;
    -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

#gs637rd .btn-1 {
font-size: 26px;
line-height: 50px;
text-decoration:none;
color: #FFF;
border-radius:45px;
text-align:center;

}


#gs637rd .btn-1:hover {
color: #FFF;
z-index:99;

}

#gs637rd .btn-1:before {
	
  content: '';
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #e60014;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
		  z-index:-1;

}

#gs637rd .btn-1:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}




#gs637rd .b01 .logobox {
	margin-top: 125px;
}
#gs637rd .wtbbox {
	margin-top: 30px;
}
#gs637rd .b01 .logo {
	font-size: 22px;
	color: #DDD;
	text-shadow: 1px 1px #000;
	font-weight: 400;
	padding-top: 8%;
	margin-left: -5%;
	font-weight:300;
}
#gs637rd .wtb_b {
	border: 1px solid #FFF;
	background-size: cover;
	padding: 10px;
	text-decoration: none;
	font-size: 28px;
	color: #fff;
	font-weight: 400;
}
#gs637rd .wtb_b b {
	font-weight: 600;
}
#gs637rd .wtb_b:hover {
	background-color: rgba(255,0,0,0.5);
	border: #F00 1px solid;
}
/*b01_2*/
#gs637rd .b01_2 {
	background: url(https://asset.msi.com/event/nb/2017/KB/img/NB_bg.png) center no-repeat;
	background-position: center 38%;
	height: 950px;
}
#gs637rd .b01_2 ul {
	color: #fff;
	font-size: 16px;
}
/*b02*/
#gs637rd .b02 {
	background: url(https://asset.msi.com/event/nb/2017/gs63_6rd/images/KBL_intel.jpg) 80% 50% no-repeat;
	background-size: cover;
}
/*b03*/
#gs637rd .b03 {
	background: url(https://asset.msi.com/event/nb/2017/gs63_6rd/images/NVGTX_1060_landing.jpg) 20% 50% no-repeat;
	background-size: cover;
	margin-bottom: 100px;
	height: 550px;
}
#gs637rd .b03 .l {
	padding-top: 50px;
}
/*b04*/
#gs637rd .b04 {
	background: url(https://asset.msi.com/us/picture/image/feature/nb_us/N17/N17_IPS.jpg) top no-repeat;
	background-size: 100%;
	text-align: center;
	height: 670px;
}
#gs637rd .b04 .t {
	padding-top: 150px;
	text-align: left;
}
/*b05*/
#gs637rd .b05 {
	background: url(https://asset.msi.com/event/nb/2017/gs63_6rd/images/N17_Coolerboost_Trinity.jpg) no-repeat center;
	background-size: 100%;
	text-align: center;
	height: 935px;
}
#gs637rd .b05 .t {
	padding-top: 700px;
	padding-left: 10%;
	padding-right: 10%;
}
/*b06*/
#gs637rd .b06 {
	background: #000;
	background-size: 100%;
	text-align: center;
	height: 1000px;
}
/*b07*/
#gs637rd .b07 {
	background: url(https://asset.msi.com/event/nb/2017/gs63_6rd/images/GS63_Steelseries01.jpg) no-repeat;
	background-size: 100%;
	text-align: center;
	height: 850px;
	text-align: center;
}
#gs637rd .b07 .t {
	padding-top: 600px;
}
/*b08*/
#gs637rd .b08 {
	background: url(https://asset.msi.com/event/nb/2017/gs63_6rd/images/GS73VR-Stealth-Pro-4K_13.jpg) left no-repeat;
	background-size: cover;
	height: 900px;
	text-align: center;
}
#gs637rd .b08 .t {
	padding-top: 100px;
}
/*b10*/
#gs637rd .b10 {
	background: url(https://asset.msi.com/us/picture/feature/nb_us/GS_MAX-Q/GS73_2560w_dragon_bg.jpg) no-repeat;
	height: 640px;
	padding-top: 100px;
}
/*b10*/
#gs637rd .b012 {
	background: url(https://asset.msi.com/event/nb/2017/ndg/images/bg_7.jpg) no-repeat;
	height: 350px;
	padding-top: 50px;
}
#gs637rd .h1_N17 {
	font-size: 45px;
	color: #FFF;
	line-height: 43px;
	font-weight: 600;
}
#gs637rd .h2_N17 {
	font-size: 36px;
	color: #FFF;
	text-transform: uppercase;
	line-height: 40px;
	font-weight: 600;
}
#gs637rd .small-p_N17 {
	font-size: 13px;
	color: #A7A7A7;
}
#gs637rd .p_N17 {
	font-size: 18px;
	color: #DDD;
	text-shadow: 1px 1px #000;
	font-weight: 400;
}
#gs637rd .wording {
	position: absolute;
	left: 0%;
	top: 5%
}
#gs637rd .wording2 {
	position: absolute;
	left: 37%;
	top: 15%
}
#gs637rd .wording3 {
	position: absolute;
	left: 60%;
	top: 25%
}
 @media (min-width:320px) and (max-width:768px) {
#gs637rd .b01 .logo {
	padding-top: 1%;
}
#gs637rd .h1_N17 {
	font-size: 28px;
	line-height: 25px;
}
#gs637rd .p_N17 {
	font-size: 16px;
}
#gs637rd .line {
	border-bottom: 3px rgba(255,255,255,0.5) solid;
}
/*b01*/
#gs637rd .b01 {
	background-size: cover;
	height: 400px;
	background-position: 40%;
}
#gs637rd .b01 .r {
	width: 50%;
	left: 10%;
	top: 70px;
}
#gs637rd .b01 .logobox {
	margin-top: 60px;
}
/*b01_2*/
#gs637rd .b01_2 {
	height: 570px;
}
#gs637rd .b01_2 ul {
	color: #fff;
	font-size: 11px;
	line-stacking: 1px;
	letter-spacing: 1px;
}
/*b02*/
#gs637rd .b02 {
	background: url( https://asset.msi.com/us/picture/image/feature/nb_us/KBL/KBL_intel.jpg) 90% 50% no-repeat;
	height: 280px;
}
#gs637rd .b02 .r {
	margin-top: 280px;
}
/*b03*/
#gs637rd .b03 {
	background: url( https://asset.msi.com/event/nb/2017/gs63_6rd/images/NVGTX_1060_landing.jpg) 20% 50% no-repeat;
	height: 280px;
	margin-top: 400px;
}
#gs637rd .b03 .l {
	margin-top: 240px;
}
/*b04*/
#gs637rd .b04 {
	height: 400px;
	margin-top: 350px;
}
#gs637rd .b04 .t {
	margin-top: 50px;
}
/*b05*/
#gs637rd .b05 {
	height: 400px;
	margin-top: 40px;
}
#gs637rd .b05 .t {
	padding-top: 300px;
}
/*b06*/
#gs637rd .b06 {
	height: 500px;
	margin-top: 150px;
}
#gs637rd .b06 .t {
	padding-top: 0px;
}
/*b07*/
#gs637rd .b07 {
	height: 350px;
}
#gs637rd .b07 .t {
	padding-top: 150px;
}
/*b08*/
#gs637rd .b08 .t {
	padding-top: 120px;
}
/*b10*/
#gs637rd .b10 {
	padding-bottom: 100px;
}
/*b11*/
#gs637rd .b011 {
	margin-top: 300px;
}
}
 @media (min-width:767px) and (max-width:1366px) {
/*b04*/
#gs637rd .b04 {
	height: 420px;
}
#gs637rd .b04 .t {
	padding-top: 50px;
}
/*b05*/
#gs637rd .b05 {
	height: 520px;
}
#gs637rd .b05 .t {
	padding-top: 360px;
}
/*b06*/
#gs637rd .b06 .t {
	padding-top: 150px;
}
#gs637rd .b07 {
	height: 650px;
}
#gs637rd .b07 .t {
	padding-top: 305px;
}
/*b01*/
#gs637rd .b01 {
	background-position: 55%;
}
#gs637rd .b01 .r {
	width: 50%;
	left: 10%;
	top: 250px;
}
#gs637rd .b01 .logobox {
	margin-top: 200px;
}
}
 @media (min-width:1367px) and (max-width:1680px) {
#gs637rd .b04 {
	height: auto;
}
#gs637rd .b04 .t {
	padding-bottom: 100px;
}
#gs637rd .b05 {
	height: 790px;
}
#gs637rd .b05 .t {
	padding-top: 550px;
}
}