.tem02-positioning-language .item{ padding: 20px 8px 20px 20px; }
.tem02-positioning-language .box{ display: block; position: relative; border-color: #848484; color: #FFF; }
.tem02-positioning-language .absolute{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.tem02-positioning-language .border{ border-color: inherit; }
.tem02-positioning-language .border.line{ border-width: 1px; border-style: solid; opacity: .2; }
.tem02-positioning-language .border.dots{ z-index: 1; }
.tem02-positioning-language .border.dots .dot{ position: absolute; width: 1px; height: 100%; border-color: inherit; }
.tem02-positioning-language .border.dots .dot.left{ left: 0; }
.tem02-positioning-language .border.dots .dot.right{ right: 0; }
.tem02-positioning-language .border.dots .dot:before,
.tem02-positioning-language .border.dots .dot:after{ content: ""; width: 3px; height: 3px; border-width: 2px; border-radius: 50%; border-style: solid; border-color: inherit; display: block; position: absolute; }
.tem02-positioning-language .border.dots .dot.left:before{ left: -2px; top: -2px; }
.tem02-positioning-language .border.dots .dot.left:after{ left: -2px; bottom: -2px; }
.tem02-positioning-language .border.dots .dot.right:before{ right: -2px; top: -2px; }
.tem02-positioning-language .border.dots .dot.right:after{ right: -2px; bottom: -2px; }
.tem02-positioning-language .text{ z-index: 3; }
.tem02-positioning-language .text .subtitle{ padding: 5px 10px; font-size: 12px; letter-spacing: 0.3em; }
.tem02-positioning-language .text .title{ float: left; width: 100%; font-size: 40px; padding-top: 10px; }
.tem02-positioning-language .text .description{ font-size: 10px; letter-spacing: 0.06em; bottom: 15px; position: absolute; transform-origin: bottom left; }
.tem02-positioning-language .image{ padding: 1px; position: relative; z-index: 2; transform: translate(-12px, 12px); transition: .3s; }
.tem02-positioning-language .image img{ width: 100%; box-shadow: 0 13px 18px rgba(94, 94, 94, 0.35); transition: .3s; }
.tem02-positioning-language .image:hover{ transform: translate(0, 0); }
.tem02-positioning-language .image:hover img{ box-shadow: none; }
.tem02-positioning-language.content-left .text{ padding: 10% 0 0 10%; text-align: left; }
.tem02-positioning-language.content-left .subtitle{ float: left; }
.tem02-positioning-language.content-left .text .description{ right: 10px; transform: translate(100%,0) rotate(-90deg); }
.tem02-positioning-language.content-middle .text{ padding: 10% 20px 0; text-align: center; }
.tem02-positioning-language.content-middle .text .subtitle{ display: inline-block; }
.tem02-positioning-language.content-middle .text .description{ bottom: 15px; left: 50%; transform: translateX(-50%); }
.tem02-positioning-language.content-right .text{ padding: 10% 10% 0 0; text-align: right; }
.tem02-positioning-language.content-right .subtitle{ float: right; }
.tem02-positioning-language.content-right .text .description{ left: 29px; transform: rotate(-90deg); }
@media(max-width:768px){
    .tem02-positioning-language .container,
    .tem02-positioning-language.full-screen-spacing .container.full-screen{padding-left: 2%!important;padding-right: 2%!important}
}
@media(max-width:640px){
    .tem02-positioning-language .text .subtitle{ padding: 3px 10px; letter-spacing: 0.1em; }
    .tem02-positioning-language .text .title{ font-size: 30px; padding-top: 5px; }
    .tem02-positioning-language .text .description{ bottom: 10px; }
    .tem02-positioning-language.content-left .text .description{ right: 15px; transform: rotate(0deg); }
    .tem02-positioning-language.content-middle .text .description{ width: 100%; transform: translateX(-50%); }
    .tem02-positioning-language.content-right .text .description{ left: 15px; transform: rotate(0deg); }
}
@media(max-width:500px){
    .tem02-positioning-language .container{ padding: 0 5px; }
    .tem02-positioning-language .text .subtitle{ padding: 2px 8px; letter-spacing: 0; }
    .tem02-positioning-language .text .title{ font-size: 20px; }
}
@media(max-width:420px){
    .tem02-positioning-language .container{ padding: 0; }
    .tem02-positioning-language .item{ padding-right: 14px; }
    .tem02-positioning-language .image{ transform: translate(-6px, 6px); }
    .tem02-positioning-language .text .subtitle{ padding: 1px 6px; }
    .tem02-positioning-language .text .title{ font-size: 16px; }
}