body{ overflow-x:hidden;}
#nv_vr{ background:#000; color:#fff; }
/*fonts*/


#nv_vr .img-responsive{width:inherit /9;}
#nv_vr a.link,#nv_vr a.link:link{ text-decoration:underline; color:#F00;}
#nv_vr a.link:hover{ background:#F00; color:#FFF; text-decoration:none;}



#nv_vr a.link2,#nv_vr a.link2:link{ text-decoration:none; color:#F00; display:block; padding:10px 0; background-color:#191919; text-align:center; margin:5px 0; font-size:18px;font-family: &quot;DIN Pro&quot;, &#039;微軟正黑體&#039;, &#039;新細明體&#039;, Helvetica, Arial, sans-serif !important; min-height:70px;}
#nv_vr a.link2:hover{ background:#F00; color:#FFF; text-decoration:none;}

#nv_vr a.link3,#nv_vr a.link3:link{ color:#6ba900;}
#nv_vr a.link3:hover{ background:#6ba900; color:#fff; text-decoration:none;}

#nv_vr h1{ font-size:60px;}
#nv_vr h2{ font-size:50px;}
#nv_vr h3{ font-size:40px;}
#nv_vr h4{ font-size:30px;}
#nv_vr h6{ font-size:18px; margin:0; padding:10px 0 0 0;}
#nv_vr h4.border{ border:3px solid #76b900; border-width:0 0 3px 0; display:inline-block;}
#nv_vr h1, #nv_vr h2,
#nv_vr h3, #nv_vr h4,
#nv_vr h5, #nv_vr h6{ margin:0px 0; padding:0;}
#nv_vr p{font-family: &quot;DIN Pro&quot;, &#039;微軟正黑體&#039;, &#039;新細明體&#039;, Helvetica, Arial, sans-serif !important; }
sup{ font-size:50%; top: -.8em;}
.text-big{ font-size:90px;}
.fs_01 { font-family: &#039;bignoodletitlingregular&#039;,Arial, Helvetica, &#039;Microsoft JhengHei&#039;,sans-serif !important; }
.fs_02 { font-family: &#039;bebas_neue_cyrillicregular&#039;,Arial, Helvetica, &#039;Microsoft JhengHei&#039;,sans-serif !important;}
.fs_03 { font-family: &#039;DINCondMediumRegular&#039;,Arial, Helvetica, &#039;Microsoft JhengHei&#039;,sans-serif !important;}
.fs_03_big { font-family: &#039;DINCondMediumRegular&#039;,Arial, Helvetica, &#039;Microsoft JhengHei&#039;,sans-serif !important; text-transform:uppercase;}
.fs_04 { font-family: &#039;PTSansNarrowRegular&#039;,Arial, Helvetica, &#039;Microsoft JhengHei&#039;,sans-serif !important;}
.fs_04_big { font-family: &#039;PTSansNarrowRegular&#039;,Arial, Helvetica, &#039;Microsoft JhengHei&#039;,sans-serif !important; text-transform:uppercase;}
.fs_05 { font-family: Arial, Helvetica, &#039;Microsoft JhengHei&#039;,sans-serif !important;}
.fs_06 { font-family: &#039;DINPro-Medium&#039;,Arial, Helvetica, &#039;Microsoft JhengHei&#039;,sans-serif !important;}
.fc-yellow{ color:#fff100;}
.fc-green{ color:#76b900;}
.fc-red{ color:#F00;}
.fc-white{ color:#Fff;}


#nv_vr .top{ zoom:1; overflow:hidden; width:100%; position:absolute; }
#nv_vr .top .green-label{ padding:20px; background-color:#538200; color:#FFF;display:inline-block; margin:0; font-size:24px;}
#nv_vr .top a.btn-tab{ display:inline-block;padding:20px; background-color:#666; color:#FFF; margin:0; text-decoration:none; font-size:24px;}
#nv_vr .top a.btn-tab:hover{ background-color:#76b800; }
#nv_vr .top .logo{display:inline-block; float:right; padding:20px;}
#nv_vr .banner{ width:100%;border-bottom:5px solid #76b800;}
#nv_vr .banner .banner-inner{ display:table-cell; vertical-align:middle; }
#nv_vr .banner .banner-inner .title{ padding:16px 60px; background:rgba(0,0,0,.7); color:#FFF;}
#nv_vr .banner .banner-inner .title h4{ font-size:45px; margin:0; padding:0; text-transform:uppercase;}
#nv_vr .banner .banner-inner .title h1 { font-size:234px; margin:-30px 0 0 -5px; }
#nv_vr .banner .banner-inner .title p{font-family: &quot;DIN Pro&quot;, &#039;微軟正黑體&#039;, &#039;新細明體&#039;, Helvetica, Arial, sans-serif !important; text-transform:uppercase; color:#76b800; }
#nv_vr .banner .banner-inner .promotion{ padding:20px 40px;font-family: &#039;DINCondMediumRegular&#039;,Arial, Helvetica, &#039;Microsoft JhengHei&#039;,sans-serif !important; text-transform:uppercase; color:#cc0000; background-color:rgba(0,0,0,0.9); margin-top:20px;}
@media (max-width: 767px) {
	#nv_vr .banner{display:inherit;text-align:center;border-bottom:none;}
	#nv_vr .banner .banner-inner{ display:inherit; vertical-align:middle; }
	#nv_vr .banner .banner-inner .title{ margin-top:600px; padding:20px 20px 0px 20px; background:rgba(0,0,0,.7);}
	#nv_vr .banner .banner-inner .title p{ font-size:22px;}
	#nv_vr .section1{  margin-top:250px; }
	#nv_vr .section.section1 .desc{ margin-top:0px;}
	#nv_vr .section.footer img{ margin:0px;}

}


@media (max-width: 488px) {
	
	#nv_vr .banner .banner-inner{ display:inherit; vertical-align:middle; }
	#nv_vr .banner .banner-inner .title{ margin-top:400px; padding:20px 20px 0px 20px; background:rgba(0,0,0,.7);}
	#nv_vr .banner .banner-inner .title h4{ font-size:24px; margin:0; padding:0;}
	#nv_vr .banner .banner-inner .title h1 { font-size:172px; margin:-30px 0 0 -5px; }
	#nv_vr .banner .banner-inner .title p{ font-size:inherit;}
	#nv_vr .banner .banner-inner .promotion{ padding:20px 20px 0 20px;}
	#nv_vr .section1{  margin-top:150px; }
	#nv_vr .section.footer-nb{margin-top:400px;}
	#nv_vr .section.section1 .desc{ margin-top:0px;}
	#nv_vr .section.footer img{ margin:10px;}
	#nv_vr .top .green-label{ padding:10px; background-color:#76b800; color:#FFF; display:inline-block; min-width:173px;text-align:center; }
	#nv_vr .top a.btn-tab{ padding:10px;color:#FFF; display:inline-block; min-width:173px; text-align:center;}
	#nv_vr .top .logo{display:inline-block; float:right; padding:10px;}
	#nv_vr .top .logo img{ max-height:30px;}




}
#nv_vr .section{ padding:30px;}
#nv_vr .section.section1 { padding-bottom:0;}
#nv_vr .section.section1 .desc{ margin-top:50px;}
#nv_vr h3.text-title{ font-size:30px; display:inline-block; margin-bottom:30px;font-family: &quot;DIN Pro&quot;, &#039;微軟正黑體&#039;, &#039;新細明體&#039;, Helvetica, Arial, sans-serif !important; text-transform:uppercase;}
#nv_vr .section.section3 .step-wrapper{ margin:20px 0;}
#nv_vr .section.section3 .step-wrapper .step{ margin:0;}
#nv_vr .section.section3 .step-wrapper .step .step-box{ background:none; margin-bottom:15px;}
#nv_vr .section.section3 .step-wrapper .step .step-box .triangles{position:absolute;width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 0;border-color: #000000 transparent transparent transparent;}

#nv_vr .section.section3 .step-wrapper .step .step-box .inner{  background:#333; padding:10px; color:#FFF; min-height:150px;padding-left:30px;}
#nv_vr .section.section3 .step-wrapper .step .step-box .inner .title{ font-size:30px;}


#nv_vr .section.section3 a.pd{ text-decoration:none; padding-bottom:20px; display:inline-block; text-align:center;}
#nv_vr .section.section3 a.pd:hover{ background:#111;}
#nv_vr .section.section3 a.pd h4{font-family: &quot;DIN Pro&quot;, &#039;微軟正黑體&#039;, &#039;新細明體&#039;, Helvetica, Arial, sans-serif !important; color:#cc0000; text-align:center} 
#nv_vr .section.section3 a.pd .btn-learnmore{ padding:10px ; border:3px solid #76b800; text-align:center; color:#FFF; width:90%; margin:20px auto;}
#nv_vr .section.section3 a.pd:hover .btn-learnmore{ background:#76b800;}

#nv_vr .section.section3 a.nb-pd2{ text-decoration:none; padding-bottom:20px; display:inline-block; text-align:center;}
#nv_vr .section.section3 a.nb-pd2:hover{ background:#111;}
#nv_vr .section.section3 a.nb-pd2 h4{font-family: &quot;DIN Pro&quot;, &#039;微軟正黑體&#039;, &#039;新細明體&#039;, Helvetica, Arial, sans-serif !important; text-transform:uppercase; color:#cc0000; text-align:center; font-size:23px;} 
#nv_vr .section.section3 a.nb-pd2 .btn-learnmore{ padding:10px ; border:3px solid #76b800; text-align:center; color:#FFF; width:90%; margin:20px auto;}
#nv_vr .section.section3 a.nb-pd2:hover .btn-learnmore{ background:#76b800;}


#nv_vr .section.section3 .nb-pd{ text-align:left; margin-bottom:24px;}
#nv_vr .section.section3 .nb-pd a{ text-decoration:none; display:inline-block; text-align:center; padding:20px 0; margin:0 auto; width:270px; max-height:280px; }
#nv_vr .section.section3 .nb-pd a:hover{ background:#111;}
#nv_vr .section.section3 .nb-pd a h5{font-family: &quot;DIN Pro&quot;, &#039;微軟正黑體&#039;, &#039;新細明體&#039;, Helvetica, Arial, sans-serif !important; text-transform:uppercase; color:#cc0000; text-align:center; font-size:20px;} 
#nv_vr .section.section3 .nb-pd a .btn-learnmore{ padding:10px ; border:3px solid #76b800; text-align:center; color:#FFF; width:90%; margin:20px auto;}
#nv_vr .section.section3 .nb-pd a:hover .btn-learnmore{ background:#76b800;}

#nv_vr .section.section4{ font-size:18px;}
#nv_vr .section.section4 sup{ font-size:12px;}


#nv_vr .section.footer-nb{}
#nv_vr .section.footer{ background:url(http://asset.msi.com/event/vga/2015/nv_bullets/images/footer-texture.jpg) top center;border-top:5px solid #76b800; }
#nv_vr .section.footer img{ }
#nv_vr .section.footer sup{}
#nv_vr .section.footer .row{ margin:30px 0;}
#nv_vr .section.footer p{ display:inline-block;}
#nv_vr a.btn-nor{ padding:15px 40px; display:inline-block; background:#538200; color:#FFF; border:5px; font-size:30px;/* support Safari, Chrome */-webkit-border-radius: 5px;/* support firefox */-moz-border-radius: 5px;
border-radius: 5px; text-decoration:none;}


#nv_vr a.btn-nor:hover{ text-decoration:none; background-color:#76b800;}
#nv_vr a.btn-nor-s{ padding:15px 20px; display:inline-block; background:#538200; color:#FFF; border:5px; font-size:18px;/* support Safari, Chrome */-webkit-border-radius: 5px;/* support firefox */-moz-border-radius: 5px;
border-radius: 5px; text-decoration:none;}
#nv_vr a.btn-nor-s:hover{ text-decoration:none; background-color:#76b800;}



@media (max-width: 767px) {
#nv_vr a.btn-nor{ font-size:30px;}
#nv_vr .section.section3 .nb-pd{ text-align:center; margin-bottom:24px;}

}


@media (max-width: 488px) {
	#nv_vr a.btn-nor{ font-size:20px;}
}


.table-div{ display:table;}
.table-div .inner{ display:table-cell; vertical-align:middle;}
.green-border{border-bottom:5px solid #76b800;}
.cornered{ height:26px; background:url(http://asset.msi.com/event/vga/2015/nv_vr/images/corner.png) no-repeat left top;}


#nv_vr .sop{ background-color:#101010; padding:30px;}
#nv_vr .sop a{ margin: 0 5px;}
#nv_vr .sop a.btn-nor-s{background:#cc0000;}
#nv_vr .sop a.btn-nor-s:hover{background:#ff0000;}


/*bootstrap*/
#nv_vr .navbar-gray{ background:#393939; } 
#nv_vr .img-responsive{ width:inherit \9;}
#nv_vr .navbar-header{ }
#nv_vr .navbar-collapse{ float:left; font-size:28px;}

#nv_vr .navbar { position: relative;min-height: 50px;margin:0 auto;}
#nv_vr .navbar p { display:none;}
#nv_vr .navbar-brand {padding: 6px 0px 0 0;}
#nv_vr #navbar&gt;li&gt;a{padding-top: 15px;padding-bottom: 15px;}

#nv_vr .navbar-nav &gt; li &gt; a {
    border-bottom: thick solid transparent;
    background-color:#555; color:#FFF; 
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


#nv_vr .navbar-nav &gt; li &gt; a:focus,
#nv_vr .navbar-nav &gt; li &gt; a:hover {
color: #ff0000;
background-color: #fff;
}
#nv_vr .navbar-nav &gt; li.active&gt;a,
#nv_vr .navbar-nav &gt; li.active&gt;a:focus, #nv_vr .navbar-nav &gt; li.active&gt;a:hover {
color: #fff;
background-color: #ff0000;
}
#nv_vr .navbar-collapse {clear: none;  margin-left:0px;}
#nv_vr .navbar-nav#navbar &gt; li &gt; a:focus,#nv_vr .navbar-nav#navba &gt; li &gt; a:hover,
#nv_vr .navbar-nav#navba &gt; li.active &gt; a {
   border-bottom-color: rgba(255,255,255,0);
}
@media (min-width: 768px){
#nv_vr .navbar-nav#navba &gt; li &gt; a:focus,#nv_vr .navbar-nav#navba &gt; li &gt; a:hover,
#nv_vr .navbar-nav#navba &gt; li.active &gt; a {
     border-bottom-color: rgba(255,255,255,0);
}
}

@media (max-width: 767px) {

#nv_vr .navbar-header{ float:none;}
#nv_vr .navbar-collapse{ float:none; clear: none;margin-left:0px;}
#nv_vr .navbar-nav &gt;li&gt;a{ border-width:0px 0px;}
}
#nv_vr .navbar{
    border: none;
    border-bottom:none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#nv_vr .navbar a{
	padding: 15px 10px ;
    border-bottom: thick solid transparent;
    background-color:#555; color:#FFF; 
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#nv_vr .navbar a:focus,#nv_vr .navbar a:hover{
	color: #fff;
	background-color: #ff0000;

}

#nv_vr .navbar &gt; .active &gt;a,
#nv_vr .navbar &gt; .active &gt;a:focus, #nv_vr .navbar .active &gt;a:hover {
color: #fff;
background-color: #ff0000;
}

#nv_vr .navbar li.active a{
color: #fff;
background-color: #ff0000;
}


@media (max-width: 488px) {
	
	#nv_vr .navbar-header{ float:none;}
    #nv_vr .navbar-collapse{ float:none;clear: none;margin-left:0px;}
	#nv_vr .navbar-nav &gt;li&gt;a{ border-width:0px 0px;}
}
 
.img-responsive{width:100% \9;}
.lead2 {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead2 {
    font-size: 16px;
  }
}
.aio-title{ min-height:50px;}
.content-side {display:none;}
.panel-body{display:none;}
.post-content{width:100%;}
.post-side{display:none;}
.post-title{display:none;}
.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}