.tem18-guide-language{height: 100vh;width: 100%;background-size: cover;position: relative;padding:0!important;background-repeat: no-repeat;}
.tem18-guide-language .con{height: 100%;width: 100%;}
.tem18-guide-language .wrap{width: 20%;height: 100%;position: relative;float: right;z-index: 2;}
.tem18-guide-language .wrap::before{content: "";position: absolute;width: 200%;height: 100%;background-color:inherit;z-index: 3;right:0;transform: translate3d(16vh,0,0) skewX(-20deg);
-moz-transform: translate3d(16vh,0,0) skewX(-20deg);
-ms-transform: translate3d(16vh,0,0) skewX(-20deg);
-webkit-transform: translate3d(16vh,0,0) skewX(-20deg);}
.tem18-guide-language .wrap .item{width: 130%;height: 100%;position: absolute;right: 0;top:0;z-index: 5;color:#fff;padding:24vh 10vh 12vh 2vh;}
.tem18-guide-language .wrap .item .subtitle{font-size: 12px;letter-spacing: 2px;position: relative;padding-top: 20px;border-color:#fff;}
.tem18-guide-language .wrap .item .subtitle::before{content: "";position: absolute;top:0;left:0;width: 26px;height: 3px;border-top: 3px solid;border-color:inherit;}
.tem18-guide-language .wrap .item .title{font-size: 80px;font-weight: 700;transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-webkit-transform: translate(-50%);}
.tem18-guide-language .wrap .item .description{font-size: 16px;line-height: 180%;}
.tem18-guide-language .wrap .item2{width: 100%;height: 100%;position: relative;float: right;background-color:inherit;}
.tem18-guide-language .wrap .item2::before{content: "";position: absolute;width: 200%;height: 100%;background-color:inherit;opacity:.2;right:0;transform:translate3d(14vh,0,0) skewX(-28deg);
-moz-transform:translate3d(14vh,0,0) skewX(-28deg);
-ms-transform:translate3d(14vh,0,0) skewX(-28deg);
-webkit-transform:translate3d(14vh,0,0) skewX(-28deg);}
.tem18-guide-language .wrap .item2::after{content: "";position: absolute;width: 200%;height: 100%;background-color:inherit;opacity:.3;right:0;transform: translate3d(16vh,0,0) skewX(5deg);
-moz-transform: translate3d(16vh,0,0) skewX(5deg);
-webkit-transform: translate3d(16vh,0,0) skewX(5deg);
-ms-transform: translate3d(16vh,0,0) skewX(5deg);}
@media (max-width: 768px){
    .tem18-guide-language .wrap{width: 30%;}
    .tem18-guide-language .wrap .item .title{font-size: 40px!important;line-height: 170%!important;}
    .tem18-guide-language .wrap::before{transform: translate3d(16vh,0,0) skewX(-16deg);-webkit-transform:translate3d(16vh,0,0) skewX(-16deg);}
    .tem18-guide-language .wrap .item2::before{transform: translate3d(14vh,0,0) skewX(-24deg);-webkit-transform: translate3d(14vh,0,0) skewX(-24deg);}
    .tem18-guide-language .wrap .item2::after{transform: translate3d(16vh,0,0) skewX(0deg);-webkit-transform:translate3d(16vh,0,0) skewX(0deg);}
}
@media (max-width: 480px){
    .tem18-guide-language .wrap{width: 50%;}
    .tem18-guide-language .wrap .item .title{font-size: 30px!important;}
    .tem18-guide-language .wrap .item{padding:24vh 5vh 5vh 5vh;}
    .tem18-guide-language .wrap .item2{background: none;}
    .tem18-guide-language .wrap .item2::before,
    .tem18-guide-language .wrap .item2::after{opacity: 0;}
    .tem18-guide-language .wrap .item .title{transform: translate(0);-webkit-transform: translate(0);-ms-transform: translate(0);}
    .tem18-guide-language .wrap::before{transform: translate3d(12vh,0,0) skewX(-16deg);-webkit-transform: translate3d(12vh,0,0) skewX(-16deg);-moz-transform: translate3d(12vh,0,0) skewX(-16deg);}
}
@media (max-width: 360px){
    .tem18-guide-language .wrap{padding: 5%;width:80%;}
    .tem18-guide-language .wrap .item2{display: none;}
    .tem18-guide-language .wrap .item{position: static;padding: 0;width: 100%;}
    .tem18-guide-language .wrap::before{display: none;}
    .tem18-guide-language .con{height: auto;}
}