@media(min-width: 1260px){.hoverRedTxt:hover{color:#c92534 !important}.redButton{background:linear-gradient(90deg, #CB0900 0%, #FF0B00 100%) !important;color:#FFF !important}.redButton:hover{background:#8e1c26 !important}.blueButton{background:linear-gradient(90deg, #001356 0%, #033F88 100%) !important;color:#FFF !important}.blueButton:hover{background:#000c38 !important}.blackButton{background:linear-gradient(90deg, #000000 0%, #656565 100%) !important;color:#FFF !important}.blackButton:hover{background:#000 !important}.grayButton{background:linear-gradient(#EEE 0%, #F2F2F2 100%) !important;color:#000 !important}.grayButton:hover{background:#bbb9b9 !important}.whiteButton{background:#FFF !important;color:#000 !important}.whiteButton:hover{background:#bbb9b9 !important}.greenButton{background:linear-gradient(90deg, #488B13 0%, #77C000 100%) !important;color:#FFF !important}.greenButton:hover{background:#3a7210 !important}html.no-webp .whiteSelect{background-color:#FFF !important;}html.webp .whiteSelect{background-color:#FFF !important;}html.no-webp .whiteSelect:hover{background-color:#F2F2F2 !important;}html.webp .whiteSelect:hover{background-color:#F2F2F2 !important;}html.no-webp .whiteSelect:focus{background-color:#FFF !important;}html.webp .whiteSelect:focus{background-color:#FFF !important;}.hopOnHover{-webkit-transform:perspective(1px) translateZ(0) !important;transform:perspective(1px) translateZ(0) !important;-webkit-transition-duration:.3s !important;transition-duration:.3s !important;-webkit-transition-property:transform !important;transition-property:transform !important;-webkit-transition-timing-function:ease-out !important;transition-timing-function:ease-out !important}.hopOnHover:hover{-webkit-transform:translateY(-20px) !important;transform:translateY(-20px) !important}.dropOnHover{-webkit-transform:perspective(1px) translateZ(0) !important;transform:perspective(1px) translateZ(0) !important;-webkit-transition-duration:.3s !important;transition-duration:.3s !important;-webkit-transition-property:transform !important;transition-property:transform !important;-webkit-transition-timing-function:ease-out !important;transition-timing-function:ease-out !important}.dropOnHover:hover{-webkit-transform:translateY(20px) !important;transform:translateY(20px) !important}.moveRightAnimation{-webkit-transform:perspective(1px) translateZ(0) !important;transform:perspective(1px) translateZ(0) !important;-webkit-transition-duration:.3s !important;transition-duration:.3s !important;-webkit-transition-property:transform !important;transition-property:transform !important;-webkit-transition-timing-function:ease-out !important;transition-timing-function:ease-out !important}.moveRightAnimation:hover{-webkit-transform:translateX(20px) !important;transform:translateX(20px) !important}.redBorderHov:hover{border:1px solid #E30613 !important}.zoomObj{overflow:hidden!important;transition:all .4s !important}.zoomObj.photo img{transition:all .4s !important}.zoomObj:hover div img{transform:scale(1.05) !important;transition:all .4s !important}html.no-webp .arrowHover:hover{background-color:#F2F2F2 !important;}html.webp .arrowHover:hover{background-color:#F2F2F2 !important;}.arrowHover:hover.arrowHover svg{transform:scale(1.2) !important}html.no-webp .arrowHoverRed:hover{background-color:#DF0000 !important;}html.webp .arrowHoverRed:hover{background-color:#DF0000 !important;}.arrowHoverRed:hover.arrowHover svg{transform:scale(1.2) !important}html.no-webp .elemRadioHov{background-color:#bbb9b9;}html.webp .elemRadioHov{background-color:#bbb9b9;}.elemRadioHov{display:inline-block;position:absolute;width:19px;height:19px;border-radius:50%;top:4px;left:4px;opacity:0}.elemRadioHov:hover{opacity:1}.redElemHov:hover a div{background:#CB0900 !important}section{margin:0}#breadcrumb{color:#FFF}#guideList{background:#F2F2F2}#guideList div.photo:hover img{transform:scale(1.1)}#guideList div.photo img{width:100%;transition:transform .6s}#guideList div.photo.no-photo{border:1px solid #CCC}#guideList div.photo.no-photo img{max-width:25%}#guideList div.photo.no-photo:hover img{transform:none}html.no-webp #guideList div.top{background-image:url(/assets/prod/img/guide/bg.jpg?v=2);background-size:cover;background-position:center;}html.webp #guideList div.top{background-image:url(/assets/prod/img/guide/bg.webp?v=2);background-size:cover;background-position:center;}#guideList div.top{position:relative;padding:0;margin:0 0 70px;overflow:hidden;border-bottom:6px solid #C92534}#guideList div.top .guideListTitle{width:600px;position:relative;left:-320px}#guideList div.top .guideListTitle h1{text-align:left}#guideList div.top .guideListTitle .tags{text-align:left}#guideList div.top:before{top:0;display:block;content:' ';position:absolute;width:100%;height:100%;background:#000;opacity:.1}#guideList div.top h1{font-weight:600;padding-top:50px;font-size:77px;text-align:center;color:#FFF;text-transform:uppercase;text-shadow:2px 2px 2px #000}#guideList div.top div.tags{text-align:center;margin:50px 0 100px}#guideList div.top div.tags a{font-weight:600;display:inline-block;padding:6px 22px 7px 22px;border-radius:15px;background:#DDD;font-size:18px;text-transform:uppercase;color:#333;margin:15px 15px 0 0}#guideList div.top div.tags a:hover{background:#FFF}#guideList div.top div.tags a.selected{color:#FFF;background:#CB0900}#guideList div.box:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.list{width:100%;position:relative;left:0px;margin-bottom:70px;box-sizing:border-box;padding:0 21px}#guideList div.list.empty{font-weight:600;color:#000;font-size:21px;padding:7px 0 70px;margin-bottom:0}#guideList div.list div.item{clear:right;height:550px;width:390px;background:#FFF;margin:7px;border-top:3px solid #E00900;display:inline-block;position:relative}#guideList div.list div.item div.photo{position:relative;background:#FFF;width:100%;height:270px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}#guideList div.list div.item div.photo img{height:100%;width:auto}#guideList div.list div.item div.photo .movie{height:23px;padding:0 10px 1px;border-radius:50px;background:rgba(0,0,0,0.5);position:absolute;bottom:10px;right:10px;color:#FFF;display:flex;align-items:baseline}#guideList div.list div.item div.photo .movie svg{position:relative;width:20px;height:20px;color:#FFF;top:2px}#guideList div.list div.item div.photo .movie svg use{fill:#FFF}#guideList div.list div.item div.photo .movie span{align-self:center}#guideList div.list div.item div.photo .movie span.videoQuant{margin-left:5px}#guideList div.list div.item div.photo .movie:hover span.tooltip{display:block}#guideList div.list div.item div.photo .movie:hover svg use{fill:yellow}#guideList div.list div.item div.photo span.tooltip{bottom:25px;left:-175px;right:auto;z-index:9999;box-shadow:0 0 11px 5px rgba(2,2,2,0.2)}#guideList div.list div.item div.text{position:relative;float:left;padding:20px}#guideList div.list div.item div.text p{color:#999}#guideList div.list div.item div.text p.date{position:absolute;top:10px;left:20px;width:80px}#guideList div.list div.item div.text a{display:block;margin:5px 0 15px 0;font-size:20px;font-weight:600;color:#333;position:absolute;top:30px;left:20px;width:350px}#guideList div.list div.item div.text a:hover{color:#c92534}#guideList div.list div.item div.text .articleText{font-size:15px;width:350px;position:absolute;left:20px;top:120px}#guideList div.list div.item div.text div.bottom{position:absolute;bottom:-21px;width:100%;font-size:16px}#guideList div.list div.item .readMoreArt{display:inline;position:absolute;right:20px;bottom:20px}#guideList div.list div.item .readMoreArt a{padding:8px 10px}#guideList div.list div.item:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.list:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList .underRightBox{float:right;width:390px;height:553px;margin:7px 7px 0 0;opacity:0}#guideList div.rightBox{width:391px;min-height:553px;height:fit-content;background:#FFF;padding:20px 22px 20px;box-sizing:border-box;border:none;margin:7px 7px 0 0;position:absolute;right:22px;z-index:10}#guideList div.rightBox p.title{font-weight:600;font-size:20px;margin:0 0 15px;text-align:center;text-transform:uppercase}#guideList div.rightBox p.title a{color:#000}#guideList div.rightBox ul{padding:0 10px 10px}#guideList div.rightBox ul li{padding:12px 5px}html.no-webp #guideList div.rightBox ul li.lis{background-color:red;}html.webp #guideList div.rightBox ul li.lis{background-color:red;}#guideList div.rightBox ul li.lis{width:100%;height:440px;}#guideList div.rightBox ul li a{color:#777;font-size:18px}#guideList div.rightBox ul li a span{font-weight:600;display:inline-block;background:green;color:#FFF;padding:1px 8px;border-radius:3px;font-size:12px;text-transform:uppercase;margin-right:8px}#guideList div.rightBox ul li a:hover{color:#c92534 !important}#guideList div.rightBox.overflow{opacity:1;height:fit-content;overflow:hidden;max-height:554px}#guideList div.rightBox.overflow:after{position:absolute;bottom:0;left:0;content:' ';display:block;width:100%;height:20%;background:linear-gradient(0deg, #f2f2f2 30%, transparent 100%)}#guideList div.rightBox.show{height:auto;max-height:fit-content;overflow:unset;transition:all .4s}#guideList div.rightBox.show:after{display:none}#guideList div.rightBox span{width:100%;height:50px;background:linear-gradient(0deg, #f2f2f2 30%, transparent 100%);position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .4s;z-index:1}#guideList div.rightBox span.spanAppear{display:flex;position:absolute}#guideList div.rightBox span.spanHide{display:none}#guideList div.rightBox span.showSpan{background:#FFF;position:relative}#guideList div.rightBox span svg{transform:scale(1.5) rotate(0deg);transition:transform .2s linear}#guideList div.rightBox span svg.active2{transform:scale(1.5) rotate(180deg);transition:transform .2s linear;margin-top:20px}#guideList div.rightBox span svg use{fill:#333;transition:all .4s}#guideList div.rightBox span:hover svg.icon use{fill:#CB0900;transform:translateY(4px);transition:all .4s}#guideList div.truckMania{background:#999999;padding:50px 0 80px 0;margin-bottom:50px;position:relative}#guideList div.truckMania div.truckManiaContainer{width:1216px;left:-2px}#guideList div.truckMania div.truckManiaContainer span.arrow{display:flex;text-align:center;justify-content:center;align-items:center;cursor:pointer;position:absolute;top:calc(50% - 35px);margin-top:-35px;width:70px;height:70px;border-radius:100%;background:#F2F2F2;z-index:99}#guideList div.truckMania div.truckManiaContainer span.arrow.slick-disabled{opacity:0;border-color:#DDD}#guideList div.truckMania div.truckManiaContainer span.arrow.slick-disabled svg{color:#DDD}#guideList div.truckMania div.truckManiaContainer span.arrow svg{color:#222;width:50%;height:50%}#guideList div.truckMania div.truckManiaContainer span.arrow.right{right:-25px}#guideList div.truckMania div.truckManiaContainer span.arrow.right svg{margin-left:5%}#guideList div.truckMania div.truckManiaContainer span.arrow.left{left:-25px}#guideList div.truckMania div.truckManiaContainer span.arrow.left svg{margin-right:5%}#guideList div.truckMania h4{font-weight:700;font-size:30px;color:#101010;margin-bottom:30px;width:1248px;padding-left:8px}#guideList div.truckMania h5{font-weight:600;font-size:22px;color:#333;position:absolute;top:10px;right:7px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}#guideList div.truckMania h5 a{list-style:none;color:#000;display:flex;align-items:center}#guideList div.truckMania h5 a:hover{color:#c92534}#guideList div.truckMania h5 a span{display:inline-block;background-image:url('/assets/prod/img/common/youtube.svg');background-size:cover;background-position:center;background-repeat:no-repeat;height:26px;width:36px;margin-left:10px}html.no-webp #guideList div.truckMania div.items ul.slick-dots li button{background-color:#393939;}html.webp #guideList div.truckMania div.items ul.slick-dots li button{background-color:#393939;}html.no-webp #guideList div.truckMania div.items ul.slick-dots li.slick-active button{background-color:#DF0000;}html.webp #guideList div.truckMania div.items ul.slick-dots li.slick-active button{background-color:#DF0000;}#guideList div.truckMania div.item{float:left;height:550px;width:390px;background:#FFF;margin:8px;border-top:3px solid #E00900;display:inline-block;position:relative}#guideList div.truckMania div.item div.photo{position:relative;background:#FFF;width:100%;height:270px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}#guideList div.truckMania div.item div.photo span.ytIcon{position:absolute;top:calc(50% - 30px);left:calc(50% - 40px);background-image:url('/assets/prod/img/common/youtube.svg');background-size:cover;background-position:center;background-repeat:no-repeat;height:60px;width:80px;z-index:10}#guideList div.truckMania div.item div.photo div.youtube{height:100%;width:100%}#guideList div.truckMania div.item div.photo div.youtube img{height:100%;width:100%}#guideList div.truckMania div.item div.text{position:relative;float:left;padding:20px}#guideList div.truckMania div.item div.text p{color:#999}#guideList div.truckMania div.item div.text p.date{display:block;position:absolute;top:10px;left:20px;width:80px}#guideList div.truckMania div.item div.text a{display:block;margin:5px 0 15px 0;font-size:20px;font-weight:600;color:#333;position:absolute;top:30px;left:20px;width:350px}#guideList div.truckMania div.item div.text a:hover{color:#c92534}#guideList div.truckMania div.item div.text .articleText{font-size:15px;color:#999;width:350px;max-height:72px;overflow:hidden;position:absolute;left:20px;top:120px}#guideList div.truckMania div.item div.text h3{display:none}#guideList div.truckMania div.item div.text hr{display:none}#guideList div.truckMania div.item div.bottom{position:absolute;bottom:20px;left:20px;width:250px;font-size:16px}#guideList div.truckMania div.item .readMoreArt{display:inline;position:absolute;right:20px;bottom:20px}#guideList div.truckMania div.item .readMoreArt a{padding:8px 10px}#guideList div.truckMania:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.tutorial{background:#999999;padding:50px 0 80px 0;margin-bottom:50px;position:relative}#guideList div.tutorial div.tutorialContainer{width:1216px;left:-2px}#guideList div.tutorial div.tutorialContainer span.arrow{display:flex;text-align:center;justify-content:center;align-items:center;cursor:pointer;position:absolute;top:calc(50% - 35px);margin-top:-35px;width:70px;height:70px;border-radius:100%;background:#F2F2F2;z-index:99}#guideList div.tutorial div.tutorialContainer span.arrow.slick-disabled{opacity:0;border-color:#DDD}#guideList div.tutorial div.tutorialContainer span.arrow.slick-disabled svg{color:#DDD}#guideList div.tutorial div.tutorialContainer span.arrow svg{color:#222;width:50%;height:50%}#guideList div.tutorial div.tutorialContainer span.arrow.right{right:-25px}#guideList div.tutorial div.tutorialContainer span.arrow.right svg{margin-left:5%}#guideList div.tutorial div.tutorialContainer span.arrow.left{left:-25px}#guideList div.tutorial div.tutorialContainer span.arrow.left svg{margin-right:5%}#guideList div.tutorial h4{font-weight:700;font-size:30px;color:#101010;margin-bottom:30px;width:1248px;padding-left:8px}#guideList div.tutorial h5{font-weight:600;font-size:22px;color:#333;position:absolute;top:10px;right:7px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}#guideList div.tutorial h5 a{list-style:none;color:#000;display:flex;align-items:center}#guideList div.tutorial h5 a:hover{color:#c92534}#guideList div.tutorial h5 a span{display:inline-block;background-image:url('/assets/prod/img/common/youtube.svg');background-size:cover;background-position:center;background-repeat:no-repeat;height:26px;width:36px;margin-left:10px}html.no-webp #guideList div.tutorial div.items ul.slick-dots li button{background-color:#393939;}html.webp #guideList div.tutorial div.items ul.slick-dots li button{background-color:#393939;}html.no-webp #guideList div.tutorial div.items ul.slick-dots li.slick-active button{background-color:#DF0000;}html.webp #guideList div.tutorial div.items ul.slick-dots li.slick-active button{background-color:#DF0000;}#guideList div.tutorial div.item{float:left;height:400px;width:400px;background:rgba(0,0,0,0);margin:8px;border-top:3px solid #E00900;display:inline-block;position:relative}#guideList div.tutorial div.item div.photo{position:relative;background:rgba(0,0,0,0);width:100%;height:80%;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}#guideList div.tutorial div.item div.photo span.ytIcon{position:absolute;top:calc(50% - 30px);left:calc(50% - 40px);background-image:url('/assets/prod/img/common/youtube.svg');background-size:cover;background-position:center;background-repeat:no-repeat;height:60px;width:80px;z-index:10}#guideList div.tutorial div.item div.photo div.youtube{height:100%;width:100%}#guideList div.tutorial div.item div.photo div.youtube img{height:100%;width:100%;position:relative}#guideList div.tutorial div.item div.text{position:relative;float:left;padding:10px}#guideList div.tutorial div.item div.text p{color:#999}#guideList div.tutorial div.item div.text a{display:block;margin:5px 0 15px 0;font-size:20px;font-weight:600;color:#000}#guideList div.tutorial div.item div.text a:hover{color:#c92534}#guideList div.tutorial:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.pager{display:flex;justify-content:center}#guideList:after{clear:both;display:block !important;content:'';visibility:hidden}}@media(min-width: 768px) and (max-width: 1260px){.hoverRedTxt:hover{color:#c92534 !important}.redButton{background:linear-gradient(90deg, #CB0900 0%, #FF0B00 100%) !important;color:#FFF !important}.redButton:hover{background:#8e1c26 !important}.blueButton{background:linear-gradient(90deg, #001356 0%, #033F88 100%) !important;color:#FFF !important}.blueButton:hover{background:#000c38 !important}.blackButton{background:linear-gradient(90deg, #000000 0%, #656565 100%) !important;color:#FFF !important}.blackButton:hover{background:#000 !important}.grayButton{background:linear-gradient(#EEE 0%, #F2F2F2 100%) !important;color:#000 !important}.grayButton:hover{background:#bbb9b9 !important}.whiteButton{background:#FFF !important;color:#000 !important}.whiteButton:hover{background:#bbb9b9 !important}.greenButton{background:linear-gradient(90deg, #488B13 0%, #77C000 100%) !important;color:#FFF !important}.greenButton:hover{background:#3a7210 !important}html.no-webp .whiteSelect{background-color:#FFF !important;}html.webp .whiteSelect{background-color:#FFF !important;}html.no-webp .whiteSelect:hover{background-color:#F2F2F2 !important;}html.webp .whiteSelect:hover{background-color:#F2F2F2 !important;}html.no-webp .whiteSelect:focus{background-color:#FFF !important;}html.webp .whiteSelect:focus{background-color:#FFF !important;}.hopOnHover{-webkit-transform:perspective(1px) translateZ(0) !important;transform:perspective(1px) translateZ(0) !important;-webkit-transition-duration:.3s !important;transition-duration:.3s !important;-webkit-transition-property:transform !important;transition-property:transform !important;-webkit-transition-timing-function:ease-out !important;transition-timing-function:ease-out !important}.hopOnHover:hover{-webkit-transform:translateY(-20px) !important;transform:translateY(-20px) !important}.dropOnHover{-webkit-transform:perspective(1px) translateZ(0) !important;transform:perspective(1px) translateZ(0) !important;-webkit-transition-duration:.3s !important;transition-duration:.3s !important;-webkit-transition-property:transform !important;transition-property:transform !important;-webkit-transition-timing-function:ease-out !important;transition-timing-function:ease-out !important}.dropOnHover:hover{-webkit-transform:translateY(20px) !important;transform:translateY(20px) !important}.moveRightAnimation{-webkit-transform:perspective(1px) translateZ(0) !important;transform:perspective(1px) translateZ(0) !important;-webkit-transition-duration:.3s !important;transition-duration:.3s !important;-webkit-transition-property:transform !important;transition-property:transform !important;-webkit-transition-timing-function:ease-out !important;transition-timing-function:ease-out !important}.moveRightAnimation:hover{-webkit-transform:translateX(20px) !important;transform:translateX(20px) !important}.redBorderHov:hover{border:1px solid #E30613 !important}.zoomObj{overflow:hidden!important;transition:all .4s !important}.zoomObj.photo img{transition:all .4s !important}.zoomObj:hover div img{transform:scale(1.05) !important;transition:all .4s !important}html.no-webp .arrowHover:hover{background-color:#F2F2F2 !important;}html.webp .arrowHover:hover{background-color:#F2F2F2 !important;}.arrowHover:hover.arrowHover svg{transform:scale(1.2) !important}html.no-webp .arrowHoverRed:hover{background-color:#DF0000 !important;}html.webp .arrowHoverRed:hover{background-color:#DF0000 !important;}.arrowHoverRed:hover.arrowHover svg{transform:scale(1.2) !important}html.no-webp .elemRadioHov{background-color:#bbb9b9;}html.webp .elemRadioHov{background-color:#bbb9b9;}.elemRadioHov{display:inline-block;position:absolute;width:19px;height:19px;border-radius:50%;top:4px;left:4px;opacity:0}.elemRadioHov:hover{opacity:1}.redElemHov:hover a div{background:#CB0900 !important}section{margin:0}#breadcrumb{color:#FFF}#guideList{background:#F2F2F2}#guideList div.photo:hover img{transform:scale(1.1)}#guideList div.photo img{width:100%;transition:transform .6s}#guideList div.photo.no-photo{border:1px solid #CCC}#guideList div.photo.no-photo img{max-width:25%}#guideList div.photo.no-photo:hover img{transform:none}html.no-webp #guideList div.top{background-image:url(/assets/prod/img/guide/bg.jpg?v=2);background-size:cover;background-position:center;}html.webp #guideList div.top{background-image:url(/assets/prod/img/guide/bg.webp?v=2);background-size:cover;background-position:center;}#guideList div.top{position:relative;padding:0;margin:0 0 70px;overflow:hidden;border-bottom:6px solid #C92534}#guideList div.top .guideListTitle{width:600px;position:relative;left:-320px}#guideList div.top .guideListTitle h1{text-align:left}#guideList div.top .guideListTitle .tags{text-align:left}#guideList div.top:before{top:0;display:block;content:' ';position:absolute;width:100%;height:100%;background:#000;opacity:.1}#guideList div.top h1{font-weight:600;padding-top:50px;font-size:77px;text-align:center;color:#FFF;text-transform:uppercase;text-shadow:2px 2px 2px #000}#guideList div.top div.tags{text-align:center;margin:50px 0 100px}#guideList div.top div.tags a{font-weight:600;display:inline-block;padding:6px 22px 7px 22px;border-radius:15px;background:#DDD;font-size:18px;text-transform:uppercase;color:#333;margin:15px 15px 0 0}#guideList div.top div.tags a:hover{background:#FFF}#guideList div.top div.tags a.selected{color:#FFF;background:#CB0900}#guideList div.box:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.list{width:100%;position:relative;left:0px;margin-bottom:70px;box-sizing:border-box;padding:0 21px}#guideList div.list.empty{font-weight:600;color:#000;font-size:21px;padding:7px 0 70px;margin-bottom:0}#guideList div.list div.item{clear:right;height:550px;width:390px;background:#FFF;margin:7px;border-top:3px solid #E00900;display:inline-block;position:relative}#guideList div.list div.item div.photo{position:relative;background:#FFF;width:100%;height:270px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}#guideList div.list div.item div.photo img{height:100%;width:auto}#guideList div.list div.item div.photo .movie{height:23px;padding:0 10px 1px;border-radius:50px;background:rgba(0,0,0,0.5);position:absolute;bottom:10px;right:10px;color:#FFF;display:flex;align-items:baseline}#guideList div.list div.item div.photo .movie svg{position:relative;width:20px;height:20px;color:#FFF;top:2px}#guideList div.list div.item div.photo .movie svg use{fill:#FFF}#guideList div.list div.item div.photo .movie span{align-self:center}#guideList div.list div.item div.photo .movie span.videoQuant{margin-left:5px}#guideList div.list div.item div.photo .movie:hover span.tooltip{display:block}#guideList div.list div.item div.photo .movie:hover svg use{fill:yellow}#guideList div.list div.item div.photo span.tooltip{bottom:25px;left:-175px;right:auto;z-index:9999;box-shadow:0 0 11px 5px rgba(2,2,2,0.2)}#guideList div.list div.item div.text{position:relative;float:left;padding:20px}#guideList div.list div.item div.text p{color:#999}#guideList div.list div.item div.text p.date{position:absolute;top:10px;left:20px;width:80px}#guideList div.list div.item div.text a{display:block;margin:5px 0 15px 0;font-size:20px;font-weight:600;color:#333;position:absolute;top:30px;left:20px;width:350px}#guideList div.list div.item div.text a:hover{color:#c92534}#guideList div.list div.item div.text .articleText{font-size:15px;width:350px;position:absolute;left:20px;top:120px}#guideList div.list div.item div.text div.bottom{position:absolute;bottom:-21px;width:100%;font-size:16px}#guideList div.list div.item .readMoreArt{display:inline;position:absolute;right:20px;bottom:20px}#guideList div.list div.item .readMoreArt a{padding:8px 10px}#guideList div.list div.item:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.list:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList .underRightBox{float:right;width:390px;height:553px;margin:7px 7px 0 0;opacity:0}#guideList div.rightBox{width:391px;min-height:553px;height:fit-content;background:#FFF;padding:20px 22px 20px;box-sizing:border-box;border:none;margin:7px 7px 0 0;position:absolute;right:22px;z-index:10}#guideList div.rightBox p.title{font-weight:600;font-size:20px;margin:0 0 15px;text-align:center;text-transform:uppercase}#guideList div.rightBox p.title a{color:#000}#guideList div.rightBox ul{padding:0 10px 10px}#guideList div.rightBox ul li{padding:12px 5px}html.no-webp #guideList div.rightBox ul li.lis{background-color:red;}html.webp #guideList div.rightBox ul li.lis{background-color:red;}#guideList div.rightBox ul li.lis{width:100%;height:440px;}#guideList div.rightBox ul li a{color:#777;font-size:18px}#guideList div.rightBox ul li a span{font-weight:600;display:inline-block;background:green;color:#FFF;padding:1px 8px;border-radius:3px;font-size:12px;text-transform:uppercase;margin-right:8px}#guideList div.rightBox ul li a:hover{color:#c92534 !important}#guideList div.rightBox.overflow{opacity:1;height:fit-content;overflow:hidden;max-height:554px}#guideList div.rightBox.overflow:after{position:absolute;bottom:0;left:0;content:' ';display:block;width:100%;height:20%;background:linear-gradient(0deg, #f2f2f2 30%, transparent 100%)}#guideList div.rightBox.show{height:auto;max-height:fit-content;overflow:unset;transition:all .4s}#guideList div.rightBox.show:after{display:none}#guideList div.rightBox span{width:100%;height:50px;background:linear-gradient(0deg, #f2f2f2 30%, transparent 100%);position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .4s;z-index:1}#guideList div.rightBox span.spanAppear{display:flex;position:absolute}#guideList div.rightBox span.spanHide{display:none}#guideList div.rightBox span.showSpan{background:#FFF;position:relative}#guideList div.rightBox span svg{transform:scale(1.5) rotate(0deg);transition:transform .2s linear}#guideList div.rightBox span svg.active2{transform:scale(1.5) rotate(180deg);transition:transform .2s linear;margin-top:20px}#guideList div.rightBox span svg use{fill:#333;transition:all .4s}#guideList div.rightBox span:hover svg.icon use{fill:#CB0900;transform:translateY(4px);transition:all .4s}#guideList div.truckMania{background:#999999;padding:50px 0 80px 0;margin-bottom:50px;position:relative}#guideList div.truckMania div.truckManiaContainer{width:1216px;left:-2px}#guideList div.truckMania div.truckManiaContainer span.arrow{display:flex;text-align:center;justify-content:center;align-items:center;cursor:pointer;position:absolute;top:calc(50% - 35px);margin-top:-35px;width:70px;height:70px;border-radius:100%;background:#F2F2F2;z-index:99}#guideList div.truckMania div.truckManiaContainer span.arrow.slick-disabled{opacity:0;border-color:#DDD}#guideList div.truckMania div.truckManiaContainer span.arrow.slick-disabled svg{color:#DDD}#guideList div.truckMania div.truckManiaContainer span.arrow svg{color:#222;width:50%;height:50%}#guideList div.truckMania div.truckManiaContainer span.arrow.right{right:-25px}#guideList div.truckMania div.truckManiaContainer span.arrow.right svg{margin-left:5%}#guideList div.truckMania div.truckManiaContainer span.arrow.left{left:-25px}#guideList div.truckMania div.truckManiaContainer span.arrow.left svg{margin-right:5%}#guideList div.truckMania h4{font-weight:700;font-size:30px;color:#101010;margin-bottom:30px;width:1248px;padding-left:8px}#guideList div.truckMania h5{font-weight:600;font-size:22px;color:#333;position:absolute;top:10px;right:7px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}#guideList div.truckMania h5 a{list-style:none;color:#000;display:flex;align-items:center}#guideList div.truckMania h5 a:hover{color:#c92534}#guideList div.truckMania h5 a span{display:inline-block;background-image:url('/assets/prod/img/common/youtube.svg');background-size:cover;background-position:center;background-repeat:no-repeat;height:26px;width:36px;margin-left:10px}html.no-webp #guideList div.truckMania div.items ul.slick-dots li button{background-color:#393939;}html.webp #guideList div.truckMania div.items ul.slick-dots li button{background-color:#393939;}html.no-webp #guideList div.truckMania div.items ul.slick-dots li.slick-active button{background-color:#DF0000;}html.webp #guideList div.truckMania div.items ul.slick-dots li.slick-active button{background-color:#DF0000;}#guideList div.truckMania div.item{float:left;height:550px;width:390px;background:#FFF;margin:8px;border-top:3px solid #E00900;display:inline-block;position:relative}#guideList div.truckMania div.item div.photo{position:relative;background:#FFF;width:100%;height:270px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}#guideList div.truckMania div.item div.photo span.ytIcon{position:absolute;top:calc(50% - 30px);left:calc(50% - 40px);background-image:url('/assets/prod/img/common/youtube.svg');background-size:cover;background-position:center;background-repeat:no-repeat;height:60px;width:80px;z-index:10}#guideList div.truckMania div.item div.photo div.youtube{height:100%;width:100%}#guideList div.truckMania div.item div.photo div.youtube img{height:100%;width:100%}#guideList div.truckMania div.item div.text{position:relative;float:left;padding:20px}#guideList div.truckMania div.item div.text p{color:#999}#guideList div.truckMania div.item div.text p.date{display:block;position:absolute;top:10px;left:20px;width:80px}#guideList div.truckMania div.item div.text a{display:block;margin:5px 0 15px 0;font-size:20px;font-weight:600;color:#333;position:absolute;top:30px;left:20px;width:350px}#guideList div.truckMania div.item div.text a:hover{color:#c92534}#guideList div.truckMania div.item div.text .articleText{font-size:15px;color:#999;width:350px;max-height:72px;overflow:hidden;position:absolute;left:20px;top:120px}#guideList div.truckMania div.item div.text h3{display:none}#guideList div.truckMania div.item div.text hr{display:none}#guideList div.truckMania div.item div.bottom{position:absolute;bottom:20px;left:20px;width:250px;font-size:16px}#guideList div.truckMania div.item .readMoreArt{display:inline;position:absolute;right:20px;bottom:20px}#guideList div.truckMania div.item .readMoreArt a{padding:8px 10px}#guideList div.truckMania:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.tutorial{background:#999999;padding:50px 0 80px 0;margin-bottom:50px;position:relative}#guideList div.tutorial div.tutorialContainer{width:1216px;left:-2px}#guideList div.tutorial div.tutorialContainer span.arrow{display:flex;text-align:center;justify-content:center;align-items:center;cursor:pointer;position:absolute;top:calc(50% - 35px);margin-top:-35px;width:70px;height:70px;border-radius:100%;background:#F2F2F2;z-index:99}#guideList div.tutorial div.tutorialContainer span.arrow.slick-disabled{opacity:0;border-color:#DDD}#guideList div.tutorial div.tutorialContainer span.arrow.slick-disabled svg{color:#DDD}#guideList div.tutorial div.tutorialContainer span.arrow svg{color:#222;width:50%;height:50%}#guideList div.tutorial div.tutorialContainer span.arrow.right{right:-25px}#guideList div.tutorial div.tutorialContainer span.arrow.right svg{margin-left:5%}#guideList div.tutorial div.tutorialContainer span.arrow.left{left:-25px}#guideList div.tutorial div.tutorialContainer span.arrow.left svg{margin-right:5%}#guideList div.tutorial h4{font-weight:700;font-size:30px;color:#101010;margin-bottom:30px;width:1248px;padding-left:8px}#guideList div.tutorial h5{font-weight:600;font-size:22px;color:#333;position:absolute;top:10px;right:7px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}#guideList div.tutorial h5 a{list-style:none;color:#000;display:flex;align-items:center}#guideList div.tutorial h5 a:hover{color:#c92534}#guideList div.tutorial h5 a span{display:inline-block;background-image:url('/assets/prod/img/common/youtube.svg');background-size:cover;background-position:center;background-repeat:no-repeat;height:26px;width:36px;margin-left:10px}html.no-webp #guideList div.tutorial div.items ul.slick-dots li button{background-color:#393939;}html.webp #guideList div.tutorial div.items ul.slick-dots li button{background-color:#393939;}html.no-webp #guideList div.tutorial div.items ul.slick-dots li.slick-active button{background-color:#DF0000;}html.webp #guideList div.tutorial div.items ul.slick-dots li.slick-active button{background-color:#DF0000;}#guideList div.tutorial div.item{float:left;height:400px;width:400px;background:rgba(0,0,0,0);margin:8px;border-top:3px solid #E00900;display:inline-block;position:relative}#guideList div.tutorial div.item div.photo{position:relative;background:rgba(0,0,0,0);width:100%;height:80%;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}#guideList div.tutorial div.item div.photo span.ytIcon{position:absolute;top:calc(50% - 30px);left:calc(50% - 40px);background-image:url('/assets/prod/img/common/youtube.svg');background-size:cover;background-position:center;background-repeat:no-repeat;height:60px;width:80px;z-index:10}#guideList div.tutorial div.item div.photo div.youtube{height:100%;width:100%}#guideList div.tutorial div.item div.photo div.youtube img{height:100%;width:100%;position:relative}#guideList div.tutorial div.item div.text{position:relative;float:left;padding:10px}#guideList div.tutorial div.item div.text p{color:#999}#guideList div.tutorial div.item div.text a{display:block;margin:5px 0 15px 0;font-size:20px;font-weight:600;color:#000}#guideList div.tutorial div.item div.text a:hover{color:#c92534}#guideList div.tutorial:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.pager{display:flex;justify-content:center}#guideList:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.top{padding:20px 0 0}#guideList div.top h1{font-size:57px}#guideList div.top .guideListTitle{width:500px;left:-130px}#guideList div.top .guideListTitle div.tags{margin:30px 0 70px}#guideList div.top .guideListTitle div.tags a{font-size:15px}#guideList div.list{width:100%;padding:0}#guideList div.list div.item{width:365px}#guideList div.list div.item div.text{width:330px}#guideList div.list div.item div.text a{font-size:20px;width:330px}#guideList div.list div.item div.text .articleText{width:330px}#guideList div.list div.underRightBox{width:365px}#guideList div.list div.rightBox{width:365px;right:8px}#guideList div.truckMania div.truckManiaContainer{width:762px;left:-2px}#guideList div.truckMania div.item div.text a{width:330px}#guideList div.truckMania div.item div.text p{width:330px}#guideList div.truckMania div.item div.bottom{width:230px}#guideList div.tutorial div.tutorialContainer{width:762px;left:-2px}}@media(max-width: 768px){.hoverRedTxt:hover{color:#c92534 !important}.redButton{background:linear-gradient(90deg, #CB0900 0%, #FF0B00 100%) !important;color:#FFF !important}.redButton:hover{background:#8e1c26 !important}.blueButton{background:linear-gradient(90deg, #001356 0%, #033F88 100%) !important;color:#FFF !important}.blueButton:hover{background:#000c38 !important}.blackButton{background:linear-gradient(90deg, #000000 0%, #656565 100%) !important;color:#FFF !important}.blackButton:hover{background:#000 !important}.grayButton{background:linear-gradient(#EEE 0%, #F2F2F2 100%) !important;color:#000 !important}.grayButton:hover{background:#bbb9b9 !important}.whiteButton{background:#FFF !important;color:#000 !important}.whiteButton:hover{background:#bbb9b9 !important}.greenButton{background:linear-gradient(90deg, #488B13 0%, #77C000 100%) !important;color:#FFF !important}.greenButton:hover{background:#3a7210 !important}html.no-webp .whiteSelect{background-color:#FFF !important;}html.webp .whiteSelect{background-color:#FFF !important;}html.no-webp .whiteSelect:hover{background-color:#F2F2F2 !important;}html.webp .whiteSelect:hover{background-color:#F2F2F2 !important;}html.no-webp .whiteSelect:focus{background-color:#FFF !important;}html.webp .whiteSelect:focus{background-color:#FFF !important;}.hopOnHover{-webkit-transform:perspective(1px) translateZ(0) !important;transform:perspective(1px) translateZ(0) !important;-webkit-transition-duration:.3s !important;transition-duration:.3s !important;-webkit-transition-property:transform !important;transition-property:transform !important;-webkit-transition-timing-function:ease-out !important;transition-timing-function:ease-out !important}.hopOnHover:hover{-webkit-transform:translateY(-20px) !important;transform:translateY(-20px) !important}.dropOnHover{-webkit-transform:perspective(1px) translateZ(0) !important;transform:perspective(1px) translateZ(0) !important;-webkit-transition-duration:.3s !important;transition-duration:.3s !important;-webkit-transition-property:transform !important;transition-property:transform !important;-webkit-transition-timing-function:ease-out !important;transition-timing-function:ease-out !important}.dropOnHover:hover{-webkit-transform:translateY(20px) !important;transform:translateY(20px) !important}.moveRightAnimation{-webkit-transform:perspective(1px) translateZ(0) !important;transform:perspective(1px) translateZ(0) !important;-webkit-transition-duration:.3s !important;transition-duration:.3s !important;-webkit-transition-property:transform !important;transition-property:transform !important;-webkit-transition-timing-function:ease-out !important;transition-timing-function:ease-out !important}.moveRightAnimation:hover{-webkit-transform:translateX(20px) !important;transform:translateX(20px) !important}.redBorderHov:hover{border:1px solid #E30613 !important}.zoomObj{overflow:hidden!important;transition:all .4s !important}.zoomObj.photo img{transition:all .4s !important}.zoomObj:hover div img{transform:scale(1.05) !important;transition:all .4s !important}html.no-webp .arrowHover:hover{background-color:#F2F2F2 !important;}html.webp .arrowHover:hover{background-color:#F2F2F2 !important;}.arrowHover:hover.arrowHover svg{transform:scale(1.2) !important}html.no-webp .arrowHoverRed:hover{background-color:#DF0000 !important;}html.webp .arrowHoverRed:hover{background-color:#DF0000 !important;}.arrowHoverRed:hover.arrowHover svg{transform:scale(1.2) !important}html.no-webp .elemRadioHov{background-color:#bbb9b9;}html.webp .elemRadioHov{background-color:#bbb9b9;}.elemRadioHov{display:inline-block;position:absolute;width:19px;height:19px;border-radius:50%;top:4px;left:4px;opacity:0}.elemRadioHov:hover{opacity:1}.redElemHov:hover a div{background:#CB0900 !important}section{margin:0}#breadcrumb{color:#FFF}#guideList{background:#F2F2F2}#guideList div.photo:hover img{transform:scale(1.1)}#guideList div.photo img{width:100%;transition:transform .6s}#guideList div.photo.no-photo{border:1px solid #CCC}#guideList div.photo.no-photo img{max-width:25%}#guideList div.photo.no-photo:hover img{transform:none}html.no-webp #guideList div.top{background-image:url(/assets/prod/img/guide/bg.jpg?v=2);background-size:cover;background-position:center;}html.webp #guideList div.top{background-image:url(/assets/prod/img/guide/bg.webp?v=2);background-size:cover;background-position:center;}#guideList div.top{position:relative;padding:0;margin:0 0 70px;overflow:hidden;border-bottom:6px solid #C92534}#guideList div.top .guideListTitle{width:600px;position:relative;left:-320px}#guideList div.top .guideListTitle h1{text-align:left}#guideList div.top .guideListTitle .tags{text-align:left}#guideList div.top:before{top:0;display:block;content:' ';position:absolute;width:100%;height:100%;background:#000;opacity:.1}#guideList div.top h1{font-weight:600;padding-top:50px;font-size:77px;text-align:center;color:#FFF;text-transform:uppercase;text-shadow:2px 2px 2px #000}#guideList div.top div.tags{text-align:center;margin:50px 0 100px}#guideList div.top div.tags a{font-weight:600;display:inline-block;padding:6px 22px 7px 22px;border-radius:15px;background:#DDD;font-size:18px;text-transform:uppercase;color:#333;margin:15px 15px 0 0}#guideList div.top div.tags a:hover{background:#FFF}#guideList div.top div.tags a.selected{color:#FFF;background:#CB0900}#guideList div.box:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.list{width:100%;position:relative;left:0px;margin-bottom:70px;box-sizing:border-box;padding:0 21px}#guideList div.list.empty{font-weight:600;color:#000;font-size:21px;padding:7px 0 70px;margin-bottom:0}#guideList div.list div.item{clear:right;height:550px;width:390px;background:#FFF;margin:7px;border-top:3px solid #E00900;display:inline-block;position:relative}#guideList div.list div.item div.photo{position:relative;background:#FFF;width:100%;height:270px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}#guideList div.list div.item div.photo img{height:100%;width:auto}#guideList div.list div.item div.photo .movie{height:23px;padding:0 10px 1px;border-radius:50px;background:rgba(0,0,0,0.5);position:absolute;bottom:10px;right:10px;color:#FFF;display:flex;align-items:baseline}#guideList div.list div.item div.photo .movie svg{position:relative;width:20px;height:20px;color:#FFF;top:2px}#guideList div.list div.item div.photo .movie svg use{fill:#FFF}#guideList div.list div.item div.photo .movie span{align-self:center}#guideList div.list div.item div.photo .movie span.videoQuant{margin-left:5px}#guideList div.list div.item div.photo .movie:hover span.tooltip{display:block}#guideList div.list div.item div.photo .movie:hover svg use{fill:yellow}#guideList div.list div.item div.photo span.tooltip{bottom:25px;left:-175px;right:auto;z-index:9999;box-shadow:0 0 11px 5px rgba(2,2,2,0.2)}#guideList div.list div.item div.text{position:relative;float:left;padding:20px}#guideList div.list div.item div.text p{color:#999}#guideList div.list div.item div.text p.date{position:absolute;top:10px;left:20px;width:80px}#guideList div.list div.item div.text a{display:block;margin:5px 0 15px 0;font-size:20px;font-weight:600;color:#333;position:absolute;top:30px;left:20px;width:350px}#guideList div.list div.item div.text a:hover{color:#c92534}#guideList div.list div.item div.text .articleText{font-size:15px;width:350px;position:absolute;left:20px;top:120px}#guideList div.list div.item div.text div.bottom{position:absolute;bottom:-21px;width:100%;font-size:16px}#guideList div.list div.item .readMoreArt{display:inline;position:absolute;right:20px;bottom:20px}#guideList div.list div.item .readMoreArt a{padding:8px 10px}#guideList div.list div.item:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.list:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList .underRightBox{float:right;width:390px;height:553px;margin:7px 7px 0 0;opacity:0}#guideList div.rightBox{width:391px;min-height:553px;height:fit-content;background:#FFF;padding:20px 22px 20px;box-sizing:border-box;border:none;margin:7px 7px 0 0;position:absolute;right:22px;z-index:10}#guideList div.rightBox p.title{font-weight:600;font-size:20px;margin:0 0 15px;text-align:center;text-transform:uppercase}#guideList div.rightBox p.title a{color:#000}#guideList div.rightBox ul{padding:0 10px 10px}#guideList div.rightBox ul li{padding:12px 5px}html.no-webp #guideList div.rightBox ul li.lis{background-color:red;}html.webp #guideList div.rightBox ul li.lis{background-color:red;}#guideList div.rightBox ul li.lis{width:100%;height:440px;}#guideList div.rightBox ul li a{color:#777;font-size:18px}#guideList div.rightBox ul li a span{font-weight:600;display:inline-block;background:green;color:#FFF;padding:1px 8px;border-radius:3px;font-size:12px;text-transform:uppercase;margin-right:8px}#guideList div.rightBox ul li a:hover{color:#c92534 !important}#guideList div.rightBox.overflow{opacity:1;height:fit-content;overflow:hidden;max-height:554px}#guideList div.rightBox.overflow:after{position:absolute;bottom:0;left:0;content:' ';display:block;width:100%;height:20%;background:linear-gradient(0deg, #f2f2f2 30%, transparent 100%)}#guideList div.rightBox.show{height:auto;max-height:fit-content;overflow:unset;transition:all .4s}#guideList div.rightBox.show:after{display:none}#guideList div.rightBox span{width:100%;height:50px;background:linear-gradient(0deg, #f2f2f2 30%, transparent 100%);position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .4s;z-index:1}#guideList div.rightBox span.spanAppear{display:flex;position:absolute}#guideList div.rightBox span.spanHide{display:none}#guideList div.rightBox span.showSpan{background:#FFF;position:relative}#guideList div.rightBox span svg{transform:scale(1.5) rotate(0deg);transition:transform .2s linear}#guideList div.rightBox span svg.active2{transform:scale(1.5) rotate(180deg);transition:transform .2s linear;margin-top:20px}#guideList div.rightBox span svg use{fill:#333;transition:all .4s}#guideList div.rightBox span:hover svg.icon use{fill:#CB0900;transform:translateY(4px);transition:all .4s}#guideList div.truckMania{background:#999999;padding:50px 0 80px 0;margin-bottom:50px;position:relative}#guideList div.truckMania div.truckManiaContainer{width:1216px;left:-2px}#guideList div.truckMania div.truckManiaContainer span.arrow{display:flex;text-align:center;justify-content:center;align-items:center;cursor:pointer;position:absolute;top:calc(50% - 35px);margin-top:-35px;width:70px;height:70px;border-radius:100%;background:#F2F2F2;z-index:99}#guideList div.truckMania div.truckManiaContainer span.arrow.slick-disabled{opacity:0;border-color:#DDD}#guideList div.truckMania div.truckManiaContainer span.arrow.slick-disabled svg{color:#DDD}#guideList div.truckMania div.truckManiaContainer span.arrow svg{color:#222;width:50%;height:50%}#guideList div.truckMania div.truckManiaContainer span.arrow.right{right:-25px}#guideList div.truckMania div.truckManiaContainer span.arrow.right svg{margin-left:5%}#guideList div.truckMania div.truckManiaContainer span.arrow.left{left:-25px}#guideList div.truckMania div.truckManiaContainer span.arrow.left svg{margin-right:5%}#guideList div.truckMania h4{font-weight:700;font-size:30px;color:#101010;margin-bottom:30px;width:1248px;padding-left:8px}#guideList div.truckMania h5{font-weight:600;font-size:22px;color:#333;position:absolute;top:10px;right:7px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}#guideList div.truckMania h5 a{list-style:none;color:#000;display:flex;align-items:center}#guideList div.truckMania h5 a:hover{color:#c92534}#guideList div.truckMania h5 a span{display:inline-block;background-image:url('/assets/prod/img/common/youtube.svg');background-size:cover;background-position:center;background-repeat:no-repeat;height:26px;width:36px;margin-left:10px}html.no-webp #guideList div.truckMania div.items ul.slick-dots li button{background-color:#393939;}html.webp #guideList div.truckMania div.items ul.slick-dots li button{background-color:#393939;}html.no-webp #guideList div.truckMania div.items ul.slick-dots li.slick-active button{background-color:#DF0000;}html.webp #guideList div.truckMania div.items ul.slick-dots li.slick-active button{background-color:#DF0000;}#guideList div.truckMania div.item{float:left;height:550px;width:390px;background:#FFF;margin:8px;border-top:3px solid #E00900;display:inline-block;position:relative}#guideList div.truckMania div.item div.photo{position:relative;background:#FFF;width:100%;height:270px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}#guideList div.truckMania div.item div.photo span.ytIcon{position:absolute;top:calc(50% - 30px);left:calc(50% - 40px);background-image:url('/assets/prod/img/common/youtube.svg');background-size:cover;background-position:center;background-repeat:no-repeat;height:60px;width:80px;z-index:10}#guideList div.truckMania div.item div.photo div.youtube{height:100%;width:100%}#guideList div.truckMania div.item div.photo div.youtube img{height:100%;width:100%}#guideList div.truckMania div.item div.text{position:relative;float:left;padding:20px}#guideList div.truckMania div.item div.text p{color:#999}#guideList div.truckMania div.item div.text p.date{display:block;position:absolute;top:10px;left:20px;width:80px}#guideList div.truckMania div.item div.text a{display:block;margin:5px 0 15px 0;font-size:20px;font-weight:600;color:#333;position:absolute;top:30px;left:20px;width:350px}#guideList div.truckMania div.item div.text a:hover{color:#c92534}#guideList div.truckMania div.item div.text .articleText{font-size:15px;color:#999;width:350px;max-height:72px;overflow:hidden;position:absolute;left:20px;top:120px}#guideList div.truckMania div.item div.text h3{display:none}#guideList div.truckMania div.item div.text hr{display:none}#guideList div.truckMania div.item div.bottom{position:absolute;bottom:20px;left:20px;width:250px;font-size:16px}#guideList div.truckMania div.item .readMoreArt{display:inline;position:absolute;right:20px;bottom:20px}#guideList div.truckMania div.item .readMoreArt a{padding:8px 10px}#guideList div.truckMania:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.tutorial{background:#999999;padding:50px 0 80px 0;margin-bottom:50px;position:relative}#guideList div.tutorial div.tutorialContainer{width:1216px;left:-2px}#guideList div.tutorial div.tutorialContainer span.arrow{display:flex;text-align:center;justify-content:center;align-items:center;cursor:pointer;position:absolute;top:calc(50% - 35px);margin-top:-35px;width:70px;height:70px;border-radius:100%;background:#F2F2F2;z-index:99}#guideList div.tutorial div.tutorialContainer span.arrow.slick-disabled{opacity:0;border-color:#DDD}#guideList div.tutorial div.tutorialContainer span.arrow.slick-disabled svg{color:#DDD}#guideList div.tutorial div.tutorialContainer span.arrow svg{color:#222;width:50%;height:50%}#guideList div.tutorial div.tutorialContainer span.arrow.right{right:-25px}#guideList div.tutorial div.tutorialContainer span.arrow.right svg{margin-left:5%}#guideList div.tutorial div.tutorialContainer span.arrow.left{left:-25px}#guideList div.tutorial div.tutorialContainer span.arrow.left svg{margin-right:5%}#guideList div.tutorial h4{font-weight:700;font-size:30px;color:#101010;margin-bottom:30px;width:1248px;padding-left:8px}#guideList div.tutorial h5{font-weight:600;font-size:22px;color:#333;position:absolute;top:10px;right:7px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}#guideList div.tutorial h5 a{list-style:none;color:#000;display:flex;align-items:center}#guideList div.tutorial h5 a:hover{color:#c92534}#guideList div.tutorial h5 a span{display:inline-block;background-image:url('/assets/prod/img/common/youtube.svg');background-size:cover;background-position:center;background-repeat:no-repeat;height:26px;width:36px;margin-left:10px}html.no-webp #guideList div.tutorial div.items ul.slick-dots li button{background-color:#393939;}html.webp #guideList div.tutorial div.items ul.slick-dots li button{background-color:#393939;}html.no-webp #guideList div.tutorial div.items ul.slick-dots li.slick-active button{background-color:#DF0000;}html.webp #guideList div.tutorial div.items ul.slick-dots li.slick-active button{background-color:#DF0000;}#guideList div.tutorial div.item{float:left;height:400px;width:400px;background:rgba(0,0,0,0);margin:8px;border-top:3px solid #E00900;display:inline-block;position:relative}#guideList div.tutorial div.item div.photo{position:relative;background:rgba(0,0,0,0);width:100%;height:80%;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}#guideList div.tutorial div.item div.photo span.ytIcon{position:absolute;top:calc(50% - 30px);left:calc(50% - 40px);background-image:url('/assets/prod/img/common/youtube.svg');background-size:cover;background-position:center;background-repeat:no-repeat;height:60px;width:80px;z-index:10}#guideList div.tutorial div.item div.photo div.youtube{height:100%;width:100%}#guideList div.tutorial div.item div.photo div.youtube img{height:100%;width:100%;position:relative}#guideList div.tutorial div.item div.text{position:relative;float:left;padding:10px}#guideList div.tutorial div.item div.text p{color:#999}#guideList div.tutorial div.item div.text a{display:block;margin:5px 0 15px 0;font-size:20px;font-weight:600;color:#000}#guideList div.tutorial div.item div.text a:hover{color:#c92534}#guideList div.tutorial:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.pager{display:flex;justify-content:center}#guideList:after{clear:both;display:block !important;content:'';visibility:hidden}#guideList div.top{padding:0}#guideList div.top h1{font-size:45px}#guideList div.top .guideListTitle{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;top:auto;left:auto;width:340px}#guideList div.top .guideListTitle div.tags{margin:10px 0 20px}#guideList div.top .guideListTitle div.tags a{font-size:15px}#guideList div.list{width:100%;padding:0}#guideList div.list div.item{height:auto;margin-top:15px;width:299px}#guideList div.list div.item div.photo{float:none;width:100%;height:230px}#guideList div.list div.item div.text{padding:10px 0 0 0;float:none;width:100%;height:auto;width:90%;margin:0 auto}#guideList div.list div.item div.text p.date{left:0;top:unset;position:relative}#guideList div.list div.item div.text a{font-size:20px;width:270px;left:0;position:relative;top:unset}#guideList div.list div.item div.text .articleText{width:270px;left:0;top:140px;position:relative;top:unset}#guideList div.list div.item div.text div.bottom{margin-top:10px;position:static}#guideList div.list div.item .readMoreArt{position:relative;bottom:unset;right:unset;display:flex;justify-content:flex-end;align-items:center}#guideList div.list div.item .readMoreArt a.button{margin:0 15px 10px 0}#guideList div.underRightBox{display:none}#guideList div.rightBox{display:none}#guideList div.truckMania div.truckManiaContainer{width:315px;left:-8px}#guideList div.truckMania h5 a p{display:none}#guideList div.truckMania h5 a span{position:absolute;top:0;right:0}#guideList div.truckMania div.item{height:auto}#guideList div.truckMania div.item div.photo{height:230px}#guideList div.truckMania div.item div.text p.date{position:relative;top:unset;left:unset}#guideList div.truckMania div.item div.text a{width:260px;left:unset;position:relative;top:unset}#guideList div.truckMania div.item div.text p.articleText,#guideList div.truckMania div.item div.text p{width:260px;left:unset;position:relative;top:unset}#guideList div.truckMania div.item .bottom{position:relative!important;bottom:unset!important;width:auto!important;float:left!important;width:170px!important;margin:0 0 10px 0!important}#guideList div.truckMania div.item .readMoreArt{width:auto;position:relative;right:unset;bottom:0;display:flex;justify-content:flex-end;align-items:flex-end;margin:0 15px 10px 0;float:right}#guideList div.tutorial div.tutorialContainer{width:315px;left:-8px}#guideList div.tutorial h5 a p{display:none}#guideList div.tutorial h5 a span{position:absolute;top:0;right:0}}