/*settings*/
@font-face{ 
font-family:'DINPro-Light';
src: local("微軟正黑體"), local("Microsoft JhengHei"); 
unicode-range: U+4E00-9FFF; 
} 

@font-face{ 
font-family:'Geforce-Bold';
src: local("微軟正黑體"), local("Microsoft JhengHei"); 
unicode-range: U+4E00-9FFF; 
} 

@font-face{ 
font-family:'DINPro-Regular';
src: local("微軟正黑體"), local("Microsoft JhengHei"); 
unicode-range: U+4E00-9FFF; 
} 

@font-face{ 
font-family:'Geforce-Light';
src: local("微軟正黑體"), local("Microsoft JhengHei"); 
unicode-range: U+4E00-9FFF; 
} 
#nvq_body{background:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/bg.jpg) top center no-repeat; background-size:cover; background-attachment:fixed; width:100%; padding:3em 0 3em; position:relative;}
#nvq{width:100%; max-width:1100px; margin:0em auto; font-family:'DINPro-Light', 'verdana'; font-size:100%; color:#eee; background:#000; text-align:center; box-shadow:#333 0 0 30px; text-align:left; position:relative; z-index:1;}

#nvq img{max-width:100%; width:expression(document.body.clientWidth>100?"100%":"auto"); overflow:hidden;}
#nvq h1,
#nvq h2,
#nvq h3,
#nvq h4,
#nvq h5,
#nvq p{
	padding:0;
	margin:0;
	line-height:normal;
	font-weight:normal;
	}
#nvq section{padding:25px 50px 50px; position:relative;}
#nvq .note{color:#999; font-size:18px; padding:10px 0; width:90%; margin:0 auto; line-height:28px;}
#nvq .note span{border-bottom:#c00 1px dashed;}
#nvq .note i{color:#f00;}
#nvq p{font-size:18px; line-height:32px; padding:15px 0 35px;}

/*hvr-to-bottom */
.hvr-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
   border:#76b900 5px solid;
}
.hvr-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#222;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
 
  
}
.hvr-to-bottom:hover, .hvr-to-bottom:focus, .hvr-to-bottom:active {
  color:#fff;
  background:#76b900;
  
}
.hvr-to-bottom:hover:before, .hvr-to-bottom:focus:before, .hvr-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  background:#76b900;
  color:#fff !important;
}


/*header*/
@-webkit-keyframes round{
			0% {opacity: 0;}
   			25% {opacity: 0.5;}
			50%{opacity: 1;}
			75%{opacity: 0.5;}
			100% {opacity: 0;}
		}
		@keyframes round{
			0% {opacity: 0;}
   			25% {opacity: 0.5;}
			50%{opacity: 1;}
			75%{opacity: 0.5;}
			100% {opacity: 0;}
		}
