.section-project-detail .wrapper .detail .bottom p{font-family:rawline-300," Arial, sans-serif";font-weight:400;font-style:normal}:lang(th) .section-project-detail .wrapper .detail .bottom p,.section-project-detail .wrapper .detail .bottom :lang(th) p{font-family:prompt-light," Arial, sans-serif";font-weight:400;font-style:normal}.section-page-next .container .wrapper .link .link-play .text,.section-page-next .container .wrapper h2{font-family:rawline-700," Arial, sans-serif";font-weight:400;font-style:normal}:lang(th) .section-page-next .container .wrapper .link .link-play .text,.section-page-next .container .wrapper .link .link-play :lang(th) .text,:lang(th) .section-page-next .container .wrapper h2,.section-page-next .container .wrapper :lang(th) h2{font-family:prompt-bold," Arial, sans-serif";font-weight:400;font-style:normal}.section-page-next .container .wrapper .link .link-play{display:inline-block;position:relative;height:90px}.section-page-next .container .wrapper .link .link-play .svg-play{width:90px;height:90px;display:inline-block}.section-page-next .container .wrapper .link .link-play .svg-play figure{position:relative;display:inline-block;float:left}.section-page-next .container .wrapper .link .link-play .svg-play svg{position:absolute;top:0;left:0}.section-page-next .container .wrapper .link .link-play .svg-play .outer{fill:transparent;stroke-width:1;stroke-dasharray:534;transition:stroke-dashoffset 1s;-webkit-animation-play-state:running;stroke-dashoffset:324;stroke:#ffffff8c}.section-page-next .container .wrapper .link .link-play .svg-play .inner{stroke-width:2;stroke:#fff;stroke-dashoffset:454}.section-page-next .container .wrapper .link .link-play .svg-play .triangle{fill:#fff;stroke:none}.section-page-next .container .wrapper .link .link-play:hover .svg-play .inner{stroke-dashoffset:324;-webkit-animation-play-state:paused}.section-page-next .container .wrapper .link .link-play:hover .text{margin-left:-30px;transition:all .4s cubic-bezier(.03,.98,.52,.99)}.section-page-next .container .wrapper .link .link-play .text{width:125px;margin-left:-15px;font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:2px;position:absolute;display:block;left:100%;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.03,.98,.52,.99)}.section-project-slide{margin-top:200px}@media (max-width: 768px){.section-project-slide{margin-top:100px}}@media (max-width: 1200px){.section-project-slide .container{padding-left:0;padding-right:0}}.section-project-slide .wrapper{position:relative}.section-project-slide .wrapper #slider{height:572px}@media (max-width: 768px){.section-project-slide .wrapper #slider{width:initial;height:initial}}.section-project-slide .wrapper #slider img{height:500px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}@media (max-width: 768px){.section-project-slide .wrapper #slider img{height:initial}}.section-project-slide .wrapper .year{position:absolute;display:flex;align-items:center;font-size:24px;color:#007bff;letter-spacing:0;line-height:38px;bottom:97px;left:-135px}@media (max-width: 1440px){.section-project-slide .wrapper .year{display:none}}.section-project-slide .wrapper .year:after{content:"";border-top:1px solid #007bff;width:202px;margin-left:20px}.section-project-slide .wrapper .arrow{position:absolute;display:flex;bottom:0;right:0;margin-right:-184px}@media (max-width: 1540px){.section-project-slide .wrapper .arrow{margin-right:initial}}.section-project-slide .wrapper .arrow #left,.section-project-slide .wrapper .arrow #right{width:184px;height:116px;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}@media (max-width: 768px){.section-project-slide .wrapper .arrow #left,.section-project-slide .wrapper .arrow #right{width:50px;height:50px}}.section-project-slide .wrapper .arrow #left{background:#007bff;opacity:.8}.section-project-slide .wrapper .arrow #left:before{content:"";position:absolute;border-top:5px solid transparent;border-right:10px solid #ffffff;border-bottom:5px solid transparent}.section-project-slide .wrapper .arrow #right{background:#007bff}@media (max-width: 768px){.section-project-slide .wrapper .arrow #right{background:#007bff;opacity:.8}}.section-project-slide .wrapper .arrow #right:before{content:"";position:absolute;border-top:5px solid transparent;border-left:10px solid #ffffff;border-bottom:5px solid transparent}.section-project-slide .wrapper .arrow #right .count{position:absolute;display:flex;top:-44px}@media (max-width: 768px){.section-project-slide .wrapper .arrow #right .count{display:none}}.section-project-slide .wrapper .arrow #right .count span{margin:0 5px}@media (max-width: 1200px){.section-project-detail .container{padding-left:0;padding-right:0}}.section-project-detail .wrapper{position:relative}@media (max-width: 1600px){.section-project-detail .wrapper{display:flex}}.section-project-detail .wrapper .back{background:#007bff;position:absolute;width:215px;height:300px;left:-215px}@media (max-width: 1600px){.section-project-detail .wrapper .back{position:relative;left:initial}}@media (max-width: 992px){.section-project-detail .wrapper .back{display:none}}.section-project-detail .wrapper .back .bt-back{background:#007bff;height:270px;position:absolute;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;color:#fff;text-transform:uppercase;font-size:16px;letter-spacing:0;line-height:16px}@media (max-width: 1600px){.section-project-detail .wrapper .back .bt-back{width:100%}}.section-project-detail .wrapper .back img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:.4}.section-project-detail .wrapper .detail{padding:30px 95px}@media (max-width: 1600px){.section-project-detail .wrapper .detail{width:100%}}@media (max-width: 1200px){.section-project-detail .wrapper .detail{padding:50px}}@media (max-width: 768px){.section-project-detail .wrapper .detail{padding:20px 15px}}.section-project-detail .wrapper .detail .top{margin-bottom:20px}.section-project-detail .wrapper .detail .top .title{font-size:24px;color:#007bff;letter-spacing:0;line-height:38px;margin:0}.section-project-detail .wrapper .detail .top p{font-size:48px;color:#000;letter-spacing:0;margin:0}@media (max-width: 768px){.section-project-detail .wrapper .detail .top p{font-size:24px}}.section-project-detail .wrapper .detail .bottom{display:flex;justify-content:space-between}@media (max-width: 992px){.section-project-detail .wrapper .detail .bottom{flex-direction:column}}.section-project-detail .wrapper .detail .bottom .title{font-size:21px;color:#007bff;letter-spacing:0;margin:0}.section-project-detail .wrapper .detail .bottom .title>p{font-size:21px;color:#007bff;letter-spacing:0;margin:0}.section-project-detail .wrapper .detail .bottom p{font-size:21px;color:#878a9d;letter-spacing:0}@media (max-width: 768px){.section-project-detail .wrapper .detail .bottom p{font-size:18px}}.section-page-next{background:#000;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.section-page-next img{width:100%;height:572px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;animation:zoomin 15s ease-in infinite;transition:all .5s ease-in-out}@media (max-width: 768px){.section-page-next img{height:300px}}.section-page-next .container{position:absolute;display:flex;align-items:center}.section-page-next .container .wrapper{padding:88px 95px;display:flex;align-items:center}@media (max-width: 1200px){.section-page-next .container .wrapper{flex-direction:column;width:100%;padding:0;align-items:initial;text-align:center}}.section-page-next .container .wrapper h2{font-size:60px;color:#fff;letter-spacing:0}@media (max-width: 1200px){.section-page-next .container .wrapper h2{font-size:40px;margin-bottom:30px}}@media (max-width: 768px){.section-page-next .container .wrapper h2{font-size:24px;text-align:center}}.section-page-next .container .wrapper .link{margin-left:50px}@media (max-width: 1200px){.section-page-next .container .wrapper .link{margin-left:0}}@keyframes zoomin{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes zoomout{0%{transform:scale(1)}50%{transform:scale(.67)}to{transform:scale(1)}}.main-header .xs-head-toggle .block-menu a{color:#878a9d}