@charset "UTF-8";
@import "reset.css";
@import "fonts.css";
@import "common.css";
html,body{height:100%;background-color:#000}
body{font-size:100%;font-family:'DINPro-Regular',serif,sans-serif;line-height:1.5;-webkit-text-size-adjust:none;overflow-x:hidden}
@-webkit-keyframes slide-top {
0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}
50%{-webkit-transform:translateY(25);transform:translateY(25);opacity:.5}
100%{-webkit-transform:translateY(-80px);transform:translateY(-80px);opacity:.8}
}
@keyframes slide-top {
0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:.5}
50%{-webkit-transform:translateY(25);transform:translateY(25);opacity:.5}
100%{-webkit-transform:translateY(-80px);transform:translateY(-80px);opacity:.8}
}
.slide-top{-webkit-animation:slide-top 1s cubic-bezier(0.250,0.460,0.450,0.940) both;animation:slide-top 1s cubic-bezier(0.250,0.460,0.450,0.940) both}
#pc_Build{position:relative;width:100%;font-size:75%;line-height:1.6}
#pc_Build div,#pc_Build ul,#pc_Build li,#pc_Build section{-webkit-box-sizing:border-box;box-sizing:border-box}
#pc_Build .hide{display:none}
.contents-center{width:100%;max-width:1410px;margin:0;padding:0 15px}
.h1{font-family:'DINCond-Black';font-size:70px;line-height:1.2;color:#e2001a;margin:0;text-align:center}
.sub{font-family:'DINCond-Medium';text-align:center;font-size:40px;line-height:1.2;color:#fff;letter-spacing:.5px;margin:10px 0 5px}
.header .title{width:100%;max-width:640px;margin:0 auto}
.title .td{vertical-align:middle}
.icon-img{width:50px;height:8px;background:#e2001a;-webkit-clip-path:polygon(15% 0,100% 0,85% 100%,0% 100%);clip-path:polygon(15% 0,100% 0,85% 100%,0% 100%)}
#pc_Build .fixed{position:fixed;top:0;z-index:1000;background:rgba(47,47,47,.8)}
/*.video{position:relative;top:0;left:0;z-index:1;min-width:100%;width:100%}
.video-container{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}*/
#topnav{width:100%;top:0;left:0;margin:0 auto;text-align:center;background:rgba(47,47,47,.8)}
#topnav a{width:calc(100% / 3);background:transparent;color:#fff;float:left;display:inline-block;padding:20px 0;text-align:center;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;font-size:18px;-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
#topnav a.on{background:rgba(226,0,26,1);text-decoration:none}
#topnav a:hover{background:rgba(226,0,26,.6);text-decoration:none}
#topnav .nav-bar-wrap{width:100%;margin:0 auto}
#topnav .nav-box img{display:inline-block;height:auto;max-width:50px;max-height:50px;margin:0 auto;vertical-align:middle}
#topnav a span{display:inline-block;font-size:16px;text-align:center;color:#fff;vertical-align:middle}
.top-header{display:block;position:relative;width:100%;height:auto;background-color:rgba(0,0,0,.8)}
.top-header .header{width:100%;max-width:1170px;height:calc(100% / 2);text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;z-index:2}
.top-header .top-bg{background-image: url(../images/kv.jpg); padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .top-header .header .header-wrap{width:100%;margin:150px 0 80px}

.top-header{background: url(../images/bg-kv.jpg) top center no-repeat ; background-size: cover; position: relative; width: 100%; height: 95vh;}
.arrow{width:100%;position:relative;text-align:center;bottom:0;z-index:2}
.arrow p{color:#ddd;font-size:24px;line-height:1.6;font-family:'DINCond-Medium'}
.arrow-img{display:inline-block;max-width:100%}
section .h1{font-family:'DINCond-Black';font-size:60px;line-height:1.2;color:#e2001a;margin:0;text-align:center}
section .sub{font-family:'DINCond-Medium';text-align:center;font-size:30px;line-height:1.2;color:#fff;letter-spacing:.5px;margin:10px 0 5px}
section .header .title{width:100%;max-width:1170px;margin:0 auto}
.title .td{vertical-align:middle}
.content-bg{width:100%;background-size:cover}
.title{width:100%;max-width:1170px;margin:0 auto}
.sub-body{width:100%;margin:30px auto;text-align:center}
.block-sub{width:100%;max-width:1170px;margin:0 auto;padding:10px 0}
.sub-txt{text-align:center;font-size:18px;line-height:1.6;color:#fff}
.sub-title{text-align:center;font-size:24px;line-height:1.6;color:#fff;margin:10px 0;font-family:'din_pro_bold'}
.whybuild{width:100%;background-image:url(../images/s1_bg.png);background-size:cover;background-repeat:no-repeat;margin:0;z-index:1;position:relative}
.whybuild .title{width:100%;max-width:1170px}
.whybuild .contents-center{width:100%;max-width:1170px;margin:0 auto;padding:5% 0;position:relative}
.whybuild .fadin_img{position:absolute;top:150px;z-index:-1}
.whybuild .sub-body .sub{font-size:40px;font-family:'DINCond-Light';line-height:1.2;color:#ddd}
.whybuild .sub-body:nth-child(odd){padding-top:60px}
.whybuild .sub-body .sub span{font-size:50px;font-family:'DINCond-Medium';line-height:1.2;color:#fff}
.s1{width:100%;z-index:3;position:relative;margin:0 auto;background-color:#000}
.s1 .content-center{width:100%;max-width:1410px;margin:3% auto}
.s1 > .block-header{width:100%;margin:0 auto;text-align:center;height:350px;background-size:cover;background:url(../images/title_bg_part.jpg) no-repeat center center;display:table;padding:0}
.s1 .block-header > .txt{width:100%;max-width:640px;margin:0 auto;display:table-cell;vertical-align:middle;text-align:center;padding:0}
.s1 .title{width:100%;max-width:768px}
.s1 .sub-title{width:100%;max-width:1170px}
.s1 .the-parts{display:table;width:100%;border-collapse:collapse;border-spacing:0}
.s1 .the-parts .pd-slider{display:table-row}
.s1 .the-parts .pd-slider > li:nth-child(1){float:left;width:50%;padding:5% 0}
.s1 .the-parts .pd-slider > li:nth-child(2){float:right;width:50%;vertical-align:middle;padding:5% 30px;margin:0 auto}
.pdimg-box{width:80%;margin:20px auto;position:relative}
#pdimg-box-top{position:absolute;top:0;left:0;z-index:2}
.tool-navbar-wrap{display:table;width:100%;max-width:1170px;margin:0 auto}
.tool-navbar .tr{display:table-row;width:100%;padding:10px}
.tool-navbar li{border:1px solid #4b4b4b;margin:0 auto;text-align:center;background-color:transparent}
.tool-navbar-body{display:table-row-group;vertical-align:middle;border-color:inherit}
.tool-navbar-body .td{width:30%;display:table-cell;vertical-align:top}
.tool-navbar li a{display:inline-block;width:100%;font-size:14px;color:#fff;cursor:pointer;background-color:transparent;text-align:center;text-decoration:none;padding:20px}
.tool-navbar li a img{display:block;width:100%;height:auto;max-width:60px;max-height:60px;margin:0 auto}
.tool-navbar li a span{display:block;width:100%;top:50px;text-align:center;color:#fff;word-wrap:break-word;word-break:break-all}
.icon:hover path{fill:#de5b78}
.tool-navbar li:hover{background-color:#fc0000}
@media screen and (max-width: 768px) {
.s1{margin:0 0 5%}
.s1 .the-parts .pd-slider > li:nth-child(1){float:none;width:100%;padding:0}
.s1 .the-parts .pd-slider > li:nth-child(2){float:none;vertical-align:middle;padding:0 0 5%}
.pdimg-box{width:60%;margin:0 auto;position:relative}
.tool-navbar-wrap{display:block;width:90%}
.tool-navbar li a{padding:8px 5px;font-size:.9em}
.tool-navbar li a img{display:block;width:60%}
}
.s2{position:relative;width:100%;z-index:2}
.s2 .block-header{width:100%;margin:0 auto;text-align:center;height:auto;background-size:cover;background:url(../images/title_bg_1.jpg) no-repeat top center;display:table;padding:3% 0}
.s2 .block-header > .txt{width:100%;max-width:680px;margin:0 auto;display:table-cell;vertical-align:middle;text-align:center;padding:0}
.s2 .block-header .title{width:100%;max-width:640px}
.s2 .contents-center{width:100%;max-width:1410px;margin:0 auto;padding:0 15px;position:relative}
.s2 .qa{width:100%;max-width:1170px;margin:0 auto;text-align:center;position:relative}
.s2 .qa .alien-wrap{display:block;width:100%;max-width:1170px}
.s2 .qa .alien-01{width:auto;position:absolute;top:0;left:0}
.s2 .qa .alien-02{width:auto;position:absolute;top:0;right:0}
.s2 .qa-question-title{width:100%;text-align:center;padding:5px 15px 30px}
.s2 .qa-question-title p{font-size:20px;line-height:1.6;color:#c9c9c9}
.s2 .number-wrap{width:100%;position:relative;text-align:center;top:0;left:calc(50% - 50px);background:#fff}
.s2 .number-box{position:absolute;background:rgba(226,0,26,1);width:50px;height:50px;text-align:center;transform:skewX(-20deg);top:0}
.s2 .number{width:50px;height:50px;line-height:50px;font-family:'DINCond-Medium';font-size:48px;color:#fff;position:absolute;top:0}
.test-title{position:relative}
.s2 .test-title-txt{font-size:30px;text-align:center;color:rgba(226,0,26,1)}
.s2 .qa-test{width:100%;padding:5% 0;background:url(../images/material.jpg) repeat top left}
.s2 .qa .qa-question-wrap{padding-top:80px;padding-bottom:15px;margin:0}
.s2 .qa .qa-question-txt{font-family:'DINCond-Medium';font-size:36px;line-height:1.6;color:#fff;text-align:center}
.s2 .qa .qa-ans-wrap{width:100%;max-width:calc(480px / 2);margin:0 auto;padding-top:15px;padding-bottom:8%}
.s2 .qa .qa-ans-wrap li{text-indent:-40px;padding:15px 0;margin-left:20px}
.s2 .qa .qa-ans-wrap li:before{content:"\f111";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;font-size:10px;line-height:36px;padding:0 15px;vertical-align:middle}
.s2 .qa .qa-ans-txt{width:100%}
.s2 .step-back{position:absolute;top:0;left:0}
.s2 .step-back a.back-btn{display:block;color:#fff;font-size:18px;line-height:30px;height:30px;padding:0 5px;cursor:pointer;margin:0}
.s2 .step-back a.back-btn:hover{color:#e2001a}
.s2 .step-back a.back-btn:before{content:"\f104";font-family:"FontAwesome";display:inline;padding-right:5px}
.link-txt{font-family:'DINCond-Medium';font-size:30px;line-height:30px;color:#e2001a;text-align:left;cursor:pointer}
.link-txt:hover{color:rgba(226,0,26,.65)}
.s2 .qa-skip{width:100%;padding:3% 0;background:url(../images/material.jpg) repeat top left}
.s2 .qa-skip .step-back{position:absolute;top:20px;left:0}
.s2 .qa-skip > .contents-center{margin:0 auto;max-width:1170px;width:100%;padding:30px 0}
.s2 .qa-sikp-btn{width:100%;max-width:768px;margin:0 auto}
.qa-sikp-btn > .table{display:table;width:100%}
.qa-sikp-btn .table > .td{width:calc(100% / 3);margin:0 auto;text-align:center}
.qa-sikp-btn > .gray-txt{color:#c9c9c9;font-size:20px;line-height:1.6;padding:0;margin:20px 0}
.qa-sikp-btn .img-btn{width:100%;margin:0 auto;text-align:center;cursor:pointer;display:block}
.qa-sikp-btn .img-btn img{border:3px solid transparent;-o-transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.img-btn p{display:block;font-size:16px;line-height:2;color:#fff;font-weight:600;background:transparent}
.qa-sikp-btn .img-btn:hover img{border:3px solid rgba(226,0,26,.65)}
.qa-sikp-btn .img-btn:hover p{background-color:rgba(226,0,26,.65);-o-transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.qa-sikp-btn .active > .img-btn p{background-color:rgba(226,0,26,1)}
.qa-sikp-btn .active > .img-btn img{border:3px solid rgba(226,0,26,1)}
.qa-final{width:100%;padding:0;position:relative}
.s2 .qa-final > .contents-center{padding:0}
.qa-final .graphic-wrap{width:100%;position:relative;background-attachment:fixed}
.qa-final .graphic-left{position:absolute;top:15%;left:0}
.qa-final .graphic-right{position:absolute;top:300px;right:0}
.graphic-left{position:relative;top:10%;left:0}
.graphic-right{position:relative;top:10%;right:0}
.qa-final .ans-txt-wrap{position:absolute;width:100%;max-width:960px;z-index:5;top:10%;padding:0 0 0 100px}
.qa-final .ans-txt{line-height:1;font-family:'DINCond-Bold'}
.qa-final .ans-txt-number{color:rgba(226,0,26,1);font-size:60px}
.qa-final .ans-txt-title{color:rgba(226,0,26,1);font-size:68px;text-transform:uppercase}
.qa-final .ans-txt-sub{color:#fff;font-size:36px;line-height:1.6;padding:0}
.qa-final .ans-txt-dec{font-family:'DINPro-Regular';color:#fff;font-size:16px;line-height:1.4;padding:10px 0;width:100%;max-width:640px}
.open-link-wrap{display:block;width:100%;max-width:600px;position:absolute;top:56%;left:0;z-index:5;padding:0 0 0 120px}
.open-link-wrap a{cursor:pointer;display:block}
.open-link-wrap .open-link{display:table;width:100%;border-collapse:collapse;border-spacing:0;height:50px;margin:10px 0}
.open-link-wrap .open-link .arrow2{display:table-cell;vertical-align:middle;width:20%;max-width:64px;height:50px;padding-right:5px}
.open-link-wrap .open-link .open-txt-link{display:table-cell;vertical-align:middle;width:80%;height:50px;font-size:20px;font-style:italic;line-height:1.6;color:#fff;cursor:pointer}
#ans03 .open-link-wrap{top:57%}
.open-link .arrow2 img{max-width:100%}
.media{display:block;width:100%;margin:0}
.media .media-icon{display:table;border-collapse:collapse;border-spacing:0;text-align:center;font-size:24px;margin:0}
.media .media-icon li{display:table-cell;vertical-align:middle;cursor:pointer}
.media .media-icon .share-link{display:inline-block;margin-right:10px;line-height:40px;color:#c9c9c9;width:40px;height:40px;border:1px solid #c9c9c9;border-style:inset;border-radius:4px;background-color:transparent;-o-transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.media .media-icon .share-link:hover{color:#fff;border:1px solid rgba(226,0,26,1);background:rgba(226,0,26,1)}
.ans-imgbg{display:block;position:relative;top:0;left:-80px;z-index:4}
.qa-final-btn{display:block;position:absolute;right:0;bottom:14%;padding:0 100px 0 0}
.qa-final-btn .table{display:table;width:100%;border-collapse:separate;border-spacing:5px;text-align:center;margin:0;padding:0}
.qa-final-btn .imgbg-btn .tr{display:table-row}
.qa-final-btn .td{display:table-cell;vertical-align:middle;width:50%;max-width:124px;opacity:1;cursor:pointer;position:relative}
.qa-final-btn .td:before{content:"";display:block;position:absolute;width:100%;height:94%;background-color:rgba(0,0,0,.54)}
.qa-final-btn .td:hover:before{background-color:transparent}
.qa-final-btn .td.active:before{content:"";display:block;position:absolute;width:100%;height:94%;background-color:transparent;border:4px inset rgba(226,0,26,1)}
.qa-final .shape-wrap{width:100%;position:absolute;text-align:center;padding:0;z-index:4;bottom:12%;left:15px}
.qa-final .shape-wrap .shape-box{position:absolute;background:rgba(226,0,26,.8);width:200px;height:60px;text-align:center;transform:skewX(-20deg);top:0;-webkit-box-shadow:5px 5px 5px 1px rgba(0,0,0,.75);-moz-box-shadow:5px 5px 5px 1px rgba(0,0,0,.75);-o-box-shadow:5px 5px 5px 1px rgba(0,0,0,.75);box-shadow:5px 5px 5px 1px rgba(0,0,0,.75);cursor:pointer}
.qa-final .shape-wrap .shape-box:hover{background:rgba(226,0,26,1)}
.qa-final .shape-wrap .shape-box .txt{width:200px;height:60px;font-family:'din_pro_bold';line-height:60px;font-size:20px;color:#fff;position:absolute;text-transform:uppercase;top:0}
.s2_1{width:100%;background:url(../images/2-1_bg.png) no-repeat top right;background-attachment:fixed}
.s2_1 .contents-center{width:100%;max-width:1410px;padding:15% 0;margin:0 auto}
.s2_1 .header-bg{width:100%;max-width:1920px;height:0;padding-bottom:32.66%;background:url(../images/title_bg_2.png) no-repeat top left;background-size:cover;position:relative}
.s2_1 .block-header{display:table;width:100%;margin:0 auto}
.s2_1 .txt2{width:100%;display:table-cell;vertical-align:middle}
.s2_1 .txt2 .open-link .arrow2{display:table-cell;vertical-align:middle;width:7%;max-width:64px;height:50px;padding-right:5px}
.s2_1 .txt2 .open-link .open-txt-link{display:table-cell;vertical-align:middle;width:80%;height:50px;font-size:20px;font-style:italic;line-height:1.6;color:#fff;cursor:pointer}
.s2_1 .txt2 .open-link{display:table;width:100%;border-collapse:collapse;border-spacing:0;height:50px;margin:30px 0}
.txt2 .sub-txt{text-align:left;color:#e2001a;font-family:'DINCond-Bold'}
.txt2 .h1{font-size:36px;line-height:1.2;color:#fff;text-align:left;font-family:'DINCond-Bold'}
.s2_2{width:100%;height:800px;position:relative;background:url(../images/2-2_bg.png) no-repeat top right;background-size:cover;background-attachment:fixed}
.s2_2 .contents-center{width:100%;max-width:1410px;margin:0 auto;padding:0;z-index:10;position:relative}
.s2_2 .block-header{display:table;width:100%;margin:0 auto}
.s2_2 .body{width:60%;margin:30px 0}
.s2_2 .accordion{margin-bottom:25px}
.s2_2 .txt-dec{color:#fff;line-height:1.6;font-size:16px}
.s2_2 .case-body{color:#fff;line-height:1.6;background-color:transparent;padding:20px;height:360px;overflow:auto;margin:20px 0}
.s2_2 .case{margin-bottom:50px}
.s2_2 .case .title{display:inline-block;color:#fff;line-height:2;margin:10px 0;font-size:16px;font-weight:700}
.s2_2 .case .title span{background-color:#e2001a;padding:2px 5px}
.s2_2 .case .txt{font-size:16px}
.s2_2 .case img{width:auto;max-width:100%}
.s2_2 .accordion:before,.accordion:after{display:table;content:""}
.s2_2 .accordion > li > div{display:none}
.s2_2 .accordion > li.active > div{display:block}
.s2_2 .accordion > li > a{display:block;width:100%;background:url(../images/icon-panel-open.png) no-repeat no-repeat 0 45%;background-color:rgba(0,0,0,1);font-size:18px;line-height:1.6;border:1px solid #e2001a;vertical-align:middle;text-indent:58px;padding:10px 10px 5px 15px;color:#e2001a;font-family:'din_pro_bold'}
.s2_2 .accordion > li.active > a{background:url(../images/icon-panel-close.png) no-repeat no-repeat 0 45%;background-color:rgba(0,0,0,1)}
.s2_2 .alien-wrap{display:block;position:absolute;top:150px;right:0;width:100%;text-align:right;z-index:-1}
.s2_2 .alien-wrap img{display:inline}
.s3{width:100%;position:relative}
.s3 .contents-wrap{width:100%;background:url(../images/s5_bg01.jpg) repeat-x top left;position:relative}
.s3 .body{width:100%;margin:0 auto;color:#fff;padding:0;overflow:hidden}
.s3 .body:after{clear:both;display:block;visibility:hidden;height:0;content:""}
.s3 .content-1{width:65%;max-width:1280px;margin:0;float:left}
.s3 .content-2{width:35%;background-color:rgba(0,0,0,.6);z-index:2;float:right;height:100vh;display:block;padding:0;overflow:hidden}
.s3 .video-slider-bar{width:100%;margin:0 auto;left:0;margin:30px 0}
.s3 .block-header{width:100%;margin:0 auto;text-align:center;padding:3% 0;background-size:cover;background:url(../images/title_bg_3.jpg) no-repeat center center;display:table}
.s3 .block-header .txt{width:100%;max-width:640px;margin:0 auto;display:table-cell;vertical-align:middle;text-align:center;padding:0}
.s3 .block-header .title{width:100%;max-width:640px}
.s3 .content-1 .title{width:100%;text-align:left;font-size:24px;line-height:1.6;font-weight:900;text-transform:uppercase;color:#fff;padding:60px 0 20px}
.s3 .slider-body{width:100%;max-width:480px;display:table;margin:0;padding:0 60px}
.s3 .slider-body li{display:table-cell;width:calc(100%/9);cursor:pointer;vertical-align:middle;height:20px;line-height:20px;height:20px;text-align:center;padding:8px 10px}
.s3 .slider-body li span:nth-child(1){display:inline-block}
.s3 .slider-body li span:nth-child(2){display:none}
.s3 .slider-body .on-link{font-size:18px;color:#c9c9c9;border:1px solid #777;background:transparent;margin-right:2px}
.s3 .slider-body .on-link:hover{font-size:18px;color:#c9c9c9;background:#e2001a}
.s3 .dec-wrap{padding:40px 15px;height:100%;width:100%;max-width:1170px;margin:0 auto;overflow:hidden}
.s3 .article-title{color:#e2001a;font-size:20px;line-height:2;font-weight:900;margin:5px 0}
.s3 .dec-body{width:100%;padding:0 15px}
.s3 .dec-body > .txt{font-size:16px;color:#fff;line-height:1.6;margin:5px 0 30px}
.s3 .dec-body .txt .list-txt li{font-size:16px;list-style:decimal;line-height:1.6;padding:5px 0;margin-left:20px}
ol.list-txt{list-style:decimal}
.s3 .img{margin:10px 0}
.s3 .att{margin:20px 0;padding:0}
.s3 .att .title{color:#c9c9c9;font-size:16px;line-height:2}
.s3 .att .txt{color:#c9c9c9;font-size:16px;line-height:1.6}
.s3 .youtub-video-wrap{width:100%;padding:0 60px}
.s3 .video{width:100%;max-width:1280px;padding:0;margin:0}
.s3 .video-container{max-width:1280px;width:100%;position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.s3 .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.s4{width:100%;max-width:1410px;margin:0 auto;padding:2% 0;margin-bottom:60px;color:#e2001a;font-size:14px;line-height:1.6}
.s4 > .block-header{width:100%;margin:30px auto;text-align:center;background-size:cover;display:table}
.s4 .block-header .txt{width:100%;max-width:640px;margin:0 auto;display:table-cell;vertical-align:middle;text-align:center;padding:0}
.s4 .block-header .title{width:100%;max-width:640px}
.s4 .content-1 .title{width:100%;text-align:left;font-size:24px;line-height:1.6;font-weight:900;text-transform:uppercase;color:#fff;padding:10px 0}
.s4 .event_area .msical-event{margin:30px 0}
.s4 .msical-event{margin:30px 0}
.s4 .msical-event-details .msical-event-enddate span{font-size:16px;font-weight:700;line-height:1.6}
.navbar-fix{position:fixed;bottom:0;right:0;z-index:999;margin-right:0;margin-bottom:0;vertical-align:middle;text-align:right;width:100%}
.navbar-fix a{display:block;margin:0;width:50px;height:50px;line-height:50px;text-align:center;opacity:.75;vertical-align:middle}
.nav-icon a{background-color:rgba(220,220,220,1);display:inline-block}
.top-icon a{font-size:12px;color:#fff;text-align:center;display:inline-block;padding:0;margin:0;background-color:rgba(220,0,0,1);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.navbar-fix a:hover{opacity:1}
.fa-icon{display:block;font-size:26px;color:#000;padding:0;margin:0}
.nav-icon .fa-facebook-f:before,.nav-icon .fa-facebook:before{content:"\f09a";padding:0 5px}


.ebook{
    width: 100%;
    background: url(https://asset.msi.com/event/mb/2017/pcBuild_landing/images/material.jpg) repeat top left;
    padding: 50px;
}
.ebook-bg{
     background: url(https://asset.msi.com/event/mb/2017/pcBuild_landing/images/ebook-1.jpg) no-repeat center center;
     padding: 0% 30px;
     background-size: cover;
     margin: 0 auto;
     padding-bottom: 25%;
     height: 0;
     
}

.ebook-bg.container{
    max-width: 1920px;
    width: 100%;

}

.txt-right{
     text-align: left;
     max-width: 480px;
     padding-top: 2%;
}

.eb-title {
    font-size: 48px;
    color: #e2001a;
    font-family: 'DINCond-Bold';
}

.eb-txt{
    font-size: 18px;
    line-height: 1.6;
    color: #fff;
}

.s2_2 .case .txt > a{
	text-decoration: underline !important;
}