.nvq_header{background:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/bg-headerline.png) bottom no-repeat; background-color:#000; padding-bottom:15px;}
.nvq_header .topbar{background:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/bg-topbar.gif) top left repeat-x; border-bottom:#76b900 5px solid; text-align:right;}
.nvq_header .topbar img{vertical-align:bottom; padding-right:15px;}
.nvq_header .topbar .logo{float:right; margin-right:15px;}
.nvq_header .topbar .tab{float:left; height:54px; line-height:54px; font-family:'Geforce-Bold'; width:calc(100% - 160px); font-size:22px;}
.nvq_header .topbar .tab a{color:#fff; display:inline-block; width:33%; text-align:center; border-right:#444 1px solid; border-left:#333 1px solid; transition:0.3s all ease-in 0.1s;}
.nvq_header .topbar .tab a:first-child{border-left:none;}
.nvq_header .topbar .tab a.active{background:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/bg-tab.png)  top center no-repeat; background-color:#76b900; text-shadow:#476d03 1px 1px 1px; box-shadow:#A3F920 0 0 10px;}
.nvq_header .topbar .tab a:hover{text-shadow:#9CF329 0 0 30px; background:#000; box-shadow:#000 0 0 10px;}
.nvq_header .vimg{position:relative;}
.nvq_header .top{position:absolute; z-index:10; -webkit-animation: round 8s linear infinite;
            animation: round 8s linear infinite;}
.nvq_header .top:nth-child(1) {
		    -webkit-animation-delay: 2s;
		    animation-delay: 2s;
		}
		.nvq_header .top:nth-child(2) {
		    -webkit-animation-delay: 8s;
		    animation-delay: 8s;
		}


/*section1*/
@-webkit-keyframes fround{
			0% {text-shadow:#f00 0px 0px 0px;}
   			25% {text-shadow:#f00 0px 0px 10px;}
			50%{text-shadow:#f00 0px 0px 20px;}
			75%{text-shadow:#f00 0px 0px 10px;}
			100% {text-shadow:#f00 0px 0px 5px;}
		}
		@keyframes fround{
			0% {text-shadow:#f00 0px 0px 0px;}
   			25% {text-shadow:#f00 0px 0px 10px;}
			50%{text-shadow:#f00 0px 0px 20px;}
			75%{text-shadow:#f00 0px 0px 10px;}
			100% {text-shadow:#f00 0px 0px 5px;}
		}
#nvq .section1{text-align:center; background:#000; box-shadow:#000 0 0 20px; z-index:3;}
#nvq .section1 h1{font-size:56px; font-family:'Geforce-Bold'; color:#76b900; border:#76b900 5px solid; background:#000; box-shadow:#333 0 10px 20px; text-shadow:#f00 0px 0px 20px;
/*	-webkit-animation: fround 3s linear infinite;
            animation: fround 3s linear infinite;*/
}

		
#nvq .section1 h2{font-size:30px; font-family:'Geforce-Light'; line-height:32px; padding-top:15px !important;}
#nvq .section1 ul{padding:30px 0 10px; font-size:20px;}
#nvq .section1 ul li{margin-bottom:15px;}
#nvq .section1 ul li strong{background:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/bg-headerline.png) bottom no-repeat; text-shadow:#f00 0px 0px 10px; padding-bottom:15px; letter-spacing:2px;}
#nvq .section1 ul li strong span{color:#f00;}
#nvq .section1 .txt{margin:0 auto 3rem; border:#222 1px dashed; padding:3% 5%; background:#111; margin-top:35px; border-bottom:#76b900 1px dashed;background:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/bg.jpg) bottom right no-repeat;}
#nvq .section1 P{padding-top:35px;}
#nvq .section1 i{margin-right:3px;}
#nvq .section1 .button{margin-bottom:1.5em; font-family:'Geforce-Bold';}
#nvq .section1 .button a{display:block; padding:20px; font-size:24px; cursor:pointer; color:#fff; background:#000; width:100%; margin:0 auto; max-width:500px; color:#76b900;}
#nvq .section1 .button a:hover{color:#fff;}
#nvq .section1 a{color:#c00;}
#nvq .section1 a:hover{background:#f00; color:#fff;}


#nvq .section1 h3{font-size:26px; font-family:'Geforce-Light'; line-height:32px; color:#f00; font-weight:bolder; padding-top:15px !important;}
#nvq .section1 ol li{background:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/icon01.gif) 0 20px no-repeat; padding:1em 0 1em 1.8em; text-align:left; border-bottom:#222 1px dashed;}

#nvq .spectb{display:table; width:100%; border-collapse:collapse; border:#c00 3px solid; margin-top:1.5em;}
#nvq .spectb .tr{display:table-row;}
#nvq .spectb .th{display:table-cell; background:#c00; color:#fff; text-align:center; vertical-align:middle; width:20%; border:#000 1px solid; font-family:'Geforce-Bold';}
#nvq .spectb .td{display:table-cell; text-align:left; padding:1.5em; border:#333 1px solid;}


#nvq .pd{width:100%; max-width:600px; border-spacing:10px; display:table; margin:0 auto; position:relative;}
#nvq .pd .img{display:table-cell; width:300px; height:300px;  transition:0.5s all ease-in 0.1s; cursor:pointer; position:relative; background-repeat:no-repeat;}
#nvq .pd .img:nth-child(1){background-image:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/pd-nb.png);}
#nvq .pd .img:nth-child(1):hover{background-image:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/pd-nb2.png);}
#nvq .pd .img:nth-child(2){background-image:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/pd-vga.png);}
#nvq .pd .img:nth-child(2):hover{background-image:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/pd-vga2.png);}

/*section2*/
#nvq .section2{padding:22% 15% 28%; margin:0; position:relative; z-index:0; background:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/bg2b.jpg) center center no-repeat; background-size:cover; text-align:center;font-size:28px; font-family:'Geforce-Light'; line-height:38px; text-transform:uppercase; text-align:center; text-shadow:#000 0 0 10px; }

/*section3*/
#nvq .section3{z-index:2; box-shadow:#000 0 -10px 10px; background:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/bg-headerline.png) top no-repeat; background-color:#000; padding-top:20px;}
#nvq .section3 h2{font-size:30px; font-family:'Geforce-Bold'; color:#76b900; border:#308B19 2px solid; background:#000; border-top:none; box-shadow:#333 0 10px 20px; width:90%; max-width:500px; margin:0 auto; text-align:center; padding:5px 15px 10px;}
#nvq .section3 h3{display:inline-block; background:#c00; color:#fff; padding:10px 25px; margin-top:3em; }
#nvq .section3 ul{display:table; width:100%;}
#nvq .section3 li a{display:block; border:#222 2px solid; background:#111; color:#fff; padding:15px;}
#nvq .section3 li{width:50%; text-align:center; display:table-cell;}
#nvq .section3 li:nth-child(even){border-left:#000 2px solid;}
#nvq .section3 .item02 ul{width:50%;}
#nvq .section3 a{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#nvq .section3 a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#f00;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
 
  
}
#nvq .section3 a:hover, #nvq .section3 a:focus, #nvq .section3 a:active {
  color: white;
  
}
#nvq .section3 a:hover:before, #nvq .section3 a:focus:before, #nvq .section3 a:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


/*nvq_footer*/
#nvq .nvq_footer{background:url(//asset.msi.com/event/nb/2016/nv_q4_never_fight_alone/images/nvq3-footer-bg.jpg) top left no-repeat; padding:5em 0px 2em;}
#nvq .nvq_footer ul{display:table; width:85%; border-collapse:collapse; margin:0 auto;}
#nvq .nvq_footer li{width:25%; display:table-cell; vertical-align:top;}
#nvq .nvq_footer li:nth-child(2){text-align:center;}
#nvq .nvq_footer li:nth-child(3){text-align:center;}
#nvq .nvq_footer li:nth-child(4){text-align:right;}
#nvq .nvq_footer p{font-size:12px; width:85%; margin:0 auto; color:#ccc; line-height:16px;}