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

body{background: #000;}
@font-face {
  font-family: "title-font";
  src: url("fonts/SFTransRoboticsExtended-Bold.eot");
  src: url("fonts/SFTransRoboticsExtended-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/SFTransRoboticsExtended-Bold.woff") format("woff"), url("fonts/SFTransRoboticsExtended-Bold.ttf") format("truetype"), url("fonts/SFTransRoboticsExtended-Bold.svg#SFTransRoboticsExtended-Bold") format("svg");
}

#wp, #intro{background:url(https://asset.msi.com/event/vga/2017/InstallationComic/images/bg.jpg) center center no-repeat #000; background-size:cover; width:100%; margin:0 auto; text-align:center; padding: 3em 0 5em;}
#wp .title{text-align:center;}
.slider img{border:#000 1px solid; box-shadow:#000 0 0 10px;}
.slider {
        width: 50%;
        margin: 10px auto 20px;
		
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }

.notetb{width:auto; margin:0 auto 100px; display:table; max-width:930px;}
.notetb .th{vertical-align:middle; font-family:'DINPro-Regular'; color:#fff; text-align:right;}
.notetb .td{vertical-align:middle; text-align:left; width:100px; padding:0 10px;}
.notetb img.img-responsive{width:100px;}

#intro{
    display: table;
    width: 95%;
    margin: 0 auto;
}
#intro .container{
    display: table-cell;
    vertical-align: top;
    padding: 3em 0 6em;
}
#intro .booktitle1{
font-family: "Arial";
color:#fff;
font-size: 32px;
padding: 25px 0;
font-weight: normal;
letter-spacing: 3px;
border-bottom: #f00 5px solid;
text-shadow: #000 0 0 5px;
}

#intro .booktitle2{
font-family: "Arial";
color:#fff;
font-size: 22px;
padding: 25px 0;
font-weight: normal;
line-height: 22px;
}

#intro a img{
    transition: 0.5s all ease-in 0.1s;
}
#intro a:hover img{
    transform: scale(1.02);
    box-shadow: #f00 0 0 30px;
}