@import url('reset.css');
@import url('fonts.css');
@import url('common.css');

body{background:#000;}
#msiheader{text-align:center;}
#msift{background:url(https://asset.msi.com/event/nb/2016/nv_q4_watch_dogs2/images/bg-footer.gif) top left repeat-x; text-align:center;}
#nv{background:url(https://asset.msi.com/event/nb/2016/nv_q4_watch_dogs2/images/bg.jpg) top center no-repeat #000; background-size:cover; background-attachment:fixed; font-family:'DINPro-Regular'; color:#fff;}
#nv a{transition:0.5s all ease-in 0.1s;}
#nv section{width:95%; margin:0 auto; max-width:1200px;}
#nv .fixed{position:fixed; top:0; z-index:1000; background:rgba(0,0,0,0.6);}
#nv .hide{display:none;}
#nv sup{font-size:70%; line-height:normal !important; vertical-align: top !important; padding-left:2px;}
#nv .note{color:#f00; padding:10px; margin:40px 0; text-align:center;}
#nv .note a{border-bottom:#c00 1px dashed; color:#f00;}
#nv .note a:hover{background:#f00; color:#fff;}
#nv .note strong{font-size:140%;}
#nv .notenosp{margin:0 0 40px 15px; text-align:left;}

/*#topnav*/
#topnav{width:100%; margin:0 auto; border-bottom:#6c0 3px solid; text-align:center; box-shadow:#000 0px 10px 10px;}
#topnav a{background:rgba(256,256,256,0.3); color:#fff; float:left; display:inline-block; width:33%; padding:25px 0; text-align:center; cursor:pointer;}
#topnav a.on, #topnav a.on:hover{background:#66cc00; color:#fff;}
#topnav a:hover{background:rgba(102,204,0,0.3); color:#fff;}
#topnavlogo{width:calc(100% - 40px); padding:0 20px; margin:0 auto; border-bottom:#6c0 3px solid; text-align:center; box-shadow:#000 0px 10px 10px;background:rgba(256,256,256,0.3); text-align:right;}


/*#vimg*/
#vimg{text-align:center; position:relative;}
#vimg .logos{position:absolute; bottom:35px; right:55px;}

/*#nvtxt*/
#nvtxt{text-align:center;}
#nvtxt h1{font-family:'Geforce-Bold'; color:#6c3; font-size:76px; padding:0px 0 15px;}
#nvtxt h2{font-family:'Geforce-Bold'; font-size:34px; padding-bottom:25px;}
#nvtxt .txt{line-height:30px; font-size:20px;}
#nvtxt .bt{width:95%; margin:0 auto; max-width:450px;  border:#f00 3px solid; font-family:'Geforce-Bold';}
#nvtxt .bt a{background:#c00; color:#fff; display:block;  padding:35px 0; font-size:24px; text-shadow:#000 1px 1px 20px;}
#nvtxt .bt a:hover{background:#f00;}
#nvtxt .bt:hover{border:#c00 3px dashed;}

/*.datetb*/
.datetb{border:#6c3 5px dashed; font-family:'Geforce-Bold'; font-size:20px;}
.datetb .tr{display:table; width:50%; float:left; border-collapse:collapse; overflow:hidden;}
.datetb .th{background:url(https://asset.msi.com/event/nb/2016/nv_q4_watch_dogs2/images/bg01.png) repeat #000; color:#fff; vertical-align:middle; padding:40px 10px; text-align:right; border-right:#6c3 1px dashed; width:45%; text-shadow:#000 1px 1px 20px;}
.datetb .td{color:#f00; vertical-align:middle; padding:10px; text-align:left; background:rgba(102,204,0,0.1)}

/*.pdtable*/
.pdtable{width:100%; margin:45px auto; display:table;}
.pdtable .td{padding:1px;}
.pdtable .td:nth-child(1):hover{background:rgba(256,256,256,0.1);}
.pdtable .td:nth-child(2):hover{background:rgba(256,256,256,0.12);}
.pdtable .td img{width:80%;}

/*#nvapac*/
#nvapac{display:none;}
.nvapacshow{display:block !important;}
#nvapac h2{font-size:34px; padding-bottom:25px; text-align:center;}
#nvapac ul{margin-left:15px;}
#nvapac li{background:url(https://asset.msi.com/event/nb/2016/nv_q4_watch_dogs2/images/dots.png) 0px 11px no-repeat; padding-left:15px; line-height:24px; font-size:18px; padding-bottom:10px;}
.spectb{border:#6c3 5px dashed; font-family:'Geforce-Bold'; font-size:20px; display:table; width:100%; border-spacing:5px; margin-bottom:60px;}
.spectb .th{background:url(https://asset.msi.com/event/nb/2016/nv_q4_watch_dogs2/images/bg01.png) repeat #000; color:#fff; vertical-align:middle; padding:40px 10px; text-align:right; border-right:#6c3 1px dashed; width:30%; text-shadow:#000 1px 1px 20px;}
.spectb .tr{border-top:#6c3 5px dashed;}
.spectb .td{color:#fff; vertical-align:middle; padding:10px; text-align:left; background:rgba(102,204,0,0.1); line-height:30px;}
.spectb .td a{color:#f00;}
.spectb a:hover{background:rgba(102,204,0,0.3); color:#fff;}

/*#nvimgtxt*/
#nvimgtxt{height:400px; display:table; width:100%; background:url(https://asset.msi.com/event/nb/2016/nv_q4_watch_dogs2/images/bg02.jpg) center center no-repeat; box-shadow:#000 0 0 30px; margin-bottom:50px; transition:0.5s all ease-in 0.1s;}
#nvimgtxt .txt{display:table-cell; vertical-align:middle; text-align:center; font-family:'Geforce-Bold'; padding:0 50px; font-size:28px; text-shadow:#000 0 0 10px; background:rgba(0,0,0,0.5); transition:0.5s all ease-in 0.1s;}
#nvimgtxt:hover{height:600px;}
#nvimgtxt:hover .txt{font-size:36px;}

/*#pdbox*/
#pdbox{padding-top:50px;font-family:'Geforce-Bold';}
#pdbox h2{font-size:34px; padding-bottom:25px; text-align:center;}
#pdbox a{color:#6c3; display:block;}
.pdtb, .pdtb2{display:table; width:100%; border-collapse:collapse; border:#6c3 5px dashed; font-size:20px;}
.pdtb .th, .pdtb2 .th{background:url(https://asset.msi.com/event/nb/2016/nv_q4_watch_dogs2/images/bg01.png) repeat #000; color:#fff; vertical-align:middle; padding:40px 15px 40px 0; text-align:right; border-right:#6c3 1px dashed; text-shadow:#000 1px 1px 20px; width:300px;}
.pdtb .td{color:#6c3; vertical-align:middle; padding:10px; text-align:left; background:rgba(102,204,0,0.1); width:clac(100% / 3); border-left:#6c3 1px dashed; text-align:center;}
.pdtb2 .td{color:#6c3; vertical-align:middle; padding:10px; text-align:left; background:rgba(102,204,0,0.1); border-left:#6c3 1px dashed; text-align:center;}
.pdtb2{margin-top:30px;}

/*#pdbox*/
#pdbox .td:hover{background:rgba(256,256,256,0.2);}
#pdbox .td:hover a{color:#fff;}

/*footer*/
#footer{background:url(https://asset.msi.com/event/nb/2016/nv_q4_watch_dogs2/images/bg-footer.png) top left repeat-x; margin-top:80px; padding-bottom:50px;}
#footer .logos{text-align:center; padding:60px 0 20px;}
#footer .txt{width:95%; margin:0 auto; max-width:1200px; color:#fff; font-family:'DINPro-Light'; line-height:30px;}